/* ==========================================================================
   www 主题样式变量补全表
   --------------------------------------------------------------------------
   背景：www 模板包里的 static/css/*.css 大量使用 CSS 变量（var(--xxx)），
         但这些变量的**定义并不在模板包里** —— 原程序是由后台「模板设置」
         动态注入到页面的（{$CustomCss} / {$www.script} 等原始输出块）。

   移植到 v10 后这些变量全部缺失。CSS 变量未定义时，整条声明会在
   "computed-value 阶段"失效并回退到初始值，直接导致导航、首页各组件高度 /
   宽度 / 间距全部塌掉 —— 所以必须集中补全。

   下面的值是依据 static/css/*.css 中每个变量的**使用上下文**反推的合理默认值：
     · height / line-height 类  → px
     · font-weight 类           → 数字
     · grid repeat() 类         → 整数
     · 颜色类                   → 取自 www 现有调色板（主色 #0056ff / #0052d9）

   ★ 想要 1:1 还原：在老站页面源码里找到后端注入的那段 <style> 中的 :root{...}，
     把真实值贴回来覆盖本文件即可（两份结构一致）。
   ========================================================================== */

:root {
  /* ---------- 基础色阶 ---------- */
  --Original: #0056ff;               /* 主题主色（按钮 / 链接 / 强调） */
  --headColor: #0056ff;              /* 页头主色 */
  --buttoncolor: #0056ff;            /* 按钮色 */
  --textColor: #ffffff;              /* 深色底上的文字 */
  --black: #000000;

  --darker1: #0052d9;                /* 主色加深一档（描边 / 底色） */
  --darker2: #003cab;                /* 主色加深两档 */
  --lighter1: #e8f1ff;               /* 主色变浅一档 */
  --lighter2: #f3f7ff;               /* 主色变浅两档 */
  --lighter5: #ffffff;               /* 最浅（近白） */

  --gradient1: linear-gradient(90deg, #0056ff 0%, #206fed 100%);
  --gradient2: linear-gradient(135deg, #0056ff 0%, #4d8cff 100%);
  /* ★ --gradient3 最初被反推成「近白渐变」，是错的：全站证据都指向它是**蓝色**渐变，
       例如 universalComponents.css 的
         .bg-gradient1 span, .bg-gradient1:before { background: var(--Original); background: var(--gradient3); }
       —— 回退值就是主色 #0056ff；
       再如 nav.css 的注册按钮 background: var(--nav_register, var(--gradient3)) 配 color:#fff、
       module.css 的 .systemproduct-left-button / .button-gradient 也是 var(--gradient3) + color:#fff。
       如果它是近白色，这些地方的白色文字会整片看不见（新闻分页的当前页就是这么丢的）。
       这里取一个方向不同、明度贴近主色的蓝，兼顾「蓝色按钮」与「hover 变色」两种用法。 */
  --gradient3: linear-gradient(180deg, #206fed 0%, #0056ff 100%);
  --gradient4: linear-gradient(90deg, #ffffff 0%, #f3f7ff 100%);
  --colorG: linear-gradient(90deg, #0056ff 0%, #206fed 100%);

  /* ---------- 文字色 ---------- */
  --txtcl: #333333;                  /* 正文 */
  --txtclc: #666666;                 /* 正文（次要） */
  --txtcolor: #333333;
  --txttitle: #111111;               /* 标题 */
  --txtdesc: rgba(0, 0, 0, 0.65);    /* 描述 / 灰字（typo.css 已有定义，此处保持一致） */

  /* ---------- 全局排版 ----------
     ★ 2026-10-23 必须带字号！typo.css 里是 `html { font: var(--fonts) }`
       （font 简写），不带尺寸这条简写整条失效 → 根字号退回浏览器默认 16px、
       字体族也一起丢，全站文字比源站大约 14%。源站是 `14px code, ...`。 */
  --fonts: 14px "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --fontsthickness: 400;
  --BodyBackground: #ffffff;
  --global-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  --radius: 4px;                     /* 通用圆角（对齐源站 --radius:4px，微圆角） */

  /* ---------- 容器 ----------
     ★ 2026-10-23 对齐源站（VV10/www 后台主题配置实测值）：
       1440 / 745 / 64，内容区 1312px。
       原来是 1400 / 1200 / 20（内容区 1360px），比源站宽 3.7%，
       单页整体看起来「大一圈」。改完全站容器与源站同宽。 */
  --maxwidth: 1440px;                /* comp_container 最大宽度 */
  --minwidth: 745px;
  --padding: 64px;                   /* 容器左右内边距 */

  /* ---------- Logo ---------- */
  --PcLogo: 36px;                    /* logo 高度（PC） */
  --MobileLogo: 28px;                /* logo 高度（移动端） */
  --logocolorv: transparent;         /* logo 区域底色 */
  --logocolorvpadding: 0;            /* logo 区域内边距 */
  --PriconSize: 28px;

  /* ---------- 顶部广告条 ---------- */
  --topadcolor: #f3f7ff;
  --topadheight: 40px;
  --topjustify: center;

  /* ---------- 导航 ---------- */
  /* ★ 62px / 14px 取自 nav.css 末尾「腾讯云风格 Header 皮肤」的参考图实测值
     （视口 1897px ／ 头部高 62px ／ 导航项 14px），改这两个值会连带影响
     该皮肤里所有 spacing 与角标定位，务必同步核对。 */
  --navheight: 62px;                 /* 导航条高度 */
  --navmodeheight: 40px;             /* 登录 / 注册按钮高度 */
  --navfontSize: 14px;
  --navfontWeight: 400;
  --navfontWeight_r: 500;            /* hover / 选中时字重 */
  --nav_classRow: 240px;             /* 下拉菜单栅格最小列宽 */
  --nav_register: #0056ff;           /* 注册按钮底色 */
  --nav_registerHover: #0043c9;      /* 注册按钮 hover 底色 */
  --nav_registerHover_text: #ffffff; /* 注册按钮 hover 文字色 */
  --translucentdegree: 10px;         /* 毛玻璃模糊半径 */

  /* 下拉面板配色 */
  --navleft_color: #f6f8fa;          /* 下拉左侧栏底色 */
  --navleft_banner: none;            /* 下拉左侧栏背景图 */
  --navleft_height: 260px;           /* 下拉左侧栏宽度 */
  --navright_color: #ffffff;         /* 下拉右侧底底色 */
  --navright_block: #f4f8ff;         /* 下拉右侧内容块底色 */

  /* ---------- 轮播 / Banner ---------- */
  --banner_height: 520px;
  --banner_background: #f3f7ff;
  --banner_mini_w: 1200px;           /* 小尺寸 banner 宽度 */
  --banner_mini_t: 0px;
  --banner_mini_r: 0px;

  --slideHeight: 420px;
  --slideInterval: 5000;             /* 自动播放间隔(ms) */
  --slidePagination: center;         /* 分页器对齐 */
  --slideProgressheight: 3px;
  --slideProgresswidth: 100%;
  --slideProgressBottom: 0px;
  --slideCharactersBottom: 0px;
  --slideLeftBottom: 0px;
  --slideLeftWidth: 420px;
  --slidedeEnlarge: 0px;             /* 放大态额外高度 */
  --slidedeLeftHeight: 100%;

  --slide_belowCount: 5;             /* 下方卡片列数 */
  --slide_belowGap: 20px;
  --slide_belowtop: 0px;
  --slide_belowBottom: 0px;
  --slide_belowBottom_fit: 0px;
  --slide_belowleft: 0px;
  --slide_belowradius: 4px;
  --slide_belowBolor: #ffffff;

  /* ---------- 首页组件 ---------- */
  --compprodbackground: #f7f9fd;     /* 产品模块底色 */
  --compprofirstwidth: 1fr;
  --compprosecondwidth: 1fr;
  --compprodmaxwidth: 100%;
  --compprodmaxheight: auto;
  --advantage_max: 1400px;           /* 优势模块最大宽 */
  --correlation_max: 1400px;         /* 关联模块最大宽 */
  --problem_max: 1400px;             /* 问题模块最大宽 */
  --serviceline: 3;                  /* 服务网格列数 */
  --solutionleftwidth: 300px;        /* 解决方案左栏宽度 */
  --pcspacing: 40px 0 100px;         /* PC 区块上下留白（padding 简写，typo.css 已有定义，保持一致） */
  --wapspacing: 20px 0 40px;         /* 移动端区块上下留白（padding 简写） */
  --mapHeight: 420px;                /* 地图高度 */
  --footer_filter: none;             /* 页脚背景滤镜 */

  /* ---------- 新闻模块 ---------- */
  --newsblock: #ffffff;              /* 新闻块底色 */
  --newsheight: 0px;                 /* 新闻块固定高（0=自适应） */
  --newsshadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  --news_left_w: 298px;              /* 新闻页左栏宽度 */

  /* ---------- 合作伙伴模块 ---------- */
  --partner_background: #ffffff;
  --partner_max: 1400px;
  --partners_after: none;
  --partners_blockWidth: 200px;      /* 伙伴卡片最小宽 */
  --partners_blockHeight: auto;
  --partners_blockMaxHeight: auto;
  --partners_blockMargin: 0;
  --partners_blockImageWidth: 100%;
  --partners_blockradius: 4px;

  /* ---------- 荣誉资质模块 ---------- */
  --certificate: 1fr;
  --certificatewidth: 200px;
  --certificaterounded: 8px;
  --Certificateheight: auto;

  /* ---------- 活动模块 ---------- */
  --activity_bg: #f7f9fd;
  --activity_height: auto;
  --activity_max: 1400px;
  --activityP: 0px;

  /* ---------- 其它 ---------- */
  --remainingPercentage: 0%;
  --vh: 1vh;                          /* JS 会实时覆盖为真实视口单位 */

  /* ---------- 移动端（PC 端不生效，补全避免引用失效） ---------- */
  --navmodeheight: 40px;
  /* 2026-10-23 对齐源站：源站 HTML 注入的是 --wapnavheight:58px（实测导航条 h=58），
     本地原来是 50px，手机端导航整体矮一圈。改这里所有「给顶部让位」的地方一起跟着走
     （mobile.css 的 --navheight、抽屉 top、tabbar、news-blocks 的负 margin 等）。
     ★ 改这个数要同步 news-blocks.css ≤768 里那条按 50 算出来的 -168px。 */
  --wapnavheight: 58px;
  --wapnavColor: #ffffff;
  --wapnavleft_color: #f6f8fa;
  --wapnavleft_height: 100%;
  --wapnavright_color: #ffffff;
  --wapfooter_navcolor: #ffffff;
  --wapfooter_navheight: 50px;
  --wapfooter_navicon: #333333;
  --wapslideHeight: 240px;
  --wapslideRadius: 8px;
  --wapslideBottom: 16px;
  --wapslidemargins: 16px;
  --wapslideProgressheight: 2px;
  --wapslideProgresswidth: 100%;
  --wapslideprogressB: #0056ff;
  --wapslide_belowCount: 2;
  --wapslide_belowGap: 12px;
  --wapslide_belowtop: 0px;
  --wapslide_belowBottom: 0px;
  --wapslide_belowBottom_fit: 0px;
  --wapslide_belowleft: 0px;
  --wapslide_belowradius: 4px;
  --wapslide_belowBcolor: #ffffff;
  --wapslide_belowweight: 1;
  --wapslide_belowiconz: 24px;
}