/* ==========================================================================
   中乔新舟 ZQXZBIO — 设计系统（唯一样式文件）
   取色来源：效果图 PDF 矢量取样 + 新版页头截图
   ========================================================================== */

/* ---------- Tokens ---------- */
:root{
  /* 品牌蓝 */
  --blue-900:#0F2450;
  --blue-800:#17357F;
  --blue-700:#1D3F9E;
  --blue-600:#244CB4;   /* 主色 */
  --blue-500:#2E5FD6;
  --blue-300:#8FA8E4;
  --blue-100:#E5ECFB;
  --blue-50 :#F2F6FE;
  /* 强调橙 */
  --orange   :#FC8418;
  --orange-d :#E86F0A;
  --orange-50:#FFF3E6;
  /* 中性 */
  --ink   :#1A2233;
  --ink-2 :#4C566A;
  --ink-3 :#8A94A6;
  --ink-4 :#B6BECC;
  --line  :#E4E9F2;
  --line-2:#EEF2F8;
  --bg    :#FFFFFF;
  --soft  :#F6F8FC;
  /* 语义 */
  --ok:#1FA971; --warn:#E8A33D; --err:#E5484D;

  --container:1784px;   /* 原稿 1920 屏下内容区实测 1704px，+2×32 内边距 */
  --r-sm:8px; --r:14px; --r-lg:20px; --r-xl:28px;   /* 批注：圆角加大，参考 iOS */
  --sh-1:0 1px 2px rgba(16,36,80,.05);
  --sh-2:0 4px 16px rgba(16,36,80,.07);
  --sh-3:0 12px 40px rgba(16,36,80,.10);
  --ease:cubic-bezier(.22,.61,.36,1);
  --hdr-h:146px;
}

/* ---------- Reset ---------- */
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 24px)}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font:400 15px/1.7 "Inter",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
h1,h2,h3,h4,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:4px}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:32px}
.sec{padding-block:76px}
.sec--soft{background:var(--soft)}
.sec--tight{padding-block:56px}
.grid{display:grid;gap:24px}
.only-mo{display:none}

/* ---------- 通用文字 ---------- */
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600);font-weight:600}
.h1{font-size:clamp(30px,3.4vw,46px);line-height:1.22;font-weight:700;letter-spacing:-.01em}
.h2{font-size:clamp(24px,2.3vw,34px);line-height:1.28;font-weight:700;letter-spacing:-.01em}
.h3{font-size:20px;line-height:1.4;font-weight:600}
.lead{font-size:16px;color:var(--ink-2)}
.muted{color:var(--ink-3)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.sec-head p{margin-top:8px;color:var(--ink-2)}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:600;
  transition:.22s var(--ease);white-space:nowrap;
}
.btn--pri{background:var(--blue-600);color:#fff}
.btn--pri:hover{background:var(--blue-700);box-shadow:0 8px 22px rgba(36,76,180,.28);transform:translateY(-1px)}
.btn--acc{background:var(--orange);color:#fff}
.btn--acc:hover{background:var(--orange-d);box-shadow:0 8px 22px rgba(252,132,24,.32);transform:translateY(-1px)}
.btn--ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}
.btn--ghost:hover{border-color:var(--blue-600);color:var(--blue-600)}
.btn--sm{height:36px;padding:0 18px;font-size:14px}
.btn--lg{height:54px;padding:0 34px;font-size:16px}
.arrow-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue-600);font-weight:600}
.arrow-link svg{transition:transform .22s var(--ease)}
.arrow-link:hover svg{transform:translate(3px,-3px)}

/* ---------- 标签 / 角标 （需求1）---------- */
.tag{
  display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;
  font-size:11px;font-weight:600;line-height:1;letter-spacing:.02em;vertical-align:2px;
}
.tag--str  {background:var(--blue-100);color:var(--blue-700)}   /* STR鉴定 */
.tag--sp   {background:#E3F3EC;color:#137A52}                   /* 种属鉴定 */
.tag--hot  {background:var(--orange);color:#fff}                /* HOT */
.tag--new  {background:#EAF1FF;color:var(--blue-600)}           /* NEW */
.tag--promo{background:#FDECEC;color:#D6383C}                   /* 促销 */
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}

/* ==========================================================================
   顶部工具条 —— 左侧单条轮播公告 ｜ 右侧 Cn/En + 服务热线
   （新版页头为单行，语言切换与热线收到这里，主行保持清爽）
   ========================================================================== */
.util{background:#EFF4FC;border-bottom:1px solid #E3EBF8;font-size:13px}
.util__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:40px;
  padding-inline:clamp(16px,1.3vw,40px) clamp(16px,3vw,60px)}
.util__notice{display:flex;align-items:center;gap:9px;color:#D96A1E;min-width:0;flex:1;max-width:520px}
.util__notice svg{flex:0 0 14px}
.util__notice-win{display:inline-flex;flex:1;min-width:0;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 5%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%)}
.util__notice-roll{display:inline-flex;white-space:nowrap;width:max-content;will-change:transform;animation:util-roll 30s linear infinite;color:inherit}
.util__notice-roll i{font-style:normal;font-weight:500;font-size:12.5px;padding-right:64px}
.util__notice:hover .util__notice-roll{animation-play-state:paused}
@keyframes util-roll{to{transform:translateX(-50%)}}
.util__notice svg{flex:none;color:var(--blue-600)}
.util__notice b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s}
.util__notice:hover{color:var(--blue-600)}
.util__right{display:flex;align-items:center;gap:22px;flex:none}
.lang{display:flex;align-items:center;gap:9px}
.lang svg{color:var(--blue-600)}
.lang a{color:var(--ink-2);font-weight:600;padding:2px 2px}
.lang a.is-on{color:var(--ink)}
.lang a:hover{color:var(--blue-600)}
.lang i{width:1px;height:12px;background:#C9D6EA;display:block}
.util__tel{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--ink);white-space:nowrap}
.util__tel svg{color:var(--blue-600)}
.util__tel:hover{color:var(--blue-600)}

/* ==========================================================================
   页头 —— 单行版（2026-09-09 第三版稿）
   实测占屏宽：logo 1.3→18.1% ｜ 导航 25→50.6% ｜ 搜索 56.1→84.6% ｜ 右侧细胞图 87.3→100%
   ========================================================================== */
.hdr{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid #E8EEF9;
  box-shadow:0 2px 10px rgba(16,36,80,.04)}
.hdr__bar{position:relative;display:flex;align-items:center;height:106px;
  padding-left:clamp(16px,1.3vw,40px);overflow:visible;
  background:#fff url("../img/header-bg.jpg") right center/cover no-repeat}
/* 左侧压白，保证 logo 与导航在任何屏宽下都落在干净底上 */
.hdr__bar::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 36%,rgba(255,255,255,.72) 58%,rgba(255,255,255,.46) 78%,rgba(255,255,255,.40) 100%)}

/* Logo + 分隔线 + ZQXZBIO 字标 */
.logo{display:flex;align-items:center;gap:clamp(10px,1.15vw,24px);flex:none;position:relative;z-index:2}
.logo__img{height:56px;width:auto;max-width:none;flex:none;display:block;transform:translateY(-3px)}
.logo__div{width:1px;height:34px;background:var(--line);flex:none}
.logo__word{height:26px;width:auto;max-width:none;flex:none;display:block;transform:translateY(1px)}

/* 导航：与 logo 同一行 */
.hdr__bar nav{margin-left:clamp(14px,2.6vw,58px);margin-right:auto;min-width:0;position:relative;z-index:2}
.nav{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(4px,0.95vw,22px)}
.nav__item{position:relative;display:flex;align-items:center}
.nav__link{position:relative;display:flex;align-items:center;gap:5px;padding:0 4px;height:106px;font-size:clamp(14px,0.86vw,16px);font-weight:500;color:var(--ink);white-space:nowrap;transition:color .2s}
.nav__item:hover .nav__link,.nav__link.is-on{color:var(--orange)}
/* 当前页导航：橙色 + 加粗 + 底部指示条，与悬停态区分 */
.nav__link.is-on{font-weight:600}
.nav__link.is-on::after{content:"";position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
  width:20px;height:3px;border-radius:2px;background:var(--orange)}
.nav__link.is-on .nav__caret{color:var(--orange)}
.nav__caret{transition:transform .22s var(--ease)}
.nav__item:hover .nav__caret{transform:rotate(180deg)}
.nav__panel{
  position:absolute;top:100%;left:-12px;min-width:210px;background:#fff;border:1px solid var(--line);
  border-radius:0 0 var(--r) var(--r);box-shadow:var(--sh-3);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s var(--ease);z-index:30
}

.nav__item.is-hover .nav__panel,.nav__item:focus-within .nav__panel{opacity:1;visibility:visible;transform:none}
/* JS 未加载时的兜底：纯 CSS 悬停仍可展开 */
html:not(.js) .nav__item:hover .nav__panel{opacity:1;visibility:visible;transform:none}
.nav__panel a{display:block;padding:9px 14px;border-radius:8px;font-size:14px;color:var(--ink-2)}
.nav__panel a:hover{background:var(--blue-50);color:var(--blue-600)}
.nav__panel a.is-on{background:var(--blue-50);color:var(--blue-600);font-weight:600}
.nav__panel a.is-on:hover{color:var(--blue-700)}
/* 面板与导航条衔接的小箭头 */
.nav__panel::before{content:"";position:absolute;top:-6px;left:44px;width:11px;height:11px;background:#fff;transform:rotate(45deg);border-left:1px solid var(--line);border-top:1px solid var(--line)}
/* 产品中心 mega 菜单：左分类列表 + 右焦点图 */
.nav__mega{width:min(720px,88vw);min-width:0;left:-14px;padding:16px;display:grid;grid-template-columns:1fr 250px;gap:16px}
.nav__mega-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;align-content:start}
.nav__mega-art{position:relative;border-radius:12px;overflow:hidden;min-height:180px;display:block}
.nav__mega-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nav__mega-cap{position:absolute;left:0;right:0;bottom:0;padding:36px 16px 14px;color:#fff;display:grid;gap:3px;background:linear-gradient(180deg,transparent,rgba(16,44,110,.74))}
.nav__mega-cap b{font-size:15px}
.nav__mega-cap i{font-style:normal;font-size:12px;opacity:.85}
/* 技术支持 / 福利中心 下拉：与产品中心 mega 同语言（图标方块 + 副标题 + 焦点图），收窄版 */
.nav__mega--sm{width:min(470px,88vw);grid-template-columns:1fr 190px}
.nav__mega-list--col{grid-template-columns:1fr}
.nav__mega-list--col a{padding:8px 10px;border-radius:10px}
.nav__mega-txt{display:grid;gap:1px;min-width:0}
.nav__mega-txt b{font-size:14px;font-weight:500;color:var(--ink);transition:color .2s}
.nav__mega-txt i{font-style:normal;font-size:12px;color:var(--ink-3);line-height:1.4}
.nav__mega-list a:hover .nav__mega-txt b{color:var(--blue-600)}
.nav__mega--sm .nav__mega-art{min-height:0}

/* 搜索：胶囊 + 圆形蓝按钮 */
.search{position:relative;z-index:2;margin-left:auto;margin-right:clamp(12px,2vw,40px);
  width:clamp(180px,17vw,300px);flex:0 1 auto;min-width:0;display:flex;align-items:center;height:44px;
  border:1px solid #D5DDEC;border-radius:999px;padding:0 4px 0 14px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.search__cat{display:none}
.search__cat{position:relative;flex:none}
.search__cat-btn{display:flex;align-items:center;gap:7px;height:100%;padding:0 18px 0 26px;font-size:15px;color:var(--ink);background:transparent}
.search__cat-btn::after{content:"";width:1px;height:18px;background:var(--line);margin-left:11px}
.search__in{flex:1;min-width:0;border:0;padding:0 10px;font-size:13.5px;background:transparent}
.search__in::placeholder{color:var(--ink-4)}
.search__in:focus{outline:0}
.search__go{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--blue-600);color:#fff;transition:.2s}
.search__go:hover{background:var(--blue-700)}
.search__menu{
  position:absolute;top:calc(100% + 14px);left:8px;min-width:180px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh-3);padding:6px;display:none;z-index:20;max-height:340px;overflow:auto
}
.search__menu.is-open{display:block}
.search__menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:14px}
.search__menu button:hover{background:var(--blue-50);color:var(--blue-600)}

/* 移动端汉堡 */
.burger{display:none;width:40px;height:40px;place-items:center;margin-left:auto;margin-right:16px;position:relative;z-index:3}
.burger span{display:block;width:20px;height:2px;background:var(--ink);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--ink)}
.burger span::before{top:-6px}.burger span::after{top:6px}

/* ==========================================================================
   页面横幅
   ========================================================================== */
.phero{position:relative;background:linear-gradient(160deg,#F3F7FF 0%,#E9F0FE 60%,#DCE7FC 100%);overflow:hidden;padding-block:70px 78px}
.phero__coa{display:inline-flex;align-items:center;gap:13px;margin:0 0 26px;padding:11px 8px 11px 11px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);
  border-radius:99px;box-shadow:0 10px 30px rgba(36,76,180,.14);transition:.26s var(--ease);max-width:400px}
.phero__coa:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(36,76,180,.2);background:#fff}
.phero__coa-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,#2E5FD6,#1D43A8);color:#fff}
.phero__coa-txt{flex:1;min-width:0}
.phero__coa-txt b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.phero__coa-txt i{display:block;margin-top:2px;font-size:12px;color:var(--ink-3);font-style:normal;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phero__coa-go{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:none;
  color:var(--blue-600);border:1.5px solid rgba(46,95,214,.3);transition:.26s}
.phero__coa:hover .phero__coa-go{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}

.phero__ghost{
  position:absolute;left:0;right:0;bottom:-2px;text-align:center;
  font-size:clamp(60px,9vw,132px);font-weight:700;letter-spacing:.06em;
  color:#fff;opacity:.62;line-height:1;pointer-events:none;user-select:none;text-transform:capitalize
}
.phero .wrap{position:relative;z-index:2}
.phero h1{font-size:clamp(28px,3vw,40px);font-weight:700}
.phero p{margin-top:12px;color:var(--ink-2);max-width:620px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--ink-3);margin-bottom:18px}
.crumb a:hover{color:var(--blue-600)}
.crumb i{font-style:normal;color:var(--ink-4)}
.crumb strong{color:var(--ink);font-weight:600}

/* ==========================================================================
   卡片 / 表格 / 表单 通用
   ========================================================================== */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;transition:.24s var(--ease)}
.card:hover{border-color:var(--blue-300);box-shadow:var(--sh-2);transform:translateY(-2px)}

.tbl{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;overflow-x:auto}
.tbl table{width:100%;border-collapse:collapse}
.tbl table{font-size:14px}
.tbl th{background:#F2F6FD;text-align:left;font-weight:600;color:var(--ink);padding:11px 16px;white-space:nowrap;font-size:13px;border-bottom:1px solid #E3EAF6}
.tbl td{padding:12px 16px;border-top:1px solid var(--line-2);vertical-align:middle}
.tbl tbody tr{transition:background .18s}
.tbl tbody tr:nth-child(even){background:#FAFBFF}
.tbl tbody tr:hover{background:#F0F5FE}
.tbl tbody tr:hover{background:var(--blue-50)}
.tbl__name{color:var(--blue-600);font-weight:500}
.tbl__name:hover{text-decoration:underline}
.tbl__thumb{display:none!important}

/* 规格参数表 —— WPS/Word 网格样式（需求2·方案A） */
.spec{border:1px solid var(--ink-4);border-radius:6px;overflow:hidden;background:#fff}
.spec table{font-size:14px;table-layout:fixed}
.spec th,.spec td{border:1px solid var(--line);padding:13px 18px;text-align:left;vertical-align:top;line-height:1.65}
.spec th{background:var(--soft);font-weight:600;color:var(--ink);width:15%;white-space:nowrap}
.spec td{color:var(--ink-2);width:35%}
@media(max-width:860px){
  .spec table,.spec tbody,.spec tr,.spec th,.spec td{display:block;width:auto}
  .spec tr{border-bottom:1px solid var(--line)}
  .spec th{border:0;background:var(--soft)}
  .spec td{border:0;padding-top:0}
}

/* 表单元件 */
.field{display:flex;flex-direction:column;gap:7px}
.field>label{font-size:13px;font-weight:500;color:var(--ink-2)}
.field>label .req{color:var(--err);margin-left:2px}
.inp,.sel{
  height:46px;width:100%;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;
  font-size:14px;transition:.2s
}
.sel{appearance:none;padding-right:38px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7B9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}
.inp:focus,.sel:focus{outline:0;border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(36,76,180,.10)}
.inp.is-err,.sel.is-err{border-color:var(--err);box-shadow:0 0 0 3px rgba(229,72,77,.10)}
.field__err{font-size:12px;color:var(--err);min-height:16px}
.check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink-2);cursor:pointer}
.check input{margin-top:3px;width:15px;height:15px;accent-color:var(--blue-600);flex:none}
.check a{color:var(--blue-600);text-decoration:underline}

/* Tabs 通用 */
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.tabs a.tabs__link{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;
  border-radius:10px 10px 0 0;border:0;background:transparent;color:var(--ink-2);font-size:14px;transition:.2s;white-space:nowrap}
.tabs a.tabs__link:hover{color:var(--blue-700);background:var(--blue-50)}
.tabs button{height:38px;padding:0 22px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;color:var(--ink-2);transition:.2s}
.tabs button:hover{border-color:var(--blue-300);color:var(--blue-600)}
.tabs button.is-on{background:var(--blue-600);border-color:var(--blue-600);color:#fff;font-weight:600}
.tabpane{display:none}
.tabpane.is-on{display:block;animation:fade .28s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* 折叠 */
.acc{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.acc+.acc{margin-top:12px}
.acc__q{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 24px;text-align:left;font-size:15px;font-weight:500}
.acc__q:hover{color:var(--blue-600)}
.acc.is-open .acc__q{color:var(--blue-600);background:var(--blue-50)}
.acc__ico{flex:none;width:20px;height:20px;transition:transform .24s var(--ease);color:var(--ink-3)}
.acc.is-open .acc__ico{transform:rotate(45deg);color:var(--blue-600)}
.acc__a{display:none;padding:4px 24px 22px;color:var(--ink-2);font-size:14px;line-height:1.8}
.acc.is-open .acc__a{display:block}
.faq-group+.faq-group{margin-top:56px}
.faq-group__title{display:block;margin:0 0 20px}
.page-product .acc__a{padding-top:20px}
.pd-faq .acc{display:flex;flex-direction:column}
.pd-faq .acc.is-open .acc__a{display:flex;flex:1;align-items:center;justify-content:center}
.pd-faq .acc__a::before{content:"答";position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,#3B66D6,#7FA8F0);color:#fff;font-size:12px;font-weight:700;
  box-shadow:0 4px 10px rgba(43,92,205,.28)}

/* 产品详情 FAQ：贴近 PDF 的横向问答条，保持网页端可展开 */
.pd-faq{background:#fff}
.pd-faq>.wrap{max-width:1280px}
.pd-faq .sec-head{margin-bottom:42px}
.pd-faq .faq-group{padding:0;margin:0}
.pd-faq .faq-group+.faq-group{margin-top:48px}
.pd-faq .faq-group__title{display:block;margin:0 0 18px;padding:0;color:var(--ink);font-size:22px;line-height:1.4;font-weight:650;letter-spacing:-.01em}
.pd-faq .faq-group__title:before{display:none}
.pd-faq .acc{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:none;transition:.2s}
.pd-faq .acc+.acc{margin-top:12px}
.pd-faq .acc:hover{border-color:var(--blue-600)}
.pd-faq .acc.is-open{background:#fff;box-shadow:none}
.pd-faq .acc__q{min-height:62px;padding:16px 24px;font-size:15.5px;font-weight:500;color:var(--ink)}
.pd-faq .acc__q:hover{color:var(--blue-600)}
.pd-faq .acc.is-open .acc__q{color:var(--blue-600);background:var(--blue-50)}
.pd-faq .acc__ico{display:block}
.pd-faq .acc__a{position:relative;text-align:center;flex:1;
  margin:52px 26px 26px;padding:24px 34px;min-height:120px;
  background:#F7FAFF;border:1px solid #E7EEFB;border-radius:14px;
  color:var(--ink-2);font-size:15px;line-height:1.9}
.pd-faq .acc.is-open .acc__a{border-top:0}
@media(max-width:640px){
  .pd-faq .sec-head{margin-bottom:28px}
  .pd-faq .faq-group+.faq-group{margin-top:34px}
  .pd-faq .faq-group__title{font-size:18px;margin-bottom:12px}
  .pd-faq .acc__q{min-height:58px;padding:17px 18px;font-size:15px}
  .pd-faq .acc__a{padding:0 18px 18px;font-size:13px}
}

/* ==========================================================================
   试用装申请（全局组件 · 需求3）
   ========================================================================== */
.trial{background:linear-gradient(112deg,#EDF3FF 0%,#DFE9FD 42%,var(--blue-600) 100%);position:relative;overflow:hidden}
.trial__cell{position:absolute;right:32%;top:50%;transform:translateY(-50%);width:280px;opacity:.5;pointer-events:none}

/* 变体 A：首页完整表单 */
.trial--full{border-radius:32px;padding:clamp(38px,4vw,64px);background:linear-gradient(118deg,#F2F6FF 0%,#E5EEFF 58%,#D9E7FF 100%);box-shadow:inset 0 0 0 1px rgba(105,139,204,.12)}
.trial--full .trial__in{display:grid;grid-template-columns:minmax(280px,340px) minmax(620px,960px);justify-content:space-between;gap:clamp(46px,6vw,96px);align-items:center;position:relative;z-index:2}
.trial__side{max-width:340px}
.trial--full h2{font-size:clamp(30px,2.3vw,38px);font-weight:700;line-height:1.25;letter-spacing:-.02em}
.trial--full .trial__sub{margin-top:16px;color:var(--ink-2);font-size:15px;line-height:1.9}
.trial__points{margin-top:26px;display:grid;gap:13px}
.trial__points li{display:flex;gap:10px;font-size:14px;line-height:1.65;color:var(--ink-2)}
.trial__points svg{flex:none;color:var(--blue-600);margin-top:3px}
.trial__form{width:100%;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:clamp(26px,2.4vw,38px);box-shadow:0 22px 60px rgba(33,69,147,.10)}
.trial__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.trial__grid .col-2{grid-column:span 2}
.trial--full .inp,.trial--full .sel{height:52px;border-radius:12px;background:#FCFDFF;border-color:#DCE4F1}
.trial--full .field{gap:6px}
.trial--full .field>label{font-size:13px;font-weight:600}
.trial--full .field__err:empty{display:none}
.trial__actions{display:grid;grid-template-columns:minmax(280px,1fr) minmax(190px,230px);gap:20px;align-items:end}
.trial__submit{justify-content:flex-end}
.trial__submit .btn{width:100%;height:52px;box-shadow:0 10px 24px rgba(36,76,180,.18)}
.trial__foot{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-top:18px;flex-wrap:wrap}

/* 变体 B：内页横条 */
.trial--bar{border-radius:var(--r-lg);padding:28px 32px}
.trial--bar h2{font-size:22px;font-weight:700;margin-bottom:16px}
.trial--bar .trial__row{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:12px;position:relative;z-index:2}
.trial--bar .inp,.trial--bar .sel{background:rgba(255,255,255,.92);border-color:transparent;border-radius:999px}
.trial--bar .check{margin-top:14px;position:relative;z-index:2}

/* 验证码（防刷） */
.captcha{display:flex;align-items:center;gap:10px}
.captcha__img{width:100px;height:46px;border-radius:10px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font:600 18px/1 monospace;letter-spacing:.2em;color:var(--blue-700);user-select:none;cursor:pointer}

/* ==========================================================================
   右侧悬浮客服 —— 直接用甲方整图（吉祥物 + 胶囊 + 图标），叠透明点击区
   图内实测：胶囊 x 43.8→93.8%、y 3.3→95%；三个图标中心 y 20.3% / 49.2% / 76.2%
   ========================================================================== */
.float{position:fixed;right:max(10px,calc(50vw - 892px));top:auto;bottom:24%;transform:translateX(56%);z-index:150;display:grid;justify-items:end;gap:10px;transition:opacity .28s var(--ease),transform .32s var(--ease)}
.float:hover,.float:focus-within{transform:translateX(0)}
.trial-visible .float{opacity:0;pointer-events:none;transform:translateX(26px)}
.float__panel{position:relative;width:118px}
.float__img{display:block;width:100%;height:auto;max-width:none}
.float__hit{
  position:absolute;left:43.8%;right:6.2%;height:20%;
  display:block;border-radius:14px;transition:background .2s
}
.float__hit:hover{background:rgba(36,76,180,.07)}
.float__hit--1{top:10.3%}
.float__hit--2{top:39.2%}
.float__hit--3{top:66.2%}
.float__hit span,.float__top span{
  position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(6px);
  background:var(--ink);color:#fff;font-size:13px;padding:7px 12px;border-radius:8px;white-space:nowrap;
  opacity:0;visibility:hidden;transition:.2s var(--ease)
}
.float__hit:hover span,.float__top:hover span{opacity:1;visibility:visible;transform:translateY(-50%)}
.float__top{
  position:relative;width:62px;height:62px;margin-right:6px;border-radius:50%;
  background:var(--blue-600);color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 26px rgba(36,76,180,.32);opacity:0;visibility:hidden;transition:.24s var(--ease)
}
.float__top:hover{background:var(--blue-700)}
.float__top.is-on{opacity:1;visibility:visible}

/* ==========================================================================
   页脚
   ========================================================================== */
.ftr{background:var(--blue-600);color:#fff;position:relative;overflow:hidden;padding-block:56px 0}
.ftr__ghost{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);font-size:clamp(90px,15vw,220px);font-weight:800;color:rgba(255,255,255,.07);line-height:.8;letter-spacing:.04em;pointer-events:none;user-select:none}
.ftr .wrap{position:relative;z-index:2}
.ftr__top{display:grid;grid-template-columns:minmax(240px,1fr) 2.4fr;gap:60px;padding-bottom:44px}
.ftr__slogan{font-size:20px;font-weight:600;line-height:1.5}
.ftr__slogan sup{font-size:10px;vertical-align:7px}
.ftr__contact{margin-top:22px;display:grid;gap:9px;font-size:14px;color:rgba(255,255,255,.78)}
.ftr__contact strong{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#fff;letter-spacing:.01em}
.ftr__contact strong::before{content:"";display:block;flex:0 0 1em;width:1em;height:1em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.79a2 2 0 0 1-.45 2.11L8.09 9.89a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.33 1.83.56 2.79.69A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center/contain no-repeat}
.ftr__cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.ftr__cols h4{font-size:15px;font-weight:600;margin-bottom:16px}
.ftr__cols li+li{margin-top:9px}
.ftr__cols a{font-size:13px;color:rgba(255,255,255,.7)}
.ftr__cols a:hover{color:#fff}
.ftr__bar{border-top:1px solid rgba(255,255,255,.16);padding-block:18px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.62)}
.ftr__bar a:hover{color:#fff}
.ftr__disc{width:100%;font-size:12px;color:rgba(255,255,255,.5)}

/* ==========================================================================
   动效
   ========================================================================== */
.rv{opacity:0;transform:translateY(18px)}
html.js .rv.is-in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
html:not(.js) .rv,html.rv-all .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ==========================================================================
   响应式（效果图仅 PC，移动端按此规则自适应）
   ========================================================================== */
@media(max-width:1180px){
  :root{--hdr-h:120px}
  .hdr__art{display:none}
  /* 中屏直接收成汉堡菜单，避免导航与搜索互相挤压遮挡 */
  .hdr__bar{flex-wrap:wrap;height:auto;padding:10px 16px;gap:8px 12px}
  .hdr__bar nav{display:none}
  .burger{display:grid;position:absolute;right:14px;top:14px;margin:0;z-index:5}
  .logo__img{height:44px}
  .search{order:3;flex-basis:100%;width:auto;height:46px;margin:0}
  .ftr__top{grid-template-columns:1fr;gap:36px}
  .ftr__cols{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
  .logo__img{height:36px}
  .logo__div,.logo__word{display:none}
  .logo__img{height:40px}
  .wrap{padding-inline:20px}
  .sec{padding-block:56px}
  .util__notice{display:none}
  .hdr__tools{gap:12px}
  .hdr__tel span{display:none}
  .trial--full{padding:28px 22px}
  .trial--full .trial__in{grid-template-columns:1fr;gap:24px}
  .trial--bar .trial__row{grid-template-columns:1fr 1fr}
  .only-mo{display:block}
}
@media(max-width:640px){
  .trial__grid,.trial--bar .trial__row{grid-template-columns:1fr}
  .trial__grid .col-2{grid-column:auto}
  .trial__actions{grid-template-columns:1fr}
  .ftr__cols{grid-template-columns:repeat(2,1fr)}
  .float{display:none}
  .sec-head{flex-direction:column;align-items:flex-start}
}

/* 移动端抽屉 */
.drawer{position:fixed;inset:0;z-index:300;visibility:hidden}
.drawer.is-open{visibility:visible}
.drawer__bg{position:absolute;inset:0;background:rgba(15,36,80,.45);opacity:0;transition:.26s}
.drawer.is-open .drawer__bg{opacity:1}
.drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(84vw,340px);background:#fff;transform:translateX(100%);transition:.3s var(--ease);overflow:auto;padding:20px}
.drawer.is-open .drawer__panel{transform:none}

.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 14px;border-bottom:1px solid var(--line-2);margin-bottom:6px}
.drawer__head span{font-size:15px;font-weight:600;color:var(--ink)}
.drawer__close{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;transition:.2s}
.drawer__close:hover{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}
.drawer__panel .sub{max-height:0;overflow:hidden;transition:max-height .32s var(--ease)}
.drawer__panel .sub.is-open{max-height:600px}
.drawer__panel>a{display:flex;align-items:center;justify-content:space-between}
.drawer__tog{display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;transition:.26s}
.drawer__tog.is-open{transform:rotate(180deg);color:var(--blue-600)}

.drawer__panel h4{font-size:15px;padding:14px 8px 8px;border-bottom:1px solid var(--line-2)}
.drawer__panel a{display:block;padding:12px 8px;font-size:15px;border-bottom:1px solid var(--line-2)}
.drawer__panel a.is-on{color:var(--blue-600);font-weight:600}

/* 抽屉一级项行内箭头（覆盖早期 block 规则） */
.drawer__panel>a{display:flex!important;align-items:center;flex-wrap:nowrap}
.drawer__panel>a .drawer__tog{flex:none;margin-left:auto}
.drawer__close{background:var(--blue-50);color:var(--blue-700)}
.drawer__panel .sub a{padding-left:22px;font-size:14px;color:var(--ink-2)}

/* ==========================================================================
   页面级模块
   ========================================================================== */

/* ---- 首页 Hero ---- */
.hero{position:relative;overflow:hidden;min-height:min(816px,84vh);display:flex;align-items:flex-start;
  background:#EEF3FD url("../img/hero-cell.jpg") center/cover no-repeat}
/* 左侧压白，保证标题/副标题/按钮在细胞图上依然清晰 */
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(96deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.66) 26%,rgba(255,255,255,.18) 48%,rgba(255,255,255,0) 62%)}
.hero__ghost{position:absolute;z-index:2;left:50%;bottom:56px;transform:translateX(-50%);
  font-size:clamp(64px,9.8vw,210px);font-weight:700;letter-spacing:.105em;
  color:#fff;opacity:.75;line-height:1;white-space:nowrap;pointer-events:none;user-select:none}
/* 主视觉自首屏顶部起；文案垂直居中，与右侧细胞球同一视觉中线 */
.hero__in{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;
  align-items:center;align-self:stretch;padding-block:clamp(48px,5.8vw,120px) 72px;width:100%}
.hero__art{margin-top:calc(-1 * clamp(48px,5.8vw,120px))}
.hero__slides{position:relative;min-height:210px}
.hero__slide{position:absolute;left:0;right:0;top:50%;
  transform:translateY(-50%) translateY(16px);opacity:0;visibility:hidden;
  transition:opacity .6s var(--ease),transform .6s var(--ease),visibility .6s}
.hero__slide.is-on{opacity:1;visibility:visible;transform:translateY(-50%)}
/* 原稿实测（1920 屏）：标题 45px / 副标题 22px / 标题→副标题 23px / 副标题→按钮 51px / 按钮 150×42 */
.hero__slide h1{font-size:clamp(28px,2.35vw,52px);line-height:1.2}
.hero__slide .lead{margin-top:11px;font-size:clamp(15px,1.18vw,25px);line-height:1.7}
.hero__dots{position:absolute;left:0;right:0;bottom:36px;z-index:4;display:flex;justify-content:center;gap:10px}
.hero__dots button{width:9px;height:9px;border-radius:50%;background:rgba(36,76,180,.24);transition:.24s}
.hero__dots button:hover{background:rgba(36,76,180,.5)}
.hero__dots button.is-on{width:26px;border-radius:5px;background:var(--blue-600)}
.hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero__btns .btn{height:40px;padding:0 32px;font-size:14.5px}
.hero__art{display:grid;place-items:center}
.cell{width:min(564px,94%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 34% 30%,#fff 0%,#EAF1FE 42%,#C9DBFA 72%,#A9C4F5 100%);
  box-shadow:inset 0 0 60px rgba(255,255,255,.9),0 26px 70px rgba(36,76,180,.20);animation:float 7s ease-in-out infinite}
.cell i{width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 32%,#5A8DF0,var(--blue-700) 70%);box-shadow:0 8px 30px rgba(36,76,180,.45)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ---- 分类卡（批注：圆角加大 + 可轮播）---- */
.cat-marquee{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cat-track{display:flex;gap:18px;width:max-content;animation:marquee 46s linear infinite}
.cat-marquee:hover .cat-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cat-track .cat-card{width:230px;flex:none}
@media (prefers-reduced-motion:reduce){.cat-track{animation:none;overflow-x:auto}}
.cat-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:26px 22px;transition:.26s var(--ease);overflow:hidden}
.cat-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;transition:.26s}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:transparent}
.cat-card:hover::after{border-color:var(--blue-600)}
.cat-card__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue-50);color:var(--blue-600);margin-bottom:18px}
.cat-card h3{font-size:16px;font-weight:600}
.cat-card p{margin-top:8px;font-size:13px;color:var(--ink-3);line-height:1.6}
.cat-card__go{position:absolute;right:20px;bottom:20px;color:var(--blue-600);opacity:0;transform:translateY(6px);transition:.26s var(--ease)}
.cat-card:hover .cat-card__go{opacity:1;transform:none}

/* ---- 实力 / 数据 ---- */
.strength{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.badge-row{display:flex;gap:22px;margin-bottom:20px}
.badge-row span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--blue-700)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;transition:.24s var(--ease)}
.stat:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.stat b{font-size:38px;font-weight:700;color:var(--blue-600);letter-spacing:-.02em;line-height:1}
.stat>span{font-size:14px;color:var(--blue-600);margin-left:4px}
.stat p{margin-top:10px;font-size:13px;color:var(--ink-3)}

/* ---- 文献 ---- */
.lit-kpi{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lit-kpi>div{background:var(--blue-50);border-radius:12px;padding:10px 18px;text-align:center}
.lit-kpi b{display:block;font-size:19px;font-weight:700;color:var(--blue-700);line-height:1.2}
.lit-kpi span{font-size:12px;color:var(--ink-3)}
.lit-kpi--wide{justify-content:flex-start;gap:14px}
.lit-filter{display:grid;grid-template-columns:1.6fr repeat(3,1fr) auto auto;gap:12px;margin-bottom:22px}
.lit-scroll{max-height:755px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:4px 10px 14px 4px;margin:-4px 0 -4px -4px;scrollbar-width:thin;scrollbar-color:#BFD0EC transparent}
.lit-scroll::-webkit-scrollbar{width:6px}
.lit-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.lit-row{display:grid;grid-template-columns:64px 1fr;gap:18px;background:#fff;border:1.5px solid var(--line);
  border-radius:var(--r);padding:18px 20px;
  transition:border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}
.lit-row:hover{border-color:var(--blue-600);box-shadow:0 12px 30px rgba(36,76,180,.16);transform:translateY(-2px)}
.lit-row__cov{position:relative;width:64px;height:84px;border-radius:6px;overflow:hidden;
  background:linear-gradient(150deg,#FBFDFF,#EEF4FE);border:1px solid #DCE6F5;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.lit-row__cov::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;
  background:linear-gradient(180deg,var(--blue-600),#4A7FE8)}
.lit-row__cov::after{content:"";position:absolute;left:17px;right:8px;top:14px;height:5px;border-radius:3px;
  background:#C8D8F2;box-shadow:0 11px 0 #DFE9FA,0 22px 0 #DFE9FA,0 33px 0 #E9F1FC}
.lit-row h4{font-size:15px;font-weight:600;color:var(--blue-700);line-height:1.5}
.lit-row__au{margin-top:7px;font-size:12px;color:var(--ink-3);line-height:1.6}
.lit-row__meta{margin-top:7px;font-size:12px;color:var(--ink-3)}
.lit-row__meta a{color:var(--blue-600)}
.lit-if{display:inline-block;background:var(--orange-50);color:var(--orange-d);font-weight:600;padding:2px 8px;border-radius:4px}
.lit-layout{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start}
.lit-side{display:grid;gap:14px;align-content:start;align-self:start;position:sticky;top:calc(var(--hdr-h) + 20px)}
.lit-side__box{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lit-side__box h4{background:var(--blue-600);color:#fff;font-size:14px;font-weight:600;padding:11px 16px}
.lit-side__box>:not(h4){margin:10px 16px}
.lit-side__box .check{margin-block:9px}
/* 筛选项统一成可滚动勾选列表（参考普诺赛文献页），左缘对齐 */
.lit-side__box .lit-side__list{margin:0;padding:8px 16px 12px;max-height:224px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#BFD0EC transparent}
.lit-side__list::-webkit-scrollbar{width:5px}
.lit-side__list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.reward{max-width:900px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:44px}
.reward__rules{margin-top:20px;counter-reset:r;display:grid;gap:11px}
.reward__rules li{counter-increment:r;position:relative;padding-left:30px;font-size:14px;color:var(--ink-2);line-height:1.75}
.reward__rules li::before{content:counter(r);position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-size:11px;font-weight:700;display:grid;place-items:center}
/* 文献奖励弹窗：头部徽章 + 说明卡 + 奖励表 + 底部操作 */
.reward__head{text-align:center}
.reward__badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;
  background:linear-gradient(90deg,#EAF1FE,#F2F7FF);border:1px solid #D7E4FA;
  color:var(--blue-700);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:14px}
.reward__intro{margin:16px auto 0;max-width:760px;text-align:left;font-size:14px;line-height:1.9;color:var(--ink-2);
  background:#F7FAFF;border:1px solid #E3ECFB;border-radius:14px;padding:16px 20px}
.reward__intro b{color:var(--blue-700);font-weight:600}
.reward__grid{margin-top:34px}
.reward__table{margin-top:14px}
.reward__table thead th{background:linear-gradient(180deg,#F2F6FE,#EAF0FC);color:var(--ink);font-weight:600}
.reward__table td:last-child{color:var(--orange);font-weight:700}
.reward__foot{margin-top:30px;text-align:center}
.reward__foot p{margin-top:12px;font-size:12px;color:var(--ink-3)}

/* 文献奖励：点击入口后以对话框承载规则，避免长内容把列表页撑开 */
.reward-modal[hidden]{display:none!important}
.reward-modal{position:fixed;inset:0;z-index:450;display:grid;place-items:center;padding:24px}
.reward-modal__backdrop{position:absolute;inset:0;background:rgba(255,255,255,.12);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.reward-modal__panel{position:relative;z-index:1;width:min(980px,100%);max-height:min(88vh,860px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #fff;border-radius:24px;background:#fff;box-shadow:none;padding:clamp(28px,4vw,52px)}
.reward-modal__scroll{overflow:auto;flex:1;min-height:0;margin:0 clamp(-52px,-4vw,-28px) clamp(-52px,-4vw,-28px);padding:0 clamp(28px,4vw,52px) clamp(28px,4vw,52px)}
.reward-modal__close{position:absolute;right:18px;top:18px;z-index:2;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink-2);transition:.2s var(--ease)}
.reward-modal__close:hover{border-color:var(--blue-600);color:var(--blue-600);transform:rotate(90deg)}
.reward-modal__panel .reward{max-width:none;border:0;border-radius:0;padding:0;box-shadow:none}
body.reward-modal-open{overflow:hidden}
/* 文献奖励弹窗：全屏版式（一屏看全，无需滚动） */
.reward-modal--full{padding:0}
.reward-modal--full .reward-modal__backdrop{background:rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.reward-modal--full .reward-modal__panel{width:100%;height:100%;max-height:none;border:0;border-radius:0;padding:0;box-shadow:none}
.reward-modal--full .reward-modal__scroll{margin:0;padding:0;overflow:auto;display:flex;width:100%}
.reward-modal--full .reward{margin:auto;max-width:1420px;width:100%;padding:clamp(26px,4.5vh,54px) clamp(20px,3vw,44px)}
.reward-modal--full .reward__body{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(26px,4vw,60px);margin-top:clamp(20px,3.4vh,36px);align-items:stretch}
.reward-modal--full .reward__col{background:#F7FAFF;border:1px solid #E3ECFB;border-radius:20px;padding:clamp(20px,2.4vw,30px)}
.reward-modal--full .reward__rules{margin-top:16px;gap:10px}
.reward-modal--full .reward__rules li{font-size:13.5px;line-height:1.7}
.reward-modal--full .reward__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,2.4vw,30px);box-shadow:0 18px 50px rgba(22,49,112,.08)}
.reward-modal--full .reward__grid{margin-top:0}
.reward-modal--full .reward__foot{margin-top:auto;padding-top:22px}
.reward-modal--full .reward-modal__close{position:fixed;right:22px;top:20px}
.reward-modal--full .reward__table td:last-child{white-space:nowrap}

/* ---- 全屏文献奖励弹窗 · 美化 ---- */
.reward-modal--full .reward-modal__panel::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2B56C9,#4A7FE8 55%,#8DB4F8);z-index:3}
.reward-modal--full .reward-modal__scroll{background:radial-gradient(1200px 460px at 50% -6%,#EFF4FE 0%,rgba(239,244,254,0) 72%)}
.reward-modal--full .reward__head h2,.reward-modal--full .reward__head h3{position:relative;padding-bottom:14px}
.reward-modal--full .reward__head h2::after,.reward-modal--full .reward__head h3::after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:4px;border-radius:2px;transform:translateX(-50%);background:linear-gradient(90deg,#2B56C9,#8DB4F8)}
.reward-modal--full .reward__col,.reward-modal--full .reward__card{position:relative;overflow:hidden;background:#fff;border:1px solid #E6EEFB;box-shadow:0 14px 40px rgba(22,49,112,.07);padding-top:clamp(26px,2.6vw,36px)}
.reward-modal--full .reward__col::before,.reward-modal--full .reward__card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}
.reward-modal--full .reward__col::before{background:linear-gradient(90deg,#2B56C9,#7FB3FF)}
.reward-modal--full .reward__card::before{background:linear-gradient(90deg,#F0912B,#FFC98A)}
.reward-modal--full .reward__col .h3,.reward-modal--full .reward__card .h3{display:flex;align-items:center;gap:10px;font-size:17px}
.reward-modal--full .reward__col .h3::before{content:"";width:8px;height:20px;border-radius:4px;background:linear-gradient(180deg,#2B56C9,#7FB3FF)}
.reward-modal--full .reward__card .h3::before{content:"";width:8px;height:20px;border-radius:4px;background:linear-gradient(180deg,#F0912B,#FFC98A)}
.reward-modal--full .reward__rules li{padding-left:32px}
.reward-modal--full .reward__rules li::before{width:22px;height:22px;top:2px;background:linear-gradient(135deg,#3B66D6,#2B4FBD);color:#fff;font-size:11.5px;box-shadow:0 4px 10px rgba(43,86,201,.25)}
.reward-modal--full .reward__table{border-radius:12px;overflow:hidden;border:1px solid #E6EEFB}
.reward-modal--full .reward__table thead th{background:#EDF3FE}
.reward-modal--full .reward__table tbody tr{transition:background .2s}
.reward-modal--full .reward__table tbody tr:hover{background:#F6F9FF}
.reward-modal--full .reward__foot .btn{min-width:220px;background:linear-gradient(135deg,#3B66D6,#2748B8);box-shadow:0 12px 26px rgba(43,86,201,.28)}
.reward-modal--full .reward__foot .btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(43,86,201,.34)}
/* 矮屏（如 1366×768 笔记本）进一步收紧，保证一屏看全 */
@media(max-height:860px) and (min-width:861px){
  .reward-modal--full .reward{padding-block:20px}
  .reward-modal--full .reward__badge{margin-bottom:8px}
  .reward-modal--full .reward__intro{margin-top:10px;padding:12px 18px;font-size:13.5px;line-height:1.7}
  .reward-modal--full .reward__body{margin-top:18px}
  .reward-modal--full .reward__col,.reward-modal--full .reward__card{padding:20px 24px}
  .reward-modal--full .reward__rules{margin-top:12px;gap:8px}
  .reward-modal--full .reward__rules li{line-height:1.6}
  .reward-modal--full .reward__table{margin-top:10px}
  .reward-modal--full .reward__table th,.reward-modal--full .reward__table td{padding:9px 14px}
  .reward-modal--full .reward__foot{padding-top:14px}
  .reward-modal--full .reward__foot p{margin-top:8px}
}
@media(max-width:860px){
  .reward-modal--full .reward__body{grid-template-columns:1fr}
  .reward-modal--full .reward__foot{margin-top:0}
  .reward-modal--full .reward{padding:26px 20px}
}

/* ---- 产品卡 ---- */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:.26s var(--ease);display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:transparent}
.pcard__img{aspect-ratio:4/3;background:linear-gradient(140deg,var(--blue-100),#CFDDF8)}
.pcard__b{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.pcard h4{font-size:15px;font-weight:600;line-height:1.5}
.pcard p{margin-top:8px;font-size:13px;color:var(--ink-3);flex:1}
.pcard .arrow-link{margin-top:14px;font-size:13px}

/* ---- 新闻 ---- */
.news{display:grid;grid-template-columns:1fr 1.15fr;gap:26px}
.news-feat{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:300px;background:linear-gradient(150deg,var(--blue-700),var(--blue-900))}
.news-feat__img{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.18),transparent 60%)}
.news-feat__cap{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.94);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;font-weight:600}
.news-feat__cap em{font-style:normal;color:var(--ink-3);font-weight:500;flex:none}
.news-list{display:grid;align-content:start;gap:2px}
.news-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:20px 20px;border-radius:12px;transition:.2s;color:var(--ink)}
.news-row:first-child{background:var(--blue-50)}
.news-row:hover{background:var(--blue-50);color:var(--blue-600)}
.news-row em{font-style:normal;font-size:13px;color:var(--blue-600)}

/* ---- 荣誉证书 · 3D 弧形轮播（按效果图展开式排列）---- */
.cflow{position:relative;height:430px;user-select:none}
.cflow__stage{position:absolute;inset:0;perspective:1400px;perspective-origin:50% 46%}
.cflow__item{
  position:absolute;left:50%;top:16px;margin:0;width:250px;
  transform-style:preserve-3d;transform-origin:50% 50%;
  transition:transform .62s var(--ease),opacity .45s var(--ease);
  will-change:transform;cursor:pointer
}
.cflow__card{
  aspect-ratio:3/4;border-radius:6px;display:grid;place-items:center;
  background:linear-gradient(150deg,#93A6D4,#7F94CC);
  color:rgba(255,255,255,.9);font-size:22px;font-weight:600;letter-spacing:.08em;
  box-shadow:0 18px 44px rgba(15,36,80,.20);
  transition:filter .62s var(--ease),box-shadow .3s
}
.cflow__item figcaption{
  margin-top:16px;text-align:center;font-size:13px;color:var(--ink-2);
  opacity:0;transition:opacity .4s var(--ease)
}
.cflow__item.is-on{cursor:default}
.cflow__item.is-on figcaption{opacity:1;font-weight:600;color:var(--ink)}
.cflow__item.is-on .cflow__card{box-shadow:0 26px 60px rgba(15,36,80,.28)}
/* 非当前项压暗，越靠外越深，还原效果图由浅到深的层次 */
.cflow__item[data-d="1"] .cflow__card,.cflow__item[data-d="-1"] .cflow__card{filter:brightness(.92) saturate(1.35)}
.cflow__item[data-d="2"] .cflow__card,.cflow__item[data-d="-2"] .cflow__card{filter:brightness(.82) saturate(1.9)}
.cflow__item[data-d="3"] .cflow__card,.cflow__item[data-d="-3"] .cflow__card{filter:brightness(.74) saturate(2.4)}

.cflow__nav{
  position:absolute;top:44%;z-index:20;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(20,50,120,.18),inset 0 0 0 1px rgba(255,255,255,.7);
  display:grid;place-items:center;color:var(--blue-700);
  transition:.26s var(--ease);cursor:pointer
}
.cflow__nav:hover{background:var(--blue-600);color:#fff;transform:scale(1.08);
  box-shadow:0 10px 28px rgba(36,76,180,.4)}
.cflow__nav:active{transform:scale(.96)}
.cflow__nav--prev{left:-8px}
.cflow__nav--next{right:-8px}
.cflow__dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px}
.cflow__dots button{width:8px;height:8px;border-radius:50%;background:var(--line);transition:.22s}
.cflow__dots button:hover{background:var(--blue-300)}
.cflow__dots button.is-on{width:24px;border-radius:4px;background:var(--blue-600)}
/* 证书区正常随页面流动，进入视区时只做一次轻量展开 */
.cert-showcase{position:relative;min-height:0;padding-block:clamp(76px,9vw,118px);overflow:hidden;background:linear-gradient(180deg,#F5F8FF 0%,#F9FBFF 54%,#F1F6FE 100%)}
.cert-showcase .sec-head{margin-bottom:10px;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.cert-showcase .cflow{height:460px}
.cert-showcase:not(.is-entered) .sec-head{opacity:0;transform:translateY(20px)}
.cert-showcase:not(.is-entered) .cflow__item{opacity:0!important;transform:translateX(-50%) translateY(28px) scale(.82)!important}
.cert-showcase:not(.is-entered) .cflow__item.is-on{opacity:1!important;transform:translateX(-50%) translateY(18px) scale(.9)!important}
.cert-showcase .cflow__item{transition-delay:calc(var(--cert-d,0) * 55ms)}
@media(max-width:860px){
  .cflow{height:360px}
  .cflow__item{width:180px}
  .cflow__nav{width:38px;height:38px}
}
@media(max-width:760px){
  .cert-showcase{padding-block:64px 94px}
  .cert-showcase .cflow{height:390px}
  .cert-showcase:not(.is-entered) .sec-head{opacity:1;transform:none}
  .cert-showcase:not(.is-entered) .cflow__item{opacity:1!important}
}

/* ---- 产品中心 ---- */
.pctr{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:start}
.pside{display:grid;gap:10px;position:sticky;top:calc(var(--hdr-h) + 20px)}
.pside__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:500;transition:.2s}
.pside__item:hover,.pside__item.is-on{background:var(--blue-600);border-color:var(--blue-600);color:#fff}
.sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:2px 20px;margin-top:22px}
.sub-link{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;font-size:14px;color:var(--blue-700);border-bottom:1px solid var(--line-2)}
.sub-link::after{content:"›";color:var(--ink-4)}
.sub-link:hover{color:var(--orange)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;color:var(--ink-2);transition:.2s;cursor:pointer}
.chip:hover{border-color:var(--blue-600);color:var(--blue-600)}
.chip--soft{background:var(--blue-50);border-color:transparent}
.chip--clr{border:0;background:none;color:var(--ink-3);text-decoration:underline}
.adv{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;background:linear-gradient(140deg,#EAF1FE,#D6E4FB);border-radius:var(--r-xl);padding:44px}
.adv__hl{margin-top:26px;background:#fff;border-radius:var(--r);padding:22px 24px;max-width:420px}
.adv__hl h4{font-size:15px;font-weight:600}
.adv__hl p{margin-top:9px;font-size:13px;color:var(--ink-2);line-height:1.75}
.adv__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.adv-card{background:rgba(255,255,255,.85);border-radius:var(--r);padding:22px;text-align:center;transition:.24s var(--ease)}
.adv-card:hover{background:#fff;box-shadow:var(--sh-2);transform:translateY(-3px)}
.adv-card span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border-radius:12px;background:var(--blue-50);color:var(--blue-600)}
.adv-card h4{font-size:14px;font-weight:600}

/* ---- 列表筛选 ---- */
.pfilters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.pchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}
.pchips:empty{margin:0}
.search-box{display:flex;gap:12px;margin-top:24px;max-width:620px}

/* ---- 产品详情 ---- */
.pd{padding-block:0}
/* 原稿：面包屑压在一条浅蓝渐变带上，往下才转白 */
.pd__crumbbar{background:linear-gradient(100deg,#FAFBFE 0%,#EFF4FD 52%,#D7E2FD 100%);padding-block:32px}
.pd__crumbbar .crumb{margin:0}
.pd__top{display:grid;grid-template-columns:minmax(280px,420px) 1fr 250px;gap:36px;align-items:start;padding-block:44px}
.pd__gallery{display:grid;grid-template-columns:62px 1fr;gap:14px}
.pd__thumbs{display:grid;gap:10px;align-content:start}
.pd__thumbs span{aspect-ratio:1;border-radius:8px;background:var(--soft);border:1px solid var(--line);cursor:pointer;transition:.2s}
.pd__thumbs span:hover{border-color:var(--blue-600)}
.pd__main{position:relative;aspect-ratio:1;border-radius:var(--r-lg);background:linear-gradient(140deg,#D8D8D8,#B4B4B4);display:grid;place-items:center}
.pd__hot{position:absolute;left:0;top:16px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;padding:4px 12px 4px 10px;border-radius:0 999px 999px 0}
.pd__play{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--blue-700);cursor:pointer;transition:.22s}
.pd__play:hover{transform:scale(1.08);background:#fff}
.pd__en{margin-top:8px;font-size:15px;color:var(--ink-3)}
.pd__snrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:14px;color:var(--ink-2)}
.pd__snrow b{color:var(--ink);font-weight:600}
.pd__intro{margin-top:10px;font-size:13.5px;color:var(--ink-2);line-height:1.7}
.pd__kv{margin-top:12px;border-top:1px solid var(--line-2)}
.pd__kv>div{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}
.pd__kv dt{color:var(--ink-3)}
.pd__kv dd{margin:0;color:var(--ink)}
.pd__acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.pd__dl{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-2)}
.pd__dl a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2)}
.pd__dl a:hover{color:var(--blue-600)}
.pd__side{display:grid;gap:16px;position:sticky;top:calc(var(--hdr-h) + 20px)}
.pd__banner{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:142px;padding:20px 22px;border-radius:var(--r);overflow:hidden;background:
  linear-gradient(90deg,rgba(23,71,183,.24) 0%,rgba(45,102,218,.08) 58%,rgba(120,168,244,0) 100%),
  url("../img/promo-banner-v2.png") center/cover no-repeat;color:#fff;box-shadow:0 12px 30px rgba(28,75,181,.18);isolation:isolate}
.pd__banner::before{content:"";position:absolute;right:-48px;top:-78px;width:190px;height:190px;border:1px solid rgba(255,255,255,.34);border-radius:50%;box-shadow:inset 0 0 32px rgba(255,255,255,.2);z-index:-1}
.pd__banner::after{content:"";position:absolute;right:28px;bottom:-32px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.96) 0 5%,rgba(219,235,255,.72) 19%,rgba(121,168,242,.5) 52%,rgba(35,87,198,.16) 70%);box-shadow:-58px -46px 0 -31px rgba(255,255,255,.25);z-index:-1;transition:transform .3s var(--ease)}
.pd__banner-kicker{display:inline-flex;align-items:center;min-height:22px;padding:2px 9px;border-radius:999px;background:#FF8518;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}
.pd__banner strong{margin-top:10px;font-size:17px;line-height:1.25;font-weight:700;letter-spacing:.01em}
.pd__banner-sub{margin-top:4px;color:rgba(255,255,255,.76);font-size:11px}
.pd__banner-link{margin-top:11px;font-size:12px;font-weight:600}
.pd__banner-link b{display:inline-block;margin-left:4px;font-size:14px;transition:transform .25s var(--ease)}
.pd__banner:hover{color:#fff;box-shadow:0 15px 34px rgba(28,75,181,.25);transform:translateY(-2px)}
.pd__banner:hover::after{transform:scale(1.08)}
.pd__banner:hover .pd__banner-link b{transform:translateX(4px)}
/* 促销图已包含光环与高光，避免旧装饰层叠加造成视觉噪点 */
.pd__banner::before,.pd__banner::after{display:none}
.pd__quick,.pd__contact{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pd__quick h4,.pd__contact h4{background:var(--blue-600);color:#fff;font-size:14px;font-weight:600;padding:11px 16px}
.pd__quick a{display:block;padding:11px 16px;font-size:13px;color:var(--ink-2);border-bottom:1px solid var(--line-2)}
.pd__quick a:hover{background:var(--blue-50);color:var(--blue-600)}
.pd__contact{text-align:center}
.pd__contact p{margin-top:16px;font-size:12px;color:var(--ink-3)}
.pd__contact strong{display:block;font-size:19px;font-weight:700;color:var(--blue-700);padding-bottom:18px}

/* ---- 注意事项卡 ---- */
.notices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-right:78px}
.notice{position:relative;background:#fff;border-radius:18px;padding:24px 24px 20px;transition:.26s var(--ease);overflow:hidden;box-shadow:0 6px 22px rgba(24,55,117,.04)}
.notice:hover{box-shadow:0 16px 34px rgba(24,55,117,.11);transform:translateY(-3px)}
.notice__head{display:flex;align-items:flex-start;gap:10px;min-height:22px}
.notice__head h4{font-size:16px;font-weight:600;line-height:1.45}
.notice__index{flex:none;padding-top:2px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--blue-600)}
.notice p{margin-top:10px;font-size:13px;color:var(--ink-2);line-height:1.75;min-height:44px}
.notice .arrow-link{margin-top:14px;display:inline-flex}
.notice__img{position:relative;display:flex;align-items:center;margin-top:18px;height:48px;padding:0 14px;border-radius:9px;overflow:hidden;background:#EDF5FC;border-left:3px solid #3E75CA}
.notice__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 55%);pointer-events:none}
.notice__glyph{display:none}
.notice__micro{position:relative;z-index:1;font-size:11px;font-weight:600;letter-spacing:.02em;color:#3564A8}
.notice:nth-child(2) .notice__img{background:#EBF8F5;border-left-color:#2E9A86}
.notice:nth-child(2) .notice__micro{color:#247B6D}
.notice:nth-child(3) .notice__img{background:#FFF5E6;border-left-color:#D89134}
.notice:nth-child(3) .notice__micro{color:#A96B20}
.notice:nth-child(4) .notice__img{background:#EEF0FF;border-left-color:#6373C9}
.notice:nth-child(4) .notice__micro{color:#505FAE}
.notice:nth-child(5) .notice__img{background:#EFF5FD;border-left-color:#4C82D2}
.notice:nth-child(5) .notice__micro{color:#376BB4}
.notice:nth-child(6) .notice__img{background:#FFF0F1;border-left-color:#C95A70}
.notice:nth-child(6) .notice__micro{color:#A8495D}
@media(max-width:1024px){.notices{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0}}
@media(max-width:640px){.notices{grid-template-columns:1fr;gap:16px}.notice{padding:20px}.notice p{min-height:0}}

/* ---- 文档下载 ---- */
.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.doc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;transition:.26s var(--ease)}
.doc:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--blue-300)}
.doc__cov{aspect-ratio:3/4;border-radius:12px;background:linear-gradient(160deg,#F4F8FF,#DCE8FB);display:grid;place-items:center;align-content:center;gap:6px;margin-bottom:14px}
.doc__cov span{font-size:15px;font-weight:700;color:var(--blue-800)}
.doc__cov em{font-style:normal;font-size:26px;font-weight:800;color:rgba(36,76,180,.13);letter-spacing:.04em}
.doc h4{font-size:14px;font-weight:600}
.doc p{margin-top:6px;font-size:12px;color:var(--ink-3)}

/* ---- 学习中心 ---- */
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.vid__cov{aspect-ratio:16/9;border-radius:var(--r);background:linear-gradient(140deg,var(--blue-700),var(--blue-900));display:grid;place-items:center;margin-bottom:14px}
.vid__cov span{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--blue-700);transition:.22s}
.vid:hover .vid__cov span{transform:scale(1.1)}
.vid h4{font-size:15px;font-weight:600}
.vid p{margin-top:6px;font-size:13px;color:var(--ink-3)}
.lives{display:grid;gap:14px}
.live{display:grid;grid-template-columns:78px 1fr auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;transition:.22s}
.live:hover{border-color:var(--blue-300);box-shadow:var(--sh-2)}
.live__d{text-align:center;background:var(--blue-50);border-radius:12px;padding:10px 0}
.live__d b{display:block;font-size:22px;font-weight:700;color:var(--blue-700);line-height:1}
.live__d span{font-size:12px;color:var(--ink-3)}
.live h4{font-size:15px;font-weight:600}
.live p{margin-top:6px;font-size:13px;color:var(--ink-3)}

/* ---- COA ---- */
.coa__main{display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0}
.page-coa .coa{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px;padding:56px 64px}

.coa{display:grid;grid-template-columns:1fr;gap:32px;justify-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:44px}
.coa__search{display:flex;gap:12px;width:min(620px,100%)}
.coa__hint{margin:0;text-align:center}
.coa__label{display:inline-block;text-align:left;background:#E9E9E9;border-radius:10px;padding:18px 24px;font-size:12px;line-height:1.9;color:#333;font-family:monospace}
.coa__label .is-mark{border:1.5px solid var(--err);border-radius:4px;padding:1px 6px;display:inline-block;margin-top:4px;font-weight:700}
.coa__hint figcaption{margin-top:14px;font-size:13px;color:var(--ink-3)}
.coa__note{margin:0;font-size:13px;color:var(--ink-3);text-align:center;line-height:1.8;max-width:560px}
.coa__note a{color:var(--blue-600);font-weight:500;margin-left:6px;white-space:nowrap}
.banks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.bank{height:86px;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--ink-3);transition:.22s}
.bank:hover{border-color:var(--blue-600);color:var(--blue-600);box-shadow:var(--sh-2)}

/* ---- 关于我们 ---- */
.about-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}
.about-intro__media{position:relative;min-height:320px;margin:0;border-radius:var(--r-xl);overflow:hidden;background:#DDE8F8;box-shadow:0 20px 52px rgba(24,57,129,.12)}
.about-intro__media img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;transition:transform .6s var(--ease)}
.about-intro__media:hover img{transform:scale(1.04)}
.about-intro__media figcaption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.about-intro__media figcaption span{font-weight:600;color:var(--ink)}
.about-intro__media figcaption small{color:var(--ink-2);font-size:12px}
/* 媒体位支持视频：有 data-video 时显示播放钮，点击后切换为 <video> 播放 */
.about-intro__media video{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;background:#0A1633}
.about-intro__media .media-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;width:76px;height:76px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--blue-600);display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 36px rgba(20,50,120,.30);transition:.22s var(--ease)}
.about-intro__media .media-play:hover{transform:translate(-50%,-50%) scale(1.09);background:#fff}
.about-intro__media .media-play svg{margin-left:5px}
.facs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.fac{margin:0}
.fac__img{aspect-ratio:4/3;border-radius:var(--r);background:linear-gradient(140deg,var(--blue-300),var(--blue-700));transition:.3s var(--ease);will-change:transform}
.fac:hover .fac__img{transform:translateY(-4px) scale(1.035);box-shadow:var(--sh-3)}
.fac figcaption{margin-top:12px;font-size:14px;color:var(--ink-2);padding-left:12px;position:relative}
.fac figcaption::before{content:"›";position:absolute;left:0;color:var(--blue-600)}
.servs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.serv{background:var(--blue-600);border-radius:var(--r-lg);padding:26px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:.26s var(--ease)}
.serv:hover{background:var(--blue-700);transform:translateY(-4px);box-shadow:var(--sh-3)}
.serv > span:not([class]){width:16px;height:16px;border-radius:50%;background:#fff}
.serv h4{font-size:16px;font-weight:600}
.miles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;position:relative}
.mile{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;transition:.24s var(--ease)}
.mile:hover{border-color:var(--blue-600);box-shadow:var(--sh-2);transform:translateY(-3px)}
.mile b{font-size:26px;font-weight:700;color:var(--blue-600);letter-spacing:-.01em}
.mile p{margin-top:10px;font-size:13px;color:var(--ink-2);line-height:1.7}
.map-sec{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.65fr);gap:18px;align-items:stretch;position:relative;min-height:640px;padding:50px 48px;border-radius:28px;background:#F0F4FF;overflow:hidden}
.map-sec:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 44%,rgba(255,255,255,.62),transparent 38%),linear-gradient(112deg,rgba(255,255,255,.36),transparent 54%);pointer-events:none}
.map-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:54px}
.map-copy__title{position:absolute;top:0;left:0;font-size:27px;letter-spacing:.01em;font-weight:600;color:var(--ink)}
.map-copy .h2{margin-top:auto;font-size:42px}
.map-copy>p:not(.lead){font-size:15px}
.map-copy .lead{max-width:620px;line-height:1.85}
.map-sec>*{min-width:0}
.china-map{position:relative;z-index:1;min-width:0;padding:0;overflow:hidden}
.china-map__svg{width:100%;height:auto;overflow:visible;margin:10px auto 2px}
.china-map__svg:focus{outline:none}
.china-map__province{fill:#C9D9F0;stroke:#F9FBFF;stroke-width:1;stroke-linejoin:round;cursor:pointer;transition:fill .16s ease,filter .16s ease;outline:none}
.china-map__province.is-active{fill:var(--blue-600);filter:drop-shadow(0 1px 3px #244CB430)}
.china-map__province:focus-visible{stroke:var(--blue-700);stroke-width:2;outline:none}
.china-map__boundary{fill:#7998C4;stroke:#7998C4;stroke-width:.5;pointer-events:none}
.china-map__inset-region{stroke:#B8CBE6;stroke-width:.45}
.china-map__label{cursor:pointer}
.china-map__label text{fill:#48618A;font-size:11px;font-weight:500;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.china-map__label rect{fill:transparent}
.china-map__label.is-active rect{fill:var(--blue-600)}
.china-map__label.is-active text{fill:white;font-weight:600}
.china-map__leader{fill:none;stroke:#8199BC;stroke-width:.7;pointer-events:none}
.china-map__label.is-active .china-map__leader{stroke:var(--blue-600)}
.china-map__inset-bg{fill:#F9FBFF;stroke:#B8CBE6;stroke-width:.8}
.china-map__inset-title{fill:#6E83A3;font-size:10px;text-anchor:middle}
.china-map__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 8px;position:absolute;bottom:2px;right:4px;z-index:2}
.china-map__select{display:flex;align-items:center;gap:12px;font-size:12px;color:#657797}
.china-map__select select{max-width:160px;background:#fff;border:1px solid #D2DEEE;border-radius:6px;padding:6px 9px;font-size:12px;color:var(--ink-2);cursor:pointer}
.china-map__select select:focus{outline:none}
.china-map__select select:focus-visible{border-color:#6F91D8;box-shadow:0 0 0 3px rgba(36,76,180,.13)}
.china-map__source{font-size:10px;color:#8595AE;white-space:nowrap}
.china-map__source:hover{color:var(--blue-600)}
@media(max-width:640px){
  .map-sec{min-height:0;padding:28px 22px 24px;border-radius:18px;gap:20px}
  .map-copy{padding:0;min-height:190px;justify-content:flex-end}
  .map-copy__title{position:static;font-size:22px;margin-bottom:auto}
  .map-copy .h2{font-size:34px}
  .map-copy .lead{font-size:13px}
  .china-map{min-height:270px}
  .china-map__svg{margin-block:12px 6px}
  .china-map__label text{font-size:15px}
  .china-map__foot{padding:12px 4px 0;flex-wrap:wrap;gap:8px}
  .china-map__select{gap:8px}
  .china-map__select select{min-height:38px;max-width:170px}
}
@media(max-width:480px){.china-map__label:not(.is-active){display:none}}
@media(prefers-reduced-motion:reduce){.china-map__province{transition:none}}

/* ---- 联系我们 ---- */
.cinfos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.cinfo{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:.24s var(--ease)}
.cinfo:hover{border-color:var(--blue-300);box-shadow:var(--sh-2);transform:translateY(-3px)}
.cinfo span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue-50);color:var(--blue-600);margin-bottom:16px}
.cinfo h4{font-size:16px;font-weight:600}
.cinfo p{margin-top:9px;font-size:13px;color:var(--ink-2);line-height:1.8}
.jobs{display:grid;gap:14px}
.job{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;transition:.22s}
.job:hover{border-color:var(--blue-300);box-shadow:var(--sh-2)}
.job h4{font-size:16px;font-weight:600}
.job p{margin-top:6px;font-size:13px;color:var(--ink-3)}

/* 投递简历弹窗（复用 reward-modal 骨架） */
.job-modal .reward-modal__panel{width:min(520px,100%);padding:38px 40px}
.job-modal__mail{display:flex;align-items:center;gap:12px;margin-top:20px;background:var(--blue-50);border:1px solid #DCE6F8;border-radius:12px;padding:13px 14px 13px 18px}
.job-modal__mail>span{display:grid;place-items:center;color:var(--blue-600);flex:none}
.job-modal__mail b{flex:1;font-size:16px;color:var(--blue-700);letter-spacing:.02em;font-weight:600}
.job-modal__actions{display:flex;gap:12px;margin-top:24px}
.job-modal__actions .btn{flex:1;justify-content:center}

/* ---- 积分商城 ---- */
.todo{background:var(--orange-50);border:1px solid #F7D5AC;border-left:4px solid var(--orange);border-radius:var(--r);padding:24px 28px}
.todo b{display:block;font-size:15px;color:var(--orange-d);margin-bottom:10px}
.todo p{font-size:14px;color:var(--ink-2);line-height:1.8}
.todo ol{margin:12px 0;padding-left:22px;list-style:decimal;display:grid;gap:7px}
.todo li{font-size:14px;color:var(--ink-2);line-height:1.7}


/* ---- 福利中心：菜单加高 + 活动行大图 ---- */
.welfare-nav--tall a{padding:18px 18px;font-size:15px}
.welfare-nav--tall a.is-on{background:linear-gradient(120deg,var(--blue-600),#4A7FE8);color:#fff}
.welfare-nav--tall a.is-on svg{color:#fff}
.actl__img{width:120px;height:78px;border-radius:12px}

/* ---- 福利中心：爆款单品 ---- */
.hots{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hot{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;transition:.24s var(--ease)}
.hot:hover{transform:translateY(-4px);border-color:#BFD4F5;box-shadow:0 16px 38px rgba(36,76,180,.1)}
.hot__img{aspect-ratio:16/11;border-radius:10px;background:#EDF3FE center/cover;overflow:hidden;margin-bottom:12px}
.hot__img img{width:100%;height:100%;object-fit:cover}
.hot__img--more{display:grid;place-items:center;background:linear-gradient(135deg,#EDF3FE,#E0EBFD)}
.hot__img--more span{font-size:14px;color:var(--blue-600);font-weight:600}
.hot h4{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot p{margin-top:4px;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.welfare-nav a{justify-content:flex-start}
.welfare-nav__go{margin-left:auto;color:var(--ink-4)}
@media(max-width:960px){.hots{grid-template-columns:1fr 1fr}}


/* 福利中心：右栏各板块独立白卡 */
.welfare-sec{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 30px;
  box-shadow:0 14px 40px rgba(22,49,112,.05)}
.welfare-sec .welfare-sec__head h2{font-size:18px}
.welfare-sec .actl__row{padding-inline:12px}
/* 兑换行：横向行列表 */
.xlist{display:grid;gap:10px}
.xrow{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;
  background:#fff;transition:.22s var(--ease)}
.xrow:hover{border-color:#BFD4F5;box-shadow:0 12px 28px rgba(36,76,180,.09);transform:translateY(-2px)}
.xrow__thumb{flex:none;width:64px;height:64px;border-radius:12px;
  background:url('../img/gift-icon.png') center/94% no-repeat,#fff;
  border:1px solid #E2EAFB}
.xrow__tx{flex:1;min-width:0}
.xrow__tx h4{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xrow__tx p{margin-top:3px;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xrow__pts{flex:none;font-style:normal;font-size:15px;font-weight:700;color:var(--orange,#E8833A)}
@media(max-width:640px){.xrow__pts{font-size:14px}}

/* 积分兑换：独立礼品图片、积分与咨询入口 */
.page-points .rewards{padding:28px;box-shadow:none;container-type:inline-size}
.rewards__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.rewards__head h2{font-size:24px;line-height:1.4;font-weight:650}
.rewards__head p{margin-top:7px;color:var(--ink-2);font-size:14px}
.rewards__rules{flex:none;color:var(--blue-600);font-size:13px;text-underline-offset:5px}
.rewards__rules:hover{text-decoration:underline}
.rewards__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.reward-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.reward-card:hover,.reward-card:focus-within{border-color:#A9BEE8;box-shadow:0 5px 18px rgba(36,76,180,.07)}
.reward-card__image{aspect-ratio:1/1;background:#F5F7FA;overflow:hidden}
.reward-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .25s var(--ease)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.reward-card:hover .reward-card__image img{transform:scale(1.035)}}
.reward-card__body{display:flex;flex:1;flex-direction:column;padding:18px 16px 16px}
.reward-card__body h3{font-size:15px;line-height:1.6;font-weight:600}
.reward-card__body>p{font-size:12px;line-height:1.7;color:var(--ink-2);margin-top:5px;margin-bottom:22px}
.reward-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto}
.reward-card__points{white-space:nowrap;font-size:12px;color:#AE4C12}
.reward-card__points strong{font-size:25px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.6px;color:#CD5915}
.reward-card__action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid #D6E1F8;border-radius:6px;background:var(--blue-50);color:var(--blue-600);font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.reward-card__action:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}
.rewards__note{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 20px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line-2);font-size:12px;color:var(--ink-2);line-height:1.8}
.rewards__note strong{font-weight:600;color:var(--ink);margin-right:12px}
.rewards__note>span{color:#697487;font-size:11px}
@container(max-width:820px){.rewards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-card__image{aspect-ratio:5/4}}
@media(max-width:640px){
  .page-points .rewards{padding:20px 16px;border-radius:14px}
  .rewards__head{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:20px}
  .rewards__head h2{font-size:21px}.rewards__head p{font-size:13px}
  .rewards__grid{grid-template-columns:1fr;gap:14px}
  .reward-card{display:grid;grid-template-columns:110px minmax(0,1fr)}
  .reward-card__image{aspect-ratio:auto;min-height:155px;height:100%}
  .reward-card__body{padding:14px 12px}.reward-card__body h3{font-size:14px}
  .reward-card__body>p{font-size:11px;margin-bottom:14px}
  .reward-card__footer{gap:8px}.reward-card__points strong{font-size:22px}
  .reward-card__action{min-height:38px;padding-inline:9px}
  .rewards__note{display:block;margin-top:20px;padding-top:16px}
  .rewards__note strong{display:block;margin:0 0 3px}.rewards__note>span{display:block;margin-top:6px}
}

.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.rule{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;text-align:center;transition:.24s var(--ease)}
.rule:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.rule b{display:block;font-size:32px;font-weight:700;color:var(--orange)}
.rule p{margin-top:10px;font-size:13px;color:var(--ink-2)}
.gifts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.gift{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  display:grid;grid-template-columns:76px 1fr;column-gap:18px;align-content:center;
  padding:20px 22px;transition:.26s var(--ease)}
.gift:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:#BFD4F5}
.gift__img{grid-row:1/3;width:76px;height:76px;border-radius:18px;
  background:#fff;border:1px solid #E3EBF9;box-shadow:0 4px 12px rgba(36,76,180,.08);position:relative}
.gift__img::after{content:"";position:absolute;inset:0;margin:auto;width:52px;height:52px;
    background:url("../img/gift-icon.png") center/contain no-repeat}
.gift h4{margin:2px 0 0;font-size:16px;font-weight:600;line-height:1.45}
.gift p{margin:7px 0 0;font-size:14px;font-weight:700;color:var(--orange)}
.acts{display:grid;gap:16px}
.act{display:grid;grid-template-columns:180px 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;transition:.24s var(--ease)}
.act:hover{border-color:var(--blue-300);box-shadow:var(--sh-2)}
.act__img{aspect-ratio:4/3;border-radius:12px;background:linear-gradient(140deg,#F5A623,#E5484D)}
.act h4{font-size:16px;font-weight:600}
.act p{margin-top:9px;font-size:13px;color:var(--ink-2);line-height:1.75}
.act em{display:block;margin-top:10px;font-style:normal;font-size:12px;color:var(--ink-3)}

/* ---- 页面级响应式 ---- */
@media(max-width:1180px){
  .hero__in,.strength,.adv,.about-intro,.map-sec,.lit-layout,.pctr,.news{grid-template-columns:1fr;gap:32px}
  .lit-side,.pside,.pd__side{position:static}
  .pd__top{grid-template-columns:1fr}
  .lit-filter{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .hero__art{display:none}
  .hero{min-height:auto}
  .stats{grid-template-columns:1fr 1fr}
  .adv__grid{grid-template-columns:1fr 1fr}
  .act{grid-template-columns:1fr}
  .pd__gallery{grid-template-columns:1fr}
  .pd__thumbs{grid-auto-flow:column;grid-template-columns:repeat(4,1fr)}
  .reward{padding:26px 20px}
  .coa{padding:26px 20px}
  .page-coa .coa{grid-template-columns:1fr;gap:30px;padding:30px 22px}
  .lit-filter,.coa__search,.search-box{grid-template-columns:1fr;display:grid}
  .live{grid-template-columns:64px 1fr;gap:14px}
  .live a{grid-column:2}
}

/* 文献标题内嵌链接 */
.lit-row h4 a{color:inherit}
.lit-row h4 a:hover{color:var(--orange)}

/* 试用装区吉祥物 */
.trial__mascot{width:min(188px,56%);height:auto;margin:30px auto 0 8px;
  filter:drop-shadow(0 12px 24px rgba(15,36,80,.16))}
@media(max-width:1024px){.trial__mascot{display:none}}

/* ==========================================================================
   首页区块 —— 按 PDF 原稿逐块还原（2026-09-08 重做）
   ========================================================================== */

/* ---- 分类卡轮播：5 张一屏 + 底部进度条 ---- */
.catcar{position:relative}
.catcar__track{display:flex;gap:20px;will-change:transform;
  animation:catslide var(--dur,60s) linear infinite}
/* 轨道内是两份卡片，位移 -50% 正好一整轮，接缝不可见 */
@keyframes catslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.catcar:hover .catcar__track,.catcar:hover .catcar__bar span{animation-play-state:paused}
.catcard{
  flex:none;width:calc((100% - 80px)/5);min-height:clamp(280px,20.4vw,400px);
  background:linear-gradient(170deg,#F7FAFF 0%,#EDF2FC 100%);
  border:1.5px solid transparent;border-radius:28px;padding:32px 30px 30px;
  display:flex;flex-direction:column;transition:.28s var(--ease)
}
.catcard__ico{color:var(--blue-600);display:block;height:46px}
.catcard h3{margin-top:auto;font-size:19px;font-weight:600;transition:color .2s}
.catcard p{margin-top:13px;font-size:13px;line-height:1.8;color:var(--ink-3)}
.catcard__go{margin-top:18px;color:var(--blue-600);opacity:0;transform:translateY(6px);transition:.28s var(--ease)}
.catcard:hover{background:#fff;border-color:transparent;box-shadow:0 18px 44px rgba(36,76,180,.13)}
.catcard:hover h3{color:var(--blue-600)}
.catcard:hover .catcard__go{opacity:1;transform:none}
.catcar__view{overflow:hidden;cursor:grab;touch-action:pan-y;padding:8px 4px 4px;margin:-8px -4px -4px}
.catcar__view.is-drag{cursor:grabbing}
.catcar__bar{position:relative;margin:30px auto 0;width:min(340px,60%);height:22px;cursor:grab;touch-action:none}
.catcar__bar::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:#DBE3F2}
.catcar__bar span{position:absolute;top:6px;left:0;height:10px;border-radius:5px;background:linear-gradient(90deg,#3B66D6,#7FA8F0);width:var(--barw,55%);box-shadow:0 3px 10px rgba(43,92,205,.32);transition:box-shadow .2s}
.catcar__bar:hover span{box-shadow:0 4px 14px rgba(43,92,205,.45)}
@keyframes catbar{from{transform:translateX(0)}to{transform:translateX(var(--barmax,80%))}}
@media (prefers-reduced-motion:reduce){
  .catcar__track,.catcar__bar span{animation:none}
}

/* ---- 实力数据：依照确认效果图的浅蓝细胞背景 + 错落玻璃卡 ---- */
.power{position:relative;isolation:isolate;overflow:hidden;padding-block:72px 92px;background:#EAF1FD}
.power::before{content:"";position:absolute;inset:0;z-index:-3;background:url("../img/hero-cell.jpg") 44% center/cover no-repeat;opacity:.76;transform:scale(1.025);transition:transform 1.2s var(--ease)}
.power::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  linear-gradient(90deg,rgba(240,245,255,.58),rgba(219,232,253,.16) 48%,rgba(225,237,255,.5)),
  linear-gradient(180deg,rgba(248,251,255,.2),rgba(218,231,253,.34))}
.power:hover::before{transform:scale(1.045)}
.power__in{position:relative;min-height:690px}
.power__badges{display:grid;gap:15px;position:relative;z-index:3;width:max-content}
.power__badges span{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:600;color:#17233A}
.power__badges svg{width:24px;height:24px;color:var(--blue-600);flex:none}
.power__txt{position:absolute;right:0;top:-8px;width:min(470px,42%);z-index:3;padding:22px 24px 24px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:rgba(248,251,255,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.power__txt p{font-size:14px;line-height:1.9;color:#4F5C73;text-align:left}
.power__txt .btn{display:flex;justify-content:center;gap:9px;width:142px;height:44px;margin:21px 0 0;box-shadow:0 10px 24px rgba(36,76,180,.16)}
.power__txt .btn svg{width:16px;height:16px;transition:transform .22s var(--ease)}
.power__txt .btn:hover svg{transform:translateX(3px)}
.power__art{display:none}
.power__stats{position:absolute;left:0;right:0;top:245px;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.pstat{
  position:relative;margin-top:var(--t,0px);min-height:270px;padding:28px 30px 30px;overflow:hidden;border-radius:26px;
  background:rgba(255,255,255,.76);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  border:1px solid rgba(255,255,255,.88);box-shadow:0 12px 32px rgba(39,79,160,.06);
  display:flex;flex-direction:column;transition:transform .34s var(--ease),background .34s,box-shadow .34s,border-color .34s
}
.pstat::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-42%;height:58%;border-radius:50%;background:rgba(207,222,249,.22);transform:rotate(-8deg);pointer-events:none}
.pstat:hover{background:rgba(255,255,255,.9);border-color:rgba(90,132,216,.34);box-shadow:0 24px 54px rgba(20,56,132,.14);transform:translateY(-7px)}
.pstat__ico{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;color:var(--blue-600);box-shadow:0 8px 22px rgba(36,76,180,.07);flex:none;transition:transform .32s var(--ease),color .32s}
.pstat:hover .pstat__ico{transform:scale(1.07);color:var(--orange)}
.pstat__n{position:relative;z-index:1;margin-top:auto;display:flex;align-items:baseline;font-size:clamp(38px,3.15vw,60px);font-weight:300;color:#1456C5;line-height:1;letter-spacing:-.025em}
.pstat__n i{font-style:normal;font-size:.78em;font-weight:300;margin-left:2px}
.pstat__n em{font-style:normal;font-size:.34em;font-weight:500;margin-left:9px;letter-spacing:0}
.pstat p{position:relative;z-index:1;margin-top:17px;font-size:14px;font-weight:500;color:#232D40}

/* ---- SCI 文献统计：整块浅蓝大圆角容器 ---- */
.litbox{background:linear-gradient(180deg,#F4F8FF 0%,#E9F1FD 100%);border-radius:var(--r-xl);padding:46px 44px}
.litbox__head{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;flex-wrap:wrap}
.litbox__head p{margin-top:11px;font-size:14px;color:var(--ink-2)}
.litkpi{display:flex;gap:12px;flex-wrap:wrap;padding-top:6px}
.litkpi span{background:rgba(255,255,255,.72);border:1px solid rgba(36,76,180,.10);border-radius:8px;padding:8px 16px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.litbox__filter{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr auto 1fr;gap:14px;margin-top:26px;align-items:center}
.litbox__search{position:relative}
.litbox__search .inp{background:#fff;padding-right:44px;border-color:transparent}
.litbox__search svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.litbox__filter .sel{background-color:#fff;border-color:transparent}
.litbox__reset{background:#fff;border-color:var(--blue-600);color:var(--blue-600);height:46px}
.litbox__sort{border:0;background-color:transparent;color:var(--ink-2);justify-self:end;max-width:170px}
/* 滚动区底部渐隐（通用）：--fade 传当前区块底色 */
.scrollfade{position:relative}
.scrollfade::after{content:"";position:absolute;left:0;right:8px;bottom:0;height:58px;pointer-events:none;
  border-radius:0 0 12px 12px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fade,#fff))}
.litbox__wrap{margin-top:24px;--fade:rgba(237,244,253,.94)}
.litbox__list{max-height:530px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:4px 10px 14px 4px;margin:-4px 0 -4px -4px;scrollbar-width:thin;scrollbar-color:#BFD0EC transparent}
.litbox__list::-webkit-scrollbar{width:6px}
.litbox__list::-webkit-scrollbar-thumb{background:#CFDBF0;border-radius:3px}
.litrow{display:grid;grid-template-columns:66px 1fr;gap:20px;background:#fff;border:1.5px solid transparent;
  border-radius:12px;padding:18px 22px;
  transition:border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}
.litrow.is-on{border-color:var(--blue-600)}
.litrow:hover{border-color:var(--blue-600);box-shadow:0 12px 30px rgba(36,76,180,.16);transform:translateY(-2px)}
.litrow__cov{width:66px;height:84px;border-radius:4px;background:linear-gradient(150deg,var(--blue-100),var(--blue-300))}
.litrow h4{font-size:15px;font-weight:600;color:var(--blue-700);line-height:1.5}
.litrow__au{margin-top:8px;font-size:12px;color:var(--ink-3);line-height:1.7}
.litrow__meta{margin-top:8px;font-size:12px;color:var(--ink-3)}
.litrow__meta a{color:var(--blue-600)}
.litrow__meta a:hover{text-decoration:underline}

/* ---- 热门产品：原稿左文 + 圆形显微图 + 深蓝底图 ---- */
.hot{position:relative;padding-block:84px 104px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#FBFCFF 100%)}
.hot::before{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;pointer-events:none;
  background:linear-gradient(176deg,transparent 0 48%,#F3F7FE 49% 100%)}
.hot__head{position:relative;z-index:6;min-height:64px;margin-bottom:22px}
.hot__switch{display:inline-flex;align-items:center;gap:14px;font-size:clamp(32px,3.4vw,58px);font-weight:700;line-height:1.12;letter-spacing:-.035em;color:var(--ink);text-align:left}
.hot__switch svg{width:24px;height:24px;color:var(--blue-600);transition:transform .28s var(--ease),opacity .2s;opacity:.7}
.hot__switch:hover svg{opacity:1}
.hot.is-menu-open .hot__switch svg{transform:rotate(180deg)}
.hot__head .tabs{position:absolute;left:0;top:calc(100% + 12px);margin:0;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 14px 34px rgba(15,36,80,.14);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:left top;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s}
.hot.is-menu-open .hot__head .tabs{opacity:1;visibility:visible;transform:none}
.hot__head .tabs button{height:36px;padding:0 18px;border-radius:999px;font-size:13px;color:var(--ink-3)}
.hot__head .tabs button.is-on{background:var(--blue-600);color:#fff}
.hot__stage{position:relative;min-height:clamp(570px,38vw,730px);max-width:var(--container);margin-inline:auto;padding-inline:32px}
.hot__panel{position:absolute;left:50.6%;top:22px;bottom:38px;right:32px;overflow:hidden;border-radius:30px;
  background:linear-gradient(115deg,rgba(31,70,164,.88),rgba(23,53,127,.82)),url("../img/hero-cell.jpg") center/cover no-repeat;
  box-shadow:0 30px 80px rgba(24,59,143,.2)}
.hot__panel::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 72% 36%,rgba(120,165,255,.35),transparent 26%),
  linear-gradient(90deg,rgba(16,45,112,.16),transparent 52%)}
.hot__panelcopy{position:absolute;right:6%;bottom:7%;z-index:2;width:min(330px,38%);color:#fff;text-align:right}
.hot__panelcopy span{display:block;font-size:11px;letter-spacing:.19em;color:rgba(255,255,255,.68)}
.hot__panelcopy b{display:block;margin-top:10px;font-size:clamp(20px,1.7vw,30px);font-weight:600;line-height:1.35}
.hot__panelcopy em{display:block;margin-top:9px;font-style:normal;font-size:13px;color:rgba(255,255,255,.7)}
.hot__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:none}
.hot__slide.is-on{opacity:1;visibility:visible}
.hot__txt{position:absolute;left:32px;top:24%;width:27%;z-index:3}
.hot__eyebrow{display:block;margin-bottom:18px;font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--blue-600)}
.hot__txt h3{font-size:clamp(26px,2.1vw,42px);font-weight:700;line-height:1.28;letter-spacing:-.02em}
.hot__txt p{margin-top:20px;font-size:14px;color:var(--ink-2);line-height:1.9}
.hot__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hot__facts span{padding:5px 10px;border-radius:999px;background:var(--blue-50);font-size:12px;color:var(--blue-700)}
.hot__go{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--blue-600);font-size:14px;font-weight:600;transition:.22s}
.hot__go:hover{gap:12px;color:var(--orange)}
.hot__disc{position:absolute;left:32.5%;top:7%;width:clamp(350px,32vw,615px);aspect-ratio:1;border-radius:50%;z-index:2;
  background:var(--hot-img) center/cover no-repeat;border:10px solid rgba(255,255,255,.94);
  box-shadow:0 30px 74px rgba(15,36,80,.28);transition:transform .7s var(--ease)}
.hot__slide.is-on .hot__disc{animation:hotReveal .72s var(--ease) both}
@keyframes hotReveal{from{opacity:0;transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:none}}
.hot__thumbs{position:absolute;left:32px;bottom:72px;display:flex;z-index:5}
.hot__thumb{width:58px;height:58px;border-radius:50%;margin-left:-18px;opacity:.48;transition:.26s var(--ease);
  background:var(--thumb) center/cover no-repeat;border:3px solid #fff;box-shadow:0 5px 14px rgba(15,36,80,.16)}
.hot__thumb:first-child{margin-left:0}
.hot__thumb:hover{opacity:.84;transform:translateY(-3px)}
.hot__thumb.is-on{opacity:1;border-color:var(--blue-600);transform:scale(1.1);z-index:3}
.hot__count{position:absolute;left:245px;bottom:80px;z-index:4;display:flex;align-items:baseline;gap:5px;color:var(--ink-3)}
.hot__count b{font-size:20px;font-weight:600;color:var(--blue-600)}
.hot__count span{font-size:12px}
.hot__nav{position:absolute;right:clamp(150px,13vw,220px);top:45%;display:flex;gap:10px;z-index:4}
.hot__nav button{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--blue-600);display:grid;place-items:center;transition:.2s;box-shadow:0 8px 20px rgba(9,32,88,.16)}
.hot__nav button:hover{background:var(--orange);color:#fff;transform:translateY(-2px)}

/* ---- 首页新闻：效果图的左主图 + 01–04 编号资讯列表 ---- */
.home-news{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#FBFDFF 100%)}
.home-news::before{content:"";position:absolute;left:-12%;top:-48%;width:58%;height:78%;border-radius:50%;background:rgba(226,236,253,.38);filter:blur(2px);pointer-events:none}
.home-news::after{content:"";position:absolute;right:8%;top:-72px;width:310px;aspect-ratio:1;border-radius:50%;background:url("../img/hero-cell.jpg") center/cover no-repeat;opacity:.1;filter:blur(1px);pointer-events:none}
.home-news .wrap{position:relative;z-index:1}
.news__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}
.news__eyebrow{display:block;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:.19em;color:var(--orange)}
.news__head h2{font-size:clamp(28px,2.5vw,46px);font-weight:500;line-height:1.3;letter-spacing:-.025em}
.news__head h2 strong{font-weight:700}
.home-news .news__tabs{margin:22px 0 0;gap:8px}
.home-news .news__tabs button{height:34px;padding:0 17px;border-color:#DCE5F3;font-size:13px}
.home-news .news__tabs button.is-on{background:var(--blue-600);border-color:var(--blue-600)}
.home-news .news__panes>.tabpane{display:none}
.home-news .news__panes>.tabpane.is-on{display:block}
.news__all{width:142px;height:44px;gap:9px;justify-content:center;flex:none;margin-right:4px;box-shadow:0 10px 24px rgba(36,76,180,.13)}
.news__all svg{width:16px;height:16px;transition:transform .22s var(--ease)}
.news__all:hover svg{transform:translateX(3px)}
.home-news .news{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:34px;align-items:stretch}
.home-news .news-feat{min-height:490px;border-radius:24px;background:#DDE8F8;box-shadow:0 18px 48px rgba(18,55,128,.1)}
.home-news .news-feat__img{background:linear-gradient(180deg,transparent 52%,rgba(7,31,80,.26) 100%),url("../img/news-lab-feature.png") center/cover no-repeat;transition:transform .7s var(--ease),filter .7s var(--ease)}
.home-news .news-feat:hover .news-feat__img{transform:scale(1.035);filter:saturate(1.04)}
.home-news .news-feat__cap{left:18px;right:18px;bottom:18px;min-height:92px;padding:16px 18px 16px 20px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(8,35,91,.1);display:grid;grid-template-columns:1fr auto auto;gap:18px}
.news-feat__cap div{min-width:0}
.news-feat__cap small{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--blue-600)}
.news-feat__cap span{display:block;font-size:15px;line-height:1.55;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-feat__cap em{font-size:14px;color:var(--ink-3)}
.news-feat__cap svg{width:18px;height:18px;color:var(--blue-600);transition:transform .25s var(--ease)}
.news-feat:hover .news-feat__cap svg{transform:translate(3px,-3px)}
.home-news .news-list{display:grid;grid-template-rows:repeat(4,1fr);gap:0;min-width:0}
.home-news .newsrow{position:relative;display:grid;grid-template-columns:48px 1fr 22px;gap:18px;align-items:center;min-height:106px;padding:18px 22px;border-radius:16px;color:var(--ink);transition:background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.home-news .newsrow::after{content:"";position:absolute;left:66px;right:22px;bottom:0;height:1px;background:var(--line-2);transition:opacity .2s}
.home-news .newsrow>b{font-size:18px;font-weight:500;color:#91ACE0;letter-spacing:-.02em}
.home-news .newsrow>div{min-width:0}
.home-news .newsrow span{display:block;font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-news .newsrow em{display:block;margin-top:8px;font-style:normal;font-size:13px;color:var(--blue-600)}
.home-news .newsrow>svg{width:18px;height:18px;color:var(--blue-600);opacity:.35;transition:transform .22s var(--ease),opacity .22s}
.home-news .newsrow.is-on,.home-news .newsrow:hover{z-index:1;background:linear-gradient(100deg,#F0F5FF,#F8FAFF);box-shadow:0 10px 28px rgba(36,76,180,.08);transform:translateX(3px)}
.home-news .newsrow.is-on::before,.home-news .newsrow:hover::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--blue-600)}
.home-news .newsrow.is-on::after,.home-news .newsrow:hover::after{opacity:0}
.home-news .newsrow.is-on>b,.home-news .newsrow:hover>b{color:var(--blue-600)}
.home-news .newsrow.is-on>svg,.home-news .newsrow:hover>svg{opacity:1;transform:translate(3px,-3px)}

@media(max-width:900px){
  .home-news .wrap{padding-right:108px}
  .news__head{align-items:flex-start}
  .home-news .news{grid-template-columns:1fr}
  .home-news .news-feat{min-height:440px}
  .home-news .news-list{grid-template-rows:none}
}
@media(max-width:640px){
  .home-news .wrap{padding-right:20px}
  .news__head{display:grid;margin-bottom:26px}
  .news__all{width:132px}
  .home-news .news-feat{min-height:390px}
  .home-news .news-feat__cap{grid-template-columns:1fr auto}
  .news-feat__cap svg{display:none}
  .home-news .newsrow{grid-template-columns:34px 1fr 18px;padding-inline:14px;gap:11px}
  .home-news .newsrow::after{left:48px;right:14px}
}

@media(max-width:1180px){
  .catcard{width:calc((100% - 40px)/3)}
  .power__in{min-height:690px}
  .power__txt{position:absolute;right:104px;top:-8px;width:min(520px,62%);margin:0}
  .power__art{display:none}
  .power__stats{position:absolute;top:230px;margin:0;grid-template-columns:1fr 1fr}
  .pstat{margin-top:0;min-height:200px}
  .litbox__filter{grid-template-columns:1fr 1fr}
  .news{grid-template-columns:1fr}
}
@media(max-width:820px){
  .hot__stage{min-height:760px;padding:28px 32px}
  .hot__panel{left:20px;right:20px;top:235px;bottom:20px}
  .hot__panelcopy{display:none}
  .hot__slide{inset:28px 32px}
  .hot__txt{position:static;width:min(620px,86%)}
  .hot__disc{left:50%;top:210px;width:min(480px,68vw);transform:translateX(-50%)}
  .hot__slide.is-on .hot__disc{animation:none;transform:translateX(-50%)}
  .hot__thumbs{left:48px;bottom:48px}
  .hot__count{left:240px;bottom:56px;color:rgba(255,255,255,.7)}
  .hot__count b{color:#fff}
  .hot__nav{right:112px;top:auto;bottom:48px}
}
@media(max-width:760px){
  .catcard{width:calc((100% - 20px)/2)}
  .power{padding-block:54px 66px}
  .power__in{min-height:0}
  .power__txt{position:static;width:auto;margin-top:24px;padding:20px}
  .power__txt .btn{margin-top:18px}
  .power__stats{position:static;margin-top:28px;grid-template-columns:1fr}
  .litbox{padding:26px 20px}
  .litbox__filter{grid-template-columns:1fr}
  .hot{padding-block:62px 74px}
  .hot__head{min-height:52px}
  .hot__switch{font-size:34px}
  .hot__head .tabs{width:min(100%,390px);display:flex;overflow:auto}
  .hot__head .tabs button{flex:1;padding-inline:12px}
  .hot__stage{min-height:700px;padding:22px 20px}
  .hot__panel{left:0;right:0;top:275px;bottom:0;border-radius:24px}
  .hot__slide{inset:22px 20px}
  .hot__txt{width:100%}
  .hot__eyebrow{margin-bottom:11px}
  .hot__txt h3{font-size:27px}
  .hot__txt p{margin-top:12px;line-height:1.7}
  .hot__facts{margin-top:12px}
  .hot__go{margin-top:16px}
  .hot__disc{top:300px;width:min(430px,86vw);border-width:7px}
  .hot__thumbs{left:22px;bottom:25px}
  .hot__thumb{width:48px;height:48px}
  .hot__count{display:none}
  .hot__nav{right:84px;bottom:28px}
  .hot__nav button{width:38px;height:38px}
}

/* ---- 产品详情：活动标签 / 复制按钮 / 推荐套餐 / 快速链接图标 ---- */
.pd__promo{margin-bottom:14px}
.pd__promo span{
  display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 16px 0 12px;
  border-radius:6px 14px 14px 6px;font-size:14px;font-weight:700;color:#fff;letter-spacing:.02em;
  background:linear-gradient(96deg,#FF6A1E,#E5384A)
}
.pd__promo span::before{content:"🔥";font-size:13px}
.pd__titlerow{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.pd__titlerow h1{flex:1;min-width:260px}
.pd__copy{
  display:inline-flex;align-items:center;gap:7px;flex:none;margin-left:auto;
  height:32px;padding:0 14px;border:1px solid var(--line);border-radius:999px;
  background:#fff;font-size:12.5px;color:var(--ink-3);transition:.2s
}
.pd__copy:hover{border-color:var(--blue-600);color:var(--blue-600)}
.pd__copy.is-done{border-color:var(--ok);color:var(--ok)}
.pd__note{margin-left:16px;font-size:12px;color:var(--ink-3)}
.combos{display:grid;gap:10px}
.combo{
  display:flex;align-items:center;gap:16px;padding:12px 16px;width:100%;text-align:left;
  font:inherit;color:inherit;cursor:pointer;
  border:1px solid var(--line);border-radius:10px;background:var(--soft);transition:.22s
}
.combo:hover{border-color:var(--blue-600);background:#fff;box-shadow:0 8px 22px rgba(36,76,180,.12)}
.combo__k{
  width:30px;height:30px;flex:none;border-radius:8px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;font-size:15px;font-weight:600;color:var(--ink-3)
}
.combo:hover .combo__k{border-color:var(--blue-600);color:var(--blue-600)}
.combo__b b{display:block;font-size:14px;font-weight:500;line-height:1.5}
.combo__b em{display:block;margin-top:3px;font-style:normal;font-size:12px;color:var(--ink-3)}
.pd__quick a{display:flex;align-items:center;gap:10px}
.pd__quick a>svg{margin-left:auto;opacity:0;transition:.2s}
.pd__quick a:hover>svg{opacity:1}
.pd__ql-ico{display:grid;place-items:center;width:22px;flex:none}
.pd__tel{display:flex;align-items:center;gap:14px;padding:18px 18px 20px;text-align:left}
.pd__tel>span{width:42px;height:42px;flex:none;border-radius:50%;background:var(--blue-50);display:grid;place-items:center;color:var(--blue-600)}
.pd__tel p{margin:0;font-size:12px;color:var(--ink-3)}
.pd__tel strong{display:block;padding:0;margin-top:2px;font-size:19px;font-weight:700;color:var(--blue-700)}

/* ==========================================================================
   产品中心 —— 按原稿重做（2026-09-09）
   ========================================================================== */

/* 内页大 hero：沿用首屏样式，去掉副标题/按钮/指示点 */
.hero--sub{min-height:clamp(280px,32vh,360px)}

.hero--sub .hero__slides{min-height:120px}
.hero--sub .hero__dots{display:none}

.pctr{display:grid;grid-template-columns:270px 1fr;gap:52px;align-items:start}
.pctr__desc{margin-top:16px;font-size:14px;line-height:1.95;color:var(--ink-2);max-width:900px}
.pctr__hr{height:1px;background:var(--line);margin-block:28px}
.pctr__category-panel h3{font-size:18px;line-height:1.4;font-weight:600;color:var(--ink);margin-bottom:2px}

/* 左侧手风琴分类导航 */
.pnav{display:grid;gap:12px;position:sticky;top:calc(var(--hdr-h) + 20px)}
.pnav__help{margin-top:8px;padding:24px 20px;border-radius:14px;text-align:center;
  background:linear-gradient(165deg,#F4F8FF,#E8F0FE);border:1px solid #DDE7FA;
  display:grid;justify-items:center;gap:8px}
.pnav__help-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  background:linear-gradient(140deg,#2E5FD6,#1D43A8);color:#fff;box-shadow:0 8px 18px rgba(36,76,180,.26)}
.pnav__help b{font-size:15px;color:var(--ink)}
.pnav__help p{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.7}
.pnav__help-tel{display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font-size:16px;font-weight:700;color:var(--blue-600)}
.pnav__help-btn{display:flex;align-items:center;justify-content:center;margin-top:8px;width:100%;
  height:40px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;
  background:linear-gradient(135deg,#3B66D6,#2B4FBD);box-shadow:0 8px 18px rgba(43,86,201,.24);transition:.22s}
.pnav__help-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(43,86,201,.32)}
@media(max-width:1180px){.pnav__help{grid-column:1/-1;max-width:520px;margin:8px auto 0}}
.pnav__item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:.24s var(--ease)}
.pnav__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:16px 20px;font-size:15px;font-weight:500;color:var(--ink);text-align:left;transition:.24s
}
.pnav__head svg{flex:none;color:var(--ink-4);transform:rotate(-90deg);transition:transform .26s var(--ease)}
.pnav__item:hover{border-color:var(--blue-300)}
.pnav__item.is-open{border-color:transparent;background:transparent}
.pnav__item.is-open .pnav__head{background:var(--blue-700);color:#fff;border-radius:12px}
.pnav__item.is-open .pnav__head svg{color:#fff;transform:none}
.pnav__body{display:none;padding:6px}
.pnav__item.is-open .pnav__body{display:block;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pnav__body a{position:relative;display:block;padding:11px 16px 11px 28px;font-size:14px;color:var(--ink-2);border-radius:8px;transition:.2s}
.pnav__body a::before{content:"";position:absolute;left:15px;top:50%;width:4px;height:4px;border-radius:50%;background:#C5CEDD;transform:translateY(-50%);transition:.2s}
.pnav__body a:hover{color:var(--blue-600)}
.pnav__body a:hover::before{background:var(--blue-400)}
.pnav__body a.is-on{color:var(--blue-600);font-weight:600;background:#F2F6FF}
.pnav__body a.is-on::before{width:5px;height:14px;border-radius:999px;background:var(--blue-600)}

/* 二级链接网格 */
.sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 34px;margin-top:24px}
.sub-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--line-2)}
.sub-link::after{content:"›";color:var(--ink-4);font-size:15px}
.sub-link:first-child{color:var(--blue-600)}
.sub-link:hover{color:var(--blue-600)}

/* 原代细胞常用分类 — 种属（图标圆片，参考普诺赛分类页） */
.species{
  margin-top:46px;padding:clamp(30px,2.6vw,44px) clamp(24px,2.4vw,42px) clamp(34px,2.8vw,48px);
  border:1px solid #E7EEF9;border-radius:26px;
  background:
    radial-gradient(circle at 96% 0%,rgba(84,133,226,.10) 0 90px,transparent 91px),
    linear-gradient(165deg,#FDFEFF 0%,#F4F8FE 55%,#EDF4FD 100%);
  box-shadow:0 16px 44px rgba(32,74,150,.06)}
.species__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-bottom:22px;border-bottom:1px solid #E4EDFB}
.species__title{font-size:clamp(24px,1.9vw,32px);line-height:1.2;font-weight:650;letter-spacing:-.02em;color:var(--ink)}
.species__note{margin-bottom:4px;font-size:12px;color:var(--ink-3)}
.species__note a{color:var(--blue-600);text-decoration:underline;text-underline-offset:3px}
.species__row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(14px,1.8vw,34px);margin-top:30px}
.spc{display:grid;justify-items:center;gap:14px;text-align:center}
/* 种属图标：玻璃泡剪影图片 */
.spc__icon{display:block;width:clamp(80px,5.8vw,110px);aspect-ratio:1;
  border-radius:50%;overflow:hidden;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.spc__icon img{width:100%;height:100%;object-fit:cover;display:block}
.spc b{position:relative;padding-bottom:11px;font-size:14px;font-weight:600;color:#1F3E77;transition:color .2s}
.spc b::after{content:"";position:absolute;left:50%;bottom:0;width:24px;height:2.5px;border-radius:2px;background:#7FA8E8;transform:translateX(-50%);transition:width .25s var(--ease),background .25s}
.spc:hover .spc__icon{transform:translateY(-6px) scale(1.05);
  box-shadow:0 18px 34px rgba(56,100,190,.22)}
.spc:hover b{color:var(--blue-600)}
.spc:hover b::after{width:38px;background:#4E86E0}

/* 产品优势大图卡 */
.advbox{position:relative;display:flex;flex-direction:column;min-height:clamp(560px,43vw,780px);
  border-radius:var(--r-xl);overflow:hidden;padding:clamp(38px,3.2vw,58px);
  background:#EAF1FC;--adv-bg-url:url("../img/product-advantages-bg-v2.png")}
.advbox__bg{position:absolute;inset:0;pointer-events:none;opacity:.92;
  background-image:
    linear-gradient(90deg,rgba(248,251,255,.98) 0%,rgba(242,247,255,.9) 30%,rgba(230,239,253,.18) 60%,rgba(220,233,252,.08) 100%),
    var(--adv-bg-url);
  background-position:center,right center;background-size:auto,cover;background-repeat:no-repeat;
  transition:background-image .35s var(--ease)}
/* 悬停时的第二张背景层：淡入盖在默认背景上，移出淡出还原（真正的交叉淡变） */
.advbox__bg2{opacity:0;transition:opacity .5s var(--ease)}
.advbox__bg2.is-on{opacity:.92}
.advbox__lead{position:relative;z-index:2;max-width:620px;transition:opacity .14s ease}
.advbox__lead.is-fading{opacity:0}
.advbox__lead h3{font-size:clamp(19px,1.5vw,26px);font-weight:600;line-height:1.55}
.advbox__lead p{margin-top:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
.advbox__row{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:20px;align-items:end;margin-top:auto;padding-top:56px}
.advbox__hl{min-height:clamp(290px,22vw,420px);display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.94);border-radius:14px;padding:34px 36px 38px;border-bottom:4px solid var(--blue-700);box-shadow:0 16px 36px rgba(25,61,138,.08)}
.advbox__hl-icon{display:grid;place-items:center;width:92px;height:92px;margin-bottom:auto}
.advbox__hl-icon img{display:block;width:92px;height:92px;object-fit:contain;transition:transform .3s var(--ease),opacity .2s}
.advbox__hl h4{font-size:16px;font-weight:600}
.advbox__hl p{margin-top:12px;font-size:13px;line-height:1.85;color:var(--ink-2)}
.advbox__cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.advc{min-height:clamp(190px,14vw,250px);display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.94);border:1px solid transparent;border-bottom:4px solid transparent;border-radius:18px;padding:32px 16px;text-align:center;transition:.26s var(--ease);box-shadow:0 12px 30px rgba(25,61,138,.06);cursor:pointer;appearance:none;color:var(--ink)}
.advc:hover,.advc:focus-visible,.advc.is-active{transform:translateY(-10px) scale(1.05);border-color:#AFC6EF;border-bottom-color:var(--blue-700);box-shadow:var(--sh-3);background:#fff}
.advc span{display:grid;place-items:center;width:88px;height:88px;min-height:88px;margin:0 auto 14px;
  border-radius:50%;background:linear-gradient(145deg,#EEF3FE,#DFE9FA);
  box-shadow:inset 0 0 0 1px rgba(46,95,214,.08)}
.advc span img{display:block;width:76px;height:76px;object-fit:contain}
.advc h4{font-size:16px;font-weight:600}
.advc__d{display:none;margin-top:10px;font-size:12.5px;line-height:1.75;color:var(--ink-2)}
/* 桌面端：五卡等大排布；悬停小卡正方形放大弹起，大卡内容同步切换 */
@media(min-width:1181px){
  .advbox__row{display:flex;gap:16px;align-items:stretch}
  .advbox__hl{flex:1 1 0;min-width:0;min-height:clamp(150px,11.5vw,210px);padding:24px 12px;justify-content:center;text-align:center;border:1px solid transparent;border-bottom:4px solid transparent;transition:transform .3s var(--ease),border-color .26s,box-shadow .26s}
  .advbox__hl-icon{width:76px;height:76px;margin:0 auto 12px}
  .advbox__hl-icon img{width:76px;height:76px}
  .advbox__hl h4{font-size:14px}
  .advbox__hl p{display:none}
  .advbox__cards{display:flex;gap:18px;align-items:end;flex:1 1 auto;min-width:0}
  .advc{flex:1 1 0;min-width:0;position:relative;transition:flex .45s var(--ease),transform .3s var(--ease),box-shadow .26s,border-color .26s,background .26s}
  .advc span img{transition:transform .3s var(--ease)}
  .advc h4{transition:color .26s var(--ease);white-space:nowrap}
  .advbox__cards:has(.advc:hover) .advc:not(:hover),.advbox__cards:has(.advc.is-active) .advc:not(.is-active){flex:.82 1 0}
  .advbox__cards:has(.advc:hover) .advc:not(:hover) span img,.advbox__cards:has(.advc.is-active) .advc:not(.is-active) span img{transform:scale(.88)}
  .advc__d{display:block;max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s var(--ease),margin-top .4s var(--ease)}
  .advc:hover,.advc:focus-visible,.advc.is-active{
    flex:1.32 1 0;transform:translateY(-10px);z-index:2;
    min-height:clamp(230px,16vw,300px);
    background:linear-gradient(180deg,#fff 0%,#F0F6FF 100%);
    border-color:#AFC6EF;border-bottom-color:var(--blue-700);
    box-shadow:0 22px 48px rgba(30,66,146,.16)}
  .advc:hover span img,.advc:focus-visible span img,.advc.is-active span img{transform:scale(1.14)}
  .advc:hover h4,.advc:focus-visible h4,.advc.is-active h4{color:var(--blue-700)}
  .advc:hover .advc__d,.advc:focus-visible .advc__d,.advc.is-active .advc__d{max-height:80px;margin-top:10px;opacity:1}
}

@media(max-width:1180px){
  .pctr{grid-template-columns:1fr;gap:28px}
  .pnav{position:static;grid-template-columns:1fr 1fr}
  .sub-grid{grid-template-columns:1fr 1fr;gap:0 24px}
  .species__row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .advbox__row{grid-template-columns:1fr}
  .advbox__cards{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .pnav{grid-template-columns:1fr}
  .sub-grid{grid-template-columns:1fr}
  .species__head{flex-direction:column;align-items:flex-start;gap:12px}
  .species__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}
  .spc__icon{width:64px}
  .spc b{font-size:11px}
  .advbox{padding:26px 20px 30px}
}

/* ==========================================================================
   内页系统（2026-09-10）
   以 PDF 第 2–12 页的浅蓝空间、大字水印和深蓝卡片为基础；
   首页未使用 .page-inner，以下规则不会影响首页。
   ========================================================================== */
.page-inner{background:#fff}
.page-inner main{overflow:hidden}
.page-inner .sec{padding-block:clamp(64px,5.2vw,100px)}
.page-inner .sec--tight{padding-block:clamp(48px,4vw,76px)}
.page-inner .sec-head{margin-bottom:36px}
.page-inner .sec-head .h2,
.page-inner .sec>.wrap>.h2{position:relative;padding-top:14px}
.page-inner .sec-head .h2::before,
.page-inner .sec>.wrap>.h2::before{
  content:"";position:absolute;left:0;top:0;width:34px;height:3px;border-radius:2px;background:var(--orange)
}

/* 内页首屏：同一视觉语言，不同科研主题 */
.page-literature{--phero-art:url("../img/hero-literature-v1.png")}
.page-academy [data-tabs]{padding-top:30px}
.page-academy{--phero-art:url("../img/hero-technical-v1.png")}
.page-learn{--phero-art:url("../img/hero-learning-v1.png")}
.page-coa{--phero-art:url("../img/hero-coa-v1.png")}
.page-faq{--phero-art:url("../img/hero-faq-v1.png")}
.page-points{--phero-art:url("../img/hero-welfare-v1.png")}
.page-about{--phero-art:url("../img/hero-about-v1.png")}
/* 桌面端内页首屏统一采用首页 84vh 框架；移动端仍由下方断点控制。 */
.phero{min-height:clamp(300px,34vh,380px);padding-block:clamp(34px,3.8vw,52px) clamp(30px,3.2vw,42px);background:#F7FAFF;isolation:isolate}
.phero__wash{position:absolute;inset:0;z-index:-3;background-image:var(--phero-art,url("../img/header-bg.jpg"));
  background-position:right center;background-size:cover;background-repeat:no-repeat;transform:scale(1.025);animation:phero-art-in 1.15s cubic-bezier(.2,.7,.2,1) both}
.phero__wash::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 28%,rgba(255,255,255,.72) 46%,rgba(247,250,255,.08) 72%,rgba(247,250,255,.02) 100%)}
.phero__orb{display:none}
.phero__ghost{left:clamp(28px,4vw,72px);right:clamp(28px,4vw,72px);bottom:14px;overflow:hidden;text-align:left;
  font-size:clamp(36px,4.4vw,68px);font-weight:500;line-height:1;letter-spacing:-.025em;color:transparent;
  background:linear-gradient(90deg,rgba(76,122,211,.11),rgba(76,122,211,.025) 72%);
  -webkit-background-clip:text;background-clip:text;opacity:1;white-space:nowrap;text-transform:none}
.phero .wrap{padding-top:4px}
.phero .crumb{margin-bottom:clamp(14px,1.7vw,22px)}
.phero__eyebrow{display:none;margin-bottom:13px;font-size:12px;font-weight:700;letter-spacing:.19em;color:var(--blue-600)}
.phero h1{font-size:clamp(30px,3vw,44px);line-height:1.16;letter-spacing:-.025em}
.phero p{max-width:630px;margin-top:12px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.phero .crumb,.phero__eyebrow,.phero h1,.phero p{animation:phero-copy-in .72s cubic-bezier(.2,.7,.2,1) both}
.phero__eyebrow{animation-delay:.06s}.phero h1{animation-delay:.11s}.phero p{animation-delay:.17s}
.page-about .phero p,.page-literature .phero p{max-width:570px}
.page-points .phero__wash::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 30%,rgba(255,255,255,.68) 48%,rgba(247,250,255,.02) 74%)}
@keyframes phero-art-in{from{opacity:.25;transform:scale(1.06)}to{opacity:1;transform:scale(1.025)}}
@keyframes phero-copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.phero__wash,.phero .crumb,.phero__eyebrow,.phero h1,.phero p{animation:none}}

/* 内页导航和基础控件 */
.page-inner .tabs{gap:4px;border-bottom:1px solid var(--line);margin-bottom:34px;overflow-x:visible;flex-wrap:wrap;scrollbar-width:none}
.page-inner .tabs::-webkit-scrollbar{display:none}
.page-inner .tabs button{position:relative;min-height:48px;padding:0 22px;border-radius:10px 10px 0 0;color:var(--ink-2);white-space:nowrap}
.page-inner .tabs button::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:transparent}
.page-inner .tabs button.is-on{background:var(--blue-50);color:var(--blue-700)}
.page-inner .tabs button.is-on::after{background:var(--blue-600)}
/* 产品中心：原稿中的物种切换使用紧凑的胶囊按钮，不使用内页通用的底部描边标签 */
.page-products [data-primary-tabs]>.tabs{gap:10px;border-bottom:0;margin-bottom:24px;overflow:visible}
.page-products [data-primary-tabs]>.tabs button{height:36px;min-height:36px;padding:0 24px;border:0;border-radius:999px;background:#EEF3FF;color:var(--blue-700);font-size:14px;white-space:nowrap}
.page-products [data-primary-tabs]>.tabs button::after{display:none}
.page-products [data-primary-tabs]>.tabs button.is-on{background:var(--blue-600);border-color:transparent;color:#fff;font-weight:600}
.page-inner .tbl{border-radius:16px;box-shadow:0 18px 54px rgba(24,52,116,.055)}
.page-inner .tbl th{height:auto;background:#F2F6FD;color:var(--ink);font-size:13px}
.page-inner .tbl td{padding-block:19px}
.page-inner .tbl tbody tr{transition:.2s}
.page-inner .tbl td{font-size:14px;padding-block:13px}
.page-inner .tbl .tbl__name{font-size:15px;font-weight:600}
.page-inner .tbl .tbl__desc{color:var(--ink-3);font-size:13.5px}
.page-inner .tbl .tags{margin-top:6px}
.page-inner .tbl .btn--ghost{min-width:96px;justify-content:center}
.page-inner .tbl tbody tr:hover{background:#F5F8FE;box-shadow:inset 3px 0 var(--blue-600)}
.page-inner .pfilters{padding:20px;border:1px solid var(--line);border-radius:16px;background:#F8FAFE;box-shadow:var(--sh-1)}
.page-inner .trial--bar{position:relative;overflow:hidden;border:0;background:
  linear-gradient(105deg,rgba(255,255,255,.95) 0%,rgba(237,244,255,.92) 54%,rgba(39,79,181,.13) 100%),
  url("../img/header-bg.jpg") center/cover no-repeat;box-shadow:0 20px 60px rgba(28,60,130,.09)}
.page-inner .trial--bar::after{content:"";position:absolute;right:12%;top:-65%;width:260px;aspect-ratio:1;border-radius:50%;
  background:url("../img/hero-cell.jpg") center/cover no-repeat;opacity:.24;pointer-events:none}
.page-inner .trial--bar>*{position:relative;z-index:1}

/* 产品中心 */
.page-products .hero--sub{min-height:clamp(300px,34vh,380px);background-color:#F2F6FD;background-image:
  linear-gradient(92deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 28%,rgba(255,255,255,.16) 54%,rgba(255,255,255,0) 72%),
  url("../img/product-center-hero-v3.png");background-position:center,center;background-size:auto,cover;background-repeat:no-repeat}
.page-products .hero--sub::before{background:linear-gradient(180deg,rgba(255,255,255,0) 72%,rgba(244,248,255,.74) 100%)}
.page-products .hero--sub .hero__in{padding-top:clamp(34px,3.8vw,52px)}
.page-products .hero--sub .hero__slide h1{font-size:clamp(30px,2.4vw,40px);letter-spacing:-.025em}
.page-products .hero--sub .hero__ghost{left:3%;bottom:-6px;transform:none;text-align:left;
  font-size:clamp(72px,8.4vw,140px);font-weight:500;letter-spacing:-.025em;color:transparent;
  background:linear-gradient(90deg,#C2D3F0 0%,#D1DDF2 48%,#B8CDEE 100%);
  -webkit-background-clip:text;background-clip:text;opacity:.78}

/* 产品页主标题居中 */
.page-products .hero--sub .hero__in{text-align:center}
.page-products .hero--sub .hero__slide h1{margin:0 auto}
.page-products .hero--sub+.sec{padding-top:clamp(54px,4.5vw,76px);padding-bottom:clamp(26px,2.4vw,40px)}
.page-products #advantages{padding-top:clamp(26px,2.4vw,40px)}
.page-products #advantages{padding-top:clamp(24px,2.2vw,36px)}
.page-products .pctr>.pnav{border-radius:18px;padding:10px;background:#F7F9FD;border:1px solid var(--line)}
.page-products .pctr__desc{font-size:15px;max-width:1050px}
.page-products .sub-grid{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 24px}
/* 产品中心：二级分类沿用物种切换的胶囊框架 */
.page-products [data-category-content] .sub-grid--category{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-top:24px;padding:0;background:transparent;border:0;border-radius:0
}
.page-products [data-category-content] .sub-grid--category .sub-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:36px;min-height:36px;padding:0 24px;
  border:0;border-radius:999px;background:#EEF3FF;color:var(--blue-700);
  font-size:14px;line-height:1;white-space:nowrap;
  transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)
}
.page-products [data-category-content] .sub-grid--category .sub-link::after{display:none}
.page-products [data-category-content] .sub-grid--category .sub-link:first-child,
.page-products [data-category-content] .sub-grid--category .sub-link.is-on{
  background:var(--blue-600);color:#fff;font-weight:600
}
.page-products [data-category-content] .sub-grid--category .sub-link:hover{
  color:#fff;background:var(--blue-700);transform:translateY(-1px);box-shadow:0 8px 18px rgba(39,79,181,.16)
}
.page-products .advbox{box-shadow:0 28px 80px rgba(30,66,146,.09)}
/* 优势大图卡右侧出血：整卡延伸到屏幕右缘 */
.page-products .advbox{margin-right:calc(-32px - max(0px,(100vw - var(--container))/2));border-top-right-radius:0;border-bottom-right-radius:0}
@media(max-width:1024px){.page-products .advbox{margin-right:calc(-20px - max(0px,(100vw - var(--container))/2))}}
@media(max-width:1024px){
  .page-products .hero--sub{min-height:280px;background-size:auto,auto 108%;background-position:center,72% center}
  .page-products .hero--sub .hero__ghost{font-size:clamp(58px,11vw,96px);bottom:6px}
}
@media(max-width:640px){
  .page-products .hero--sub{min-height:230px;background-size:auto,auto 104%;background-position:center,72% center}
  .page-products .hero--sub .hero__in{padding-top:36px}
  .page-products .hero--sub .hero__ghost{font-size:52px;bottom:10px;opacity:.64}
}

/* 产品列表 */
.page-list{--phero-art:url("../img/product-center-hero-v3.png")}
.page-list .phero{min-height:230px;padding-bottom:26px}
/* Keep the decorative English title below the copy, including wrapped mobile text. */
.page-list .phero__ghost{position:static;margin-top:16px;line-height:1.12;overflow:visible}
.page-list #pcount{font-size:1.12em}
/* 产品详情 */
.page-product .pd__crumbbar{padding-block:25px;background:linear-gradient(90deg,#FBFCFF,#E7EFFC)}
.page-product .pd__top{grid-template-columns:minmax(320px,440px) minmax(400px,1fr) 250px;gap:34px;padding-block:36px 48px}
.page-product .pd__main{border:1px solid #D5DCEA;background:
  linear-gradient(rgba(20,28,45,.08),rgba(20,28,45,.08)),url("../img/hero-cell.jpg") center/cover no-repeat;
  box-shadow:0 24px 65px rgba(15,36,80,.13)}
.page-product .pd__thumbs span{background:url("../img/hero-cell.jpg") center/cover no-repeat;filter:saturate(.7);transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.page-product .pd__thumbs span:nth-child(2){background-image:url("../img/hot-huvec.png")}
.page-product .pd__thumbs span:nth-child(3){background-image:url("../img/hot-msc.png")}
.page-product .pd__thumbs span:nth-child(4){background-image:url("../img/adv-bg-activity-v1.png")}
.page-product .pd__thumbs span.is-on{border:2px solid var(--blue-600);box-shadow:0 6px 16px rgba(36,76,180,.18);filter:none}
.page-product .pd__thumbs span:hover{transform:translateY(-2px)}
.page-product .pd__info{padding-top:6px}
.page-product .pd__info .h2{font-size:clamp(19px,1.6vw,23px);line-height:1.3;letter-spacing:0}
.page-product .pd__kv{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.page-product .pd__kv>div{padding:13px 16px;background:#fff}
.page-product .pd__kv>div:nth-child(odd){background:#F8FAFD}
.page-product .spec{border-color:#AEB7C7;box-shadow:0 14px 44px rgba(22,46,102,.06)}
.page-product .notices .notice{border:1px solid var(--line)}

/* 产品详情 —— 与 PDF 版式一致的名称、介绍与双列参数区 */
.page-product .pd-details{padding-top:30px;background:#fff}
.page-product .pd-details__summary{display:grid;gap:4px;padding-bottom:20px;border-bottom:1px solid var(--line-2)}
.page-product .pd-details__row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;min-height:32px;font-size:14px}
.page-product .pd-details__row>span{color:var(--ink-3)}
.page-product .pd-details__row>strong{color:var(--blue-700);font-weight:600}
.page-product .pd-details__row>b{color:var(--ink);font-weight:600}
.page-product .pd-details__intro{display:grid;justify-items:center;text-align:center;gap:10px;margin-top:22px;padding:22px 28px;background:#F7FAFF;border:1px solid #E6EEFB;border-radius:14px;font-size:14px;line-height:1.9}
.page-product .pd-details__intro>strong{color:var(--blue-700);font-weight:600;font-size:13px;letter-spacing:.12em}
.page-product .pd-details__intro>p{margin:0;color:var(--ink-2);max-width:920px}
.page-product .pd-specs{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #E3EAF6;border-radius:14px;overflow:hidden;margin-top:18px;box-shadow:0 12px 36px rgba(22,46,102,.05)}
.page-product .pd-spec{padding:10px 18px;border-bottom:1px solid #EDF1F8;border-right:1px solid #EDF1F8;display:flex;gap:10px;align-items:baseline}
.page-product .pd-spec:nth-child(4n){border-right:0}
.page-product .pd-spec dd{flex:1;min-width:0;line-height:1.55}
.page-product .pd-spec dt{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#8592B0;font-weight:500}
.page-product .pd-spec dt::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4A7FE8,#8DB4F8);flex:none}
.page-product .pd-spec dd{margin:0;font-size:14px;color:#1D2B4F;font-weight:500;line-height:1.7}
@media(max-width:1100px){.page-product .pd-specs{grid-template-columns:1fr 1fr 1fr}.page-product .pd-spec{border-right:1px solid #EDF1F8}.page-product .pd-spec:nth-child(4n){border-right:1px solid #EDF1F8}.page-product .pd-spec:nth-child(3n){border-right:0}}
@media(max-width:800px){.page-product .pd-specs{grid-template-columns:1fr 1fr}.page-product .pd-spec:nth-child(3n){border-right:1px solid #EDF1F8}.page-product .pd-spec:nth-child(2n){border-right:0}}
@media(max-width:640px){.page-product .pd-specs{grid-template-columns:1fr}.page-product .pd-spec{border-right:0!important}}
.page-product .pd-details .spec{margin-top:22px;border:0;border-radius:0;box-shadow:none;background:transparent}
.page-product .pd-details .spec th,.page-product .pd-details .spec td{border:0;border-bottom:1px solid var(--line-2);background:transparent;padding:14px 18px}
.page-product .pd-details .spec th{color:var(--ink-3);font-weight:500}
.page-product .pd-details .spec td{color:var(--ink-2)}
@media(max-width:640px){
  .page-product .pd-details__row,.page-product .pd-details__intro{grid-template-columns:80px 1fr;gap:12px}
  .page-product .pd-details .spec th,.page-product .pd-details .spec td{padding:11px 10px}
}

/* 文献引用 */
.page-literature .lit-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:34px;padding-inline:8px}
.page-literature .lit-side{gap:12px}
.page-literature .lit-side__box{border-radius:12px;background:#fff;box-shadow:var(--sh-1)}
.page-literature .lit-side__box h4{padding:13px 18px;background:linear-gradient(100deg,#274FB7,#1D3F9E)}
.page-literature .lit-kpi--wide{padding:22px;border-radius:16px;background:#F2F6FD}
.page-literature .lit-kpi--wide>div{min-width:150px;padding:12px 22px;background:#fff}
.page-literature .lit-kpi--wide b{font-size:25px;font-weight:500}
.page-literature .lit-kpi--wide .btn{margin-left:auto}
/* 右侧悬浮客服条会盖住靠右的内容，留出安全距离 */
@media(min-width:641px){
  .page-literature .lit-kpi--wide{padding-right:150px}
  .page-products .species{padding-right:140px}
  .page-products .pctr__desc{padding-right:150px}
  .page-products .advbox{padding-right:clamp(150px,10vw,200px)}
}
.page-literature .lit-row{border-color:#E6EBF4;border-radius:14px;padding:20px 22px}
.page-literature .lit-row__cov{background:
  linear-gradient(155deg,rgba(255,255,255,.15),transparent),
  linear-gradient(145deg,#182F70,#3567D8);box-shadow:0 8px 18px rgba(27,59,135,.18)}
.page-literature .reward{max-width:1040px;box-shadow:0 30px 80px rgba(22,49,112,.08)}
/* 文献快速搜索：把侧栏入口做成明确的检索起点，而不是普通表单 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-literature .lit-side__quick{position:relative;overflow:hidden;border-color:#D8E3F5;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(25,58,126,.10)}
.page-literature .lit-side__quick::after{content:"";position:absolute;right:-46px;top:-52px;width:142px;height:142px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 18px rgba(255,255,255,.06),0 0 0 38px rgba(255,255,255,.045);pointer-events:none}
.page-literature .lit-side__quick-head{position:relative;margin:0!important;padding:20px 20px 18px;color:#fff;background:linear-gradient(135deg,#2046A8 0%,#2F5BC0 72%,#4877D5 100%);z-index:1}
.page-literature .lit-side__quick-head h4{padding:0!important;margin-top:0;background:none!important;font-size:20px!important;line-height:1.25;letter-spacing:-.02em}
.page-literature .lit-side__quick-head p{margin-top:8px;font-size:12px;line-height:1.55;color:rgba(255,255,255,.78)}
.page-literature .lit-side__quick-body{position:relative;margin:0!important;padding:16px 18px 14px;background:linear-gradient(180deg,#fff 0%,#F7FAFF 100%);z-index:1}
.page-literature .lit-side__quick-field{position:relative;display:flex;align-items:center}
.page-literature .lit-side__quick-field>.inp{height:48px;padding:0 48px 0 40px;border-color:#DCE5F3;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(30,67,140,.05)}
.page-literature .lit-side__quick-field>.inp:focus{border-color:#7D9DE0;box-shadow:0 0 0 3px rgba(36,76,180,.11),0 5px 14px rgba(30,67,140,.06)}
.page-literature .lit-side__quick-field>svg{position:absolute;left:14px;color:var(--blue-600);pointer-events:none;z-index:1}
.page-literature .lit-side__quick-field>button{position:absolute;right:5px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--blue-600);color:#fff;transition:.2s var(--ease)}
.page-literature .lit-side__quick-field>button:hover{background:var(--blue-700);transform:translateY(-1px);box-shadow:0 7px 16px rgba(36,76,180,.25)}
.page-literature .lit-side__quick-hints{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:11px}
.page-literature .lit-side__quick-hints>span{font-size:11px;color:var(--ink-3)}
.page-literature .lit-side__quick-hints button{height:25px;padding:0 9px;border:1px solid #DCE5F3;border-radius:999px;background:#fff;font-size:11px;color:var(--ink-2);transition:.2s var(--ease)}
.page-literature .lit-side__quick-hints button:hover,.page-literature .lit-side__quick-hints button.is-on{border-color:#AFC3EA;background:var(--blue-50);color:var(--blue-600)}
.page-literature .lit-side__quick-status{min-height:15px;margin-top:7px;font-size:11px;color:var(--blue-600)}

/* 技术文档 */
.page-academy .docs{grid-template-columns:repeat(6,1fr);gap:24px}
.page-academy .doc{padding:14px;border-radius:16px}
.page-academy .doc__cov{position:relative;overflow:hidden;margin-bottom:0;aspect-ratio:3/4;border-radius:10px;
  background:linear-gradient(145deg,#F7FAFF 0%,#D9E5F9 72%,#C7D8F4 100%)}
.page-academy .doc__cov::after{content:"";position:absolute;right:-38%;bottom:-15%;width:105%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(36,76,180,.18);box-shadow:0 0 0 28px rgba(36,76,180,.05)}
.page-academy .doc__cov b{position:absolute;right:12px;top:12px;z-index:1;padding:3px 7px;border-radius:5px;background:#fff;color:var(--blue-600);font-size:10px}
.page-academy .doc__meta{display:flex;align-items:center;gap:10px;padding:16px 4px 4px}
.page-academy .doc__meta>div{min-width:0;flex:1}
.page-academy .doc__download{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue-50);color:var(--blue-600);font-size:12px;flex:none}
.page-academy .doc:hover .doc__download{background:var(--blue-600);color:#fff}

/* 学习中心 */
.page-learn .vids{grid-template-columns:repeat(3,1fr);gap:28px}
.page-learn .vid{display:block;padding:14px 14px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.25s}
.page-learn .vid:hover{transform:translateY(-5px);box-shadow:var(--sh-3);border-color:transparent}
.page-learn .vid__cov{position:relative;overflow:hidden;background:
  linear-gradient(135deg,rgba(21,52,126,.9),rgba(48,100,214,.72)),url("../img/hero-cell.jpg") center/cover no-repeat}
.page-learn .vid__cov::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,30,72,.34))}
.page-learn .vid__cov span{position:relative;z-index:2}
.page-learn .vid__cov em{position:absolute;left:14px;top:14px;z-index:2;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.9);font-style:normal;font-size:10px;font-weight:700;color:var(--blue-700);letter-spacing:.06em}
.page-learn .vid h4,.page-learn .vid p{margin-inline:5px}

/* COA / 产品资料 */
.page-coa .coa{min-height:470px;grid-template-columns:1.15fr .85fr;align-items:center;padding:58px 7%;background:
  linear-gradient(120deg,#F8FAFE,#EAF1FD);border:0;box-shadow:0 26px 80px rgba(20,51,120,.08)}
.page-coa .coa__search{width:100%;align-self:start;margin-top:76px}
.page-coa .coa__search .inp{height:54px;background:#fff;box-shadow:0 8px 24px rgba(23,50,112,.07)}
.page-coa .coa__hint{padding:22px 42px;border-radius:18px;background:rgba(255,255,255,.7)}
.page-coa .coa__label{transform:rotate(-1.3deg);box-shadow:0 20px 40px rgba(28,35,48,.14)}

/* COA 页强化 */
.bank{gap:9px}
.bank__ico{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;flex:none;
  background:linear-gradient(145deg,#EAF1FF,#DCE7FB);color:var(--blue-600);transition:.24s}
.bank:hover .bank__ico{background:var(--blue-600);color:#fff;transform:translateY(-2px)}
.page-coa .bank{height:auto;min-height:108px;padding:20px 14px;flex-direction:column;justify-content:center;
  border-radius:16px}
.page-coa .bank:hover{border-color:var(--blue-500);transform:translateY(-3px);box-shadow:0 12px 28px rgba(36,76,180,.13)}
.coa__steps{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.coa__steps span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-3)}
.coa__steps em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;
  font-size:11px;font-weight:700;background:var(--blue-600);color:#fff}
.coa__steps i{color:var(--blue-300);font-style:normal;font-weight:600}


/* ---- 文档单页（售后承诺 / 注意事项） ---- */


/* ---- 福利中心：左栏菜单 + 右栏内容 ---- */
.welfare-layout{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start}
.welfare-side{display:grid;gap:16px;align-content:start}
.welfare-intro{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px}
.welfare-intro .eyebrow{font-size:10.5px;letter-spacing:.14em;color:var(--blue-600);font-weight:700}
.welfare-intro h2{font-size:21px;line-height:1.3;margin:8px 0 10px}
.welfare-intro p{font-size:13px;color:var(--ink-2);line-height:1.8;margin-bottom:16px}
.welfare-intro .btn{width:100%;justify-content:center}
.welfare-nav{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;overflow:hidden}
.welfare-nav a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:10px;
  font-size:14px;color:var(--ink-2);transition:.2s}
.welfare-nav a svg{flex:none;color:var(--ink-3);transition:.2s}
.welfare-nav a:hover{background:var(--blue-50);color:var(--blue-700)}
.welfare-nav a.is-on{background:var(--blue-50);color:var(--blue-700);font-weight:600}
.welfare-nav a.is-on svg{color:var(--blue-600)}
.welfare-main{display:grid;gap:34px;min-width:0}
.welfare-sec__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;
  border-bottom:1px solid var(--line-2);padding-bottom:12px}
.welfare-sec__head h2{font-size:19px;font-weight:650;color:var(--ink)}
.welfare-sec__head a,.welfare-sec__tip{display:inline-flex;align-items:center;gap:3px;font-size:13px;color:var(--ink-3)}
.welfare-sec__head a:hover{color:var(--blue-600)}
/* 活动行列表 */
.actl{display:grid;gap:2px}
.actl__row{display:flex;align-items:center;gap:16px;padding:15px 14px;border-radius:12px;transition:.2s;min-width:0}
.actl__row:hover{background:var(--blue-50)}
.actl__tag{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:26px;
  padding:0 10px;border-radius:7px;font-size:12px;font-weight:600}
.actl__tag--pro{background:#FFF1E5;color:#D96A1E}
.actl__tag--act{background:#EDE9FE;color:#7C5CE0}
.actl__tag--try{background:#E2F5EC;color:#1FA971}
.actl__tag--lit{background:#E4ECFD;color:#2E5FD6}
.actl__tx{flex:1;min-width:0}
.actl__tx h4{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actl__tx p{margin-top:3px;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actl__row em{flex:none;font-style:normal;font-size:12.5px;color:var(--ink-3)}
@media(max-width:960px){.welfare-layout{grid-template-columns:1fr}.welfare-side{position:static}
  .welfare-nav{display:flex;overflow-x:auto;gap:4px}.welfare-nav a{white-space:nowrap;flex:none}}
@media(max-width:640px){.actl__row{gap:10px;padding:13px 8px}.actl__tx p{display:none}}



/* ---- 活动行海报缩略图 ---- */
.actl__img{flex:none;width:96px;height:60px;border-radius:10px;overflow:hidden;background:var(--blue-50)}
.actl__img img{width:100%;height:100%;object-fit:cover;display:block}
/* ---- 活动详情页 ---- */
.actpage{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,44px);
  box-shadow:0 20px 60px rgba(22,49,112,.07)}
.actpage__media{border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(22,49,112,.12)}
.actpage__media img{width:100%;display:block}
.actpage__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.actpage__meta em{font-style:normal;font-size:13px;color:var(--ink-3)}
.actpage__body h2{font-size:clamp(22px,2vw,28px);line-height:1.4;margin-bottom:10px}
.actpage__desc{font-size:14.5px;color:var(--ink-2);margin-bottom:18px}
.actpage__list{list-style:none;margin:0 0 26px;padding:16px 18px;background:var(--blue-50);border-radius:14px}
.actpage__list li{position:relative;padding-left:18px;font-size:13.5px;color:var(--ink-2);line-height:2.1}
.actpage__list li::before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--blue-500)}
.actpage__cta{display:flex;gap:12px;flex-wrap:wrap}
.btn--ghost{border:1px solid var(--line);color:var(--ink-2);background:#fff}
.btn--ghost:hover{border-color:var(--blue-500);color:var(--blue-600)}
@media(max-width:900px){.actpage{grid-template-columns:1fr}}

/* ---- 活动详情弹窗 ---- */
.actm{position:fixed;inset:0;z-index:460;display:grid;place-items:center;padding:24px}
.actm[hidden]{display:none!important}
.actm__bg{position:absolute;inset:0;background:rgba(20,40,90,.34);backdrop-filter:blur(4px)}
.actm__panel{position:relative;z-index:1;width:min(560px,100%);background:#fff;border-radius:20px;
  padding:30px 32px 28px;box-shadow:0 30px 80px rgba(22,49,112,.25)}
.actm__close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:1px solid var(--line);
  border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink-2);transition:.2s}
.actm__close:hover{border-color:var(--blue-600);color:var(--blue-600);transform:rotate(90deg)}
.actm__head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.actm__head em{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.actm__panel h3{font-size:19px;font-weight:650;line-height:1.45;margin-bottom:8px;padding-right:30px}
.actm__desc{font-size:13.5px;color:var(--ink-2);margin-bottom:14px}
.actm__body{list-style:none;margin:0 0 22px;padding:14px 16px;background:var(--blue-50);border-radius:12px}
.actm__body li{position:relative;padding-left:16px;font-size:13px;color:var(--ink-2);line-height:2}
.actm__body li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--blue-500)}
.actm__panel .btn{justify-content:center}

/* ---- 福利中心：积分规则卡 ---- */
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rule{display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(160deg,#F3F7FF,#EDF3FE);border:1px solid #E0EAFB;
  border-radius:16px;padding:30px 18px;text-align:center;transition:.24s var(--ease)}
.rule:hover{transform:translateY(-3px);border-color:#BFD4F5;box-shadow:0 14px 34px rgba(36,76,180,.09)}
.rule>b{font-size:26px;font-weight:700;color:var(--blue-700);letter-spacing:-.01em}
.rule h4{font-size:14.5px}
.rule p{font-size:12.5px;color:var(--ink-2);line-height:1.7}
@media(max-width:960px){.rules{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rules{grid-template-columns:1fr}}

.docpage{max-width:920px;margin:0 auto}
.docpage__warn{background:linear-gradient(120deg,#FFF6EC,#FFFBF5);border:1px solid #F5D9B8;border-left:4px solid var(--orange);
  border-radius:14px;padding:18px 22px;font-size:14.5px;line-height:1.9;color:#8A5A1E;margin-bottom:34px}
.docpage__warn b{display:block;font-size:15.5px;color:#C25710;margin-bottom:4px}
.docpage__h{font-size:19px;font-weight:650;color:var(--ink);margin:40px 0 16px;padding-left:14px;position:relative}
.docpage__h::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;
  border-radius:2px;background:var(--blue-600)}
.docpage__tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.docpage__tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.docpage__tbl th{background:var(--blue-50);color:var(--blue-800);font-weight:600;padding:12px 14px;text-align:left;font-size:13px}
.docpage__tbl td{padding:12px 14px;border-top:1px solid var(--line-2);color:var(--ink-2);line-height:1.7}
.docpage__tbl tr:nth-child(even) td{background:#FAFBFF}
.docpage__list{margin:0;padding:0 0 0 20px;font-size:14px;color:var(--ink-2);line-height:2}
.docpage__list li{margin-bottom:6px}
.docpage__list li::marker{color:var(--blue-600);font-weight:600}
.docpage__note{background:var(--blue-50);border:1px solid #DDE8FA;border-radius:14px;padding:18px 22px;
  font-size:14px;line-height:1.95;color:var(--ink-2);margin:8px 0 10px}
.docpage__note ul,.docpage__note p{margin:4px 0 0 16px;padding:0}
.docpage__note p{margin:4px 0}
.docpage__qa{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden;transition:.22s}
.docpage__qa[open]{border-color:#BFD4F5;box-shadow:0 8px 24px rgba(36,76,180,.08)}
.docpage__qa summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;
  padding:17px 20px;font-size:14.5px;font-weight:600;color:var(--ink)}
.docpage__qa summary::-webkit-details-marker{display:none}
.docpage__qa summary b{color:var(--blue-600);font-size:13px;flex:none}
.docpage__qa summary svg{margin-left:auto;flex:none;color:var(--ink-3);transition:.25s}
.docpage__qa[open] summary svg{transform:rotate(180deg);color:var(--blue-600)}
.docpage__ans{padding:0 20px 18px 56px;font-size:14px;line-height:1.95;color:var(--ink-2)}
@media(max-width:760px){.docpage__ans{padding-left:20px}}



/* ---- COA 查询条（技术支持页顶部） ---- */
.coaband{display:flex;align-items:center;gap:16px;margin-bottom:28px;
  background:linear-gradient(115deg,#EFF5FF 0%,#F7FAFF 55%,#EDF4FF 100%);
  border:1px solid #D9E4F8;border-radius:16px;padding:14px 14px 14px 20px;position:relative;overflow:hidden}
.coaband::after{content:"";position:absolute;right:-30px;top:-40px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,127,232,.12),transparent 70%);pointer-events:none}
.coaband__ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:linear-gradient(145deg,#3D6BDD,#2B4FBD);color:#fff;box-shadow:0 8px 18px rgba(43,79,189,.28)}
.coaband__txt{flex:none;min-width:0;padding-right:6px}
.coaband__txt b{display:block;font-size:15.5px;color:var(--ink)}
.coaband__txt i{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.coaband__field{flex:1;display:flex;gap:10px;min-width:0}
.coaband__in{flex:1;min-width:0;height:46px;border:1px solid #D5DFF2;border-radius:10px;background:#fff;
  padding:0 16px;font-size:14px;color:var(--ink);transition:.2s}
.coaband__in:focus{outline:0;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(46,95,214,.12)}
.coaband__in::placeholder{color:var(--ink-4)}
.coaband__btn{flex:none;display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 24px;border:0;
  border-radius:10px;background:var(--blue-600);color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:.22s;white-space:nowrap}
.coaband__btn:hover{background:var(--blue-700);transform:translateY(-1px);box-shadow:0 8px 18px rgba(43,79,189,.3)}
@media(max-width:820px){.coaband{flex-wrap:wrap}.coaband__field{flex-basis:100%}}

/* ---- 产品页锚点导航条 ---- */
.pd__anchors{display:flex;gap:10px;padding:0 0 26px;margin-top:-6px}
.pd__anchors a{display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:999px;
  background:#fff;border:1px solid #DCE6F6;font-size:13.5px;color:var(--ink-2);transition:.22s}
.pd__anchors a:hover{background:var(--blue-600);color:#fff;border-color:var(--blue-600);transform:translateY(-1px)}
/* ---- 相关产品表：居中 + 简介 + 价格 ---- */
.tbl--center th,.tbl--center td{text-align:center}
.tbl--center td.tbl__desc{text-align:left;font-size:13px;color:var(--ink-2);line-height:1.6}
.tbl__price{font-style:normal;color:var(--orange);font-weight:650;font-size:14px}
@media(max-width:760px){.pd__anchors{flex-wrap:wrap}}

.page-coa .banks{grid-template-columns:repeat(6,1fr)}
.page-coa .bank{height:96px;background:#fff;font-weight:700}

/* 常见问题 */
.page-faq .tabs{justify-content:center}
.page-faq .tabpane{max-width:1180px;margin-inline:auto}
.page-faq .acc{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:.22s}
.page-faq .acc:hover{border-color:#BFCDEC}
.page-faq .acc.is-open{border-color:var(--blue-300);box-shadow:0 14px 34px rgba(24,55,126,.07)}
.page-faq .acc__q{padding:20px 24px;font-weight:500}
.page-faq .acc__a{padding:0 70px 24px 24px;color:var(--ink-2);line-height:1.9}

/* 关于我们 */
.page-about .about-intro{grid-template-columns:1fr 1.1fr;gap:90px}
.page-about .about-intro>.stats{grid-template-columns:repeat(4,1fr);gap:0;grid-column:1/-1}
.page-about .about-intro .stat{border:0;border-radius:0;border-left:1px solid var(--line);box-shadow:none;background:transparent;padding:8px 30px}
.page-about .about-intro .stat:first-child{border-left:0}
.page-about .about-intro .stat b{font-size:clamp(38px,3.4vw,66px);font-weight:300}
.page-about .about-intro .stat__n{display:flex;align-items:baseline;color:var(--blue-600);font-size:clamp(36px,3.2vw,56px);font-weight:600;letter-spacing:-.02em;line-height:1}
.page-about .about-intro .stat__n i{font-style:normal;font-size:.6em;font-weight:500;margin:0 1px 0 3px}
.page-about .about-intro .stat__n em{font-style:normal;font-size:13px;font-weight:500;color:#8DA0BE;margin-left:8px;letter-spacing:0}
.page-about .about-intro .stat p{margin-top:9px;font-size:13px;color:var(--ink-3)}
.page-about .facs{grid-template-columns:repeat(4,1fr);align-items:end}
/* 服务设施：四张正方形设施卡（1:1），桌面端等宽一排 */
.page-about .fac__img{aspect-ratio:1/1}
@media(min-width:1181px){
  .page-about .facs{display:flex;align-items:stretch}
  .page-about .fac{flex:1 1 0;min-width:0}
  .page-about .fac .fac__img{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
  .page-about .fac:hover .fac__img{transform:translateY(-8px) scale(1.02);box-shadow:var(--sh-3)}
}
.page-about .fac__img{background:
  linear-gradient(135deg,rgba(30,68,157,.12),rgba(30,68,157,.28)),url("../img/hero-cell.jpg") center/cover no-repeat}
.page-about .servs{grid-template-columns:repeat(3,1fr)}
.page-about .serv{min-height:190px;background:linear-gradient(140deg,#2854BD,#183987)}
.page-about .service-carousel{position:relative}
.page-about .service-carousel__viewport{overflow:hidden;cursor:grab;touch-action:pan-y;padding-top:8px;margin-top:-8px}
.page-about .service-carousel__viewport.is-drag{cursor:grabbing}
.page-about .service-carousel__track{display:flex;gap:20px;width:max-content;will-change:transform}
.page-about .service-carousel .serv:focus{outline:none}
.page-about .service-carousel .serv:focus-visible{outline:none;background:#fff;border-color:var(--blue-600);box-shadow:0 18px 44px rgba(36,76,180,.13)}
.page-about .service-carousel .serv{flex:none;width:calc((100vw - 96px)/5);max-width:calc((1200px - 80px)/5);min-height:330px;border-radius:26px;padding:26px 24px 24px;position:relative;overflow:hidden;
  background:linear-gradient(170deg,#F7FAFF 0%,#EDF2FC 100%);border:1.5px solid transparent;color:var(--ink);
  display:flex;flex-direction:column}
.serv__pic{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;
  opacity:0;transform:scale(1.06);transition:opacity .38s var(--ease),transform .5s var(--ease)}
.serv__pic::after{content:"";position:absolute;inset:0;
  background:linear-gradient(185deg,rgba(18,44,105,.62) 0%,rgba(14,34,88,.88) 62%)}
.page-about .service-carousel .serv:hover .serv__pic{opacity:1;transform:scale(1)}
.page-about .service-carousel .serv:hover .serv__go{color:#fff}
.page-about .service-carousel .serv:hover .serv__ico{color:#fff;background:rgba(255,255,255,.16)}
.page-about .service-carousel .serv:hover h4{color:#fff}
.page-about .service-carousel .serv:hover p{color:rgba(255,255,255,.85)}
.page-about .service-carousel .serv::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;
  border:1.5px solid transparent;pointer-events:none;transition:border-color .28s}
.page-about .service-carousel .serv:hover::after{border-color:var(--blue-600)}
.page-about .service-carousel .serv:hover{background:#fff;border-color:transparent;
  box-shadow:0 18px 44px rgba(36,76,180,.13);transform:translateY(-4px)}
.page-about .service-carousel .serv__ico{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;
  background:#fff;color:var(--blue-600);box-shadow:0 8px 20px rgba(36,76,180,.12)}
.page-about .service-carousel .serv h4{margin-top:auto;font-size:19px;font-weight:600}
.page-about .service-carousel .serv p{margin-top:10px;font-size:13px;line-height:1.8;color:var(--ink-3)}
.page-about .service-carousel .serv__go{margin-top:16px;color:var(--blue-600);opacity:0;transform:translateY(6px);transition:.28s var(--ease)}
.page-about .service-carousel .serv:hover .serv__go{opacity:1;transform:none}
.page-about .service-carousel__progress{position:relative;width:min(340px,60%);height:22px;margin:36px auto 0;cursor:grab;touch-action:none}
.page-about .service-carousel__progress::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:#E2EAF7}
.page-about .service-carousel__progress span{position:absolute;top:6px;left:0;height:10px;border-radius:5px;background:linear-gradient(90deg,#3B66D6,#7FA8F0);width:25%;box-shadow:0 3px 10px rgba(43,92,205,.32);transition:box-shadow .2s}
.page-about .service-carousel__progress:hover span{box-shadow:0 4px 14px rgba(43,92,205,.45)}
.page-about .miles{grid-template-columns:repeat(6,1fr);gap:12px;padding-top:32px}
.page-about .miles::before{content:"";position:absolute;left:4%;right:4%;top:13px;height:1px;background:#B9C8E6}
.page-about .mile{position:relative;border:0;border-radius:12px;background:#fff}
.page-about .mile::before{content:"";position:absolute;left:25px;top:-25px;width:10px;height:10px;border-radius:50%;background:var(--blue-600);box-shadow:0 0 0 6px #E7EEFC}
.page-about .map-ph{background:
  radial-gradient(circle at 70% 48%,rgba(62,109,211,.22) 0 3px,transparent 4px),
  radial-gradient(circle at 64% 62%,rgba(62,109,211,.22) 0 3px,transparent 4px),
  linear-gradient(145deg,#F1F5FE,#DDE8FA)}

/* 福利中心 */
.page-points .welfare-intro{display:block;padding:26px 22px;border-radius:16px;
  background:linear-gradient(120deg,#EEF4FF,#DCE8FB);box-shadow:0 25px 70px rgba(29,63,142,.08)}
.page-points .welfare-intro h2{margin-top:8px;font-size:22px;line-height:1.35}
.page-points .welfare-intro p{margin:10px 0 18px;color:var(--ink-2);line-height:1.8;font-size:13px}
.page-points .rules{grid-template-columns:repeat(4,1fr)}
.page-points .sec{padding-block:clamp(38px,3.2vw,56px)}
.page-points .sec-head{margin-bottom:26px}
.page-points .gift__img{aspect-ratio:16/10}
.page-points .acts .act__img{width:200px}
.page-points .welfare-intro{padding:36px 44px}
.page-points .rule{padding-block:34px}
.page-points .rule b{font-weight:500}
.page-points .gifts{grid-template-columns:repeat(3,1fr)}
.page-points .gift__img{background:
  radial-gradient(circle at 50% 45%,#fff 0 22%,transparent 23%),linear-gradient(145deg,#E9F0FC,#CBD9F3)}

/* 联系与搜索 */
.page-contact .cinfos{grid-template-columns:repeat(4,1fr)}
.page-contact .cinfo{padding:34px;min-height:220px}
.page-search main>.sec:first-child{padding-top:88px;background:linear-gradient(180deg,#F6F9FE,#fff)}
.page-search main>.sec:first-child .wrap{padding-block:46px;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(22,50,115,.08)}
.page-search .search-box{max-width:800px}
.page-search .search-box .inp{height:54px}

@media(max-width:1380px){
  .page-academy .docs{grid-template-columns:repeat(4,1fr)}
  .page-product .pd__top{grid-template-columns:minmax(300px,430px) 1fr}
  .page-product .pd__side{grid-column:1/-1;grid-template-columns:1fr 1.4fr 1fr;position:static}
  .page-about .miles{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .page-about .miles::before,.page-about .mile::before{display:none}
}
@media(max-width:980px){
  .phero{min-height:250px}.phero__wash{background-position:58% center;background-size:auto 110%}.phero__wash::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 42%,rgba(247,250,255,.28) 74%,rgba(247,250,255,.05))}
  .page-product .pd__top{grid-template-columns:1fr}
  .page-product .pd__side{grid-template-columns:1fr;grid-column:auto}
  .page-literature .lit-layout,.page-coa .coa{grid-template-columns:1fr}
  .page-academy .docs,.page-learn .vids,.page-about .servs,.page-points .gifts{grid-template-columns:repeat(2,1fr)}
  .page-coa .coa__search{margin-top:0}
  .page-coa .banks{grid-template-columns:repeat(3,1fr)}
  .page-about .about-intro{grid-template-columns:1fr;gap:42px}
  .page-about .about-intro__media,.page-about .about-intro__media img{min-height:260px}
  .page-about .about-intro>.stats{grid-template-columns:1fr 1fr}
  .page-about .facs{grid-template-columns:1fr 1fr}
  .page-points .rules,.page-contact .cinfos{grid-template-columns:1fr 1fr}
  .page-points .welfare-intro{align-items:flex-start;flex-direction:column}
}

/* 手机端顶栏：工具群紧凑，不撑破版宽 */
@media(max-width:640px){
  .util__in{gap:12px;padding-inline:14px}
  .util__right{gap:12px}
  .util__auth a{font-size:12px}
  .util__tel{display:none}
  .util__cart{font-size:12px}
  .util__cart em{display:none}
  .util__lang{font-size:12px}
}

@media(max-width:640px){
  .phero{min-height:220px;padding-block:32px 44px}.phero__wash{background-position:67% center;background-size:auto 100%;opacity:.7}.phero__wash::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 62%,rgba(247,250,255,.5) 100%)}.phero__ghost{left:20px;right:20px;bottom:12px;font-size:34px}
  .phero .crumb{margin-bottom:22px}.phero p{font-size:14px}
  .page-inner .tabs button{padding-inline:15px}
  .page-product .pd__top{grid-template-columns:1fr;padding-block:34px}.page-product .pd__side{grid-template-columns:1fr}
  .page-academy .docs,.page-learn .vids,.page-about .servs,.page-points .gifts{grid-template-columns:1fr}
  .page-coa .coa{padding:28px 20px}.page-coa .banks{grid-template-columns:1fr 1fr}
  .page-about .about-intro>.stats,.page-about .facs,.page-about .miles,.page-points .rules,.page-contact .cinfos{grid-template-columns:1fr}
  .page-about .about-intro .stat{border-left:0;border-top:1px solid var(--line)}
  .page-points .welfare-intro{padding:30px 24px}
  .page-about .service-carousel__track{gap:18px}
  .page-about .service-carousel .serv{width:78vw;min-height:220px;border-radius:20px;padding:24px 22px}
  .page-about .service-carousel .serv h4{font-size:20px}
  .page-about .service-carousel__progress{width:180px;margin-top:24px}
}

/* ==========================================================================
   9.20 整改 —— 页头通栏滚动 / 登录注册 / 购物车 / 客服弹层 / 新增页面
   ========================================================================== */

/* ---- 顶部通栏：横向连续滚动 ---- */
.util__notice{flex:1;min-width:0}
.util__mq{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.util__mq-track{display:inline-flex;white-space:nowrap;animation:mqslide 26s linear infinite}
.util__mq-track span{padding-right:56px;color:var(--ink-2)}
.util__mq:hover .util__mq-track{animation-play-state:paused}
@keyframes mqslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.util__mq-track{animation:none}}

/* ---- 顶部登录/注册 + 购物车 ---- */
.util__auth{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.util__auth svg{color:var(--blue-600)}
.util__auth a{color:var(--ink-2)}
.util__auth a:hover{color:var(--blue-600)}
.util__auth i{width:1px;height:12px;background:#C4D2EA}
.util__cart{position:relative;display:flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:500}
.util__cart svg{color:var(--blue-600)}
.util__cart:hover{color:var(--blue-600)}
.util__cart-n{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;
  background:var(--orange);color:#fff;font-size:11px;font-weight:700;line-height:1}
@media(max-width:1180px){.util__cart span{display:none}}

/* ---- 产品中心 mega 菜单 ---- */
.nav__mega-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--blue-50);color:var(--blue-600);flex:none;transition:.2s}
.nav__mega-list a{display:flex;align-items:center;gap:11px;padding:9px 10px}
.nav__mega-list a:hover .nav__mega-ico{background:var(--blue-600);color:#fff}

/* ---- 悬浮客服弹层 ---- */
.float__pop{position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%);width:230px;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px;
  box-shadow:0 24px 60px rgba(24,55,117,.18);text-align:left;z-index:5}
.float__pop h4{font-size:15px;font-weight:700;color:var(--ink)}
.float__pop-line{margin-top:9px;font-size:12.5px;color:var(--ink-2);line-height:1.6}
.float__pop-line b{color:var(--blue-600);font-size:15px}
.float__pop-qr{margin-top:12px;aspect-ratio:1;border-radius:10px;background:var(--soft);
  border:1px dashed #B9CBE8;display:grid;place-items:center}
.float__pop-qr i{font-style:normal;font-size:12px;color:var(--ink-3);text-align:center;line-height:1.7}
.float__pop-go{display:inline-block;margin-top:13px;font-size:13px;font-weight:600;color:var(--blue-600)}
.float__pop-go:hover{color:var(--blue-700)}

/* ---- 登录/注册弹窗 ---- */
.login-modal .reward-modal__panel{width:min(430px,100%);padding:34px 36px}
.login-modal__tabs{display:flex;gap:26px;border-bottom:1px solid var(--line)}
.login-modal__tabs button{position:relative;padding:0 2px 13px;font-size:16px;font-weight:600;color:var(--ink-3);background:none}
.login-modal__tabs button.is-on{color:var(--blue-600)}
.login-modal__tabs button.is-on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2.5px;border-radius:2px;background:var(--blue-600)}
.login-modal__code{display:flex;gap:10px}
.login-modal__code .inp{flex:1;min-width:0}
.login-modal__code .btn{flex:none;height:46px;padding-inline:16px;font-size:13px}
.login-modal__note{margin-top:16px;font-size:12px;color:var(--ink-3);line-height:1.8;text-align:center}
.login-modal__done{text-align:center;padding:26px 0 6px}
.login-modal__done svg{margin-inline:auto}
.login-modal__done h3{margin-top:14px;font-size:20px;font-weight:700}
.login-modal__done p{margin-top:8px;color:var(--ink-2)}
.login-modal__done .btn{margin-top:22px;min-width:160px;justify-content:center}
.field.is-err .inp{border-color:var(--err);box-shadow:0 0 0 3px rgba(229,72,77,.10)}

/* ---- 分类卡悬停配图 ---- */
.catcar__view{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.catcar__view .catcard{-webkit-user-drag:none}
.catcar__view.is-drag{cursor:grabbing}
.catcard{position:relative;overflow:hidden}
.catcard>*{position:relative;z-index:1}
.catcard__pic{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;
  opacity:0;transform:scale(1.06);transition:opacity .38s var(--ease),transform .5s var(--ease)}
.catcard::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;
  border:1.5px solid transparent;pointer-events:none;transition:border-color .28s}
.catcard:hover::after{border-color:var(--blue-600)}
.catcard__pic::after{content:"";position:absolute;inset:0;
  background:linear-gradient(185deg,rgba(18,44,105,.62) 0%,rgba(14,34,88,.88) 62%)}
.catcard:hover .catcard__pic{opacity:1;transform:scale(1)}
.catcard:hover .catcard__ico{color:#fff}
.catcard:hover p{color:rgba(255,255,255,.85)}
.catcard:hover .catcard__go{color:#fff}
.catcard:hover h3{color:#fff}

/* ---- 实力数据区 ISO/GB 徽章强化 ---- */
.power__badges{display:flex;gap:14px;flex-wrap:wrap}
.power__badge{display:flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:16px;
  background:#fff;border:1.5px solid #CFE0FA;box-shadow:0 10px 26px rgba(36,76,180,.10)}
.power__badge i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:linear-gradient(140deg,#2E5FD6,#1D43A8);color:#fff;box-shadow:0 6px 14px rgba(36,76,180,.28)}
.power__badge b{display:grid;font-size:16px;font-weight:700;color:var(--ink);line-height:1.3}
.power__badge em{font-style:normal;font-size:12px;font-weight:400;color:var(--ink-3)}

/* ---- 产品详情：价格 / 套餐价 ---- */
.wrap--mid{max-width:1080px}
.pd__pricerow dd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pd__price{font-size:clamp(30px,2.4vw,40px);font-weight:800;color:#E5484D;line-height:1;font-style:normal}
.pd__price i{font-style:normal;font-size:.6em;margin-right:2px}
.pd__price.is-quote{font-size:26px;color:var(--blue-600)}
.pd__price-old{font-size:15px;color:var(--ink-3)}
.pd__price-tag{font-size:12px;color:var(--ink-3)}
.pd__stock{display:flex;align-items:center;gap:7px}
.pd__stock i{width:8px;height:8px;border-radius:50%;background:#1FA971;box-shadow:0 0 0 4px rgba(31,169,113,.14)}
.combo__pr{margin-left:auto;text-align:right;flex:none}
.combo__pr b{display:block;font-size:26px;font-weight:800;color:#E5484D;line-height:1.1}
.combo__pr b i{font-style:normal;font-size:.62em;margin-right:2px}
.combo__pr s{font-size:12px;color:var(--ink-3);font-weight:400}
.tbl__price b{color:#E5484D;font-size:15px;white-space:nowrap}
.tbl__quote{color:var(--blue-600);font-weight:600}
.tbl__desc{color:var(--ink-3);font-size:13px;line-height:1.6}
.tbl--related{max-width:1080px;margin-inline:auto}
.cart-toast{position:fixed;left:50%;bottom:46px;transform:translate(-50%,14px);z-index:400;
  background:var(--ink);color:#fff;font-size:14px;padding:12px 26px;border-radius:99px;
  box-shadow:0 14px 40px rgba(10,25,60,.3);opacity:0;transition:.28s var(--ease);pointer-events:none}
.cart-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---- 产品中心：组织来源（渐变胶囊矩阵） ---- */
.tissue{margin-top:44px}
.tissue__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tissue__title{font-size:clamp(24px,1.9vw,32px);font-weight:650;letter-spacing:-.02em;color:var(--ink)}
.tissue__note{margin:0;font-size:13px;color:var(--ink-3)}
.tissue__note a{color:var(--blue-600);font-weight:600}
.tissue__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 16px;margin-top:24px}
.tissue__pill{position:relative;display:flex;align-items:center;justify-content:center;column-gap:4px;
  min-height:58px;padding:10px 56px 10px 16px;border-radius:999px;overflow:hidden;text-align:center;
  background:linear-gradient(96deg,#D8E3FA 0%,#EDF3FD 58%,#F6F9FF 100%);
  border:1px solid #D2DEF4;transition:.24s var(--ease)}
.tissue__pill b{font-size:15.5px;font-weight:650;color:#2E5FD6;letter-spacing:.02em;white-space:nowrap}
.tissue__pill i{font-style:normal;font-size:12px;color:var(--ink-2);white-space:nowrap;transform:translateY(1px)}
.tissue__pill::after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;background:url("../img/adv-icon-cell-cluster-v2.png") center/contain no-repeat;opacity:.9}
.tissue__pill.is-on{background:linear-gradient(96deg,#D2DFF6 0%,#E8F0FC 60%,#F5F9FF 100%);border-color:#AFC6EE}
.tissue__pill:hover{border-color:var(--blue-600);box-shadow:0 10px 26px rgba(39,79,181,.15);transform:translateY(-2px)}
@media(max-width:1180px){.tissue__grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.tissue__grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .tissue__pill{min-height:50px;padding-right:46px}.tissue__pill b{font-size:14px}.tissue__pill::after{width:32px;height:32px}}
@media(max-width:560px){.tissue__grid{grid-template-columns:repeat(2,1fr)}}

/* ---- 首页合作单位：无边框 logo，双行反向滚动 ---- */
.partnerwall{display:grid;gap:26px;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.partnerwall__row{overflow:hidden}
.partnerwall__track{display:flex;align-items:center;width:max-content;
  animation:mqslide 75s linear infinite}
.partnerwall__row--r .partnerwall__track{animation-direction:reverse}
.partnerwall:hover .partnerwall__track{animation-play-state:paused}
/* 间距放在 item 上，保证两份内容宽度完全一致，-50% 处无缝衔接 */
.partnerwall__item{flex:none;display:grid;place-items:center;height:56px;margin-right:clamp(40px,5vw,88px)}
.partnerwall__item img{max-height:56px;max-width:190px;width:auto;height:auto;object-fit:contain;
  transition:transform .24s}
.partnerwall__item:hover img{transform:scale(1.08)}

/* ---- 福利中心：左导航 + 右列表 ---- */
.welfare{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}
.welfare__rail{position:sticky;top:130px;display:grid;gap:18px}
.welfare__card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.welfare__intro h2{margin-top:10px;font-size:26px;font-weight:700;line-height:1.35}
.welfare__intro p{margin-top:12px;font-size:13.5px;color:var(--ink-2);line-height:1.8}
.welfare__intro .btn{margin-top:20px}
.welfare__nav{display:grid;padding:10px}
.welfare__nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;
  font-size:14.5px;font-weight:500;color:var(--ink-2);transition:.2s}
.welfare__nav a i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--blue-50);color:var(--blue-600);flex:none}
.welfare__nav a:hover,.welfare__nav a.is-on{background:var(--blue-50);color:var(--blue-700)}
.welfare__nav a.is-on{font-weight:600}
.welfare__main{display:grid;gap:20px}
.welfare__sechead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.welfare__sechead h3{font-size:19px;font-weight:700}
.welfare__sechead a,.welfare__sechead span{font-size:13px;color:var(--ink-3)}
.welfare__sechead a{color:var(--blue-600);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.wfacts{list-style:none;margin:0;padding:0;display:grid}
.wfact{display:flex;align-items:center;gap:16px;padding:15px 4px;border-bottom:1px dashed var(--line)}
.wfact:last-child{border-bottom:0}
.wfact__tag{flex:none;min-width:52px;text-align:center;padding:4px 10px;border-radius:8px;
  background:var(--blue-50);color:var(--blue-600);font-size:12px;font-weight:700}
.wfact h4{font-size:15px;font-weight:600;line-height:1.5}
.wfact p{margin-top:4px;font-size:12.5px;color:var(--ink-3)}
.wfact>div{flex:1;min-width:0}
.wfact em{flex:none;font-style:normal;font-size:12px;color:var(--ink-3)}
.wfrules{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wfrules>div{background:var(--blue-50);border-radius:14px;padding:18px;text-align:center}
.wfrules b{font-size:24px;font-weight:800;color:var(--blue-600)}
.wfrules p{margin-top:8px;font-size:12.5px;color:var(--ink-2);line-height:1.6}
.wfgifts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wfgift{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px}
.wfgift__img{flex:none;width:64px;height:64px;border-radius:12px;
  background:linear-gradient(140deg,#E9F0FE,#D4E2FA)}
.wfgift h4{font-size:14.5px;font-weight:600}
.wfgift p{margin-top:5px;font-size:12px;color:var(--ink-3)}
.wfgift>div{flex:1;min-width:0}
.wfgift__pt{flex:none;font-size:14px;font-weight:700;color:var(--orange)}
@media(max-width:980px){
  .welfare{grid-template-columns:1fr}
  .welfare__rail{position:static}
  .welfare__nav{grid-template-columns:1fr 1fr}
  .wfrules{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){.wfgifts{grid-template-columns:1fr}}

/* ---- 新闻中心页 ---- */
.newspage__tabs{margin-bottom:26px}
.newspage__feat{position:relative;border-radius:18px;padding:38px 34px;overflow:hidden;color:#fff;
  background:linear-gradient(120deg,#1D43A8 0%,#2E5FD6 60%,#4E86E0 100%)}
.newspage__feat h3{font-size:clamp(20px,1.8vw,28px);font-weight:700;max-width:72%;line-height:1.5}
.newspage__feat-tag{position:absolute;top:22px;right:26px;font-size:12px;padding:5px 14px;border-radius:99px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4)}
.newspage__list{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.newspage__list a{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;transition:.22s var(--ease)}
.newspage__list a:hover{border-color:var(--blue-300);box-shadow:0 10px 26px rgba(36,76,180,.10);transform:translateY(-2px)}
.newspage__list h4{font-size:15.5px;font-weight:600;line-height:1.55}
.newspage__list p{margin-top:8px;font-size:13px;color:var(--ink-3);line-height:1.7}
.newspage__list em{display:block;margin-top:12px;font-style:normal;font-size:12px;color:var(--ink-3)}
@media(max-width:760px){.newspage__list{grid-template-columns:1fr}.newspage__feat h3{max-width:none}}

/* ---- 案例中心 ---- */
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.casecard{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  transition:.26s var(--ease)}
.casecard:hover{border-color:var(--blue-300);box-shadow:0 18px 44px rgba(36,76,180,.13);transform:translateY(-4px)}
.casecard__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.casecard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.casecard:hover .casecard__img img{transform:scale(1.05)}
.casecard__bd{display:block;padding:20px 22px 22px}
.casecard__bd b{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.casecard__bd i{display:block;margin-top:7px;font-style:normal;font-size:12.5px;color:var(--ink-3)}
.casecard__more{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--blue-600)}
@media(max-width:980px){.casegrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.casegrid{grid-template-columns:1fr}}

/* ---- 案例详情 ---- */
.cased__hero{position:relative;border-radius:20px;overflow:hidden;max-height:380px}
.cased__hero img{width:100%;height:100%;object-fit:cover;display:block}
.cased__hd{position:absolute;left:0;right:0;bottom:0;padding:60px 34px 26px;color:#fff;
  background:linear-gradient(180deg,transparent,rgba(12,30,72,.82))}
.cased__hd p{margin-top:8px;font-size:14px;opacity:.88}
.cased__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:20px}
.cased__card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px}
.cased__card+.cased__card{margin-top:0}
.cased>.cased__card{margin-top:20px}
.cased__t{font-size:17px;font-weight:700;padding-left:12px;border-left:3.5px solid var(--blue-600);margin-bottom:18px}
.cased__kv{display:grid;gap:0}
.cased__kv>div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line)}
.cased__kv>div:last-child{border-bottom:0}
.cased__kv dt{color:var(--ink-3);font-size:13.5px}
.cased__kv dd{color:var(--ink);font-size:14px;font-weight:500}
.cased__card--acc{background:linear-gradient(140deg,#F4F8FF,#E8F0FE);border-color:#D3E0F8}
.cased__effect{font-size:14.5px;line-height:2;color:var(--ink-2)}
@media(max-width:860px){.cased__grid{grid-template-columns:1fr}}

/* ---- 加入我们 ---- */
.joinperks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.joinperks>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;transition:.24s var(--ease)}
.joinperks>div:hover{border-color:var(--blue-300);box-shadow:0 12px 30px rgba(36,76,180,.10);transform:translateY(-3px)}
.joinperks span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;
  background:var(--blue-50);color:var(--blue-600)}
.joinperks h4{margin-top:16px;font-size:17px;font-weight:700}
.joinperks p{margin-top:8px;font-size:13px;color:var(--ink-3);line-height:1.7}
@media(max-width:760px){.joinperks{grid-template-columns:1fr}}

/* ---- 购物车页 ---- */
.cart__empty{text-align:center;padding:60px 0}
.cart__empty>span{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 20px;
  border-radius:50%;background:var(--blue-50);color:var(--blue-300)}
.cart__empty>span svg{width:38px;height:38px}
.cart__empty p{color:var(--ink-3);font-size:15px}
.cart__empty .btn{margin-top:24px}
.cart__qty{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.cart__qty button{width:30px;height:30px;background:#fff;font-size:15px;color:var(--ink-2)}
.cart__qty button:hover{background:var(--blue-50);color:var(--blue-600)}
.cart__qty b{min-width:34px;text-align:center;font-size:14px}
.cart__del{width:30px;height:30px;border-radius:8px;background:transparent;color:var(--ink-3);font-size:18px;line-height:1}
.cart__del:hover{background:#FDECEE;color:var(--err)}
.cart__name{font-weight:600;font-size:14px}
.cart__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;flex-wrap:wrap}
.cart__sum{display:flex;align-items:center;gap:20px;font-size:15px;color:var(--ink-2)}
.cart__sum b{font-size:28px;font-weight:800;color:#E5484D}
.cart__tip{margin-top:16px;font-size:12.5px;color:var(--ink-3)}

/* ---- 详情页内容收紧（姚总批注：太分散） ---- */
.page-product .sec{padding-block:52px}
.page-product .sec--tight{padding-block:40px}
.page-product .sec-head{margin-bottom:24px}
.page-product .pd-details .spec{margin-top:22px}
.page-product .pd-details__summary{padding:18px 24px}
.page-product .pd-details__intro{margin-top:18px;padding:20px 24px}

/* 表单反馈与账号服务状态 */
.form-feedback{margin-top:16px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.form-feedback[data-state="error"]{color:#A82929}
.form-feedback[data-state="success"]{color:#137A52}
.auth-unavailable{padding:20px 0;line-height:1.8}
.auth-unavailable .btn{margin-top:20px}

/* 独立业务表单与内容空状态 */
.lead-center{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.lead-center h3{font-size:20px;margin-bottom:20px}
.lead-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lead-form__field{display:grid;gap:8px;font-size:14px;min-width:0}
.lead-form__field input,.lead-form__field textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:16px}
.lead-form__field textarea{min-height:96px;resize:vertical}
.lead-form .check{margin:18px 0;align-items:flex-start}
.lead-form__note,.content-empty{color:var(--ink-2);line-height:1.8;margin-top:16px}
.news-article{max-width:1100px;line-height:1.9}
.news-article h1{margin:24px 0}
.news-article p{margin:18px 0;overflow-wrap:anywhere}
.news-article__cover{display:block;width:100%;max-height:540px;object-fit:contain;margin:24px auto}
.coa-query-results{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.pd-price{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin:18px 0}
.pd-price strong{font-size:30px;font-weight:650;color:var(--orange)}
.pd-price span{font-size:13px;color:var(--ink-2)}
.cflow.content-empty-state{height:auto;min-height:0;padding:20px}
@media(max-width:760px){.lead-center{padding:18px}.lead-form__grid{grid-template-columns:1fr}.lead-center h3{font-size:18px}}

.channel-pending{display:grid;place-items:center;min-height:150px;padding:20px;font-size:14px;line-height:1.6;color:var(--ink-2);text-align:center}
.service-wechat-qr{display:block;width:180px;max-width:100%;height:auto;margin:10px auto 0}

/* Customer account forms and request history. */
.customer-auth-form,.customer-profile{display:grid;gap:14px;margin-top:20px}.customer-auth-form>.btn,.customer-profile>.btn{justify-self:start}.customer-account-help{font-size:13px;color:var(--blue-600)}.customer-account-email{margin-top:12px;color:var(--ink-2)}.customer-account-security{margin:24px 0;padding-block:16px;border-block:1px solid var(--line)}.customer-account-security summary{cursor:pointer;color:var(--blue-600)}.customer-account-security form{display:grid;gap:12px;margin-top:18px}.customer-request-history{margin-block:24px}.customer-request{padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:12px}.customer-request>small{display:block;color:var(--ink-3);margin-top:6px}.customer-request>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin-top:8px}.customer-request-reply{color:var(--blue-600)}.customer-profile .field,.customer-auth-form .field{display:grid;gap:7px}.login-modal__panel .form-feedback:empty{display:none}

.course-video-dialog{width:min(960px,94vw);max-height:90vh;padding:18px;border:0;border-radius:18px;background:#fff;margin:auto}.course-video-dialog::backdrop{background:#102450b3}.course-video-dialog>button{display:block;margin:0 0 12px auto;border:1px solid #dce4f0;border-radius:24px;padding:8px 18px;background:#fff;color:#244cb4;cursor:pointer}.course-video-dialog video{display:block;width:100%;max-height:75vh;background:#102450;border-radius:10px}
.trial__captcha{max-width:420px;margin-top:14px;display:grid;gap:7px}.trial__captcha .captcha{display:flex;gap:12px}.trial__captcha .captcha__img{flex:0 0 100px}.customer-points{padding:20px;border:1px solid var(--line);border-radius:14px;margin-block:24px;background:#f5f8ff}.customer-points-balance{display:block;color:var(--blue-600);font-size:28px;margin-top:12px}.customer-points-ledger{margin-block:16px}.customer-points-ledger summary{cursor:pointer;color:var(--blue-600)}.customer-points-ledger p{font-size:12px;padding-top:8px}.reward-card__action{cursor:pointer;font-family:inherit}.customer-request button.customer-account-help{border:0;background:transparent;padding:8px 0;cursor:pointer}.util__auth a[hidden]{display:none}

/* Current points rules come directly from the backend. */
.points-rule-limit{display:block;color:#768299;font-size:12px;line-height:1.7;margin:8px 0}.rewards-earn__grid>.form-feedback{grid-column:1/-1;padding:24px;background:#f6f8fc;border-radius:14px}.earn-card>p:not(.earn-card__points){white-space:pre-line;overflow-wrap:anywhere}.earn-card>[data-claim-points]{margin-top:16px}

/* Keep the newly connected inquiry forms clear of the sticky site header. */
.lead-center{scroll-margin-top:180px}.notice-scene__text{white-space:pre-line}@media(max-width:760px){.lead-center{scroll-margin-top:120px}}

.case-record__figure .case-record__image--empty{display:grid;place-items:center;aspect-ratio:503/375;min-height:180px;color:#8a94a6;background:#f4f7fc;font-size:14px}

.drawer__account{display:flex;gap:10px;align-items:center;padding:14px 8px 20px;margin-bottom:8px;border-bottom:1px solid var(--line)}.drawer__account .btn{flex:1;justify-content:center;text-align:center;min-height:44px;padding:10px 16px}.drawer__account [hidden]{display:none!important}

.lead-form__field--wide{grid-column:1/-1}