:root{
  --bg:#FFF6EC;          /* 浅暖底 */
  --paper:#FFFFFF;
  --orange:#F08A2E;      /* 柔和橙，主色 */
  --ember:#E2601B;       /* 炭火橙 */
  --deep:#C2410C;        /* 深橙，强调 */
  --gold:#FFB454;        /* 火光金 */
  --ink:#2B211A;         /* 暖近黑 */
  --muted:#8A7B6E;       /* 次级文字 */
  --line:#F0E4D6;        /* 1px 分隔线 */
  --radius:16px;
  /* 产品线家族色（母品牌途薪汇沿用浅橙火系；各产品页按此区分） */
  --accent-xhy:#E2601B; --accent-xhy-050:#FDEDE0;  /* 薪火云 · 火橙 */
  --accent-llh:#00838F; --accent-llh-050:#E6F2F4;  /* 玲珑狐 · 青 */
  --accent-bp:#C77F1A;  --accent-bp-050:#FBEFD8;   /* 数智顾问 · 金 */
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
.container{max-width:1120px;margin:0 auto;padding:0 24px;}

/* 顶栏 */
.topbar{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.86);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar-inner{display:flex;align-items:center;gap:24px;height:64px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand-mark{width:32px;height:32px;}
.brand-word{font-size:19px;font-weight:700;letter-spacing:.06em;color:var(--ink);}
/* 顶栏导航：三大产品线横向平铺（家族色圆点 + 当前页高亮） */
.nav{display:flex;align-items:center;gap:26px;margin-left:28px;}
.nav .p-link{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;padding:6px 2px;transition:color .15s;}
.nav .p-link i{width:8px;height:8px;border-radius:50%;background:var(--c);flex-shrink:0;}
.nav .p-link:hover,.nav .p-link.on{color:var(--c);}
.nav .p-link.on::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:var(--c);}
.p-link.xhy{--c:var(--accent-xhy);}
.p-link.llh{--c:var(--accent-llh);}
.p-link.bp{--c:var(--accent-bp);}
@media(max-width:880px){
  .topbar-inner{gap:14px;}
  .nav{gap:14px;margin-left:0;}
  .nav .p-link{font-size:13.5px;gap:5px;padding:6px 0;}
  .btn.topbar-cta{padding:7px 12px;font-size:13px;}
}
.topbar-cta{margin-left:auto;}
/* 顶栏登录按钮：精致瘦版（非胶囊、不胖），更商务 */
.btn.topbar-cta{padding:8px 18px;border-radius:9px;font-size:14px;font-weight:600;letter-spacing:.2px;box-shadow:none;}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 24px;border-radius:999px;font-size:15px;font-weight:600;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:transform .12s, box-shadow .15s, background .15s;
}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--ember));color:#fff;
  box-shadow:0 6px 16px rgba(226,96,27,.22);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(226,96,27,.28);}
.btn-ghost{background:transparent;color:var(--ember);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--orange);}
.btn-block{width:100%;}

/* Hero */
.hero{padding:88px 0 72px;}
.kicker{font-size:13px;letter-spacing:.26em;color:var(--ember);font-weight:600;text-transform:uppercase;margin:0 0 16px;}
.hero-title{font-size:44px;line-height:1.25;font-weight:800;margin:0 0 20px;letter-spacing:.01em;}
.hero-sub{font-size:17px;color:var(--muted);max-width:64ch;margin:0 0 32px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}

/* 区块 */
.section{padding:72px 0;}
.section-warm{background:#FFF1E2;}
.section-head{margin-bottom:40px;}
.section-head h2{font-size:28px;font-weight:800;margin:0 0 8px;position:relative;display:inline-block;}
.section-head h2::after{content:"";position:absolute;left:0;bottom:-10px;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--gold));}
.section-head p{color:var(--muted);margin:18px 0 0;font-size:15px;}

/* 业务网格：1px 分隔平铺带，禁卡上卡 */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.cell{background:var(--paper);padding:40px 28px;display:flex;flex-direction:column;gap:12px;}
.cell-icon{width:40px;height:40px;fill:none;stroke:var(--ember);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
/* 产品卡图标统一装入家族色 chip，保证三卡视觉尺寸一致（真实 logo 与线性图标同框） */
.cell-badge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--accent-050);margin-bottom:16px;}
.cell-badge .cell-logo{width:32px;height:32px;object-fit:contain;display:block;}
.cell-badge .cell-icon{width:26px;height:26px;stroke:var(--accent);}
.cell h3{font-size:20px;font-weight:700;margin:4px 0 0;}
.cell-tag{font-size:13px;color:var(--orange);font-weight:600;margin:0;}
.cell-desc{font-size:14px;color:var(--muted);margin:0;flex:1;}
.link-more{font-size:14px;color:var(--ember);text-decoration:none;font-weight:600;}
.link-more:hover{color:var(--deep);}

/* 优势 */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.feature{background:var(--paper);padding:32px 24px;}
.feature-no{font-size:13px;font-weight:700;color:var(--orange);letter-spacing:.1em;}
.feature h4{font-size:16px;margin:10px 0 6px;}
.feature p{font-size:13px;color:var(--muted);margin:0;}

/* 咨询表单 */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-intro h2{font-size:28px;font-weight:800;margin:0 0 16px;}
.contact-intro p{color:var(--muted);font-size:15px;margin:0 0 20px;}
.contact-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.contact-points li{position:relative;padding-left:24px;color:var(--ink);font-size:14px;}
.contact-points li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--ember));}

.lead-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 8px 28px rgba(43,33,26,.05);}
.field{margin-bottom:18px;display:flex;flex-direction:column;gap:8px;}
.field label{font-size:14px;font-weight:600;color:var(--ink);}
.req{color:var(--ember);}
.field input,.field select,.field textarea{
  font:inherit;color:var(--ink);background:#FFFDFB;
  border:1px solid var(--line);border-radius:10px;padding:12px 14px;
  transition:border-color .15s, box-shadow .15s;width:100%;resize:vertical;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,138,46,.15);
}
.field input::placeholder,.field textarea::placeholder{color:#B9A99A;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-msg{font-size:14px;margin:14px 0 0;min-height:20px;}
.form-msg.ok{color:#1F8A4C;}
.form-msg.err{color:var(--deep);}

/* 页脚 */
.footer{border-top:1px solid var(--line);background:var(--paper);padding:28px 0;margin-top:24px;}
.footer-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.footer-meta{font-size:13px;color:var(--muted);}
.footer-beian{color:inherit;text-decoration:none;}
.footer-beian:hover{color:var(--ember);text-decoration:underline;}

/* 产品线家族色强调（平铺带内的 cell 顶部色条 + 图标/标签着色） */
.cell.accent{position:relative;}
.cell.accent::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);}
.cell.accent .cell-icon{stroke:var(--accent);}
.cell.accent .cell-tag{color:var(--accent);}
.cell.accent .link-more{color:var(--accent);}
.cell.xhy{--accent:var(--accent-xhy);--accent-050:var(--accent-xhy-050);}
.cell.llh{--accent:var(--accent-llh);--accent-050:var(--accent-llh-050);}
.cell.bp{--accent:var(--accent-bp);--accent-050:var(--accent-bp-050);}

/* 响应式 */
@media(max-width:880px){
  .hero-title{font-size:32px;}
  .grid-3,.grid-4{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:32px;}
  .hero{padding:56px 0 48px;}
  .section{padding:56px 0;}
  /* 移动端：导航保留为可横向滚动行，下拉改为常驻展开 */
  .nav{display:flex;flex-wrap:wrap;gap:14px;margin-left:0;width:100%;order:3;}
  .topbar-inner{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:12px;}
  .topbar-cta{margin-left:0;}
  .has-dropdown{position:static;}
  .dropdown{
    position:static;display:flex;margin-top:6px;min-width:0;width:100%;
    box-shadow:none;border:1px solid var(--line);background:var(--bg);
  }
}

/* ===== 产品页通用（薪火云 / 玲珑狐 / 数智顾问 共用） ===== */
.crumb{font-size:13px;color:var(--muted);margin:0 0 16px;}
.crumb a{color:var(--muted);text-decoration:none;}
.crumb a:hover{color:var(--orange);}
.crumb span{margin:0 6px;opacity:.6;}
.pill{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--accent,var(--accent-xhy));background:var(--accent-050,var(--accent-xhy-050));padding:5px 12px;border-radius:999px;margin:0 0 18px;}
.lead-statement{font-size:21px;line-height:1.75;font-weight:600;color:var(--ink);max-width:62ch;margin:0;}
.lead-statement b{color:var(--ember);}

/* 用户价值：痛点 ↔ 方案 */
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.compare-col{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;}
.compare-col h3{font-size:16px;margin:0 0 18px;display:flex;align-items:center;gap:8px;}
.compare-col.bad h3{color:var(--deep);}
.compare-col.good h3{color:var(--ember);}
.compare-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.compare-col li{position:relative;padding-left:24px;font-size:14px;color:var(--muted);line-height:1.55;}
.compare-col.bad li::before{content:"✕";position:absolute;left:0;top:0;color:var(--deep);font-weight:700;}
.compare-col.good li::before{content:"✓";position:absolute;left:0;top:0;color:#1F8A4C;font-weight:700;}

/* 业务特点 */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.feat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px;}
.feat .fi{width:40px;height:40px;border-radius:12px;background:var(--accent-050,var(--accent-xhy-050));display:flex;align-items:center;justify-content:center;color:var(--accent,var(--accent-xhy));}
.feat h4{font-size:16px;margin:0;}
.feat p{font-size:13px;color:var(--muted);margin:0;line-height:1.55;}

/* 系统界面功能（HTML/CSS 还原，演示假数据） */
.mod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:24px;}
.mock{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(43,33,26,.05);}
.mock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--accent-050,#FBF4EA);border-bottom:1px solid var(--line);}
.mock-dot{width:10px;height:10px;border-radius:50%;background:#EBD9C4;}
.mock-dot.r{background:#F3C9A6;}
.mock-dot.y{background:#F8DDBE;}
.mock-title{font-size:13px;font-weight:600;color:var(--muted);margin-left:6px;}
.mock-body{padding:18px;}
.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.mock-stat{background:#FFF8F0;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0;}
.mock-stat .v{font-size:16px;font-weight:700;color:var(--accent,var(--ember));line-height:1.2;white-space:nowrap;}
.mock-stat .k{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;}
.mock-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;}
.mock-table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--line);}
.mock-table td{padding:8px 6px;border-bottom:1px solid #F6ECDF;color:var(--ink);}
.mock-table tr:last-child td{border-bottom:none;}
.tag-ok{color:#1F8A4C;font-weight:600;}
.tag-wait{color:#C77F1A;font-weight:600;}
.tag-info{color:var(--ember);font-weight:600;}
.bars{display:flex;align-items:flex-end;gap:12px;height:130px;margin:10px 0 22px;}
.bar{flex:1;background:linear-gradient(180deg,var(--accent,var(--orange)),var(--accent,var(--ember)));border-radius:6px 6px 0 0;position:relative;min-height:6px;}
.bar span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted);}

/* 业务流程 */
.steps{display:flex;flex-wrap:wrap;gap:14px;counter-reset:s;}
.step{flex:1;min-width:140px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;position:relative;}
.step .num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--ember));color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:12px;}
.step h4{font-size:15px;margin:0 0 6px;}
.step p{font-size:13px;color:var(--muted);margin:0;line-height:1.5;}
.step .save{font-size:12px;color:var(--accent,var(--ember));font-weight:600;margin-top:10px;line-height:1.4;}

/* 降本价值指标条 */
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.metric{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;text-align:center;}
.metric .m-num{font-size:34px;font-weight:800;color:var(--ember);line-height:1.1;}
.metric .m-lab{font-size:14px;color:var(--ink);margin-top:10px;font-weight:600;}
.metric .m-note{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45;}

/* 产品页 CTA */
.cta-band{background:linear-gradient(135deg,#FFF1E2,#FDE7D2);border-radius:var(--radius);padding:48px;text-align:center;}
.cta-band h2{font-size:26px;font-weight:800;margin:0 0 12px;}
.cta-band p{color:var(--muted);margin:0 0 24px;}

/* ===== 玲珑狐产品页：功能模块图 / 真实截图 / 工具规格 ===== */
/* 功能模块图：按客户端真实导航分组，讲清每项功能的作用 */
.modmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
.modgroup{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.modgroup h3{font-size:16px;margin:0;display:flex;align-items:center;gap:8px;color:var(--accent,var(--ember));}
.modgroup .gdesc{font-size:13px;color:var(--muted);margin:8px 0 16px;line-height:1.55;}
.modgroup ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.modgroup li{font-size:13.5px;line-height:1.55;padding-left:14px;border-left:2px solid var(--accent-050,#FBF4EA);}
.modgroup li b{display:block;color:var(--ink);font-weight:600;}
.modgroup li span{color:var(--muted);}

/* 真实截图块：整宽展示真实界面 + 右侧要点说明 */
.shot-block{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start;margin-top:20px;}
.shot-block + .shot-block{margin-top:36px;}
.shot-figure{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(43,33,26,.08);}
.shot-figure img{display:block;width:100%;height:auto;}
.shot-cap{font-size:12px;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line);line-height:1.5;}
.shot-notes h4{font-size:17px;margin:0 0 12px;}
.shot-notes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.shot-notes li{position:relative;padding-left:18px;font-size:14px;color:var(--muted);line-height:1.6;}
.shot-notes li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent,var(--ember));}
.shot-notes li b{color:var(--ink);font-weight:600;}

/* 工具规格：键值条目 */
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.spec-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 18px;}
.spec-item .k{font-size:12px;color:var(--muted);}
.spec-item .v{font-size:15px;color:var(--ink);font-weight:600;margin-top:5px;line-height:1.5;}

/* 下载区（免费下载 · 淘闪版） */
.dl-band{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#E9F4F5,#F4FAFB);border:1px solid var(--line);border-radius:var(--radius);padding:36px;}
.dl-band h2{font-size:24px;font-weight:800;margin:0 0 10px;}
.dl-band .dl-desc{color:var(--muted);font-size:14px;line-height:1.65;margin:0;}
.dl-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted);margin-top:14px;}
.dl-meta b{color:var(--ink);font-weight:600;}
.dl-note{font-size:12.5px;color:var(--muted);margin:14px 0 0;line-height:1.65;}
/* 安装步骤 + 管理员权限提示 */
.dl-steps{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none;}
.dl-steps li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);background:rgba(255,255,255,.78);border:1px solid #DCEAEC;border-radius:999px;padding:6px 14px;}
.dl-steps li i{width:20px;height:20px;border-radius:50%;background:var(--accent,var(--ember));color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dl-warn{margin-top:14px;background:#FFF9EC;border:1px solid #F0DDB8;border-left:4px solid #D89B2A;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.65;color:#6B5320;text-align:left;}
.dl-warn b{color:#8A6218;}
.dl-act{text-align:right;}
.btn-dl{padding:13px 28px;font-size:16px;font-weight:700;border-radius:10px;display:inline-block;}
.dl-tip{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.6;}
@media(max-width:900px){.dl-band{grid-template-columns:1fr}.dl-act{text-align:left;}}

/* 界面展示栏：左图 + 右文，5 点分页切换（方案A） */
.gal-card{display:grid;grid-template-columns:62% 38%;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(43,33,26,.06);}
.gal-media{background:#FBF4EA;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;}
.gal-shot{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px;}
.gal-shot img{max-width:100%;max-height:430px;display:block;border-radius:8px;}
.gal-pager{display:flex;align-items:center;gap:8px;padding:12px 16px;}
.gal-dot{width:9px;height:9px;border-radius:50%;background:#D9C8B4;border:none;cursor:pointer;padding:0;}
.gal-dot.on{width:22px;border-radius:99px;background:var(--accent,var(--ember));}
.gal-arrow{margin-left:auto;display:flex;gap:8px;}
.gal-arw{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;line-height:1;font-size:15px;padding:0;}
.gal-arw:hover{border-color:var(--accent,var(--ember));color:var(--accent,var(--ember));}
.gal-info{padding:26px;display:flex;flex-direction:column;min-width:0;}
.gal-tag{font-size:12px;color:var(--accent,var(--ember));font-weight:600;margin-bottom:8px;}
.gal-info h4{font-size:17px;margin:0 0 12px;line-height:1.4;}
.gal-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.gal-info li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.6;color:var(--muted);}
.gal-info li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent,var(--ember));}
.gal-fade{animation:galFade .28s ease;}
@keyframes galFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .gal-card{grid-template-columns:1fr;}
  .gal-media{border-right:none;border-bottom:1px solid var(--line);}
  .gal-shot img{max-height:300px;}
}

@media(max-width:900px){.shot-block{grid-template-columns:1fr;}}

/* 产品页家族色上下文（套在 main 上）：xhy 橙 / llh 青 / bp 金 */
.prod.xhy{--accent:var(--accent-xhy);--accent-050:var(--accent-xhy-050);}
.prod.llh{--accent:var(--accent-llh);--accent-050:var(--accent-llh-050);}
.prod.bp{--accent:var(--accent-bp);--accent-050:var(--accent-bp-050);}

/* 数智顾问（金色系）：产品页内覆盖通用令牌，仅作用于 main.prod.bp（顶栏保持母品牌色） */
.prod.bp{background:#FFFDFA;}
.prod.bp .section-warm{background:#FBF3E6;}
.prod.bp .section-head h2::after{background:linear-gradient(90deg,var(--accent-bp),#E3AE55);}
.prod.bp .lead-statement b{color:var(--accent-bp);}
.prod.bp .crumb a:hover{color:var(--accent-bp);}
.prod.bp .contact-points li::before{background:linear-gradient(135deg,var(--accent-bp),#E3AE55);}
.prod.bp .btn-primary{background:linear-gradient(135deg,#E3AE55,var(--accent-bp));box-shadow:0 6px 16px rgba(199,127,26,.22);}
.prod.bp .btn-primary:hover{box-shadow:0 10px 22px rgba(199,127,26,.3);}
.prod.bp .btn-ghost{color:var(--accent-bp);}
.prod.bp .btn-ghost:hover{border-color:var(--accent-bp);}
.prod.bp .cta-band{background:linear-gradient(135deg,#FBEFD8,#FDF7EA);}
.prod.bp .field input:focus,.prod.bp .field select:focus,.prod.bp .field textarea:focus{border-color:var(--accent-bp);box-shadow:0 0 0 3px rgba(199,127,26,.14);}

/* 玲珑狐（青色系）：产品页内覆盖通用暖色令牌，仅作用于 main.prod.llh（顶栏保持母品牌色） */
.prod.llh{background:#FBFDFD;}
.prod.llh .section-warm{background:#F2F8F9;}
.prod.llh .section-head h2::after{background:linear-gradient(90deg,var(--accent-llh),#55B8C2);}
.prod.llh .lead-statement b{color:var(--accent-llh);}
.prod.llh .crumb a:hover{color:var(--accent-llh);}
.prod.llh .contact-points li::before{background:linear-gradient(135deg,var(--accent-llh),#55B8C2);}
.prod.llh .btn-primary{background:linear-gradient(135deg,#00A5B3,var(--accent-llh));box-shadow:0 6px 16px rgba(0,131,143,.22);}
.prod.llh .btn-primary:hover{box-shadow:0 10px 22px rgba(0,131,143,.3);}
.prod.llh .btn-ghost{color:var(--accent-llh);}
.prod.llh .btn-ghost:hover{border-color:var(--accent-llh);}
.prod.llh .cta-band{background:linear-gradient(135deg,#E6F2F4,#F2FAFB);}
.prod.llh .gal-media{background:#F0F7F8;}
.prod.llh .hero{background:linear-gradient(180deg,#F2F8F9,rgba(242,248,249,0));padding:64px 0 48px;}
.prod.llh .field input:focus,.prod.llh .field select:focus,.prod.llh .field textarea:focus{border-color:var(--accent-llh);box-shadow:0 0 0 3px rgba(0,131,143,.12);}
/* 产品页标题区：logo / 图标 chip + 标题（logo 缺位时用线性图标 chip） */
.prod-head{display:flex;align-items:center;gap:18px;margin:0 0 22px;}
.prod-head-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0;}
.prod-head .pill{margin:0;}
.prod-logo{width:64px;height:64px;object-fit:contain;border-radius:16px;background:var(--accent-050,#FBF4EA);padding:9px;flex-shrink:0;box-sizing:border-box;}
.prod-logo.is-icon{display:flex;align-items:center;justify-content:center;color:var(--accent,var(--ember));}
.prod-head .hero-title{margin:0;}
@media(max-width:600px){.prod-head{gap:12px;}.prod-logo{width:52px;height:52px;padding:7px;}}

/* 桌面端界面还原：标题栏 + 左侧导航 + 右侧工作区（演示假数据） */
.mock-app{display:flex;min-height:300px;}
.mock-side{width:118px;flex-shrink:0;background:var(--accent-050,#FBF4EA);padding:14px 10px;display:flex;flex-direction:column;gap:4px;}
.mock-nav{font-size:13px;color:var(--muted);padding:7px 10px;border-radius:8px;line-height:1.3;}
.mock-nav.on{background:var(--paper);color:var(--accent,var(--ember));font-weight:600;box-shadow:0 1px 3px rgba(43,33,26,.06);}
.mock-main{flex:1;min-width:0;padding:16px;overflow:hidden;}
.mini-bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;min-width:64px;}
.mini-bar i{display:block;height:100%;border-radius:3px;background:var(--accent,var(--ember));}
.mini-bar.warn i{background:#C77F1A;}
.mini-bar.bad i{background:var(--deep);}