/* ============================================================
   卓信咨询官网 · 视觉参数层（可调）
   ------------------------------------------------------------
   这个文件是全站所有"看得见的参数"的总开关。
   改这里 = 改全站。视觉微调台（visual-tuner.html）也是改这里。
   加载顺序在 style.css 之后，所以这里的定义优先。

   分类：颜色 / 字号 / 间距 / 圆角 / LOGO / 按钮 / 登录框 / 黑客风
   ============================================================ */

:root {
  /* ---------- 颜色 · 品牌蓝色 5 阶 ---------- */
  --blue-900: #1E3A5F;   /* 最深：页头深底、演示模式背景 */
  --blue-700: #2C5282;   /* 深：强调文字、链接 hover */
  --blue-500: #5B8FD9;   /* 主色：按钮、图标、进度条 */
  --blue-300: #8FB8E8;   /* 浅：边框、副强调 */
  --blue-100: #EDF4FC;   /* 最浅：浅蓝底、标签底 */

  /* ---------- 颜色 · 中性色 ---------- */
  --ink: #1A1A1A;        /* 正文黑 */
  --ink-2: #4A4A4A;      /* 次级文字 */
  --ink-3: #8A8A8A;      /* 辅助文字、说明 */
  --line: #E8E8E8;       /* 分隔线、输入框边框 */
  --bg-soft: #F8FAFC;    /* 交替区块底色 */
  --white: #FFFFFF;

  /* ---------- 字号 ---------- */
  --fs-hero: 48px;       /* 首页主标题（卢老师 8/30 确认） */
  --fs-page-title: 34px; /* 内页大标题 */
  --fs-section: 32px;    /* 板块标题 */
  --fs-card-title: 18px; /* 卡片标题 */
  --fs-body: 16px;       /* 正文（卢老师 8/30 调整：15 → 16） */
  --fs-small: 13px;      /* 辅助小字 */
  --fs-nav: 15px;        /* 导航文字（卢老师 8/30 定为 15px） */
  --fs-stat: 40px;       /* 数据条数字 */

  /* ---------- 间距（8px 基数） ---------- */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;
  --section-pad-y: 88px; /* 板块上下留白 */
  --container: 1200px;   /* 内容最大宽度 */

  /* ---------- 位置与布局 ---------- */
  --nav-h: 96px;            /* 导航栏最小高度（实际高度 = LOGO 高 + 上下留白，自动跟随） */
  --nav-pad-y: 12px;        /* 导航栏上下留白 */
  --nav-gap: 28px;          /* 导航菜单项间距（8/30 定 42px → 卢老师 9/3 收窄为 28px） */
  --hero-gap: 48px;         /* 首页左右两栏的间距 */
  --hero-copy-w: 560px;     /* 首页左侧文字区宽度 */
  --hero-img-w: 520px;      /* 首页右侧图形宽度 */
  --grid-gap: 24px;         /* 卡片之间的间距 */
  --card-pad: 32px;         /* 卡片内边距 */
  --card-align: left;       /* 卡片文字对齐：left / center */
  --title-align: center;    /* 板块标题对齐：center / left */
  --section-head-mb: 48px;  /* 标题与下方内容的距离 */
  --brand-img-w: 420px;     /* 首页品牌 LOGO 大图宽度（原 560，裁白边后 0.75 等效换算） */
  --band-pad-y: 64px;       /* 数据条上下留白 */
  --footer-pad-y: 64px;     /* 页脚上下留白 */
  --float-size: 56px;       /* 悬浮客服按钮大小 */
  --float-offset: 24px;     /* 悬浮客服离屏幕边距离 */
  /* 注：--brandmark-align（登录页 LOGO 位置）已移到下方「LOGO 摆位」分组 */

  /* ---------- 卡片强调块 ---------- */
  --card-accent-bg: #5B8FD9;  /* 标签、行业标签等小色块底色（序号卡/汉字卡仍用蓝底） */
  --card-accent-fg: #FFFFFF;  /* 小色块上的文字颜色 */

  /* ---------- 卡片图标（线性 SVG） ---------- */
  /* 2026-08-30 卢老师定稿：白底 + 近黑细框 + 近黑线条，替代原来的 emoji 字符 */
  --icon-stroke: #1A1A1A;   /* 图标线条颜色 */
  --icon-border: #1A1A1A;   /* 图标外框颜色 */
  --icon-box-bg: #FFFFFF;   /* 图标外框底色 */
  --icon-fill: #FFFFFF;     /* 图形内部遮挡色（需与外框底色一致） */
  --icon-box-size: 52px;    /* 外框尺寸（正方形） */
  --icon-size: 36px;        /* 图形大小 */
  --icon-box-radius: 8px;   /* 外框圆角，0 = 直角 */
  --icon-border-w: 1.5px;   /* 外框线宽 */

  --radius: 8px;         /* 小圆角：按钮、输入框、标签 */
  --radius-lg: 16px;     /* 大圆角：卡片、区块 */

  /* ---------- LOGO 尺寸 ---------- */
  /* 重要：2026-08-30 裁掉了 LOGO 原图的内置白边（左164/右233/上92/下104），
     图片边界现在就是毛笔字边界。同样一个数值，毛笔字看起来会比裁切前大约 35%。
     下面的数值已按 0.75 做等效换算，保持与卢老师裁切前认可的观感一致；
     若想更大，直接在视觉微调台往上拖即可。 */
  --logo-nav-h: 138px;    /* 卢老师 8/30 定为 138px（导航条自动跟随，约 162px） */
  --logo-footer-h: 46px;  /* 卢老师 8/30 定为 46px */
  --logo-login-h: 148px;  /* 卢老师 8/31 微调台调为 148px（原 260px） */
  /* 百分比 = 相对登录框宽度。180% 时 LOGO 明显大于登录框，
     需要右侧面板同步加宽（--login-panel-w）才放得下，否则会溢到左边黑客区被吞掉。 */
  --logo-login-w: 180%;

  /* ---------- LOGO 整体缩放 ---------- */
  /* 一个滑块统一放大/缩小全站所有 LOGO，不用逐个位置调 */
  --logo-scale: 1;      /* 倍率：0.4(很小) ~ 1(当前) ~ 3(很大) */

  /* ---------- LOGO 摆位 ---------- */
  /* 水平位置：0 auto = 靠左，auto = 居中，auto 0 = 靠右 */
  --logo-nav-mx: 0 auto;        /* 导航栏 LOGO */
  --logo-footer-mx: 0 auto;     /* 页脚 LOGO */
  --brand-img-mx: auto;         /* 首页品牌大图 */
  --brandmark-align: center;    /* 登录页 LOGO（flex 布局：flex-start/center/flex-end） */
  /* 垂直位置 */
  --logo-nav-v: center;         /* 导航栏内 LOGO：flex-start 上 / center 中 / flex-end 下 */
  --logo-login-gap: 16px;       /* 登录页 LOGO 与登录框的距离 */

  /* ---------- 按钮 ---------- */
  --btn-pad-y: 12px;
  --btn-pad-x: 28px;
  --btn-radius: 8px;
  --btn-font: 15px;

  /* ---------- 登录框（专业咨询师门户） ---------- */
  /* 右侧白色面板总宽度。LOGO 放大后会用到它——内容区 = 这里减去左右各 32px 内边距，
     当前 640 - 64 = 576px，刚好容得下 180% 的 LOGO（视觉宽约 565px）。
     LOGO 调更大时这里要同步加宽，否则 LOGO 会溢到左边黑客区被深色背景吞掉。 */
  --login-panel-w: 640px;  /* 右侧面板宽度（原固定 500px，8/30 改为可调） */
  --login-card-w: 336px;   /* 登录框宽度（原 400px 缩小约 16%，可继续调） */
  --login-card-pad: 30px;  /* 内边距 */
  --login-title: 18px;     /* 标题字号 */
  --login-text: 14px;      /* 正文字号 */
  --login-input-pad-y: 11px;
  --login-input-font: 14px;
  --login-gap: 18px;       /* 内部纵向节奏 */

  /* ---------- 团队照片（专家团队页 + 首页团队预览卡） ---------- */
  /* 照片框形状与照片本身大小，在「视觉微调台 → 团队照片」里可直接拖 */
  --team-photo-ratio: 0.9;   /* 照片框宽高比 = 宽/高。卢老师 8/31 定为 0.9（原 0.8 = 4:5） */
  --team-photo-zoom: 1;      /* 照片在框内缩放：1 = 刚好铺满；>1 放大（裁掉边缘）；<1 缩小（露出底色） */
  --team-photo-y: 50%;       /* 照片上下位置：0% 显示头顶以上，100% 显示身体以下，50% 居中 */
  --team-photo-radius: 5px;  /* 照片框圆角（卢老师 8/31 由 8px 调为 5px） */
  --team-photo-gap: 16px;    /* 照片与下方姓名之间的距离 */
  --team-photo-bg: #FFFFFF;  /* 照片框底色。照片缩小时露出的就是它，
                                默认纯白，和素描头像的白底一致，避免看出"框" */

  /* ---------- 团队照片 · 逐人微调 ----------
     留空 = 跟随上面的全局值。下面的数值由卢老师 8/31 在视觉微调台逐人调出，
     每人只覆盖"缩放 / 上下位置 / 宽高比"中需要单独处理的那几项。 */
  --m-moshijie-zoom: 1.15;
  --m-moshijie-y: 68%;
  --m-moshijie-ratio: 0.95;

  --m-luzhongxian-zoom: 0.85;   /* 卢老师 9/4 微调（原 0.8） */
  --m-luzhongxian-y: 51%;       /* 卢老师 9/4 微调（原 49%） */
  --m-luzhongxian-ratio: 0.9;   /* 卢老师 9/4 微调（原 0.85） */

  --m-zhangzhongchun-zoom: 0.9;

  --m-chenlide-zoom: 0.85;

  --m-bihailong-zoom: 0.85;

  --m-wuchunrong-zoom: 0.85;

  --m-zhouchangxia-zoom: 0.8;

  --m-hechuheng-zoom: 0.75;

  --m-zhangwanying-zoom: 0.9;

  --m-lijunliang-zoom: 0.75;
  --m-lijunliang-y: 0%;
  --m-lijunliang-ratio: 0.85;

  /* ---------- 悬停微动效 ----------
     手法学自 eshare.io（2026-09-02 卢老师指定参考）：卡片轻微上浮 + 阴影抬离 +
     顶部品牌色细条淡入 + 内部图片缓缓推近。四个动作幅度都很小、时长 0.4s 上下，
     只动 transform / box-shadow / opacity，不触发重排，滚动时不卡。
     关键：细条用纯色不用渐变——卓信视觉规范「蓝色系纯色无渐变」。
     全部参数在「视觉微调台 → 悬停微动效」里可拖，拖到 0 即关闭该效果。 */
  --hover-lift: 6px;          /* 卡片上浮距离。0 = 不上浮 */
  --hover-dur: 0.4s;          /* 动效时长。0.4 从容，0.2 干练，越大越慢 */
  --hover-shadow-y: 15px;     /* 阴影下沉距离，越大越像"抬离纸面" */
  --hover-shadow-blur: 35px;  /* 阴影模糊半径 */
  --hover-shadow-a: 0.10;     /* 阴影深浅（0~0.3）。卓信蓝调，别调太重显脏 */
  --hover-bar-h: 3px;         /* 顶部品牌色细条高度。0 = 不显示细条 */
  --hover-bar-color: #2C5282; /* 细条颜色（默认深蓝 blue-700）。纯色，不用渐变 */
  --hover-icon-scale: 1.06;   /* 卡片内图标微放大倍数。1 = 不动 */
  --photo-hover-zoom: 1.04;   /* 照片缓慢推近倍数。1.04 才"微微"动，1 = 关闭 */
  --photo-hover-dur: 0.6s;    /* 照片推近时长。比卡片上浮慢一点，层次才分明 */

  /* ---------- 门户左侧黑客风（仅 portal.html 使用） ---------- */
  --hx-bg: #0B1A14;        /* 底色 */
  --hx-head: #4ADE80;      /* 代码雨亮头 + 强调色 */
  --hx-tail: #2C9B57;      /* 代码雨尾迹 */
  --hx-font-size: 14px;    /* 代码雨字号（卢老师 8/30 定为 14px） */
}