/* ============ Reset ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  color:var(--ink);background:#fff;
  font-family:"PingFang SC","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  min-width:320px;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
table{border-collapse:collapse;width:100%}
:root{
  --ink:#0b1220;--ink2:#39424e;--muted:#69737f;--faint:#8b95a1;
  --line:rgba(10,28,48,.10);--line-strong:rgba(10,28,48,.16);
  --brand:#008cb8;--brand-deep:#006699;--lake:#4DB8D6;--pale:#9AD8F0;--mist:#E6F4FA;
  --ice:#dff3ff;--navy:#071A2D;--navy2:#0d2843;--gold:#c9a15a;
  --surface:#f5f6f7;--surface-blue:#f3f8fb;--white:#fff;
  --max:1380px;--r:26px;
  --shadow:0 1px 2px rgba(7,26,45,.05),0 12px 32px rgba(7,26,45,.07);
  --shadow-lg:0 2px 6px rgba(7,26,45,.06),0 24px 64px rgba(7,26,45,.12);
  --ease:cubic-bezier(.22,1,.36,1);
}
::selection{background:rgba(0,140,184,.18)}
.shell{width:min(calc(100% - clamp(40px,6vw,84px)),var(--max));margin-inline:auto}
/* ============ Header ============ */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:120;height:60px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(20px,3.6vw,60px);
  background:rgba(255,255,255,.82);backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px);
  border-bottom:1px solid rgba(7,26,45,.08);
  transition:background .3s;
}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none}
.brand img{height:26px;width:auto}
.brand-name{font-size:19px;font-weight:700;letter-spacing:.02em;line-height:1}
.brand-sub{font-size:9px;font-weight:600;letter-spacing:.18em;color:var(--faint);display:block;margin-top:3px}
.nav-links{display:flex;align-items:center;gap:clamp(16px,2.2vw,38px)}
.nav-links a{
  font-size:14.5px;color:#454e59;padding:6px 2px;position:relative;white-space:nowrap;
  transition:color .25s;
}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--ink);font-weight:600}
.nav-links a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;
  background:var(--brand);
}
.header-cta{display:flex;align-items:center;gap:14px;flex:none}
.lang-chip{font-size:12px;color:var(--faint);letter-spacing:.06em}
.lang-chip b{color:var(--ink);font-weight:600}
.btn-mini{
  font-size:13px;font-weight:600;color:#fff;background:var(--brand);
  padding:8px 18px;border-radius:999px;transition:background .25s,transform .25s;
}
.btn-mini:hover{background:var(--brand-deep);transform:translateY(-1px)}
.nav-burger{display:none;width:40px;height:40px;position:relative}
.nav-burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);border-radius:2px;transition:.3s var(--ease)}
.nav-burger span:nth-child(1){top:14px}
.nav-burger span:nth-child(2){top:20px}
.nav-burger span:nth-child(3){top:26px}
body.nav-open .nav-burger span:nth-child(1){top:20px;transform:rotate(45deg)}
body.nav-open .nav-burger span:nth-child(2){opacity:0}
body.nav-open .nav-burger span:nth-child(3){top:20px;transform:rotate(-45deg)}
@media (max-width:1120px){
  .nav-links{
    position:fixed;top:60px;left:0;right:0;z-index:110;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(255,255,255,.97);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--line);
    max-height:0;overflow:hidden;transition:max-height .45s var(--ease);
  }
  body.nav-open .nav-links{max-height:420px}
  .nav-links a{padding:15px clamp(24px,6vw,48px);border-top:1px solid var(--line);font-size:16px}
  .nav-links a.active::after{display:none}
  .nav-burger{display:block}
  .lang-chip{display:none}
}
/* ============ Page routing ============ */
main{padding-top:60px;min-height:100vh}
.page{display:none}
.page.current{display:block;animation:pageIn .55s var(--ease)}
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* ============ Typography helpers ============ */
.eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--brand);display:flex;align-items:center;gap:14px;
}
.eyebrow .no{
  font-size:12px;font-weight:700;color:var(--faint);letter-spacing:.08em;
}
.h-display{
  font-size:clamp(38px,5.6vw,72px);line-height:1.12;font-weight:700;letter-spacing:-.025em;
}
.h1{font-size:clamp(34px,4.6vw,58px);line-height:1.14;font-weight:700;letter-spacing:-.02em}
.h2{font-size:clamp(27px,3.3vw,44px);line-height:1.18;font-weight:700;letter-spacing:-.018em}
.h3{font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:650;letter-spacing:-.01em}
.lead{font-size:clamp(15.5px,1.35vw,18.5px);line-height:1.85;color:var(--ink2)}
.lead-muted{font-size:clamp(15px,1.25vw,17px);line-height:1.85;color:var(--muted)}
.sec{padding:clamp(76px,9vw,132px) 0}
.sec-tight{padding:clamp(56px,7vw,96px) 0}
.sec-head{max-width:860px;margin-bottom:clamp(40px,5vw,68px)}
.sec-head .h2{margin:18px 0 16px}
.center{text-align:center}
.center .eyebrow{justify-content:center}
.center.sec-head{margin-inline:auto}
/* ============ Buttons / pills ============ */
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:600;padding:13px 28px;border-radius:999px;
  transition:transform .28s var(--ease),background .28s,color .28s,border-color .28s,box-shadow .28s;
}
.btn svg{width:14px;height:14px}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-deep);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,105,153,.28)}
.btn-ghost{border:1px solid var(--line-strong);color:var(--ink)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.btn-ghost-dark{border:1px solid rgba(158,220,255,.4);color:#dff3ff}
.btn-ghost-dark:hover{border-color:#9edcff;color:#fff;transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.24)}
.tag-row{display:flex;flex-wrap:wrap;gap:10px}
.tag{
  font-size:13px;font-weight:600;color:var(--brand-deep);
  background:var(--mist);border:1px solid rgba(0,140,184,.16);
  padding:7px 16px;border-radius:999px;
}
.tag-dark{color:var(--pale);background:rgba(158,220,255,.08);border-color:rgba(158,220,255,.22)}
.pill{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;
  padding:5px 13px;border-radius:999px;background:var(--mist);color:var(--brand-deep);
}
.pill-soon{background:#f3f4f6;color:#7a828c}
.pill-gold{background:#f8f1e3;color:#8a6a2f}
.pill-navy{background:rgba(158,220,255,.12);color:var(--pale)}
/* ============ Cards ============ */
.grid{display:grid;gap:clamp(16px,2vw,26px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g6{grid-template-columns:repeat(6,1fr)}
@media (max-width:1080px){.g4,.g6{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g2,.g3,.g4,.g6{grid-template-columns:1fr}}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(24px,2.6vw,36px);
  transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(0,140,184,.25)}
.card .num{
  font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--brand);
  display:block;margin-bottom:14px;
}
.card h4{font-size:18.5px;font-weight:650;letter-spacing:-.01em;margin-bottom:10px}
.card p{font-size:14.5px;line-height:1.8;color:var(--muted)}
.card-dark{
  background:rgba(255,255,255,.05);border:1px solid rgba(158,220,255,.16);border-radius:var(--r);
  padding:clamp(24px,2.6vw,36px);
  transition:transform .4s var(--ease),background .4s,border-color .4s;
}
.card-dark:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:rgba(158,220,255,.36)}
.card-dark h4{font-size:18px;font-weight:650;color:#fff;margin-bottom:10px}
.card-dark p{font-size:14px;line-height:1.8;color:rgba(223,240,255,.72)}
.card-dark .num{font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--pale);display:block;margin-bottom:12px}
/* ============ Dark section base ============ */
.dark{background:var(--navy);color:#eaf6ff}
.dark .eyebrow{color:var(--pale)}
.dark .eyebrow .no{color:rgba(223,240,255,.45)}
.dark .lead,.dark .lead-muted{color:rgba(223,240,255,.78)}
.dark-soft{background:linear-gradient(180deg,#071A2D 0%,#0a2138 100%)}
/* ============ Notes / footnotes ============ */
.note{
  border:1px solid var(--line);border-left:3px solid var(--brand);
  background:var(--surface-blue);border-radius:14px;
  padding:18px 22px;font-size:13px;line-height:1.85;color:var(--muted);
}
.note b{color:var(--ink2);font-weight:650}
.note-dark{border-color:rgba(158,220,255,.2);border-left-color:var(--pale);background:rgba(158,220,255,.05);color:rgba(223,240,255,.66)}
.note-dark b{color:rgba(234,246,255,.9)}
/* ============ Reveal ============ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.08s}
.reveal[data-d="2"]{transition-delay:.16s}
.reveal[data-d="3"]{transition-delay:.24s}
.reveal[data-d="4"]{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .page.current{animation:none}
  html{scroll-behavior:auto}
}



/* ============ HOME hero ============ */
.home-hero{position:relative;padding:clamp(84px,10vw,150px) 0 clamp(56px,6vw,90px);overflow:hidden}
.home-hero::before{
  content:"";position:absolute;inset:-40% -20% auto;height:130%;z-index:-1;
  background:
    radial-gradient(46% 42% at 74% 30%,rgba(154,216,240,.25),transparent 70%),
    radial-gradient(38% 40% at 22% 16%,rgba(230,244,250,.9),transparent 70%);
}
.home-hero .kicker{
  display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;
  letter-spacing:.22em;color:var(--brand);text-transform:uppercase;margin-bottom:26px;
}
.home-hero .kicker::before{content:"";width:26px;height:1.5px;background:var(--brand)}
.home-hero .h-display{max-width:900px}
.home-hero .h-display .thin{color:var(--brand)}
.home-hero .lead{max-width:720px;margin:26px 0 34px}
.hero-tags{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px 26px}
.hero-tags span{font-size:13.5px;font-weight:600;color:var(--ink2);display:inline-flex;align-items:center;gap:8px}
.hero-tags span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand)}
/* home stage */
.home-stage{margin-top:clamp(44px,5vw,72px)}
.stage-frame{
  position:relative;border-radius:clamp(22px,3vw,34px);overflow:hidden;
  background:radial-gradient(120% 130% at 50% -10%,#12314e 0%,#071A2D 58%,#05121f 100%);
  box-shadow:var(--shadow-lg);
}
.stage-frame img{width:100%;height:auto}
.stage-meta{
  position:absolute;left:clamp(20px,3vw,44px);bottom:clamp(16px,2.6vw,36px);right:clamp(20px,3vw,44px);
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;
}
.stage-meta .t{color:#fff}
.stage-meta .t b{display:block;font-size:clamp(17px,1.8vw,23px);font-weight:650;letter-spacing:-.01em}
.stage-meta .t span{font-size:12.5px;letter-spacing:.14em;color:rgba(223,240,255,.6);text-transform:uppercase;font-weight:600}
.stage-chips{display:flex;flex-wrap:wrap;gap:8px}
.stage-chips i{
  font-style:normal;font-size:12.5px;font-weight:600;color:#dff3ff;
  background:rgba(255,255,255,.09);border:1px solid rgba(158,220,255,.25);
  padding:6px 14px;border-radius:999px;backdrop-filter:blur(8px);
}
/* stats band */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.stats-grid .cell{padding:clamp(26px,3vw,44px) 18px;text-align:center;position:relative}
.stats-grid .cell+.cell::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:var(--line)}
.stats-grid b{font-size:clamp(24px,2.6vw,38px);font-weight:700;letter-spacing:-.02em;display:block;color:var(--ink)}
.stats-grid b em{font-style:normal;font-size:.55em;font-weight:650;color:var(--brand);margin-left:2px}
.stats-grid span{font-size:12.5px;color:var(--muted);letter-spacing:.05em;display:block;margin-top:8px}
@media (max-width:1080px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid .cell:nth-child(4)::before{display:none}}
@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .cell:nth-child(odd)::before{display:none}}
/* base pyramid */
.base-stack{display:grid;gap:14px;max-width:920px;margin-inline:auto}
.base-layer{
  display:grid;grid-template-columns:190px 1fr auto;gap:18px;align-items:center;
  border:1px solid var(--line);border-radius:20px;background:#fff;
  padding:22px clamp(20px,2.6vw,34px);
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;
}
.base-layer:hover{transform:translateX(6px);box-shadow:var(--shadow);border-color:rgba(0,140,184,.3)}
.base-layer .lv{font-size:11.5px;font-weight:700;letter-spacing:.18em;color:var(--brand);text-transform:uppercase}
.base-layer .lv b{display:block;font-size:17.5px;font-weight:650;letter-spacing:0;color:var(--ink);margin-top:5px;text-transform:none}
.base-layer p{font-size:14px;line-height:1.75;color:var(--muted)}
.base-layer .go{font-size:13px;font-weight:600;color:var(--brand);white-space:nowrap}
.base-layer:nth-child(1){background:linear-gradient(135deg,#0b2440,#071A2D);border-color:rgba(158,220,255,.2)}
.base-layer:nth-child(1) .lv{color:var(--pale)}
.base-layer:nth-child(1) .lv b{color:#fff}
.base-layer:nth-child(1) p{color:rgba(223,240,255,.7)}
@media (max-width:760px){.base-layer{grid-template-columns:1fr;gap:10px}.base-layer .go{display:none}}
/* trust ladder */
.ladder .card{position:relative;overflow:hidden}
.ladder .card::after{
  content:attr(data-l);position:absolute;right:18px;top:6px;
  font-size:64px;font-weight:800;letter-spacing:-.04em;color:rgba(0,140,184,.07);
}
/* scene chips grid on home */
.scene-card{display:flex;flex-direction:column;gap:8px}
.scene-card .ind{font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--brand);text-transform:uppercase}
.scene-card h4{font-size:17.5px}
.scene-card p{flex:1}
.scene-card .hw{font-size:12.5px;color:var(--faint);border-top:1px dashed var(--line);padding-top:12px;margin-top:6px}
/* product rail */
.rail{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.6vw,22px)}
@media (max-width:1080px){.rail{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.rail{grid-template-columns:repeat(2,1fr)}}
.rail-item{
  background:var(--surface);border:1px solid transparent;border-radius:22px;padding:22px 16px 20px;
  text-align:center;transition:transform .4s var(--ease),background .4s,border-color .4s,box-shadow .4s;
}
.rail-item:hover{transform:translateY(-6px);background:#fff;border-color:rgba(0,140,184,.22);box-shadow:var(--shadow-lg)}
.rail-item .imgbox{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.rail-item img{max-height:100%;width:auto;max-width:88%}
.rail-item b{font-size:14.5px;font-weight:650;display:block;letter-spacing:-.01em}
.rail-item span{font-size:12px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}
.rail-item .st{margin-top:10px}
.rail-station .imgbox{background:radial-gradient(80% 90% at 50% 20%,#12314e,#071A2D);border-radius:16px;color:var(--pale)}
.rail-station .imgbox b{font-size:13px;letter-spacing:.1em;color:#dff3ff}
/* butterfly preview band */
.bfly{position:relative;overflow:hidden}
.bfly::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(52% 60% at 78% 18%,rgba(77,184,214,.16),transparent 70%);
}
.bfly .shell{position:relative;z-index:1}
.bfly-lockup{height:clamp(30px,3.4vw,44px);width:auto;margin-bottom:26px;filter:brightness(0) invert(1);opacity:.92}
.sys-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:34px 0}
@media (max-width:1080px){.sys-chips{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.sys-chips{grid-template-columns:1fr}}
.sys-chip{
  border:1px solid rgba(158,220,255,.2);border-radius:18px;padding:18px;
  background:rgba(255,255,255,.04);transition:.35s var(--ease);
}
.sys-chip:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.sys-chip i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--pale)}
.sys-chip b{display:block;font-size:15.5px;font-weight:650;color:#fff;margin-top:8px}
.sys-chip span{display:block;font-size:12.5px;color:rgba(223,240,255,.62);margin-top:6px;line-height:1.6}
/* partner strips */
.logo-wall{display:flex;flex-wrap:wrap;gap:12px}
.logo-wall span{
  font-size:14px;font-weight:600;color:var(--ink2);
  border:1px solid var(--line);border-radius:14px;padding:13px 22px;background:#fff;
  transition:.3s;
}
.logo-wall span:hover{border-color:rgba(0,140,184,.35);color:var(--brand-deep);transform:translateY(-2px)}
/* honor strip */
.honor-row{display:flex;flex-wrap:wrap;gap:10px}
.honor-row span{
  font-size:13px;font-weight:600;color:var(--muted);
  background:var(--surface);border-radius:999px;padding:9px 18px;
}
/* CTA band */
.cta-band{position:relative;overflow:hidden}
.cta-band::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 90% at 20% 0%,rgba(77,184,214,.18),transparent 60%);
}
.cta-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.cta-inner .h2{color:#fff}
.cta-contact{display:flex;flex-direction:column;gap:6px;font-size:14px;color:rgba(223,240,255,.75)}
.cta-contact b{font-size:22px;color:#fff;letter-spacing:.02em}
/* ============ HPC page ============ */
.hpc-hero{position:relative;overflow:hidden;padding:clamp(72px,8.6vw,128px) 0 clamp(40px,5vw,72px)}
.hpc-hero::before{
  content:"";position:absolute;inset:auto -10% -50% -10%;height:120%;z-index:-1;
  background:radial-gradient(50% 46% at 78% 66%,rgba(154,216,240,.28),transparent 70%);
}
.hpc-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(28px,4vw,64px);align-items:center}
@media (max-width:960px){.hpc-hero-grid{grid-template-columns:1fr}}
.hpc-hero img{width:min(100%,520px);margin-inline:auto;filter:drop-shadow(0 34px 60px rgba(7,26,45,.22))}
.chainflow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.chainflow .step{
  font-size:13.5px;font-weight:650;color:var(--brand-deep);
  background:#fff;border:1px solid rgba(0,140,184,.2);border-radius:999px;padding:9px 18px;
}
.chainflow .arr{color:var(--faint);font-size:14px}
/* family cards */
.family-card{display:flex;flex-direction:column;overflow:hidden;padding:0}
.family-card .fig{
  background:var(--surface);height:210px;display:flex;align-items:center;justify-content:center;padding:26px;
}
.family-card .fig img{max-height:100%;width:auto;max-width:82%;transition:transform .5s var(--ease)}
.family-card:hover .fig img{transform:scale(1.05)}
.family-card .bd{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.family-card .bd .role{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--brand)}
.family-card .bd h4{font-size:19px}
.family-card .bd p{flex:1}
.family-card .meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:12.5px;color:var(--faint)}
.fig-station{background:radial-gradient(90% 110% at 50% 0%,#123150,#071A2D)}
.fig-station .osmark{text-align:center;color:var(--pale)}
.fig-station .osmark b{display:block;font-size:20px;letter-spacing:.06em;color:#fff;margin-bottom:8px}
.fig-station .osmark span{font-size:11px;letter-spacing:.22em}
/* explorer */
.explorer{border:1px solid var(--line);border-radius:clamp(22px,3vw,32px);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.exp-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface)}
.exp-tabs button{
  flex:1;min-width:150px;padding:18px 14px;font-size:14.5px;font-weight:600;color:var(--muted);
  border-bottom:2px solid transparent;white-space:nowrap;transition:.3s;
}
.exp-tabs button:hover{color:var(--ink)}
.exp-tabs button.on{color:var(--brand-deep);border-bottom-color:var(--brand);background:#fff}
.exp-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,52px);padding:clamp(26px,3.6vw,52px)}
@media (max-width:960px){.exp-body{grid-template-columns:1fr}}
.exp-visual{display:flex;flex-direction:column;gap:18px}
.exp-visual .vf{
  background:var(--surface);border-radius:22px;min-height:300px;
  display:flex;align-items:center;justify-content:center;padding:30px;position:relative;
}
.exp-visual .vf img{max-height:320px;width:auto;max-width:90%;filter:drop-shadow(0 24px 44px rgba(7,26,45,.16))}
.exp-visual .vf .pill{position:absolute;top:16px;left:16px}
.exp-visual .dims{font-size:13px;color:var(--faint);text-align:center}
.exp-info .role{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--brand);text-transform:uppercase}
.exp-info h3{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;margin:10px 0 6px}
.exp-info .tagline{font-size:16px;color:var(--ink2);font-weight:600;margin-bottom:14px}
.exp-info .desc{font-size:14.5px;line-height:1.85;color:var(--muted);margin-bottom:22px}
.exp-block{margin-bottom:22px}
.exp-block .bt{
  font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--faint);text-transform:uppercase;
  display:flex;align-items:center;gap:10px;margin-bottom:12px;
}
.exp-block .bt::after{content:"";flex:1;height:1px;background:var(--line)}
.exp-scenes{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
@media (max-width:640px){.exp-scenes{grid-template-columns:1fr}}
.exp-scenes li{font-size:13.5px;color:var(--ink2);display:flex;gap:8px;line-height:1.6}
.exp-scenes li b{color:var(--ink);font-weight:650;white-space:nowrap}
.exp-scenes li::before{content:"·";color:var(--brand);font-weight:700}
.exp-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:640px){.exp-feats{grid-template-columns:1fr}}
.exp-feats li{background:var(--surface-blue);border-radius:14px;padding:13px 16px;font-size:13px;line-height:1.65;color:var(--ink2)}
.exp-feats li b{display:block;color:var(--ink);font-weight:650;font-size:13.5px;margin-bottom:3px}
.exp-feats li b i{font-style:normal;color:var(--brand);margin-right:6px;font-weight:700}
.spec-tabs{display:inline-flex;background:var(--surface);border-radius:999px;padding:4px;margin-bottom:14px}
.spec-tabs button{padding:7px 18px;font-size:13px;font-weight:600;color:var(--muted);border-radius:999px;transition:.25s}
.spec-tabs button.on{background:#fff;color:var(--brand-deep);box-shadow:0 1px 4px rgba(7,26,45,.12)}
.spec-table{font-size:13.5px}
.spec-table tr{border-bottom:1px solid var(--line)}
.spec-table tr:last-child{border-bottom:0}
.spec-table th{
  text-align:left;padding:11px 14px 11px 0;font-weight:600;color:var(--muted);width:34%;
  vertical-align:top;white-space:nowrap;
}
.spec-table td{padding:11px 0;color:var(--ink);font-weight:600}
.spec-table td small{display:block;font-weight:400;color:var(--faint);font-size:12px;margin-top:2px;line-height:1.55}
.spec-table sup{color:var(--brand);font-weight:700}
/* compare table */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff}
.cmp{min-width:880px;font-size:13.5px}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:var(--surface);font-weight:700}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td b{font-weight:650}
.cmp .pname{color:var(--brand-deep);font-weight:700;white-space:nowrap}
.cmp td span{color:var(--muted);display:block;font-size:12.5px;margin-top:2px}
/* privacy flow (dark) */
.pflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1080px){.pflow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pflow{grid-template-columns:1fr}}



/* ============ Home theme screens (V1.1) ============ */
.theme-screen{
  min-height:min(94vh,1020px);display:flex;align-items:center;
  padding:clamp(64px,7vw,104px) 0;position:relative;overflow:hidden;
}
.theme-screen .shell{width:min(calc(100% - clamp(40px,6vw,84px)),var(--max))}
.theme-head{max-width:880px;margin-bottom:clamp(30px,3.6vw,50px)}
.theme-head .h2{margin:18px 0 16px}
.theme-body{
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,44px);align-items:stretch;
}
@media (max-width:1020px){.theme-body{grid-template-columns:1fr}}
.tier-list{display:flex;flex-direction:column;gap:10px;justify-content:center}
.tier{
  display:grid;grid-template-columns:150px 110px 1fr auto;gap:12px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:15px clamp(16px,1.8vw,24px);
  transition:transform .32s var(--ease),border-color .32s,box-shadow .32s;
}
.tier:hover{transform:translateX(6px);border-color:rgba(0,140,184,.35);box-shadow:var(--shadow)}
.tier .t-en{font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.tier .t-cn{font-size:13px;font-weight:650;color:var(--brand-deep);white-space:nowrap}
.tier .t-lv{font-size:12.5px;color:var(--muted)}
.tier .t-go{color:var(--brand);font-weight:700}
@media (max-width:640px){
  .tier{grid-template-columns:1fr auto;grid-template-rows:auto auto}
  .tier .t-en{grid-column:1}
  .tier .t-go{grid-row:1 / span 2}
  .tier .t-lv{grid-column:1 / -1}
}
.sol-summary{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
@media (max-width:1080px){.sol-summary{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sol-summary{grid-template-columns:1fr}}
.ss-item{
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;
  transition:transform .32s var(--ease),border-color .32s,box-shadow .32s;
}
.ss-item:hover{transform:translateY(-4px);border-color:rgba(0,140,184,.3);box-shadow:var(--shadow)}
.ss-item b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.ss-item span{font-size:12.5px;line-height:1.65;color:var(--muted)}
.plat-strip{
  margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  border:1px dashed var(--line-strong);border-radius:16px;padding:14px 20px;background:#fff;
}
.plat-strip span{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--faint)}
.plat-strip a{font-size:13.5px;font-weight:650;color:var(--brand-deep);transition:color .25s}
.plat-strip a:hover{color:var(--brand)}
.theme-screen .bfly-lockup{margin-bottom:20px}



/* ============ Butterfly page ============ */
.bf-hero{position:relative;overflow:hidden;padding:clamp(84px,10vw,150px) 0 clamp(64px,7vw,110px)}
.bf-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(46% 52% at 82% 8%,rgba(77,184,214,.2),transparent 65%),
    radial-gradient(40% 46% at 8% 90%,rgba(0,102,153,.35),transparent 70%);
}
.bf-hero .shell{position:relative}
.bf-hero .promise{
  display:inline-flex;align-items:center;gap:10px;margin:26px 0 0;
  font-size:15px;font-weight:600;color:var(--pale);
}
.bf-hero .promise::before{content:"";width:26px;height:1.5px;background:var(--pale)}
.sys-contract{overflow-x:auto;border:1px solid rgba(158,220,255,.16);border-radius:24px;background:rgba(255,255,255,.03)}
.sys-contract table{min-width:860px;font-size:13.5px}
.sys-contract th,.sys-contract td{padding:15px 18px;text-align:left;border-bottom:1px solid rgba(158,220,255,.12);color:rgba(223,240,255,.78);vertical-align:top}
.sys-contract thead th{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(158,220,255,.7);font-weight:700;background:rgba(158,220,255,.05)}
.sys-contract tbody tr:last-child td,.sys-contract tbody tr:last-child th{border-bottom:0}
.sys-contract td b,.sys-contract th b{color:#fff;font-weight:650}
.sys-section{padding:clamp(76px,9vw,132px) 0}
.sys-figure{
  border-radius:clamp(18px,2.6vw,28px);overflow:hidden;margin:clamp(28px,4vw,48px) 0;
  border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#071A2D;
}
.dark .sys-figure{border-color:rgba(158,220,255,.18)}
.sys-figure img{width:100%}
.sys-figure figcaption{
  font-size:12.5px;color:var(--faint);padding:13px 20px;background:#fff;border-top:1px solid var(--line);
}
.dark .sys-figure figcaption{background:rgba(255,255,255,.04);border-top-color:rgba(158,220,255,.14);color:rgba(223,240,255,.55)}
.kv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:1080px){.kv-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.kv-grid{grid-template-columns:1fr}}
.kv{border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:#fff}
.kv b{display:block;font-size:15.5px;font-weight:650;margin-bottom:7px}
.kv p{font-size:13px;line-height:1.75;color:var(--muted)}
.dark .kv{background:rgba(255,255,255,.05);border-color:rgba(158,220,255,.16)}
.dark .kv b{color:#fff}
.dark .kv p{color:rgba(223,240,255,.68)}
.cap-table{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}
.cap-table table{min-width:760px;font-size:13.5px}
.cap-table th,.cap-table td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cap-table thead th{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);background:var(--surface);font-weight:700}
.cap-table tbody tr:last-child td,.cap-table tbody tr:last-child th{border-bottom:0}
.cap-table th.cg{white-space:nowrap;font-weight:650;color:var(--brand-deep)}
.cap-table td{color:var(--ink2)}
.cap-table td.hint{color:var(--muted);font-size:12.8px}
.dark .cap-table{background:rgba(255,255,255,.03);border-color:rgba(158,220,255,.16)}
.dark .cap-table th,.dark .cap-table td{border-bottom-color:rgba(158,220,255,.12)}
.dark .cap-table thead th{background:rgba(158,220,255,.06);color:rgba(158,220,255,.7)}
.dark .cap-table th.cg{color:var(--pale)}
.dark .cap-table td{color:rgba(223,240,255,.78)}
.dark .cap-table td.hint{color:rgba(223,240,255,.55)}
.transition-line{
  margin-top:clamp(30px,4vw,46px);padding-top:22px;border-top:1px dashed var(--line);
  font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px;
}
.transition-line b{color:var(--brand-deep);font-weight:650}
.dark .transition-line{border-top-color:rgba(158,220,255,.2);color:rgba(223,240,255,.6)}
.dark .transition-line b{color:var(--pale)}
/* audience cards */
.aud-grid .card-dark i{font-style:normal;display:block;font-size:12px;letter-spacing:.16em;color:var(--pale);font-weight:700;margin-bottom:10px}
/* ============ Solutions ============ */
.sol-hero{position:relative;overflow:hidden;padding:clamp(76px,9vw,136px) 0 clamp(44px,5vw,72px)}
.sol-hero::before{
  content:"";position:absolute;inset:-30% -10% auto;height:120%;z-index:-1;
  background:radial-gradient(44% 44% at 82% 22%,rgba(154,216,240,.26),transparent 68%);
}
.filter-bar{
  position:sticky;top:60px;z-index:60;background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
}
.filter-inner{display:flex;gap:8px;overflow-x:auto;padding:14px 0}
.filter-inner button{
  flex:none;font-size:13.5px;font-weight:600;color:var(--muted);
  padding:8px 18px;border-radius:999px;border:1px solid transparent;transition:.28s;white-space:nowrap;
}
.filter-inner button:hover{color:var(--ink)}
.filter-inner button.on{background:var(--navy);color:#fff}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
@media (max-width:1080px){.sol-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.sol-grid{grid-template-columns:1fr}}
.sol-card{display:flex;flex-direction:column;padding:clamp(22px,2.4vw,30px)}
.sol-card.hide{display:none}
.sol-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sol-card .ind{font-size:11.5px;font-weight:700;letter-spacing:.18em;color:var(--brand);text-transform:uppercase}
.sol-card h4{font-size:19px;margin-bottom:6px}
.sol-card .tl{font-size:13.5px;color:var(--ink2);font-weight:600;line-height:1.6;margin-bottom:14px}
.sol-card .vals{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.sol-card .vals li{font-size:13px;color:var(--muted);line-height:1.65;display:flex;gap:8px}
.sol-card .vals li::before{content:"✓";color:var(--brand);font-weight:700;flex:none}
.sol-card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}
.sol-card .hw{font-size:12px;color:var(--faint);font-weight:600}
.sol-card .more{font-size:13px;font-weight:600;color:var(--brand);transition:.25s}
.sol-card .more:hover{color:var(--brand-deep)}
.sol-detail{display:none;margin-top:16px;border-top:1px dashed var(--line);padding-top:16px;gap:14px;flex-direction:column}
.sol-card.open .sol-detail{display:flex}
.sol-detail .db b{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-bottom:7px}
.sol-detail .db li{font-size:12.8px;color:var(--ink2);line-height:1.7;padding-left:14px;position:relative}
.sol-detail .db li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--pale)}
/* platform cards */
.plat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,24px)}
@media (max-width:900px){.plat-grid{grid-template-columns:1fr}}
.plat-card{padding:clamp(26px,3vw,40px)}
.plat-card .en{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--pale);text-transform:uppercase}
.plat-card h4{font-size:21px;color:#fff;margin:10px 0 8px}
.plat-card .pos{font-size:13.5px;color:rgba(223,240,255,.75);line-height:1.7;margin-bottom:18px}
.plat-card .shift{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:640px){.plat-card .shift{grid-template-columns:1fr}}
.plat-card .shift li{
  font-size:12.5px;color:rgba(223,240,255,.8);background:rgba(158,220,255,.07);
  border:1px solid rgba(158,220,255,.14);border-radius:12px;padding:10px 13px;line-height:1.6;
}
.plat-card .shift li b{color:#fff;font-weight:650}
/* ============ Lab ============ */
.lab-hero{position:relative;overflow:hidden;padding:clamp(76px,9vw,136px) 0 clamp(52px,6vw,84px)}
.lab-hero::before{
  content:"";position:absolute;inset:-30% -10% auto;height:130%;z-index:-1;
  background:radial-gradient(46% 46% at 20% 20%,rgba(154,216,240,.24),transparent 66%);
}
.lab-block{
  display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:clamp(28px,4vw,64px);
  padding:clamp(48px,6vw,84px) 0;border-top:1px solid var(--line);
}
.lab-block:first-of-type{border-top:0}
@media (max-width:960px){.lab-block{grid-template-columns:1fr}}
.lab-side{position:sticky;top:100px;align-self:start}
@media (max-width:960px){.lab-side{position:static}}
.lab-side .no{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--brand)}
.lab-side h3{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.015em;margin:12px 0 10px;line-height:1.3}
.lab-side .sub{font-size:14px;color:var(--muted);line-height:1.8}
.lab-side .facts{display:flex;gap:22px;margin-top:22px}
.lab-side .facts b{font-size:26px;font-weight:700;letter-spacing:-.02em;display:block}
.lab-side .facts b em{font-style:normal;font-size:.55em;color:var(--brand);font-weight:650}
.lab-side .facts span{font-size:12px;color:var(--faint)}
.lab-main p.pp{font-size:14.5px;line-height:1.95;color:var(--ink2);margin-bottom:16px}
.lab-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.lab-tags span{font-size:12.5px;font-weight:600;color:var(--brand-deep);background:var(--mist);border-radius:999px;padding:6px 14px}
.lab-list{display:grid;gap:10px}
.lab-list li{
  background:var(--surface-blue);border-radius:14px;padding:14px 18px;
  font-size:13px;line-height:1.7;color:var(--ink2);
}
.lab-list li b{color:var(--ink);font-weight:650}
.pub-list{display:grid;gap:8px;margin-top:10px}
.pub-list li{font-size:12.8px;color:var(--muted);line-height:1.7;padding-left:16px;position:relative}
.pub-list li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:1.5px;background:var(--brand)}
/* ============ About ============ */
.about-hero{position:relative;overflow:hidden;padding:clamp(84px,10vw,150px) 0 clamp(56px,7vw,100px)}
.about-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(44% 54% at 84% 10%,rgba(77,184,214,.2),transparent 64%),
    radial-gradient(36% 44% at 6% 88%,rgba(0,102,153,.32),transparent 70%);
}
.about-hero .shell{position:relative}
.id-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.id-chips span{
  font-size:13px;font-weight:600;color:#dff3ff;background:rgba(255,255,255,.07);
  border:1px solid rgba(158,220,255,.22);border-radius:999px;padding:9px 20px;
}
.timeline{position:relative;margin-left:8px}
.timeline::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--pale),var(--brand))}
.timeline li{position:relative;padding:0 0 30px 34px}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{
  content:"";position:absolute;left:-5px;top:5px;width:12px;height:12px;border-radius:50%;
  background:#fff;border:3px solid var(--brand);
}
.timeline b{font-size:15px;font-weight:700;color:var(--brand-deep);letter-spacing:.04em;display:block;margin-bottom:5px}
.timeline p{font-size:13.5px;line-height:1.8;color:var(--ink2)}
.news-card{display:flex;flex-direction:column;gap:10px}
.news-card time{font-size:12px;color:var(--faint);letter-spacing:.06em}
.news-card h4{font-size:16.5px;line-height:1.5}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,3.6vw,56px);align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-card{display:grid;gap:16px}
.contact-card .row{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:18px 22px;background:#fff}
.contact-card .row i{
  font-style:normal;flex:none;width:38px;height:38px;border-radius:12px;background:var(--mist);
  display:flex;align-items:center;justify-content:center;color:var(--brand);font-weight:700;
}
.contact-card .row b{display:block;font-size:12px;color:var(--faint);font-weight:600;letter-spacing:.1em;margin-bottom:4px}
.contact-card .row span{font-size:15px;font-weight:600;color:var(--ink)}
/* ============ Footer ============ */
.site-footer{background:#0a1622;color:rgba(223,240,255,.62)}
.footer-top{
  display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:clamp(24px,3vw,44px);
  padding:clamp(52px,6vw,84px) 0 clamp(36px,4vw,56px);
}
@media (max-width:1080px){.footer-top{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.footer-top{grid-template-columns:1fr}}
.f-brand img{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.92}
.f-brand .fb-name{display:flex;align-items:center;gap:10px}
.f-brand .fb-name b{font-size:20px;color:#fff;font-weight:700;letter-spacing:.02em}
.f-brand p{font-size:13px;line-height:1.8;margin-top:16px;max-width:300px}
.f-brand .f-contact{margin-top:20px;font-size:13px;line-height:2}
.f-brand .f-contact b{color:#fff;font-size:17px;letter-spacing:.02em}
.f-col h5{font-size:13px;color:#fff;font-weight:650;letter-spacing:.06em;margin-bottom:16px}
.f-col a{display:block;font-size:13px;padding:5px 0;color:rgba(223,240,255,.55);transition:color .25s}
.f-col a:hover{color:#9edcff}
.footer-note{
  border-top:1px solid rgba(158,220,255,.12);padding:22px 0 30px;
  font-size:12px;line-height:1.9;color:rgba(223,240,255,.4);
  display:flex;flex-wrap:wrap;gap:8px 30px;justify-content:space-between;
}

/* CN standard name chips */
.cnname{font-style:normal;font-size:.55em;font-weight:650;color:var(--brand-deep);letter-spacing:.02em;vertical-align:2px}
.family-card .bd h4 .cnname{font-size:12.5px;margin-left:6px}
.exp-info h3 .cnname{font-size:14px;margin-left:8px}
/* back-to-top */
.to-top{
  position:fixed;right:22px;bottom:26px;z-index:90;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow);
  display:flex;align-items:center;justify-content:center;color:var(--brand-deep);
  opacity:0;pointer-events:none;transition:.35s;
}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{transform:translateY(-3px)}


:root {
  --ink:#101318; --ink2:#39434d; --muted:#66717c; --faint:#8b949e;
  --line:rgba(16,24,32,.11); --line-strong:rgba(16,24,32,.2);
  --brand:#368ed8; --brand-deep:#237fda; --lake:#2bafa8; --pale:#b8d8ff;
  --mist:#eef5fb; --ice:#e7f3ff; --navy:#101820; --navy2:#0b1520;
  --surface:#f4f7fa; --surface-blue:#eef5fb; --r:22px; --max:1240px;
  --shadow:0 14px 42px rgba(16,24,32,.08); --shadow-lg:0 24px 72px rgba(16,24,32,.13);
  --ease:cubic-bezier(.22,1,.36,1);
}
body { background:#fff; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.75; }
::selection { background:rgba(54,142,216,.22); }
.shell { width:min(calc(100% - 48px),var(--max)); }

.site-header {
  height:72px; padding-inline:clamp(20px,3vw,64px); color:#fff;
  background:rgba(0,0,0,.94); border-bottom:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(150%);
}
.brand { gap:11px; }
.brand img { height:30px; filter:brightness(0) invert(1); }
.brand-name { color:#fff; font-size:16px; font-weight:720; }
.brand-sub { color:rgba(255,255,255,.58); font-size:8px; }
.nav-links { gap:clamp(17px,1.5vw,30px); }
.nav-links a { color:rgba(255,255,255,.76); font-size:14px; }
.nav-links a:hover,.nav-links a.active { color:#fff; }
.nav-links a.active::after { height:1px; bottom:-7px; background:linear-gradient(90deg,#2bafa8,#368ed8,#6b63d5); }
.lang-chip { color:rgba(255,255,255,.46); }
.lang-chip b { color:#fff; }
.btn-mini { padding:10px 20px; background:linear-gradient(105deg,#2bafa8,#368ed8 52%,#6b63d5); box-shadow:0 8px 24px rgba(54,142,216,.22); }
.btn-mini:hover { background:linear-gradient(105deg,#368ed8,#6b63d5); }
.nav-burger span { background:#fff; }
main { padding-top:72px; }

.eyebrow { color:var(--muted); font-size:11px; letter-spacing:.2em; }
.eyebrow .no { color:#919ba5; }
.h-display,.h1,.h2,.h3,.card h4,.card-dark h4 { text-wrap:balance; word-break:keep-all; }
.h-display { font-size:clamp(42px,5.4vw,76px); line-height:1.08; font-weight:710; }
.h1 { font-size:clamp(40px,4.7vw,66px); line-height:1.12; font-weight:710; }
.h2 { font-size:clamp(32px,3.45vw,48px); line-height:1.18; font-weight:700; }
.lead,.lead-muted { max-width:760px; }
.lead { color:var(--ink2); }
.sec { padding:clamp(92px,10vw,148px) 0; }
.sec-tight { padding:clamp(72px,8vw,112px) 0; }
.sec-head { margin-bottom:clamp(42px,5vw,68px); }

.btn { min-height:46px; padding:0 24px; border-radius:999px; font-size:14px; }
.btn-primary { background:linear-gradient(108deg,#237fda 0%,#368ed8 44%,#536fdc 73%,#7161d9 100%); background-size:180% 180%; box-shadow:0 9px 24px rgba(42,112,205,.16); }
.btn-primary:hover { background-position:100% 50%; box-shadow:0 12px 30px rgba(61,99,205,.22); }
.btn-ghost { border-color:rgba(16,24,32,.28); }
.btn-ghost:hover { color:var(--brand-deep); border-color:var(--brand); }

.grid { gap:20px; }
.card { border-color:rgba(16,24,32,.1); border-radius:var(--r); padding:clamp(26px,2.7vw,38px); box-shadow:0 1px 0 rgba(16,24,32,.02); }
.card:hover { transform:translateY(-3px); box-shadow:var(--shadow); border-color:rgba(54,142,216,.28); }
.card .num { color:var(--brand-deep); }
.card h4 { font-size:19px; }
.card p { color:var(--muted); }

.dark { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:#101820; }
.dark::before {
  content:""; position:absolute; inset:-35%; z-index:-2;
  background:radial-gradient(circle at 18% 22%,rgba(43,175,168,.18),transparent 31%),radial-gradient(circle at 76% 40%,rgba(54,142,216,.23),transparent 35%),radial-gradient(circle at 62% 78%,rgba(107,99,213,.16),transparent 31%);
  animation:luoge-ambient 18s ease-in-out infinite alternate;
}
.dark::after {
  content:""; position:absolute; inset:0; z-index:-1; opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px; mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);
}
@keyframes luoge-ambient { from{transform:translate3d(-2%,-1%,0) scale(1.02)} to{transform:translate3d(3%,2%,0) scale(1.08)} }
.dark .eyebrow { color:rgba(190,215,240,.7); }
.dark .lead,.dark .lead-muted { color:rgba(225,235,245,.72); }
.card-dark { background:rgba(255,255,255,.055); border-color:rgba(180,210,240,.16); border-radius:var(--r); backdrop-filter:blur(8px); }
.card-dark:hover { transform:translateY(-3px); border-color:rgba(120,170,235,.34); }
.note { border:0; border-left:2px solid var(--brand); border-radius:0 14px 14px 0; background:#f3f7fb; }
.note-dark { background:rgba(255,255,255,.055); border-left-color:#74a8e8; }

.hpc-hero { min-height:calc(100svh - 72px); display:flex; align-items:center; padding:clamp(90px,11vw,150px) 0; background:#fff; }
.hpc-hero::before { inset:-25% -15% -25% 34%; height:auto; background:radial-gradient(circle at 62% 42%,rgba(54,142,216,.14),transparent 34%),radial-gradient(circle at 72% 66%,rgba(107,99,213,.1),transparent 31%); }
.hpc-hero img { filter:drop-shadow(0 38px 58px rgba(10,20,30,.18)); }
.chainflow .step { border-color:rgba(54,142,216,.18); color:#456174; }
.chainflow .arr { color:#98a4af; }
.family-card .fig { background:#f0f3f5; border-radius:18px; overflow:hidden; }
.family-card .fig img { mix-blend-mode:multiply; }
.family-card .role { color:var(--brand-deep); }
.explorer { border-radius:26px; border-color:var(--line); box-shadow:var(--shadow); }
.exp-tabs { background:#f3f5f7; }
.exp-tabs button.active { color:#fff; background:#101820; }
.cmp-wrap { border-radius:22px; box-shadow:none; }

.bf-hero,.about-hero { min-height:calc(100svh - 72px); display:flex; align-items:center; padding:clamp(100px,13vw,180px) 0; background:#070d14; }
.bf-hero .promise { color:rgba(255,255,255,.88); }
.tag-dark { border-color:rgba(255,255,255,.18); color:rgba(255,255,255,.78); background:rgba(255,255,255,.05); }
.sys-section { padding:clamp(92px,10vw,148px) 0; }
.sys-section:not(.dark) { background:#fff; }
.sys-figure { border-radius:24px; border-color:rgba(16,24,32,.09); background:#f4f7fa; box-shadow:none; }
.sys-figure img { border-radius:18px; }
.kv { border-color:rgba(16,24,32,.09); }
.kv b { color:var(--ink); }
.cap-table { border-radius:20px; border-color:var(--line); }
.cap-table thead { background:#101820; color:#fff; }
.transition-line { color:var(--muted); }

.sol-hero { min-height:70svh; display:flex; align-items:center; padding:clamp(100px,12vw,160px) 0; background:radial-gradient(circle at 80% 25%,rgba(54,142,216,.12),transparent 30%),#fff; }
.sol-filter { gap:9px; }
.sol-filter button { border-color:var(--line); background:#fff; }
.sol-filter button.active { color:#fff; background:#101820; border-color:#101820; }
.sol-card { border-radius:22px; }
.sol-card .top .ind,.sol-card .more { color:var(--brand-deep); }
.plat-grid { gap:20px; }

.lab-hero { min-height:72svh; display:flex; align-items:center; padding:clamp(100px,12vw,160px) 0; color:#fff; background:radial-gradient(circle at 72% 35%,rgba(54,142,216,.2),transparent 33%),radial-gradient(circle at 38% 80%,rgba(107,99,213,.14),transparent 30%),#101820; }
.lab-hero .lead { color:rgba(225,235,245,.72); }
.lab-hero .eyebrow { color:rgba(190,215,240,.7); }
.hero-tags span { color:rgba(255,255,255,.78); }
.hero-tags span::before { background:linear-gradient(#2bafa8,#6b63d5); }
.lab-block { border-color:var(--line); }
.lab-side .no { color:var(--brand-deep); }
.facts b { background:linear-gradient(120deg,#2bafa8,#368ed8,#6b63d5); background-clip:text; color:transparent; }
.lab-tags span,.honor-row span { background:#f3f5f7; }
.about-hero .id-chips span { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.05); }
.timeline li::before { background:linear-gradient(#2bafa8,#368ed8,#6b63d5); }
.contact-band,.cta-band { background:#101820; }
.site-footer { background:#080d12; }
.reveal { transform:translateY(22px); transition-duration:.75s; }

@media (max-width:1120px) {
  .nav-links { top:72px; color:var(--ink); background:rgba(255,255,255,.98); }
  .nav-links a { color:#34414d; }
}
@media (max-width:760px) {
  .shell { width:min(calc(100% - 32px),var(--max)); }
  .site-header { height:64px; }
  main { padding-top:64px; }
  .nav-links { top:64px; }
  .h-display { font-size:clamp(38px,12vw,54px); }
  .h1 { font-size:clamp(36px,10.6vw,50px); }
  .h2 { font-size:clamp(29px,8.2vw,40px); }
  .hpc-hero,.bf-hero,.about-hero { min-height:auto; }
  .sec,.sec-tight,.sys-section { padding:76px 0; }
  .card,.card-dark { padding:24px; }
  .cmp-wrap { margin-inline:-16px; border-radius:0; }
}
@media (prefers-reduced-motion:reduce) {
  .dark::before { animation:none; }
  .reveal { opacity:1; transform:none; transition:none; }
}

/* V0.1 visual-standard alignment */
:root {
  --ink:#101318;
  --ink2:#34414d;
  --muted:#66707c;
  --faint:#aab5c0;
  --line:#d9dee5;
  --surface:#f5f5f7;
  --surface-blue:#f4f7fa;
  --night:#101820;
  --max:1240px;
  --r:20px;
  --shadow:0 14px 34px rgba(16,24,32,.07);
}

body { color:var(--ink); background:#fff; line-height:1.82; }
.site-header,.legacy-footer { display:none !important; }
#page-home { display:none !important; }
main { padding-top:72px; }
.shell { width:min(calc(100% - 48px),var(--max)); }

/* Header: same structure, dimensions, colors and interactions as homepage */
.topbar {
  position:fixed; inset:0 0 auto; z-index:200; height:72px;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.96); color:#fff;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.topbar .shell { width:100%; max-width:none; padding-inline:clamp(20px,3vw,64px); }
.topbar .nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.homepage-brand { display:flex; align-items:center; gap:9px; flex:0 0 auto; font-weight:760; }
.brand-butterfly-frame { position:relative; width:34px; height:32px; flex:0 0 auto; }
.brand-butterfly { position:absolute; inset:0; width:34px; height:32px; object-fit:contain; }
.brand-wordmark { display:block; width:clamp(98px,5.8vw,112px); height:auto; filter:brightness(0) invert(1); }
.brand-company { margin-left:2px; color:rgba(255,255,255,.72); font-size:clamp(15px,.9vw,16px); font-weight:650; letter-spacing:.04em; }
.homepage-nav-links { display:flex; align-items:center; gap:clamp(18px,1.45vw,30px); font-size:clamp(14px,.78vw,15px); }
.homepage-nav-links > a:not(.homepage-button),.nav-trigger { color:rgba(255,255,255,.92); transition:color .18s ease; white-space:nowrap; }
.homepage-nav-links > a:hover,.nav-trigger:hover { color:#fff; }
.nav-group { position:relative; display:flex; align-items:center; min-height:72px; }
.nav-trigger { display:inline-flex; align-items:center; gap:6px; border:0; background:transparent; cursor:pointer; }
.nav-trigger::after { content: ""; display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; margin: -3px 2px 0; border-right: 1.5px solid #7d8791; border-bottom: 1.5px solid #7d8791; transform: rotate(45deg); }
.dropdown {
  position:absolute; top:calc(100% - 1px); left:-22px; width:250px; padding:14px;
  border:1px solid var(--line); background:rgba(255,255,255,.98);
  box-shadow:0 18px 50px rgba(16,24,32,.12); color:var(--ink);
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.nav-group:hover .dropdown,.nav-group:focus-within .dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown a { display:block; padding:10px 9px; border-bottom:1px solid #edf0f2; font-size:13px; line-height:1.55; }
.dropdown a:last-child { border-bottom:0; }
.dropdown small { display:block; color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.homepage-button {
  display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 clamp(18px,1.4vw,28px);
  border-radius:999px; background:linear-gradient(105deg,#2bafa8 0%,#368ed8 50%,#6b63d5 100%);
  background-size:180% 180%; background-position:0 50%; color:#fff; font-weight:650;
  box-shadow:0 8px 24px rgba(54,142,216,.2); transition:background-position .7s ease,transform .2s ease;
}
.homepage-button:hover { background-position:100% 50%; transform:translateY(-1px); }

/* Type and spacing */
.eyebrow { font-size:11px; letter-spacing:.19em; color:var(--muted); }
.h-display { font-size:clamp(48px,5.25vw,72px); line-height:1.14; letter-spacing:-.025em; }
.h1 { font-size:clamp(44px,4.65vw,64px); line-height:1.17; letter-spacing:-.02em; }
.h2 { font-size:clamp(34px,3.55vw,50px); line-height:1.26; letter-spacing:-.018em; }
.h3 { font-size:clamp(22px,2vw,30px); line-height:1.42; }
.lead,.lead-muted { font-size:clamp(16px,1.25vw,19px); line-height:1.9; }
.sec { padding:clamp(96px,10vw,148px) 0; }
.sec-tight { padding:clamp(76px,8vw,112px) 0; }
.sec-head { max-width:850px; margin-bottom:clamp(46px,5vw,72px); }
.sec-head .h2 { margin-top:16px; }

/* Surfaces: flatter, quieter, and varied instead of one card treatment everywhere */
.grid { gap:24px; }
.card {
  border:1px solid var(--line); border-radius:20px; padding:clamp(26px,2.6vw,38px);
  background:#fff; box-shadow:none; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.card:hover { transform:translateY(-2px); border-color:#bfc8d2; box-shadow:0 12px 28px rgba(16,24,32,.055); }
.card .num { color:#368ed8; font-size:11px; letter-spacing:.12em; }
.card h4 { font-size:clamp(19px,1.55vw,24px); line-height:1.42; }
.card p { color:var(--muted); line-height:1.86; }
.card-dark { border-radius:18px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.14); box-shadow:none; }
.note { border-radius:0 12px 12px 0; }
.dark { background:var(--night); }
.dark::after { opacity:.22; background-size:96px 96px; }
.dark::before { opacity:.72; }

/* Hero family */
.hpc-hero,.bf-hero,.lab-hero,.about-hero,.sol-hero { position:relative; isolation:isolate; overflow:hidden; }
.hpc-hero {
  min-height:calc(86svh - 72px); padding:clamp(96px,11vw,156px) 0; color:#fff; background:#101820;
}
.hpc-hero::before {
  content:""; position:absolute; inset:-20% -8% -20% 35%; z-index:-1; height:auto;
  background:radial-gradient(circle at 64% 42%,rgba(54,142,216,.25),transparent 32%),radial-gradient(circle at 74% 70%,rgba(107,99,213,.17),transparent 30%);
}
.hpc-hero::after,.bf-hero::after,.lab-hero::after,.about-hero::after {
  content:""; position:absolute; inset:0; z-index:-2; opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:88px 88px;
}
.hpc-hero .eyebrow,.bf-hero .eyebrow,.lab-hero .eyebrow,.about-hero .eyebrow { color:#9db4c8; }
.hpc-hero .lead,.bf-hero .lead,.lab-hero .lead,.about-hero .lead { color:rgba(226,235,244,.74); }
.hpc-hero .btn-ghost { color:#fff; border-color:rgba(255,255,255,.4); }
.hpc-hero-grid { align-items:center; gap:clamp(48px,7vw,110px); }
.hpc-hero-grid > div:last-child { position:relative; }
.hpc-hero-grid > div:last-child::before { content:""; position:absolute; inset:10% 4%; background:radial-gradient(circle,rgba(54,142,216,.3),transparent 68%); filter:blur(30px); }
.hpc-hero img { position:relative; max-height:520px; margin:auto; filter:drop-shadow(0 44px 74px rgba(0,0,0,.38)); }
.bf-hero,.about-hero { min-height:calc(82svh - 72px); padding:clamp(110px,12vw,170px) 0; }
.lab-hero { min-height:66svh; padding:clamp(100px,11vw,154px) 0; }
.sol-hero { min-height:50svh; padding:clamp(88px,9vw,126px) 0; background:#f4f7fa; border-bottom:1px solid var(--line); }
.sol-hero::before { content:""; position:absolute; width:440px; height:2px; top:28%; right:7%; background:linear-gradient(90deg,#2bafa8,#368ed8,#6b63d5); opacity:.85; }

/* Luoge Laboratories — circuit-scale research hero */
.lab-hero {
  min-height:calc(82svh - 72px);
  display:flex;
  align-items:flex-end;
  padding:clamp(140px,17vw,230px) 0 clamp(70px,8vw,112px);
  background-color:#080a0d;
  background-image:url("/homepage/v157/assets/media/c94524806dbd7bed9cde.webp");
  background-position:center center;
  background-size:cover;
}
.lab-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  height:auto;
  background:
    linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.7) 43%,rgba(3,5,8,.18) 78%),
    linear-gradient(180deg,rgba(3,5,8,.14) 30%,rgba(3,5,8,.84) 100%);
}
.lab-hero::after { display:none; }
.lab-hero .shell { width:min(calc(100% - clamp(40px,6vw,84px)),var(--max)); text-shadow:0 2px 28px rgba(0,0,0,.55); }
.lab-hero .h1 { max-width:920px; font-size:clamp(42px,5.3vw,76px); line-height:1.1; letter-spacing:-.035em; }
.lab-hero .hero-tags span { border-color:rgba(255,255,255,.22); background:rgba(4,8,12,.42); color:#fff; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.lab-partner-logo {
  width:min(100%,310px);
  margin:20px 0 22px;
  padding:16px 18px;
  border:1px solid rgba(105,55,125,.14);
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 38px rgba(7,26,45,.08);
}
@media (max-width:760px) {
  .lab-hero {
    min-height:calc(100svh - 64px);
    padding:120px 0 58px;
    background-position:56% center;
  }
  .lab-hero::before { background:linear-gradient(180deg,rgba(3,5,8,.22) 0%,rgba(3,5,8,.56) 38%,rgba(3,5,8,.97) 100%); }
  .lab-hero .h1 { font-size:clamp(36px,10.5vw,52px); }
  .lab-partner-logo { width:min(82%,280px); }
}

/* LoLR AI Infrastructure — full-bleed hero artwork */
.hpc-hero {
  min-height:calc(86svh - 72px);
  background-color:#080a0d;
  
  background-position:center center;
  background-size:cover;
}
.hpc-hero::before {
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.78) 34%,rgba(3,5,8,.22) 64%,rgba(3,5,8,.08) 100%);
}
.hpc-hero::after {
  display:none;
}
.hpc-hero-grid {
  grid-template-columns:minmax(0,660px) 1fr;
}
.hpc-hero-grid > div:first-child {
  position:relative;
  z-index:1;
  text-shadow:0 2px 24px rgba(0,0,0,.42);
}
.hpc-hero-grid > div:last-child {
  display:none;
}
@media (max-width:760px) {
  .hpc-hero {
    min-height:calc(100svh - 64px);
    background-position:62% center;
  }
  .hpc-hero::before {
    background:linear-gradient(180deg,rgba(3,5,8,.55) 0%,rgba(3,5,8,.7) 38%,rgba(3,5,8,.96) 100%);
  }
  .hpc-hero-grid {
    grid-template-columns:1fr;
    align-items:end;
  }
}

/* LoLR Butterfly — orbital network hero */
.bf-hero {
  min-height:calc(86svh - 72px);
  display:flex;
  align-items:center;
  background-color:#020509;
  background-image:url("/homepage/v157/assets/media/4eea34440715c9e7583f.webp");
  background-position:center center;
  background-size:cover;
}
.bf-hero::before {
  inset:0;
  background:linear-gradient(90deg,rgba(1,4,8,.94) 0%,rgba(1,4,8,.78) 36%,rgba(1,4,8,.28) 68%,rgba(1,4,8,.12) 100%);
}
.bf-hero::after {
  display:none;
}
.bf-hero .shell {
  width:100%;
  text-shadow:0 2px 26px rgba(0,0,0,.5);
}
.bf-hero .bfly-lockup {
  display:none;
}
@media (max-width:760px) {
  .bf-hero {
    min-height:calc(100svh - 64px);
    align-items:flex-end;
    background-position:58% center;
  }
  .bf-hero::before {
    background:linear-gradient(180deg,rgba(1,4,8,.28) 0%,rgba(1,4,8,.58) 38%,rgba(1,4,8,.96) 100%);
  }
}

/* About Luoge — human-scale vision hero */
.about-hero {
  min-height:calc(88svh - 72px);
  display:flex;
  align-items:flex-end;
  padding:clamp(150px,18vw,250px) 0 clamp(74px,8vw,118px);
  background-color:#06111b;
  background-image:url("/homepage/v157/assets/media/3a229ca05920172ff843.webp");
  background-position:center center;
  background-size:cover;
}
.about-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,9,17,.9) 0%,rgba(2,9,17,.65) 38%,rgba(2,9,17,.16) 72%),
    linear-gradient(180deg,rgba(2,9,17,.12) 35%,rgba(2,9,17,.86) 100%);
}
.about-hero::after { display:none; }
.about-hero .shell { width:min(calc(100% - clamp(40px,6vw,84px)),var(--max)); }
.about-hero .h-display {
  max-width:880px;
  font-size:clamp(42px,5.7vw,82px);
  line-height:1.08;
  letter-spacing:-.04em;
  text-wrap:balance;
  text-shadow:0 3px 32px rgba(0,0,0,.52);
}
.about-hero .lead { color:rgba(235,243,250,.82); letter-spacing:.08em; }
.about-hero .id-chips { max-width:900px; }
.about-hero .id-chips span {
  border-color:rgba(255,255,255,.24);
  background:rgba(6,15,24,.38);
  color:#f5f9fc;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* Credentials — editorial proof index instead of a low-resolution certificate wall */
.credential-index {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:clamp(36px,5vw,66px);
  border-top:1px solid var(--line-strong);
  border-left:1px solid var(--line-strong);
}
.credential-index li {
  position:relative;
  min-height:158px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:30px;
  padding:24px 26px 26px;
  overflow:hidden;
  border-right:1px solid var(--line-strong);
  border-bottom:1px solid var(--line-strong);
  background:#fff;
  transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease);
}
.credential-index li::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:54px;
  height:2px;
  background:linear-gradient(90deg,var(--brand),var(--lake));
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .35s var(--ease);
}
.credential-index li:hover { z-index:1; color:#fff; background:#0b2133; transform:translateY(-2px); }
.credential-index li:hover::after { transform:scaleX(1); }
.credential-no {
  color:var(--faint);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  transition:color .35s var(--ease);
}
.credential-index strong {
  max-width:27ch;
  color:inherit;
  font-size:clamp(16px,1.35vw,20px);
  font-weight:620;
  line-height:1.55;
}
.credential-index li:hover .credential-no { color:var(--pale); }
.credential-index .credential-featured { background:var(--surface-blue); }
.credential-index .credential-featured strong { color:var(--brand-deep); }
.credential-index .credential-featured:hover strong { color:#fff; }
.credential-index .credential-accolade::before {
  content:"AWARD";
  position:absolute;
  right:20px;
  top:20px;
  color:rgba(0,102,153,.22);
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
}
.credential-index .credential-accolade:hover::before { color:rgba(255,255,255,.28); }

@media (max-width:900px) {
  .credential-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .about-hero {
    min-height:calc(100svh - 64px);
    padding:120px 0 56px;
    background-position:58% center;
  }
  .about-hero::before {
    background:linear-gradient(180deg,rgba(2,9,17,.16) 0%,rgba(2,9,17,.44) 36%,rgba(2,9,17,.96) 100%);
  }
  .about-hero .h-display { font-size:clamp(36px,11vw,54px); }
  .about-hero .h-display br { display:none; }
  .credential-index { grid-template-columns:1fr; }
  .credential-index li { min-height:126px; padding:20px 22px 22px; }
}

/* Page-specific composition */
#page-hpc > .sec:nth-of-type(2),#page-butterfly > .sec:nth-of-type(2),#page-solutions > .sec:nth-of-type(2),#page-about > .sec:nth-of-type(2) { background:#f4f7fa; }
.family-card .fig { border-radius:18px; background:#eef1f4; }
.family-card { padding:22px; }
.family-card .copy { padding:8px 6px 6px; }
.explorer { border-radius:20px; border:1px solid var(--line); box-shadow:none; overflow:hidden; }
.exp-tabs { background:#f4f7fa; border-bottom:1px solid var(--line); }
.cmp-wrap,.cap-table { border-radius:14px; box-shadow:none; }
.chainflow .step { border-radius:12px; background:rgba(255,255,255,.055); color:#c6d2dd; }
.sys-figure { border-radius:20px; padding:clamp(18px,2.5vw,34px); background:#f4f7fa; }
.sys-figure img { border-radius:14px; }
.kv-grid { gap:0; border-top:1px solid var(--line); }
.kv { padding:28px 24px; border-bottom:1px solid var(--line); }
.sol-grid { gap:20px; }
.sol-card { border-radius:16px; }
.sol-card .top { border-bottom-color:var(--line); }
.sol-filter { position:sticky; top:88px; z-index:20; padding:10px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); width:max-content; max-width:100%; }
.lab-block { padding-block:clamp(82px,9vw,130px); }
.lab-block:nth-child(even) { background:#f4f7fa; }
.facts { gap:1px; background:var(--line); }
.facts > * { background:#fff; }
.timeline { border-left-color:var(--line); }
.honor-row span,.lab-tags span { border:1px solid var(--line); background:#fff; }
.contact-band,.cta-band { background:#101820; }

/* Footer: same grid, type and spacing as homepage */
.homepage-footer { padding:84px 0 38px; border-top:1px solid rgba(255,255,255,.12); background:#000; color:#aeb7bf; }
.homepage-footer .footer-grid { display:grid; grid-template-columns:1.15fr repeat(6,minmax(0,1fr)); gap:clamp(24px,3vw,42px); }
.homepage-footer .footer-brand b { display:block; color:#fff; font-size:26px; }
.homepage-footer .footer-brand span { font-size:14px; }
.homepage-footer .footer-brand p { max-width:250px; margin-top:12px; color:#87939e; font-size:13px; line-height:1.75; }
.homepage-footer .footer-col h4 { margin:0 0 18px; color:#fff; font-size:14px; }
.homepage-footer .footer-col a { display:block; margin:9px 0; color:#9ba6af; font-size:13px; line-height:1.65; transition:color .18s ease; }
.homepage-footer .footer-col a:hover { color:#fff; }
.homepage-footer .footer-bottom { display:flex; justify-content:space-between; gap:30px; margin-top:64px; padding-top:24px; border-top:1px solid #34414c; color:#75818c; font-size:12px; }

@media (max-width:980px) {
  .homepage-nav-links > a:not(.homepage-button),.homepage-nav-links .nav-group { display:none; }
  .homepage-footer .footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .homepage-footer .footer-brand { grid-column:1 / -1; }
  .hpc-hero-grid { grid-template-columns:1fr; }
  .hpc-hero-grid > div:last-child { max-width:680px; margin-inline:auto; }
}

@media (max-width:760px) {
  .shell { width:min(calc(100% - 32px),var(--max)); }
  .topbar,.topbar .nav { height:64px; min-height:64px; }
  main { padding-top:64px; }
  .brand-company { display:none; }
  .homepage-button { min-height:40px; padding:0 14px; font-size:12px; }
  .h-display { font-size:clamp(38px,12vw,52px); }
  .h1 { font-size:clamp(36px,10.5vw,48px); }
  .h2 { font-size:clamp(29px,8.2vw,40px); }
  .hpc-hero,.bf-hero,.about-hero,.lab-hero,.sol-hero { min-height:auto; padding:86px 0; }
  .sec,.sec-tight,.sys-section,.lab-block { padding:76px 0; }
  .card,.card-dark { padding:24px; }
  .sol-filter { top:76px; border-radius:18px; }
  .homepage-footer .footer-grid { grid-template-columns:repeat(2,1fr); }
  .homepage-footer .footer-brand { grid-column:1 / -1; }
  .homepage-footer .footer-bottom { display:block; }
  .homepage-footer .footer-bottom span { display:block; margin-top:8px; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Route-based inner-page shell */
.inner-page-main { padding-top:72px; min-height:100vh; }
.inner-site-header .homepage-nav-links > a.active,.inner-site-header .nav-trigger.active { color:#fff; }
.inner-site-header .homepage-nav-links > a.active::before,.inner-site-header .nav-trigger.active::before {
  content:""; position:absolute; left:0; right:0; bottom:13px; height:1px;
  background:linear-gradient(90deg,#2bafa8,#368ed8,#6b63d5);
}
.inner-site-header .homepage-nav-links > a:not(.homepage-button),.inner-site-header .nav-trigger { position:relative; }
.inner-nav-burger { display:none; position:relative; width:40px; height:40px; flex:0 0 auto; }
.inner-nav-burger span { position:absolute; left:9px; right:9px; height:2px; border-radius:2px; background:#fff; transition:.25s ease; }
.inner-nav-burger span:nth-child(1) { top:13px; }
.inner-nav-burger span:nth-child(2) { top:19px; }
.inner-nav-burger span:nth-child(3) { top:25px; }
.inner-menu-open .inner-nav-burger span:nth-child(1) { top:19px; transform:rotate(45deg); }
.inner-menu-open .inner-nav-burger span:nth-child(2) { opacity:0; }
.inner-menu-open .inner-nav-burger span:nth-child(3) { top:19px; transform:rotate(-45deg); }
.inner-mobile-nav {
  position:fixed; top:72px; left:0; right:0; z-index:199; display:grid;
  max-height:0; overflow:hidden; background:rgba(8,13,18,.98); color:#fff;
  transition:max-height .35s ease; box-shadow:0 20px 45px rgba(0,0,0,.2);
}
.inner-mobile-nav a { padding:15px 24px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.78); }
.inner-mobile-nav a.active { color:#fff; background:rgba(255,255,255,.055); }
.inner-menu-open .inner-mobile-nav { max-height:430px; }
.station-placeholder { display:grid; gap:10px; text-align:center; color:var(--brand-deep); }
.station-placeholder b { font-size:26px; letter-spacing:.04em; }
.station-placeholder span { color:var(--faint); font-size:11px; letter-spacing:.24em; }

@media (max-width:980px) {
  .inner-nav-burger { display:block; }
}

@media (max-width:760px) {
  .inner-page-main { padding-top:64px; }
  .inner-mobile-nav { top:64px; }
  .inner-site-header .homepage-button { display:none; }
}


.sol-card[id^="solution-"]{scroll-margin-top:160px}


/* User-supplied solution hero image; scoped to the solution page only. */
.sol-hero{
  background-image:linear-gradient(90deg,rgba(5,16,25,.88) 0%,rgba(5,16,25,.72) 32%,rgba(5,16,25,.28) 62%,rgba(5,16,25,.16) 100%),url("/homepage/v157/assets/media/200f1ec5d77ec8e64794.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  color:#fff;
  border-bottom-color:rgba(255,255,255,.12)!important;
}
.sol-hero::before{display:none!important}
.sol-hero .shell{position:relative;z-index:1}
.sol-hero .eyebrow{color:#b9edff}
.sol-hero .lead{color:rgba(255,255,255,.82)}
.sol-hero .hero-tags span{color:rgba(255,255,255,.92);background:rgba(5,22,34,.28);border-color:rgba(255,255,255,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:720px){
  .sol-hero{background-position:56% center!important}
  .sol-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,16,25,.9),rgba(5,16,25,.48))}
}



/* Align the consultation UI with the main LoLR navy / lake-blue system. */



/* Keep the newly added support center inside the site's established palette. */
#page-support{--brand:#008cb8;--brand-deep:#006699;--lake:#4DB8D6;--pale:#9AD8F0;--mist:#E6F4FA;--navy:#071A2D;--navy2:#0d2843}
#page-support .sp-hero{background:linear-gradient(145deg,#071A2D 0%,#0d2843 64%,#006699 150%)}
#page-support .sp-hero::before{background:radial-gradient(50% 78% at 84% 0%,rgba(77,184,214,.3),transparent 68%),radial-gradient(42% 54% at 4% 100%,rgba(0,140,184,.24),transparent 72%)}
#page-support .sp-lane .ic,#page-support .sp-netbody ol li::before,#page-support .sp-faq summary i{background:#E6F4FA;color:#006699}
#page-support .sp-dev.on{border-color:#008cb8;background:#f3f8fb;box-shadow:0 0 0 3px rgba(0,140,184,.1)}
#page-support .sp-fl .n,#page-support .sp-steps .st .dot,#page-support .sp-netbody .top em{background:#008cb8}
#page-support .sp-cats button.on{background:#071A2D;color:#fff}
#page-support .sp-warn{color:#35566b;background:#eef8fc;border:1px solid rgba(0,140,184,.16)}
#page-support .sp-warn b{color:#006699}
#page-support .sp-cta{background:linear-gradient(135deg,#0d2843 0%,#071A2D 64%,#006699 150%)}



/* 罗拉试用咨询：深海玻璃主题，仅作用于咨询组件 */
@media(max-width:680px){
}



/* 试用表单：在消息流中形成单一、清楚的内嵌表单卡 */
@supports not selector(:has(*)){
}



/* 罗拉咨询：真正透景的暗色玻璃；滤镜只作用于静态弹窗，避免不必要的持续合成 */
@media(max-width:680px){
}
@media(prefers-reduced-transparency:reduce){
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
}



/* 桌面全屏：让解决方案首屏占满导航以下的可视区，减少 cover 对图片上下区域的裁切。 */
@media (min-width:981px){
  #page-solutions .sol-hero{
    min-height:calc(100svh - 72px)!important;
    padding:clamp(92px,10vh,140px) 0 clamp(68px,8vh,108px)!important;
    background-position:center 32%!important;
  }
}



/* 服务与支持顶部：用户提供图片，横纵裁切均以画面中心为基准。 */
#page-support .sp-hero{
  background-image:linear-gradient(90deg,rgba(4,17,30,.84) 0%,rgba(4,17,30,.62) 48%,rgba(4,17,30,.34) 100%),url("/homepage/v157/assets/media/aa5c6d0ac75811766a0e.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#page-support .sp-hero::before{
  background:linear-gradient(180deg,rgba(3,14,25,.10),rgba(3,14,25,.30))!important;
}



  /* V46 supplied LoLR.AI 罗格·罗拉 navigation wordmark at 1.5x scale */
  .brand-wordmark-v44{position:relative;display:block;width:clamp(213px,12.6vw,237px);height:51px;flex:0 0 auto;overflow:hidden}
  .brand-wordmark-v44 img{position:absolute;top:-4.5px;left:-69px;display:block;width:297px;max-width:none;height:auto;filter:invert(1);mix-blend-mode:screen}
  @media(max-width:620px){.brand-wordmark-v44{width:204px;height:48px}.brand-wordmark-v44 img{top:-3px;left:-66px;width:285px}}



  /* V51 official footer wordmark shared with the navigation */
  .footer-grid,.homepage-footer .footer-grid{grid-template-columns:minmax(270px,1.35fr) repeat(6,minmax(0,1fr))}
  .footer-brand-wordmark-v51{position:relative;display:block;width:clamp(213px,12.6vw,237px);height:51px;overflow:hidden;color:#fff}
  .footer-brand-wordmark-v51 img{position:absolute;top:-4.5px;left:-69px;display:block;width:297px;max-width:none;height:auto;filter:invert(1);mix-blend-mode:screen}
  .footer-brand-wordmark-v51 + p{margin-top:18px}
  @media(max-width:980px){.footer-grid,.homepage-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand,.homepage-footer .footer-brand{grid-column:1 / -1}}
  @media(max-width:620px){.footer-grid,.homepage-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-wordmark-v51{width:204px;height:48px}.footer-brand-wordmark-v51 img{top:-3px;left:-66px;width:285px}}


/* V24 full-width routing mega navigation */
    .nav-group-mega { position: static; }
    .nav-group-mega > .nav-trigger { position: relative; }
    .nav-group-mega > .nav-trigger::before { content: ""; position: absolute; left: 0; right: 0; bottom: -25px; height: 2px; background: #0071e3; opacity: 0; transform: scaleX(.35); transition: opacity .2s ease,transform .25s ease; }
    .nav-group-mega:hover > .nav-trigger::before,.nav-group-mega:focus-within > .nav-trigger::before { opacity: 1; transform: scaleX(1); }
    .dropdown.mega-menu { position: fixed; top: 72px; left: 0; right: 0; width: 100vw; min-height: 338px; padding: 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); background: rgba(12,15,19,.985); box-shadow: 0 28px 70px rgba(0,0,0,.3); color: #fff; transform: translateY(-8px); }
    .nav-group:hover .dropdown.mega-menu,.nav-group:focus-within .dropdown.mega-menu { transform: translateY(0); }
    .mega-shell { display: grid; grid-template-columns: minmax(260px,28%) 1fr; width: min(calc(100% - 64px),1440px); min-height: 338px; margin: 0 auto; }
    .mega-overview { display: flex; flex-direction: column; align-items: flex-start; padding: 46px 48px 42px 0; border-right: 1px solid rgba(255,255,255,.12); }
    .mega-overview > small { color: #6a9fd3; font-size: 10px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
    .mega-overview h3 { margin: 12px 0 0; color: #fff; font-size: 28px; font-weight: 520; line-height: 1.35; }
    .mega-overview p { max-width: 23em; margin: 17px 0 0; color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.75; }
    .dropdown.mega-menu .mega-all { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding: 0; border: 0; color: #fff; font-size: 13px; }
    .mega-all span { color: #4e9ce8; }
    .mega-columns { display: grid; padding: 38px 0 36px 48px; }
    .mega-columns-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mega-columns-five { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .mega-column { min-width: 0; padding: 5px 24px; border-right: 1px solid rgba(255,255,255,.1); }
    .mega-column:last-child { border-right: 0; }
    .dropdown.mega-menu .mega-section-link { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; padding: 0 0 22px; border: 0; }
    .mega-section-link > span { grid-row: 1 / 3; color: rgba(255,255,255,.28); font-size: 10px; font-weight: 560; letter-spacing: .08em; }
    .mega-section-link strong { color: #fff; font-size: 15px; font-weight: 520; line-height: 1.45; }
    .dropdown.mega-menu .mega-section-link small { margin-top: 4px; color: rgba(255,255,255,.38); font-size: 9px; font-weight: 500; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; }
    .mega-links { border-top: 1px solid rgba(255,255,255,.09); padding-top: 13px; }
    .dropdown.mega-menu .mega-links a { position: relative; padding: 8px 0 8px 14px; border: 0; color: rgba(255,255,255,.56); font-size: 12px; line-height: 1.5; transition: color .2s ease,transform .2s ease; }
    .dropdown.mega-menu .mega-links a::before { content: ""; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.24); transition: background .2s ease; }
    .dropdown.mega-menu a:hover,.dropdown.mega-menu a:focus-visible { color: #fff; }
    .dropdown.mega-menu .mega-links a:hover { color: #fff; transform: translateX(3px); }
    .dropdown.mega-menu .mega-links a:hover::before { background: #318ce7; }
    @media(max-width:1180px){.homepage-nav-links{gap:16px}.mega-shell{width:calc(100% - 40px);grid-template-columns:240px 1fr}.mega-overview{padding-right:30px}.mega-columns{padding-left:28px}.mega-column{padding-inline:16px}.mega-columns-five .mega-column{padding-inline:11px}}
    @media(max-width:980px){.nav-group-mega{display:none}.dropdown.mega-menu{display:none}}

    /* V25 light-gray mega navigation */
    .dropdown.mega-menu { border-top-color: #dfe3e7; background: rgba(246,247,248,.99); box-shadow: 0 28px 70px rgba(20,28,36,.16); color: #111820; }
    .mega-overview { border-right-color: #d9dee3; }
    .mega-overview > small { color: #0071e3; }
    .mega-overview h3 { color: #111820; }
    .mega-overview p { color: #68717a; }
    .dropdown.mega-menu .mega-all { color: #111820; }
    .mega-all span { color: #0071e3; }
    .mega-column { border-right-color: #d9dee3; }
    .mega-section-link > span { color: #8b9aaa; }
    .mega-section-link strong { color: #151a1f; }
    .dropdown.mega-menu .mega-section-link small { color: #7c858e; }
    .mega-links { border-top-color: #d9dee3; }
    .dropdown.mega-menu .mega-links a { color: #606a73; }
    .dropdown.mega-menu .mega-links a::before { background: #aab4bd; }
    .dropdown.mega-menu a:hover,.dropdown.mega-menu a:focus-visible,.dropdown.mega-menu .mega-links a:hover { color: #0071e3; }
    .dropdown.mega-menu .mega-links a:hover::before { background: #0071e3; }

    /* V26 synchronize compact menus and remove translated English labels */
    .nav-group:not(.nav-group-mega) > .dropdown { top: calc(100% - 1px); left: -18px; width: 276px; padding: 10px; border: 1px solid #dfe3e7; background: rgba(246,247,248,.99); box-shadow: 0 20px 46px rgba(20,28,36,.14); color: #111820; }
    .nav-group:not(.nav-group-mega) > .dropdown a { position: relative; padding: 12px 14px; border-bottom: 1px solid #dfe3e7; color: #343b42; font-size: 13px; line-height: 1.55; transition: color .2s ease,background .2s ease,padding-left .2s ease; }
    .nav-group:not(.nav-group-mega) > .dropdown a:last-child { border-bottom: 0; }
    .nav-group:not(.nav-group-mega) > .dropdown a:hover,.nav-group:not(.nav-group-mega) > .dropdown a:focus-visible { padding-left: 18px; background: rgba(0,113,227,.055); color: #0071e3; }
    .nav-group:not(.nav-group-mega) > .dropdown small { margin-bottom: 2px; color: #7a8792; font-size: 9px; font-weight: 540; letter-spacing: .07em; text-transform: none; }
    .mega-section-link:not(:has(small)) { align-content: start; }

    /* V48 subtle light-gray mega-column interaction */
    .mega-solutions .mega-columns,.mega-support .mega-columns { padding-top: 0; padding-bottom: 0; }
    .mega-solutions .mega-column,.mega-support .mega-column { position: relative; min-height: 100%; padding-top: 43px; padding-bottom: 36px; transition: background-color .22s ease; }
    .mega-solutions .mega-column:hover,.mega-solutions .mega-column:focus-within,.mega-support .mega-column:hover,.mega-support .mega-column:focus-within { background: #e9ecef; }
    .mega-solutions .mega-column:hover .mega-section-link > span,.mega-solutions .mega-column:focus-within .mega-section-link > span,.mega-support .mega-column:hover .mega-section-link > span,.mega-support .mega-column:focus-within .mega-section-link > span { color: #0071e3; }
    .mega-solutions .mega-column:hover .mega-section-link strong,.mega-solutions .mega-column:focus-within .mega-section-link strong,.mega-support .mega-column:hover .mega-section-link strong,.mega-support .mega-column:focus-within .mega-section-link strong { color: #151a1f; }
    .mega-solutions .mega-column:hover .mega-section-link small,.mega-solutions .mega-column:focus-within .mega-section-link small,.mega-support .mega-column:hover .mega-section-link small,.mega-support .mega-column:focus-within .mega-section-link small { color: #68737c; }
    .mega-solutions .mega-column:hover .mega-links,.mega-solutions .mega-column:focus-within .mega-links,.mega-support .mega-column:hover .mega-links,.mega-support .mega-column:focus-within .mega-links { border-top-color: #cbd1d6; }
    .dropdown.mega-menu.mega-solutions .mega-column:hover .mega-links a,.dropdown.mega-menu.mega-solutions .mega-column:focus-within .mega-links a,.dropdown.mega-menu.mega-support .mega-column:hover .mega-links a,.dropdown.mega-menu.mega-support .mega-column:focus-within .mega-links a { color: #4f5962; }
    .dropdown.mega-menu.mega-solutions .mega-column .mega-links a:hover,.dropdown.mega-menu.mega-solutions .mega-column .mega-links a:focus-visible,.dropdown.mega-menu.mega-support .mega-column .mega-links a:hover,.dropdown.mega-menu.mega-support .mega-column .mega-links a:focus-visible { color: #0071e3; }
    .mega-solutions .mega-column:hover .mega-links a::before,.mega-solutions .mega-column:focus-within .mega-links a::before,.mega-support .mega-column:hover .mega-links a::before,.mega-support .mega-column:focus-within .mega-links a::before { background: #9ba6af; }
    .mega-solutions .mega-column .mega-links a:hover::before,.mega-solutions .mega-column .mega-links a:focus-visible::before,.mega-support .mega-column .mega-links a:hover::before,.mega-support .mega-column .mega-links a:focus-visible::before { background: #0071e3; }

    


  /* V39 site-wide consultation trigger */
  .trial-float{position:fixed;right:0;top:50%;bottom:auto;z-index:80;width:128px;height:196px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateY(-50%);overflow:visible;cursor:pointer;transition:opacity .25s ease,visibility .25s ease,transform .32s cubic-bezier(.22,1,.36,1)}
  .trial-float:hover{transform:translate(-5px,-50%) scale(1.025)}
  .trial-float.is-consulting{opacity:0;visibility:hidden;pointer-events:none;transform:translate(24px,-50%) scale(.94)}
  .dabai{position:absolute;top:68px;right:-5px;width:112px;height:132px;background:url('/homepage/v157/assets/media/6fec8eaa8a82c430d05a.webp') center/contain no-repeat;filter:drop-shadow(0 12px 18px rgba(16,54,82,.2));transition:transform .32s cubic-bezier(.22,1,.36,1),filter .3s ease}
  .trial-float-label{position:absolute;top:0;left:-5px;width:112px;height:76px;background:url('/homepage/v157/assets/media/7ee27d3feb12982bfdd2.webp') center/contain no-repeat;transition:transform .28s ease}
  .trial-float:hover .trial-float-label{transform:translate(-4px,-3px)}
  .trial-float:hover .dabai{transform:translateX(-3px);filter:drop-shadow(0 14px 20px rgba(16,54,82,.24))}
  @media(max-width:620px){.trial-float{width:94px;height:150px}.dabai{top:50px;right:-5px;width:84px;height:100px}.trial-float-label{left:-3px;width:80px;height:55px}.trial-float:hover .trial-float-label{transform:translate(-3px,-2px)}}



  .solution-category-view{display:none;background:#fff;color:#111820;min-height:100vh}.solution-category-active #page-solutions>:not(.solution-category-view){display:none!important}.solution-category-active .solution-category-view.is-current{display:block}
  .solution-page-shell{width:min(calc(100% - 96px),1360px);margin:0 auto}.solution-subnav{position:sticky;top:72px;z-index:20;border-bottom:1px solid #dfe3e7;background:rgba(246,247,248,.94);backdrop-filter:blur(18px)}.solution-subnav-shell{display:flex;align-items:stretch;width:min(calc(100% - 96px),1360px);margin:auto}.solution-back{display:flex;align-items:center;padding-right:30px;border-right:1px solid #d9dee3;color:#111820;font-size:13px;font-weight:650}.solution-subnav nav{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.solution-subnav nav a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:17px 20px;color:#69727b;font-size:12px}.solution-subnav nav a span{color:#9aa4ad;font-size:9px}.solution-subnav nav a:hover,.solution-subnav nav a:focus{color:#0071e3}.solution-subnav nav a[href$="#__ACTIVE__"]{color:#0071e3}
  .solution-category-hero{padding:118px 0 68px;background:#f6f7f8;border-bottom:1px solid #dfe3e7}.solution-category-hero>div>p{margin:0;color:#0071e3;font-size:11px;font-weight:700;letter-spacing:.16em}.solution-category-hero h1{max-width:980px;margin:26px 0 82px;font-size:clamp(42px,5.4vw,78px);font-weight:530;letter-spacing:-.055em;line-height:1.13}.solution-hero-foot{display:grid;grid-template-columns:1fr 2fr;gap:42px;padding-top:24px;border-top:1px solid #cfd5da}.solution-hero-foot strong{font-size:18px;font-weight:580}.solution-hero-foot span{max-width:700px;color:#606a73;font-size:15px;line-height:1.9}
  .solution-list{padding:30px 0 116px}.solution-feature{display:grid;grid-template-columns:74px minmax(300px,.95fr) minmax(320px,1.05fr);gap:40px;padding:76px 0;border-bottom:1px solid #dfe3e7}.solution-feature-index{color:#98a2ab;font-size:12px}.solution-feature-name{margin:0 0 20px;color:#0071e3;font-size:13px;font-weight:650}.solution-feature h2{max-width:590px;margin:0;font-size:clamp(29px,3vw,46px);font-weight:520;letter-spacing:-.035em;line-height:1.26}.solution-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:36px}.solution-tags span{color:#53606b;font-size:12px}.solution-tags span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 18px 3px 0;border-radius:50%;background:#0071e3}.solution-feature-copy{padding-top:34px}.solution-feature-copy>div{display:grid;grid-template-columns:76px 1fr;gap:22px;padding:22px 0;border-top:1px solid #e4e7ea}.solution-feature-copy small{color:#8b959e;font-size:11px}.solution-feature-copy p{margin:0;color:#525d67;font-size:14px;line-height:1.9}.solution-consult{display:inline-flex;margin-top:24px;padding:11px 22px;border-radius:999px;background:#0071e3;color:#fff;font-size:13px}.solution-consult:hover{background:#0062c4;color:#fff}
  .solution-category-footer{padding:72px 0 84px;background:#111820;color:#fff}.solution-category-footer p{margin:0 0 28px;color:#7f8a94;font-size:12px}.solution-category-footer>div>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303840}.solution-category-footer a{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:25px 18px;border-right:1px solid #303840;color:#cbd1d6}.solution-category-footer a:last-child{border-right:0}.solution-category-footer a span{color:#59636c;font-size:10px}.solution-category-footer a strong{font-size:14px;font-weight:520}.solution-category-footer a:hover{color:#4b9eed}
  @media(max-width:980px){.solution-page-shell,.solution-subnav-shell{width:min(calc(100% - 40px),1360px)}.solution-subnav{top:60px}.solution-back{display:none}.solution-subnav nav a{padding:14px 8px}.solution-subnav nav a span{display:none}.solution-feature{grid-template-columns:42px 1fr;gap:18px}.solution-feature-copy{grid-column:2}.solution-category-hero h1{margin-bottom:54px}.solution-hero-foot{grid-template-columns:1fr}}
  @media(max-width:620px){.solution-page-shell,.solution-subnav-shell{width:calc(100% - 32px)}.solution-subnav-shell{overflow-x:auto}.solution-subnav nav{min-width:560px}.solution-category-hero{padding:76px 0 48px}.solution-category-hero h1{font-size:38px;margin:20px 0 42px}.solution-feature{grid-template-columns:1fr;padding:54px 0}.solution-feature-index{display:none}.solution-feature-copy{grid-column:1;padding-top:8px}.solution-feature-copy>div{grid-template-columns:1fr;gap:8px}.solution-category-footer>div>div{grid-template-columns:1fr 1fr}.solution-category-footer a:nth-child(2){border-right:0}.solution-category-footer a{border-bottom:1px solid #303840}}

  .solution-page-index{padding:42px 0 8px}.solution-page-index>p{margin:0 0 17px;color:#8a949c;font-size:11px}.solution-page-index nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6dce1;border-bottom:1px solid #d6dce1}.solution-page-index a{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:21px 18px;border-right:1px solid #dfe3e7;color:#232b32}.solution-page-index a:last-child{border-right:0}.solution-page-index a span{color:#9aa3ab;font-size:10px}.solution-page-index a strong{font-size:13px;font-weight:560}.solution-page-index a:hover{color:#0071e3}
  .solution-inline-list{padding-bottom:110px}.inline-solution{padding:104px 0 32px;border-bottom:1px solid #cfd5da;scroll-margin-top:132px}.inline-solution-head{display:grid;grid-template-columns:72px 1fr;gap:26px}.inline-solution-number{padding-top:9px;color:#98a2aa;font-size:12px}.inline-solution-head>div>p{margin:0 0 18px;color:#0071e3;font-size:13px;font-weight:650}.inline-solution-head h2{max-width:900px;margin:0;font-size:clamp(35px,4.6vw,61px);font-weight:520;letter-spacing:-.045em;line-height:1.23}.inline-phrases{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:34px}.inline-phrases span{color:#59656f;font-size:12px}.inline-phrases span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 22px 3px 0;border-radius:50%;background:#0071e3}
  .inline-overview{display:grid;grid-template-columns:1fr 1fr;margin-top:58px;border-top:1px solid #d6dce1}.inline-overview>div{padding:31px 46px 22px 0}.inline-overview>div+div{padding-left:46px;border-left:1px solid #dfe3e7}.inline-overview small{color:#0071e3;font-size:11px;font-weight:650}.inline-overview p{margin:18px 0 0;color:#4f5a64;font-size:14px;line-height:1.95}
  .inline-visual{display:grid;grid-template-columns:1fr .72fr;min-height:330px;margin-top:64px;background:#111820;color:#fff}.inline-visual>div:first-child{padding:48px}.inline-visual span{color:#4b9eee;font-size:10px;font-weight:700;letter-spacing:.15em}.inline-visual h3{margin:34px 0 0;font-size:30px;font-weight:520}.inline-visual p{max-width:650px;margin:17px 0 0;color:#a1aab2;font-size:13px;line-height:1.85}.inline-visual small{display:block;margin-top:38px;color:#66727c;font-size:10px}.inline-visual-mark{position:relative;display:grid;place-items:center;overflow:hidden;border-left:1px solid #303941;background:#172029}.inline-visual-mark:before,.inline-visual-mark:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #34424d;transform:rotate(45deg)}.inline-visual-mark:after{width:160px;height:160px;border-color:#0071e3;opacity:.6}.inline-visual-mark i{position:absolute;left:24%;top:28%;width:7px;height:7px;border-radius:50%;background:#0071e3;box-shadow:180px 110px 0 #0071e3}.inline-visual-mark b{position:relative;z-index:1;font-size:23px;font-weight:520;letter-spacing:.08em}
  .inline-detail-block{padding:72px 0}.inline-detail-block+.inline-detail-block{border-top:1px solid #dfe3e7}.inline-block-head{display:grid;grid-template-columns:72px 1fr;gap:26px;margin-bottom:30px}.inline-block-head span{padding-top:6px;color:#9aa3ab;font-size:10px}.inline-block-head h4{margin:0;font-size:clamp(27px,3vw,39px);font-weight:520;letter-spacing:-.03em}.inline-icon-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #dfe3e7;border-left:1px solid #dfe3e7}.inline-icon-grid article{display:grid;grid-template-columns:65px 1fr;gap:20px;min-height:158px;padding:30px;border-right:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7}.inline-icon-grid article>div{width:52px;color:#0071e3}.inline-icon-grid svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5}.inline-icon-grid article>div>span{display:block;margin-top:9px;color:#9aa3ab;font-size:9px}.inline-icon-grid p{margin:0;color:#4d5963;font-size:13px;line-height:1.85}.inline-closing{margin:54px 0 0;font-size:clamp(26px,3.1vw,42px);font-weight:520;letter-spacing:-.035em}.inline-solution-action{display:flex;justify-content:flex-end;padding:16px 0 62px}.inline-solution-action a{padding:12px 23px;border-radius:999px;background:#0071e3;color:#fff;font-size:13px}.inline-solution-action a:hover{background:#0062c4;color:#fff}
  @media(max-width:980px){.solution-page-index nav{grid-template-columns:1fr 1fr}.solution-page-index a:nth-child(2){border-right:0}.solution-page-index a:nth-child(-n+2){border-bottom:1px solid #dfe3e7}.inline-overview{grid-template-columns:1fr}.inline-overview>div{padding:25px 0}.inline-overview>div+div{padding-left:0;border-left:0;border-top:1px solid #dfe3e7}.inline-visual{grid-template-columns:1fr}.inline-visual-mark{min-height:230px;border-left:0;border-top:1px solid #303941}.inline-icon-grid{grid-template-columns:1fr}}
  @media(max-width:620px){.solution-page-index a{padding:17px 10px}.inline-solution{padding-top:76px}.inline-solution-head{grid-template-columns:1fr}.inline-solution-number{display:none}.inline-solution-head h2{font-size:36px}.inline-overview{margin-top:42px}.inline-visual{margin-top:42px}.inline-visual>div:first-child{padding:31px 24px}.inline-detail-block{padding:54px 0}.inline-block-head{grid-template-columns:1fr;gap:8px}.inline-icon-grid article{grid-template-columns:52px 1fr;padding:25px 12px}.inline-solution-action{justify-content:flex-start}}

  .solution-detail-view{display:none;background:#fff;color:#111820;min-height:100vh}.solution-detail-active #page-solutions>:not(.solution-detail-view){display:none!important}.solution-detail-active .solution-detail-view.is-current{display:block}.solution-detail-shell{width:min(calc(100% - 96px),1280px);margin:0 auto}
  .solution-detail-breadcrumb{position:sticky;top:72px;z-index:20;border-bottom:1px solid #dfe3e7;background:rgba(247,248,249,.94);backdrop-filter:blur(18px)}.solution-detail-breadcrumb>div{display:flex;align-items:center;gap:11px;min-height:48px;color:#8a949d;font-size:11px}.solution-detail-breadcrumb a{color:#63707a}.solution-detail-breadcrumb a:hover{color:#0071e3}.solution-detail-breadcrumb strong{overflow:hidden;color:#222b33;font-weight:560;text-overflow:ellipsis;white-space:nowrap}
  .solution-detail-hero{padding:105px 0 82px;background:#f5f6f7}.detail-kicker{margin:0 0 24px;color:#0071e3;font-size:11px;font-weight:700;letter-spacing:.14em}.solution-detail-hero h1{margin:0;font-size:clamp(46px,6vw,82px);font-weight:530;letter-spacing:-.055em;line-height:1.08}.solution-detail-hero h2{max-width:820px;margin:34px 0 0;color:#414b54;font-size:clamp(21px,2.3vw,31px);font-weight:430;line-height:1.55}.detail-phrase-row{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:54px;padding-top:23px;border-top:1px solid #d4d9de}.detail-phrase-row span{color:#59656f;font-size:12px}.detail-phrase-row span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 24px 3px 0;border-radius:50%;background:#0071e3}
  .detail-overview{padding:80px 0}.detail-overview>div{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #cfd5da}.detail-overview>div>div{padding:34px 54px 12px 0}.detail-overview>div>div+div{padding-left:54px;border-left:1px solid #dfe3e7}.detail-overview span{color:#0071e3;font-size:12px;font-weight:650}.detail-overview p{margin:21px 0 0;color:#46525d;font-size:16px;line-height:2}
  .detail-hero-visual{padding:0 0 104px}.detail-hero-visual>div{display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px;background:#111820;color:#fff}.detail-visual-copy{padding:60px}.detail-visual-copy>span,.detail-visual-placeholder span{color:#4b9eee;font-size:10px;font-weight:700;letter-spacing:.15em}.detail-visual-copy h2{max-width:460px;margin:28px 0 0;font-size:clamp(28px,3vw,43px);font-weight:520;line-height:1.35}.detail-visual-copy p{max-width:500px;margin:24px 0 0;color:#9da7b0;font-size:14px;line-height:1.9}.detail-visual-copy small{display:block;margin-top:52px;color:#66727c;font-size:10px}.detail-visual-wire{position:relative;display:grid;place-items:center;overflow:hidden;border-left:1px solid #313941;background:#171f27}.detail-visual-wire:before,.detail-visual-wire:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #36424c;transform:rotate(45deg)}.detail-visual-wire:after{width:230px;height:230px;border-color:#0071e3;opacity:.55}.detail-visual-wire i{position:absolute;width:8px;height:8px;border-radius:50%;background:#0071e3;box-shadow:0 0 18px #0071e3}.detail-visual-wire i:nth-child(1){left:18%;top:26%}.detail-visual-wire i:nth-child(2){right:17%;top:38%}.detail-visual-wire i:nth-child(3){left:31%;bottom:20%}.detail-visual-wire b{position:relative;z-index:2;font-size:26px;font-weight:520;letter-spacing:.08em}
  .detail-content-section{padding:110px 0}.detail-content-section:nth-of-type(even){background:#f6f7f8}.detail-content-section header{display:grid;grid-template-columns:70px 1fr;align-items:start;padding-bottom:42px;border-bottom:1px solid #d6dce1}.detail-content-section header p{margin:8px 0 0;color:#97a1aa;font-size:11px}.detail-content-section header h2{margin:0;font-size:clamp(32px,4vw,54px);font-weight:520;letter-spacing:-.04em}.detail-content-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:0;border-left:1px solid #dfe3e7}.detail-content-grid article{display:grid;grid-template-columns:76px 1fr;gap:25px;min-height:185px;padding:38px;border-right:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7}.detail-line-icon{position:relative;width:58px;color:#0071e3}.detail-line-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.5}.detail-line-icon span{display:block;margin-top:12px;color:#9ba4ac;font-size:9px}.detail-content-grid article>p{margin:2px 0 0;color:#46515b;font-size:14px;line-height:1.9}.detail-closing{margin:72px 0 0;font-size:clamp(28px,3.5vw,48px);font-weight:520;letter-spacing:-.04em;line-height:1.35}
  .detail-visual-placeholder{padding:0 0 110px;background:#fff}.detail-visual-placeholder>div>div{min-height:260px;padding:48px;border:1px dashed #aab5bf;background:#f2f4f6}.detail-visual-placeholder h3{margin:48px 0 0;font-size:25px;font-weight:540}.detail-visual-placeholder p{max-width:680px;margin:14px 0 0;color:#66717b;font-size:13px;line-height:1.8}
  .detail-cta{padding:94px 0;background:#e9edf0}.detail-cta>div{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.detail-cta p{margin:0;color:#68737c;font-size:12px}.detail-cta h2{max-width:760px;margin:17px 0 0;font-size:clamp(30px,3.5vw,48px);font-weight:520;line-height:1.35}.detail-cta a{flex:none;padding:13px 25px;border-radius:999px;background:#0071e3;color:#fff;font-size:13px}.detail-footer-nav{padding:60px 0 80px;background:#111820;color:#fff}.detail-footer-nav p{margin:0 0 25px;color:#69757f;font-size:11px}.detail-footer-nav nav{display:flex;flex-wrap:wrap;gap:12px 34px;padding-top:22px;border-top:1px solid #303a43}.detail-footer-nav a{color:#cbd2d7;font-size:13px}.detail-footer-nav a:hover{color:#4b9eee}
  @media(max-width:980px){.solution-detail-shell{width:min(calc(100% - 40px),1280px)}.solution-detail-breadcrumb{top:60px}.detail-overview>div{grid-template-columns:1fr}.detail-overview>div>div{padding:28px 0}.detail-overview>div>div+div{padding-left:0;border-left:0;border-top:1px solid #dfe3e7}.detail-hero-visual>div{grid-template-columns:1fr}.detail-visual-wire{min-height:290px;border-left:0;border-top:1px solid #313941}.detail-content-grid{grid-template-columns:1fr}.detail-cta>div{align-items:flex-start;flex-direction:column}}
  @media(max-width:620px){.solution-detail-shell{width:calc(100% - 32px)}.solution-detail-breadcrumb>div{min-height:44px}.solution-detail-hero{padding:72px 0 56px}.solution-detail-hero h1{font-size:42px}.solution-detail-hero h2{font-size:21px}.detail-phrase-row{margin-top:38px}.detail-overview{padding:54px 0}.detail-overview p{font-size:15px}.detail-hero-visual{padding-bottom:72px}.detail-visual-copy{padding:34px 26px}.detail-content-section{padding:76px 0}.detail-content-section header{grid-template-columns:1fr;gap:8px}.detail-content-grid article{grid-template-columns:56px 1fr;padding:28px 12px}.detail-visual-placeholder{padding-bottom:76px}.detail-visual-placeholder>div>div{padding:30px 24px}.detail-cta{padding:68px 0}}



  /* V34 concise solution storytelling inspired by the referenced VDI page */
  .solution-category-hero{padding:92px 0 58px}.solution-category-hero h1{max-width:850px;margin:22px 0 58px;font-size:clamp(38px,4.4vw,60px);letter-spacing:-.04em;line-height:1.2}.solution-hero-foot span{max-width:650px;font-size:14px;line-height:1.8}
  .solution-page-index{padding:34px 0 0}.solution-inline-list{padding-bottom:80px;overflow:hidden}.inline-solution{padding:82px 0 26px;scroll-margin-top:128px}.inline-solution:nth-child(even){box-shadow:0 0 0 100vmax #f6f7f8;clip-path:inset(0 -100vmax)}
  .inline-solution-head{grid-template-columns:54px minmax(0,1fr);gap:20px}.inline-solution-number{font-size:10px}.inline-solution-head>div>p{margin-bottom:12px;font-size:12px}.inline-solution-head h2{max-width:800px;font-size:clamp(30px,3.5vw,47px);letter-spacing:-.03em;line-height:1.3;word-break:keep-all}.inline-phrases{margin-top:25px}.inline-phrases span{font-size:11px}
  .inline-overview{margin-top:44px}.inline-overview>div{padding:25px 40px 18px 0}.inline-overview>div+div{padding-left:40px}.inline-overview p{max-width:34em;margin-top:13px;font-size:13px;line-height:1.8}
  .inline-detail-block{padding:54px 0}.inline-block-head{grid-template-columns:54px 1fr;gap:20px;margin-bottom:24px}.inline-block-head h4{font-size:clamp(25px,2.5vw,34px)}
  .inline-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-left:0}.inline-icon-grid article{display:block;min-height:205px;padding:28px 24px;border-bottom:0}.inline-icon-grid article>div:first-child{width:46px}.inline-icon-grid svg{width:34px;height:34px}.inline-icon-grid h5{margin:22px 0 0;color:#171e24;font-size:15px;font-weight:580;line-height:1.45}.inline-icon-grid p{margin:9px 0 0;color:#69737c;font-size:12px;line-height:1.72}
  .inline-detail-block.is-value .inline-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;border-top:1px solid #d8dde1}.inline-detail-block.is-value .inline-icon-grid article{min-height:0;padding:29px 0;border-right:0}.inline-detail-block.is-value .inline-icon-grid article>div:first-child{display:none}.inline-detail-block.is-value .inline-icon-grid h5{margin:0;color:#0071e3;font-size:13px}.inline-detail-block.is-value .inline-icon-grid p{max-width:25em;margin-top:9px;color:#4f5b65;font-size:13px}.inline-closing{margin-top:34px;font-size:clamp(23px,2.6vw,34px)}
  .inline-visual{min-height:300px;margin-top:48px}.inline-visual>div:first-child{padding:42px 46px}.inline-visual h3{margin-top:24px;font-size:27px}.inline-visual p{font-size:12px;line-height:1.75}.inline-visual small{margin-top:28px}.inline-solution-action{padding:10px 0 48px}
  .inline-visual.has-scenario-image{grid-template-columns:1fr;min-height:0;background:#111820}.inline-visual.has-scenario-image>.inline-visual-mark{width:100%;min-height:0;aspect-ratio:16/6;border:0;background:#111820}.inline-visual-mark.has-scenario-image:before,.inline-visual-mark.has-scenario-image:after{display:none}.inline-visual-mark.has-scenario-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  @media(max-width:1100px){.inline-icon-grid{grid-template-columns:1fr 1fr}.inline-icon-grid article{border-bottom:1px solid #dfe3e7}.inline-icon-grid article:nth-child(2n){border-right:0}}
  @media(max-width:760px){.solution-category-hero{padding:70px 0 46px}.inline-solution{padding-top:64px}.inline-solution-head{grid-template-columns:1fr}.inline-solution-number{display:none}.inline-overview{grid-template-columns:1fr}.inline-overview>div,.inline-overview>div+div{padding:22px 0}.inline-overview>div+div{border-left:0;border-top:1px solid #dfe3e7}.inline-detail-block.is-value .inline-icon-grid{grid-template-columns:1fr;gap:0}.inline-detail-block.is-value .inline-icon-grid article{border-bottom:1px solid #dfe3e7}.inline-visual{grid-template-columns:1fr}.inline-visual-mark{min-height:210px;border-left:0;border-top:1px solid #303941}}
  @media(max-width:520px){.inline-icon-grid{grid-template-columns:1fr}.inline-icon-grid article{min-height:0;border-right:0}.inline-solution-head h2{font-size:32px}}

  /* V35 ability module geometry correction */
  .inline-icon-grid{border:1px solid #dfe3e7;border-right:0}
  .inline-icon-grid article{box-sizing:border-box;width:auto;min-width:0;border-right:1px solid #dfe3e7;border-bottom:0}
  .inline-icon-grid article>div:last-child{box-sizing:border-box;width:auto;min-width:0}
  .inline-icon-grid h5,.inline-icon-grid p{max-width:none;word-break:normal;overflow-wrap:break-word}
  .inline-detail-block.is-value .inline-icon-grid{border-right:1px solid #d8dde1;border-bottom:1px solid #d8dde1}
  .inline-detail-block.is-value .inline-icon-grid article{border-right:0;border-bottom:0}
  @media(max-width:1100px){.inline-icon-grid article{border-right:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7}.inline-icon-grid article:nth-child(2n){border-right:0}.inline-icon-grid article:nth-last-child(-n+2){border-bottom:0}}
  @media(max-width:760px){.inline-detail-block.is-value .inline-icon-grid article{border-bottom:1px solid #dfe3e7}.inline-detail-block.is-value .inline-icon-grid article:last-child{border-bottom:0}}
  @media(max-width:520px){.inline-icon-grid{border-right:1px solid #dfe3e7}.inline-icon-grid article,.inline-icon-grid article:nth-child(2n){border-right:0;border-bottom:1px solid #dfe3e7}.inline-icon-grid article:nth-last-child(-n+2){border-bottom:1px solid #dfe3e7}.inline-icon-grid article:last-child{border-bottom:0}}
  .inline-icon-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;padding:1px;border:0!important;background:#dfe3e7}
  .inline-icon-grid article,.inline-icon-grid article:nth-child(2n),.inline-icon-grid article:nth-last-child(-n+2){border:0!important;background:#fff}
  .inline-solution:nth-child(even) .inline-icon-grid article{background:#f6f7f8}
  .inline-detail-block.is-value .inline-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;border:0!important;background:#d8dde1}
  @media(max-width:760px){.inline-detail-block.is-value .inline-icon-grid{grid-template-columns:1fr}}
  @media(max-width:520px){.inline-icon-grid{grid-template-columns:1fr}}

  /* V41 semantic Lucide icons and readable value modules */
  .inline-block-title{min-width:0}.inline-block-subtitle{max-width:780px;margin:11px 0 0;color:#66717a;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.75}
  .inline-icon-grid svg{stroke-linecap:round;stroke-linejoin:round}.inline-icon-grid h5{margin:18px 0 0;color:#172029;font-size:16px;font-weight:600;line-height:1.45}.inline-icon-grid article>div:last-child{box-sizing:border-box;width:auto;min-width:0}
  .inline-detail-block.is-value .inline-icon-grid article{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:18px;min-height:180px;padding:32px 28px}
  .inline-detail-block.is-value .inline-icon-grid article>div:first-child{display:block;width:44px}.inline-detail-block.is-value .inline-icon-grid svg{width:32px;height:32px}.inline-detail-block.is-value .inline-icon-grid h5{margin:0;color:#172029;font-size:16px;font-weight:600}.inline-detail-block.is-value .inline-icon-grid p{max-width:none;margin-top:10px;color:#4f5b65;font-size:13px;line-height:1.8}
  .detail-content-section header h2 small{display:block;max-width:760px;margin-top:12px;color:#69737c;font-size:14px;font-weight:400;line-height:1.75}
  @media(max-width:980px){.inline-detail-block.is-value .inline-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:760px){.inline-detail-block.is-value .inline-icon-grid{grid-template-columns:1fr}.inline-detail-block.is-value .inline-icon-grid article{min-height:0;padding:27px 20px}.inline-block-subtitle{font-size:13px}}



  /* V50 current LoLR VI color and action system */
  :root{
    --brand:#0071e3;--brand-deep:#0071e3;--lake:#0071e3;--pale:#0071e3;
    --mist:#edf5ff;--ice:#edf5ff;--navy:#111820;--navy2:#171e24;--surface-blue:#f5f9ff;
  }
  ::selection{background:rgba(0,113,227,.18)}

  /* All standard action buttons use the same solid brand blue. */
  .btn,.btn-primary,.btn-light,.btn-ghost,.btn-ghost-dark,.solution-consult,.inline-solution-action a,.detail-cta a{
    border:1px solid #0071e3!important;background:#0071e3!important;background-image:none!important;
    color:#fff!important;box-shadow:none!important;
  }
  .btn:hover,.btn-primary:hover,.btn-light:hover,.btn-ghost:hover,.btn-ghost-dark:hover,.solution-consult:hover,.inline-solution-action a:hover,.detail-cta a:hover{
    border-color:#0077ed!important;background:#0077ed!important;background-image:none!important;
    color:#fff!important;box-shadow:none!important;
  }
  .btn:focus-visible,.solution-consult:focus-visible,.inline-solution-action a:focus-visible,.detail-cta a:focus-visible{
    outline:3px solid rgba(0,113,227,.28);outline-offset:3px;
  }

  /* Service and support: replace the legacy teal, mist-blue and navy accent set. */
  #page-support .eyebrow,#page-support .sp-lane .go,#page-support .sp-dev i,#page-support .sp-devbox .hd code,#page-support .sp-nettabs button.on,#page-support .sp-netbody code,#page-support .sp-p .w,#page-support .sp-hb .go,#page-support .sp-d em,#page-support .sp-f small{
    color:#0071e3!important;
  }
  #page-support .sp-lane .ic,#page-support .sp-netbody ol li::before,#page-support .sp-faq summary i,#page-support .sp-hb .n,#page-support .sp-d .ic{
    background:#edf5ff!important;color:#0071e3!important;
  }
  #page-support .sp-dev.on{
    border-color:#0071e3!important;background:#f5f9ff!important;box-shadow:0 0 0 3px rgba(0,113,227,.10)!important;
  }
  #page-support .sp-cats button.on,#page-support .sp-fl .n,#page-support .sp-steps .st .dot,#page-support .sp-netbody .top em{
    background:#0071e3!important;color:#fff!important;
  }
  #page-support .sp-hb:hover,#page-support .sp-d:hover,#page-support .sp-f:hover,#page-support .sp-lane:hover,#page-support .sp-dev:hover,#page-support .sp-shot:hover{
    border-color:rgba(0,113,227,.34)!important;
  }
  #page-support .sp-hb:hover .go i{
    border-color:#0071e3!important;background:#0071e3!important;color:#fff!important;
  }
  #page-support .sp-warn{
    border-color:rgba(0,113,227,.16)!important;background:#f5f9ff!important;color:#4f5962!important;
  }
  #page-support .sp-warn b{color:#0071e3!important}
  #page-support .sp-cta{background:#111820!important;background-image:none!important}
  #page-support .sp-cta::before{background:radial-gradient(56% 110% at 84% 0%,rgba(0,113,227,.18),transparent 70%)!important}


/* ===== 二级页面通用样式（pd- 作用域，2026-09-10） ===== */
.pd-hero{position:relative;padding:clamp(96px,10vw,132px) 0 clamp(56px,6vw,76px);background:var(--navy);color:#fff;overflow:hidden}
.pd-hero::after{content:"";position:absolute;inset:auto -10% -40% 40%;height:80%;pointer-events:none;
  background:radial-gradient(50% 60% at 60% 40%,rgba(77,184,214,.22),transparent 70%)}
.pd-hero .shell{position:relative;z-index:1}
.pd-back{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.62);margin-bottom:26px;transition:.2s}
.pd-back:hover{color:#fff}
.pd-kick{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pd-kick .en{font-size:12px;letter-spacing:.16em;color:#8fd0ec;font-weight:600}
.pd-kick .cn{font-size:12.5px;color:rgba(255,255,255,.6)}
.pd-hero h1{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.24;letter-spacing:-.025em;max-width:820px}
.pd-hero .lead{margin-top:22px;max-width:720px;font-size:16px;line-height:1.95;color:rgba(255,255,255,.78)}
.pd-facts{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.16)}
.pd-facts div{flex:1 1 180px;padding:18px 26px 4px 0;min-width:0}
.pd-facts em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.13em;color:#8fd0ec;margin-bottom:8px}
.pd-facts b{display:block;font-size:17px;font-weight:640;line-height:1.5}
.pd-facts span{display:block;font-size:11.5px;color:rgba(255,255,255,.5);margin-top:5px;line-height:1.7}
.pd-hero .btn-row{margin-top:34px}

.pd-dock{position:sticky;top:72px;z-index:90;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.pd-dock .shell{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:62px}
.pd-dock strong{font-size:15px;font-weight:700;white-space:nowrap}
.pd-dock .lk{display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:thin}
.pd-dock a{display:flex;align-items:center;min-height:60px;white-space:nowrap;font-size:13px;color:#596675;transition:.2s}
.pd-dock a:hover{color:var(--brand)}
@media(max-width:760px){.pd-dock{top:64px}.pd-dock strong{display:none}.pd-dock .shell{min-height:54px}.pd-dock .lk{width:100%;justify-content:space-between;gap:18px}.pd-dock a{min-height:54px;font-size:12px}}

.pd-sec{padding:clamp(60px,7vw,96px) 0;scroll-margin-top:150px}
.pd-sec.alt{background:var(--surface)}
.pd-sec.night{background:var(--navy);color:#fff}
.pd-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,68px);align-items:center}
.pd-split.rev>*:first-child{order:2}
.pd-shot{margin:0;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fbfcfd,#f1f5f8);padding:clamp(18px,3vw,42px);text-align:center}
.pd-shot img{display:block;width:100%;max-width:520px;margin-inline:auto;height:auto}
.pd-shot figcaption{margin-top:16px;font-size:11.5px;color:var(--faint);line-height:1.8}
.pd-shot.plain{background:linear-gradient(160deg,#0d2440,#071a2d);border-color:rgba(158,220,255,.2);color:#cfe4f2}
.pd-shot .osmark{display:grid;gap:12px;padding:clamp(30px,5vw,58px) 10px;text-align:center}
.pd-shot .osmark b{font-size:clamp(22px,2.6vw,30px);letter-spacing:.05em;color:#fff}
.pd-shot .osmark span{font-size:10.5px;letter-spacing:.16em;color:rgba(207,228,242,.66);line-height:1.9}

.pd-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:clamp(28px,3.4vw,44px)}
.pd-num article{border-top:2px solid var(--brand);padding-top:20px}
.pd-num i{display:block;font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--brand);font-weight:700;margin-bottom:10px}
.pd-num h4{font-size:17px;font-weight:650;letter-spacing:-.01em}
.pd-num p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:9px}
.pd-sec.night .pd-num article{border-top-color:#4DB8D6}
.pd-sec.night .pd-num i{color:#8fd0ec}
.pd-sec.night .pd-num h4{color:#fff}
.pd-sec.night .pd-num p{color:#aebdcb}

.pd-list{margin-top:26px}
.pd-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;border-top:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.9}
.pd-list b{font-size:14px;font-weight:650;color:var(--ink)}
.pd-list span{color:var(--muted)}

.pd-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.pd-tabs button{border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:9px 20px;font-size:13px;color:var(--ink2);cursor:pointer;transition:.22s}
.pd-tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}

.pd-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(26px,3vw,38px)}
.pd-related a{display:block;border:1px solid var(--line);border-radius:18px;padding:22px 24px;background:#fff;transition:.24s var(--ease)}
.pd-related a:hover{border-color:rgba(54,142,216,.4);transform:translateY(-2px);box-shadow:var(--shadow)}
.pd-related em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.13em;color:var(--brand-deep);margin-bottom:9px}
.pd-related b{display:block;font-size:15.5px;font-weight:640}
.pd-related span{display:block;font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.8}

.pd-soon{display:grid;place-items:center;gap:18px;text-align:center;padding:clamp(46px,6vw,80px) 24px;border:1px dashed var(--line-strong);border-radius:24px;background:var(--surface-blue)}
.pd-soon b{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:.04em}
.pd-soon p{max-width:620px;font-size:14px;line-height:1.95;color:var(--muted)}

.pd-cta{background:linear-gradient(135deg,var(--navy2),var(--navy) 62%);color:#fff;border-radius:26px;padding:clamp(32px,4vw,52px);
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-top:clamp(30px,4vw,50px)}
.pd-cta h3{font-size:clamp(21px,2.4vw,28px);font-weight:660}
.pd-cta p{font-size:13.5px;line-height:1.9;color:rgba(223,240,255,.72);margin-top:10px;max-width:560px}
.pd-cta .rt{text-align:right}
.pd-cta .tel{font-size:13px;color:rgba(223,240,255,.75);line-height:1.8}
.pd-cta .tel b{display:block;font-size:23px;color:#fff;letter-spacing:.02em}

@media(max-width:1000px){
 .pd-split{grid-template-columns:1fr;gap:30px}
 .pd-split.rev>*:first-child{order:0}
 .pd-num{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .pd-related{grid-template-columns:1fr}
 .pd-cta{display:block}.pd-cta .rt{text-align:left;margin-top:22px}
}
@media(max-width:560px){
 .pd-num{grid-template-columns:1fr}
 .pd-list li{grid-template-columns:1fr;gap:4px}
 .pd-facts div{flex:1 1 100%;padding-right:0}
}

/* ===== 移动端主菜单（<980px 顶栏原本无任何链接） ===== */
.lgm-burger{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:transparent;
  cursor:pointer;position:relative;flex:0 0 auto;margin-left:12px}
.lgm-burger span{position:absolute;left:11px;right:11px;height:1.6px;background:#fff;transition:.26s var(--ease)}
.lgm-burger span:nth-child(1){top:14px}.lgm-burger span:nth-child(2){top:20px}.lgm-burger span:nth-child(3){top:26px}
body.lgm-open .lgm-burger span:nth-child(1){top:20px;transform:rotate(45deg)}
body.lgm-open .lgm-burger span:nth-child(2){opacity:0}
body.lgm-open .lgm-burger span:nth-child(3){top:20px;transform:rotate(-45deg)}
.lgm-panel{position:fixed;top:72px;left:0;right:0;bottom:0;z-index:198;background:#0a1016;color:#fff;
  overflow-y:auto;padding:8px 0 40px;display:none}
body.lgm-open .lgm-panel{display:block}
.lgm-panel .g{border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px}
.lgm-panel .g>b{display:block;font-size:12px;letter-spacing:.14em;color:#8fd0ec;margin-bottom:10px}
.lgm-panel a{display:flex;align-items:baseline;gap:10px;padding:11px 0;color:rgba(255,255,255,.82);font-size:15px}
.lgm-panel a small{font-size:11px;color:rgba(255,255,255,.42);letter-spacing:.04em}
.lgm-panel a.top{font-size:16px;font-weight:600;color:#fff}
@media(max-width:980px){.lgm-burger{display:block}}
@media(max-width:760px){.lgm-panel{top:64px}}

/* 产品家族卡片的进入链接 */
.family-card .fam-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12.8px;font-weight:650;color:var(--brand-deep);transition:.2s}
.family-card:hover .fam-go{gap:10px}
a.family-card{color:inherit;text-decoration:none}
a.family-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(54,142,216,.35)}
/* 服务与支持首页四栏目 */
#page-support .sp-lanes.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){#page-support .sp-lanes.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){#page-support .sp-lanes.four{grid-template-columns:1fr}}
/* 蝴蝶四大组成行（<a> 版） */
#page-butterfly a.bf-sysrow{color:inherit;text-decoration:none}

/* 参数表：边界说明换行显示 */
.pd-sec .cap-table td small{display:block;margin-top:6px;font-size:11.6px;line-height:1.75;color:var(--faint)}
.pd-sec .cap-table th{white-space:nowrap}
/* 下拉菜单中的产品英文名保留大小写 */
.dropdown a small{text-transform:none;letter-spacing:.04em}

/* 双栏区块内的标题：避免大字号挤到图片列 */
.pd-split h2,.pd-split .h2{font-size:clamp(26px,2.85vw,38px);line-height:1.32;overflow-wrap:break-word}
.pd-soon+.pd-split h2,.pd-soon+.pd-split .h2{font-size:clamp(26px,2.85vw,38px)}

/* ===== 罗拉移动端：任务旅程 + 下载卡 ===== */
.pd-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);margin-top:clamp(28px,3.4vw,44px);counter-reset:none}
.pd-journey li{position:relative;border-top:1px solid var(--line);padding-top:22px}
.pd-journey li::after{content:"";position:absolute;top:-1px;left:0;width:44px;height:2px;background:var(--brand)}
.pd-journey i{display:block;font-style:normal;font-size:26px;font-weight:700;letter-spacing:.02em;color:var(--pale);
  line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums}
.pd-journey b{display:block;font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.pd-journey p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:9px}

.app-card{margin-inline:auto;width:min(100%,320px);border:1px solid var(--line);border-radius:24px;
  background:linear-gradient(170deg,#fff 0%,var(--surface-blue) 100%);padding:clamp(28px,3.2vw,40px) clamp(24px,3vw,36px);
  box-shadow:var(--shadow);text-align:center;margin-top:clamp(26px,3.2vw,40px)}
.app-qr{margin:0;display:grid;justify-items:center;gap:0}
.app-qr-tile{display:block;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;
  box-shadow:0 1px 2px rgba(7,26,45,.05)}
.app-qr-tile img{display:block;width:200px;height:200px;object-fit:contain}
.app-qr figcaption{display:grid;gap:7px}
.app-qr figcaption b{font-size:16px;font-weight:660;color:var(--ink);letter-spacing:-.01em}
.app-qr figcaption span{font-size:12.5px;line-height:1.75;color:var(--muted)}
#page-app .sec-head.center .lead-muted{max-width:640px}
@media(max-width:900px){
 .pd-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
 .app-qr-tile img{width:180px;height:180px}
}
@media(max-width:560px){
 .pd-journey{grid-template-columns:1fr;gap:22px}
}
/* 移动端菜单：分组标题与子项间距 */
.lgm-panel .g>a.top:first-child{margin-bottom:2px;padding-bottom:6px}

/* Station 卡片：深色底不被后面的通用 .fig 规则覆盖 */
.family-card .fig.fig-station{background:radial-gradient(90% 110% at 50% 0%,#123150,#071A2D)}
.family-card .fig.fig-station .osmark b{color:#fff}
.family-card .fig.fig-station .osmark span{color:var(--pale)}

/* ===== 2026-09-11 蝴蝶二级页新增组件 ===== */
.pd-split.bf-rev>*:first-child{order:2}
@media(max-width:1000px){.pd-split.bf-rev>*:first-child{order:0}}

.pd-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:clamp(32px,3.8vw,48px);
  padding-top:clamp(28px,3.2vw,40px);border-top:1px solid var(--line)}
.pd-figures>div{border-top:2px solid var(--brand);padding-top:18px}
.pd-figures span{display:block;font-size:16px;font-weight:650;color:var(--ink);line-height:1.55;letter-spacing:-.01em}
.pd-figures em{display:block;font-style:normal;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:9px;line-height:1.8}

.pd-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:clamp(20px,2.4vw,28px)}
.pd-tiers>div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px 18px 18px}
.pd-tiers b{display:block;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--brand-deep);font-variant-numeric:tabular-nums}
.pd-tiers span{display:block;font-size:13px;font-weight:640;color:var(--ink);margin-top:10px}
.pd-tiers em{display:block;font-style:normal;font-size:11.5px;font-weight:400;color:var(--muted);margin-top:5px;line-height:1.7}

.pd-osgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pd-osgrid>div{border:1px solid var(--line);border-radius:18px;background:linear-gradient(165deg,#fff,var(--surface-blue));padding:24px 22px}
.pd-osgrid b{display:block;font-size:19px;font-weight:660;color:var(--ink)}
.pd-osgrid span{display:block;font-size:12.8px;line-height:1.8;color:var(--muted);margin-top:9px}

@media(max-width:1000px){
 .pd-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .pd-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
 .pd-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .pd-tiers>div:last-child{grid-column:1/-1}
 .pd-osgrid{grid-template-columns:1fr}
}
/* 蝴蝶工厂：六类基础能力用三列更整齐 */
#page-factory #factory-skills .pd-num{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){#page-factory #factory-skills .pd-num{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#page-factory #factory-skills .pd-num{grid-template-columns:1fr}}

/* 05 下载：只放二维码，收紧留白 */
#app-get{padding:clamp(48px,5.2vw,72px) 0;background:var(--surface)}
#app-get .sec-head{margin-bottom:28px}
#app-card-dummy{}



  /* V55 latest LoLR Computing + Butterfly content, aligned to the current VI */
  .mega-butterfly .mega-columns-three{grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-hpc,#page-station,#page-studio,#page-box,#page-mini,#page-tictalk,#page-butterfly,#page-logos,#page-aios,#page-app{--brand:#0071e3;--brand-deep:#0071e3;--lake:#0071e3;--pale:#0071e3}
  #page-hpc .btn,#page-station .btn,#page-studio .btn,#page-box .btn,#page-mini .btn,#page-tictalk .btn,#page-butterfly .btn,#page-logos .btn,#page-aios .btn,#page-app .btn{
    border-color:#0071e3!important;border-radius:999px!important;background:#0071e3!important;background-image:none!important;color:#fff!important;box-shadow:none!important
  }
  #page-hpc .btn:hover,#page-station .btn:hover,#page-studio .btn:hover,#page-box .btn:hover,#page-mini .btn:hover,#page-tictalk .btn:hover,#page-butterfly .btn:hover,#page-logos .btn:hover,#page-aios .btn:hover,#page-app .btn:hover{border-color:#0077ed!important;background:#0077ed!important;transform:translateY(-1px)}
  #page-hpc .pd-hero::after,#page-station .pd-hero::after,#page-studio .pd-hero::after,#page-box .pd-hero::after,#page-mini .pd-hero::after,#page-tictalk .pd-hero::after,#page-butterfly .pd-hero::after,#page-logos .pd-hero::after,#page-aios .pd-hero::after,#page-app .pd-hero::after{display:none}
  #page-station .pd-hero h1,#page-studio .pd-hero h1,#page-box .pd-hero h1,#page-mini .pd-hero h1,#page-tictalk .pd-hero h1,#page-logos .pd-hero h1,#page-aios .pd-hero h1,#page-app .pd-hero h1{font-weight:540;letter-spacing:-.035em}
  #page-hpc .family-card,#page-hpc .card,#page-hpc .rail-item,#page-butterfly .card,#page-butterfly .bf-sysrow,#page-butterfly .base-layer,#page-station .card,#page-studio .card,#page-box .card,#page-mini .card,#page-tictalk .card,#page-logos .card,#page-aios .card,#page-app .card,#page-station .pd-shot,#page-studio .pd-shot,#page-box .pd-shot,#page-mini .pd-shot,#page-tictalk .pd-shot,#page-logos .pd-shot,#page-aios .pd-shot,#page-app .pd-shot,#page-station .pd-related a,#page-studio .pd-related a,#page-box .pd-related a,#page-mini .pd-related a,#page-tictalk .pd-related a,#page-logos .pd-related a,#page-aios .pd-related a,#page-app .pd-related a,#page-station .pd-cta,#page-studio .pd-cta,#page-box .pd-cta,#page-mini .pd-cta,#page-tictalk .pd-cta,#page-logos .pd-cta,#page-aios .pd-cta,#page-app .pd-cta,#page-app .app-card,#page-app .app-qr-tile{border-radius:0!important}
  #page-station .pd-shot,#page-studio .pd-shot,#page-box .pd-shot,#page-mini .pd-shot,#page-tictalk .pd-shot,#page-logos .pd-shot,#page-aios .pd-shot,#page-app .pd-shot{background:#f4f6f8;background-image:none}
  #page-station .pd-shot.plain,#page-studio .pd-shot.plain,#page-box .pd-shot.plain,#page-mini .pd-shot.plain,#page-tictalk .pd-shot.plain,#page-logos .pd-shot.plain,#page-aios .pd-shot.plain,#page-app .pd-shot.plain{background:#111820}
  #page-station .pd-cta,#page-studio .pd-cta,#page-box .pd-cta,#page-mini .pd-cta,#page-tictalk .pd-cta,#page-logos .pd-cta,#page-aios .pd-cta,#page-app .pd-cta{background:#111820!important;background-image:none!important}
  #page-studio .pd-tabs button.on{border-color:#0071e3;background:#0071e3;color:#fff}
  @media(max-width:980px){.mega-butterfly .mega-columns-three{grid-template-columns:1fr}}



  .mega-coming-inline-v60{margin-left:.3em;color:#8a949c;font-size:.72em;font-style:normal;font-weight:500;letter-spacing:.01em;white-space:nowrap}



  .site-footer .footer-top{grid-template-columns:1.15fr repeat(6,minmax(0,1fr));gap:clamp(20px,2.25vw,34px)}
  @media(max-width:1180px){.site-footer .footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .f-brand{grid-column:1/-1}}
  @media(max-width:640px){.site-footer .footer-top{grid-template-columns:1fr}.site-footer .f-brand{grid-column:auto}}



  /* Keep the original HPC and Butterfly geometry; unify interaction color only. */
  .mega-hpc .mega-column,.mega-butterfly .mega-column{transition:background-color .22s ease}
  .mega-hpc .mega-column:hover,.mega-hpc .mega-column:focus-within,.mega-butterfly .mega-column:hover,.mega-butterfly .mega-column:focus-within{background:#e9ecef}
  .mega-hpc .mega-column:hover .mega-section-link>span,.mega-hpc .mega-column:focus-within .mega-section-link>span,.mega-butterfly .mega-column:hover .mega-section-link>span,.mega-butterfly .mega-column:focus-within .mega-section-link>span{color:#0071e3}
  .mega-hpc .mega-column:hover .mega-section-link strong,.mega-hpc .mega-column:focus-within .mega-section-link strong,.mega-butterfly .mega-column:hover .mega-section-link strong,.mega-butterfly .mega-column:focus-within .mega-section-link strong{color:#151a1f}
  .mega-hpc .mega-column:hover .mega-section-link small,.mega-hpc .mega-column:focus-within .mega-section-link small,.mega-butterfly .mega-column:hover .mega-section-link small,.mega-butterfly .mega-column:focus-within .mega-section-link small{color:#68737c}
  .mega-hpc .mega-column:hover .mega-links,.mega-hpc .mega-column:focus-within .mega-links,.mega-butterfly .mega-column:hover .mega-links,.mega-butterfly .mega-column:focus-within .mega-links{border-top-color:#cbd1d6}
  .dropdown.mega-hpc .mega-column:hover .mega-links a,.dropdown.mega-hpc .mega-column:focus-within .mega-links a,.dropdown.mega-butterfly .mega-column:hover .mega-links a,.dropdown.mega-butterfly .mega-column:focus-within .mega-links a{color:#4f5962}
  .dropdown.mega-hpc .mega-column .mega-links a:hover,.dropdown.mega-hpc .mega-column .mega-links a:focus-visible,.dropdown.mega-butterfly .mega-column .mega-links a:hover,.dropdown.mega-butterfly .mega-column .mega-links a:focus-visible{color:#0071e3}



  /* Match the other mega menus: three side-by-side vertical columns with full-height dividers. */
  .mega-butterfly .mega-columns-three{grid-template-columns:repeat(3,minmax(0,1fr))}



  /* Align the actual device silhouette—not the source canvas—with the design copy. */
  #page-studio #studio-idea .pd-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,5.4vw,82px);align-items:center}
  #page-studio #studio-idea .pd-split>div:first-child{order:2;max-width:610px;padding-top:10px}
  #page-studio .studio-product-banner{order:1;display:block;width:100%;max-width:690px;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;text-align:left}
  #page-studio .studio-product-banner img{display:block;width:100%;max-width:none;height:auto;margin:0;mix-blend-mode:normal;object-fit:contain;object-position:left center}
  #page-studio .studio-product-banner figcaption{width:94%;margin:12px 0 0 3%;padding:0;background:transparent;color:var(--faint);font-size:11.5px;line-height:1.75;text-align:left}
  @media(max-width:980px){#page-studio #studio-idea .pd-split{grid-template-columns:1fr;gap:30px}#page-studio #studio-idea .pd-split>div:first-child{max-width:760px;padding-top:0}#page-studio .studio-product-banner{max-width:720px}#page-studio .studio-product-banner figcaption{margin-top:10px}}
  @media(max-width:620px){#page-studio #studio-idea .pd-split{gap:24px}#page-studio .studio-product-banner figcaption{font-size:11px;line-height:1.7}}



  /* LoLR Box follows the same visual-boundary alignment system as LoLR Studio. */
  #page-box #box-idea .pd-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,5.4vw,82px);align-items:center}
  #page-box #box-idea .pd-split>div:first-child{order:2;max-width:610px;padding-top:10px}
  #page-box .box-product-banner{order:1;display:block;width:100%;max-width:690px;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;text-align:left}
  #page-box .box-product-banner img{display:block;width:100%;max-width:none;height:auto;margin:0;border:0;border-radius:0;object-fit:contain;object-position:left center}
  #page-box .box-product-banner figcaption{width:90%;margin:12px 0 0 5%;padding:0;background:transparent;color:var(--faint);font-size:11.5px;line-height:1.75;text-align:left}
  @media(max-width:980px){#page-box #box-idea .pd-split{grid-template-columns:1fr;gap:30px}#page-box #box-idea .pd-split>div:first-child{max-width:760px;padding-top:0}#page-box .box-product-banner{max-width:720px}#page-box .box-product-banner figcaption{margin-top:10px}}
  @media(max-width:620px){#page-box #box-idea .pd-split{gap:24px}#page-box .box-product-banner figcaption{font-size:11px;line-height:1.7}}



  /* Move the complete Studio visual block left; preserve image scale and caption alignment. */
  @media(min-width:981px){#page-studio .studio-product-banner{justify-self:start;margin-left:clamp(-56px,-3vw,-32px)}}



  /* Protect the supplied LoLR Box photograph from width/height distortion. */
  #page-box .box-product-banner img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:left center!important}
  #page-hpc .family-card .fig img[alt="LoLR BOX"]{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}



  /* Machine-boundary calibration: Studio stays approved; Box is one visual step smaller. */
  #page-box .box-product-banner{justify-self:start;max-width:560px!important}
  #page-box .box-product-banner img{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:left center!important}
  #page-box .box-product-banner figcaption{width:82%;margin-left:9%}
  #page-hpc .family-card .fig:has(img[alt="LoLR BOX"]){background:#f4f6f8}
  #page-hpc .family-card .fig img[alt="LoLR BOX"]{box-sizing:border-box;width:100%;height:100%;padding:3% 4%;aspect-ratio:auto;object-fit:contain;object-position:center}
  @media(max-width:980px){#page-box .box-product-banner{max-width:620px!important}}
  @media(max-width:620px){#page-box .box-product-banner{max-width:100%!important}}



  /* LoLR Computing overview: full-width light banner, copy in the image's left negative space. */
  #page-hpc .hpc-hero{min-height:clamp(560px,43vw,740px);padding:0;color:#111820;background:#f3f4f6;display:flex;align-items:stretch}
  #page-hpc .hpc-hero::before,#page-hpc .hpc-hero::after{display:none!important}
  #page-hpc .hpc-hero>.shell{width:100%;max-width:none;margin:0;padding:0}
  #page-hpc .hpc-hero-grid{position:relative;min-height:clamp(560px,43vw,740px);display:grid;grid-template-columns:minmax(340px,42%) minmax(0,58%);gap:0;align-items:center;overflow:hidden}
  #page-hpc .hpc-hero-grid>div:first-child{position:relative;z-index:2;width:min(100%,600px);margin-left:max(24px,calc((100vw - 1280px)/2));padding:72px 42px 64px 0}
  #page-hpc .hpc-hero-grid>div:last-child{position:absolute;inset:0;z-index:0;pointer-events:none}
  #page-hpc .hpc-hero-grid>div:last-child::before{display:none!important}
  #page-hpc .hpc-hero .hpc-banner-image{display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:cover;object-position:center;filter:none!important}
  #page-hpc .hpc-hero .h1{color:#111820}
  #page-hpc .hpc-hero .lead{color:#5e6670}
  #page-hpc .hpc-hero .eyebrow{color:#707781}
  #page-hpc .hpc-hero .btn-ghost{color:#111820;border-color:rgba(17,24,32,.28);background:rgba(255,255,255,.45)}
  #page-hpc .hpc-hero .btn-ghost:hover{color:#111820;border-color:rgba(17,24,32,.5);background:rgba(255,255,255,.72)}
  @media(max-width:980px){#page-hpc .hpc-hero{min-height:auto}#page-hpc .hpc-hero-grid{min-height:auto;display:block}#page-hpc .hpc-hero-grid>div:first-child{width:auto;max-width:720px;margin:0;padding:88px 24px 42px}#page-hpc .hpc-hero-grid>div:last-child{position:relative;inset:auto;height:clamp(300px,55vw,500px)}#page-hpc .hpc-hero .hpc-banner-image{height:100%;object-fit:cover;object-position:76% center}}
  @media(max-width:620px){#page-hpc .hpc-hero-grid>div:first-child{padding:78px 20px 34px}#page-hpc .hpc-hero-grid>div:last-child{height:270px}#page-hpc .hpc-hero .hpc-banner-image{object-position:78% center}}



  /* The full-width banner is a persistent image layer and must not wait for scroll reveal. */
  #page-hpc .hpc-hero-grid>div:last-child.reveal{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;z-index:1!important}
  #page-hpc .hpc-hero-grid>div:first-child{z-index:2!important}
  #page-hpc .hpc-hero .hpc-banner-image{opacity:1!important;visibility:visible!important}



  /* Clean layer repair: remove the legacy hidden state and give the banner a real painted box. */
  #page-hpc .hpc-hero-grid{isolation:isolate!important}
  #page-hpc .hpc-hero-grid>div:first-child{position:relative!important;z-index:2!important}
  #page-hpc .hpc-hero-grid>.hpc-banner-layer{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:1!important;
    overflow:hidden!important;
    pointer-events:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  #page-hpc .hpc-hero-grid>.hpc-banner-layer::before{display:none!important}
  #page-hpc .hpc-hero-grid>.hpc-banner-layer>.hpc-banner-image{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    transform:none!important;
  }
  @media(max-width:980px){
    #page-hpc .hpc-hero-grid>.hpc-banner-layer{position:relative!important;inset:auto!important;height:clamp(300px,55vw,500px)!important}
    #page-hpc .hpc-hero-grid>.hpc-banner-layer>.hpc-banner-image{object-position:76% center!important}
  }
  @media(max-width:620px){
    #page-hpc .hpc-hero-grid>.hpc-banner-layer{height:270px!important}
    #page-hpc .hpc-hero-grid>.hpc-banner-layer>.hpc-banner-image{object-position:78% center!important}
  }

  /* Keep the desktop devices clear of the copy; blend the exposed left edge into the backdrop. */
  @media(min-width:981px){
    #page-hpc .hpc-hero-grid>.hpc-banner-layer>.hpc-banner-image{
      transform:translateX(clamp(72px,6vw,240px))!important;
      -webkit-mask-image:linear-gradient(to right,transparent,#000 12%);
      mask-image:linear-gradient(to right,transparent,#000 12%);
    }
  }



  /* Restrained Chinese technology-banner typography; no glow or inherited text shadow. */
  #page-hpc .hpc-hero-grid>div:first-child,#page-hpc .hpc-hero-grid>div:first-child *{
    text-shadow:none!important;
    filter:none!important;
  }
  #page-hpc .hpc-hero .h1{
    color:#151a21!important;
    font-family:"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;
    font-size:clamp(50px,4.65vw,68px)!important;
    font-weight:650!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    max-width:600px!important;
    white-space:normal!important;
    text-wrap:balance;
  }
  #page-hpc .hpc-hero .lead{
    color:#616a75!important;
    font-weight:400!important;
    line-height:1.82!important;
    letter-spacing:0!important;
    text-shadow:none!important;
  }
  #page-hpc .hpc-hero .eyebrow{
    color:#707985!important;
    font-family:"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif!important;
    font-weight:650!important;
    letter-spacing:.22em!important;
    text-shadow:none!important;
  }
  @media(max-width:760px){
    #page-hpc .hpc-hero .h1{font-size:clamp(36px,9.6vw,44px)!important;line-height:1.14!important;letter-spacing:-.035em!important;max-width:100%!important;word-break:normal!important;overflow-wrap:anywhere!important}
    #page-hpc .hpc-hero .lead{line-height:1.76!important}
  }



/* ===== V84 · standalone navigation, accessible mobile menu and narrow-screen repairs ===== */
html,body { max-width:100%; overflow-x:clip; }
.company-banner-panel,.company-banner-viewport,.product-reveal,.partner-marquee { contain:paint; }
.v84-mobile-nav-toggle,.v84-mobile-drawer { display:none; }

.v84-mobile-nav-toggle {
  width:44px;
  height:44px;
  flex:0 0 44px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.08);
  cursor:pointer;
}
.v84-mobile-nav-toggle > span {
  position:relative;
  width:18px;
  height:12px;
  border-top:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
}
.v84-mobile-nav-toggle > span::after {
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:18px;
  border-top:1.5px solid currentColor;
}
.v84-mobile-nav-toggle:focus-visible,.v84-mobile-drawer a:focus-visible,.v84-mobile-drawer summary:focus-visible,.v84-mobile-drawer button:focus-visible {
  outline:3px solid #0071e3;
  outline-offset:3px;
}
.v84-mobile-drawer[hidden] { display:none; }
.v84-demo-submit-note {
  margin-top:12px;
  color:#66707c;
  font-size:12px;
  line-height:1.7;
}
/* Keep the opened consultation panel above the fixed mobile header controls. */

@media (max-width:980px) {
  body.v84-mobile-nav-open { overflow:hidden; }
  .topbar { z-index:99500; }
  .topbar .nav-links,.topbar .homepage-nav-links { display:none; }
  .v84-mobile-nav-toggle { display:inline-flex; }
  .v84-mobile-drawer:not([hidden]) {
    display:block;
    position:fixed;
    inset:64px 0 0;
    z-index:99510;
    color:#11151a;
  }
  .v84-mobile-nav-backdrop {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(13,18,24,.34);
    backdrop-filter:blur(3px);
    cursor:pointer;
  }
  .v84-mobile-nav-panel {
    position:absolute;
    top:0;
    right:0;
    width:min(92vw,460px);
    height:100%;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#f5f6f7;
    box-shadow:-18px 0 56px rgba(18,28,38,.18);
  }
  .v84-mobile-nav-head {
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    padding:0 20px;
    border-bottom:1px solid #dfe3e7;
    background:rgba(245,246,247,.96);
    backdrop-filter:blur(14px);
  }
  .v84-mobile-nav-head strong {
    font-size:15px;
    font-weight:650;
    letter-spacing:.02em;
  }
  .v84-mobile-nav-close {
    width:36px;
    height:36px;
    border:1px solid #d9dde2;
    border-radius:999px;
    color:#27313b;
    background:#fff;
    cursor:pointer;
    font-size:20px;
    line-height:1;
  }
  .v84-mobile-nav-list { padding:8px 20px 36px; }
  .v84-mobile-nav-list details { border-bottom:1px solid #dfe3e7; }
  .v84-mobile-nav-list summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    color:#14191f;
    cursor:pointer;
    list-style:none;
    font-size:16px;
    font-weight:620;
  }
  .v84-mobile-nav-list summary::-webkit-details-marker { display:none; }
  .v84-mobile-nav-list summary::after {
    content:"＋";
    color:#6c7782;
    font-size:17px;
    font-weight:400;
  }
  .v84-mobile-nav-list details[open] summary::after { content:"－"; }
  .v84-mobile-nav-links { padding:0 0 18px; }
  .v84-mobile-subgroup { padding:12px 0 4px; }
  .v84-mobile-subgroup + .v84-mobile-subgroup { border-top:1px solid #e4e7ea; }
  .v84-mobile-subgroup > strong {
    display:block;
    padding:0 8px 6px;
    color:#7b858e;
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
  }
  .v84-mobile-nav-links a {
    display:flex;
    align-items:center;
    min-height:42px;
    margin:2px 0;
    padding:8px;
    border-radius:6px;
    color:#303841;
    font-size:14px;
    line-height:1.55;
  }
  .v84-mobile-nav-links a:hover,.v84-mobile-nav-links a.is-current {
    color:#005bbf;
    background:#e8edf3;
  }
  .v84-mobile-nav-links a.is-current { box-shadow:inset 3px 0 #0071e3; }
  .v84-mobile-nav-links a[data-v84-overview] {
    color:#0071e3;
    font-weight:620;
  }
}

@media (max-width:520px) {
  #page-butterfly,#page-butterfly .bf-section,#page-butterfly .bf-section > .shell,#page-butterfly .bf-intro-head,#page-butterfly .bf-intro-head > *,#page-butterfly .bf-copy,#page-butterfly .bf-visual {
    min-width:0;
    max-width:100%;
  }
  #page-butterfly .bf-intro-head > * { width:100%; }
  #page-butterfly .bf-intro-head .eyebrow,#page-butterfly .bf-intro-head .h2,#page-butterfly .bf-hero h1 { overflow-wrap:anywhere; }
  #page-butterfly .bf-scroll {
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
}



    .wip-hero{min-height:calc(100vh - 60px);display:flex;align-items:center;position:relative;overflow:hidden}
    .wip-hero::before{content:"";position:absolute;inset:-30% -20% auto;height:140%;z-index:-1;
      background:radial-gradient(46% 42% at 72% 30%,rgba(154,216,240,.22),transparent 70%),
                 radial-gradient(38% 40% at 20% 18%,rgba(230,244,250,.9),transparent 70%);}
    .wip-box{text-align:center;max-width:760px;margin-inline:auto}
    .wip-box img{height:44px;margin:0 auto 30px}
    .wip-kicker{font-size:12.5px;font-weight:700;letter-spacing:.24em;color:var(--brand);text-transform:uppercase}
    .wip-title{font-size:clamp(36px,4.6vw,58px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:18px 0 20px}
    .wip-title .dots::after{content:"…";animation:wipdots 1.8s steps(4) infinite}
    @keyframes wipdots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}}
    .wip-note{font-size:15.5px;line-height:1.9;color:var(--muted);margin-bottom:38px}
    .wip-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
    .wip-links a{font-size:14px;font-weight:600;color:var(--ink2);border:1px solid var(--line-strong);
      border-radius:999px;padding:11px 24px;transition:.3s var(--ease)}
    .wip-links a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
    .wip-tag{display:inline-flex;margin-top:44px;font-size:12px;color:var(--faint);letter-spacing:.1em}
  


/* Isolated to the LoLR Butterfly page. Shared pages and navigation are preserved. */
#page-butterfly{--bf-blue:#368ed8;--bf-teal:#2bafa8;--bf-night:#101820;--bf-soft:#f4f7fa}
#page-butterfly .bf-hero{padding:112px 0 102px;min-height:690px}
#page-butterfly .bf-hero .shell{width:min(calc(100% - 48px),var(--max))}
#page-butterfly .bf-hero .eyebrow{margin-bottom:26px;color:#afc9dd;letter-spacing:.16em}
#page-butterfly .bf-hero h1{max-width:760px}
#page-butterfly .bf-hero .lead{max-width:590px;margin-top:26px;color:#d0d9e2}
#page-butterfly .bf-hero .btn-row{margin-top:34px}
#page-butterfly .bf-principle{margin-top:32px;color:#b5c8d9;font-size:14px;letter-spacing:.1em}
#page-butterfly .bf-dock{position:sticky;top:72px;z-index:90;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
#page-butterfly .bf-dock .shell{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px}
#page-butterfly .bf-dock-brand{font-size:16px;font-weight:700;white-space:nowrap}
#page-butterfly .bf-dock-links{display:flex;align-items:center;gap:32px;overflow-x:auto;scrollbar-width:thin}
#page-butterfly .bf-dock a{display:flex;align-items:center;gap:8px;min-height:64px;white-space:nowrap;font-size:13px;color:#596675}
#page-butterfly .bf-dock a:hover{color:#237fba}
#page-butterfly .bf-dock a span{font-size:10px;color:#7b8b9d;font-variant-numeric:tabular-nums}
#page-butterfly a:focus-visible,#page-butterfly summary:focus-visible{outline:3px solid #368ed8;outline-offset:5px;border-radius:4px}
#page-butterfly .bf-section{padding:108px 0;scroll-margin-top:164px}
#page-butterfly .bf-intro{padding:92px 0 82px}
#page-butterfly .bf-intro-head{display:grid;grid-template-columns:1.06fr .94fr;gap:76px;align-items:end}
#page-butterfly .bf-intro .h2{font-size:clamp(32px,3.25vw,44px);margin-top:17px}
#page-butterfly .bf-intro .lead-muted{font-size:17px}
#page-butterfly .bf-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin-top:46px}
#page-butterfly .bf-index a{padding-top:20px;border-top:1px solid var(--line);transition:border-color .2s}
#page-butterfly .bf-index a:hover{border-color:var(--bf-blue)}
#page-butterfly .bf-index small{display:block;color:#368ed8;font-size:11px;letter-spacing:.12em;margin-bottom:12px}
#page-butterfly .bf-index strong{display:block;font-size:17px;font-weight:650;color:var(--ink)}
#page-butterfly .bf-index p{font-size:13px;color:var(--muted);margin-top:5px}
#page-butterfly .bf-soft{background:var(--bf-soft)}
#page-butterfly .bf-dark{background:var(--bf-night);color:#fff}
#page-butterfly .bf-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:68px;align-items:center}
#page-butterfly .bf-layout.bf-reverse{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
#page-butterfly .bf-reverse .bf-copy{order:2}
#page-butterfly .bf-copy .eyebrow{color:#728194;font-size:11px;letter-spacing:.13em;gap:12px}
#page-butterfly .bf-copy .eyebrow .no{color:var(--bf-blue)}
#page-butterfly .bf-copy h2{font-size:clamp(30px,3.1vw,43px);line-height:1.3;letter-spacing:-.025em;margin:18px 0 22px}
#page-butterfly .bf-copy .lead-muted{font-size:16px;line-height:1.95}
#page-butterfly .bf-dark .bf-copy .eyebrow{color:#9bafc0}
#page-butterfly .bf-dark .bf-copy .eyebrow .no{color:#74bddc}
#page-butterfly .bf-dark .bf-copy .lead-muted{color:#aebdcb}
#page-butterfly .bf-points{margin-top:28px}
#page-butterfly .bf-points li{display:grid;grid-template-columns:96px 1fr;gap:14px;border-top:1px solid #dce3e9;padding:15px 0;font-size:13px;line-height:1.85}
#page-butterfly .bf-points b{font-size:14px;color:#253b4e;font-weight:650}
#page-butterfly .bf-points span{color:#697687}
#page-butterfly .bf-dark .bf-points li{border-color:#2b3743}
#page-butterfly .bf-dark .bf-points b{color:#e1eaf2}
#page-butterfly .bf-dark .bf-points span{color:#aebdcb}
#page-butterfly .bf-visual{min-width:0;margin:0}
#page-butterfly .bf-image-wrap{overflow:hidden;border-radius:22px;background:#f4f7fa;border:1px solid #e2e9ef}
#page-butterfly .bf-image-wrap img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#page-butterfly .bf-dark .bf-image-wrap{background:#101820;border-color:#2b3845}
#page-butterfly .bf-visual figcaption{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#6d7d8b;margin-top:16px;letter-spacing:.02em;line-height:1.8}
#page-butterfly .bf-visual figcaption span:last-child{white-space:nowrap;color:#84909c}
#page-butterfly .bf-dark .bf-visual figcaption{color:#a0afbc}
#page-butterfly .bf-disclosure{margin-top:38px;border-top:1px solid #d9e1e8;border-bottom:1px solid #d9e1e8}
#page-butterfly .bf-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:18px 0;color:#475a6d;font-size:13px;font-weight:600;min-height:56px}
#page-butterfly .bf-disclosure summary::-webkit-details-marker{display:none}
#page-butterfly .bf-disclosure summary .bf-open-label{font-weight:400;font-size:12px;color:#7b8997}
#page-butterfly .bf-disclosure summary .bf-closed-label{display:none;font-weight:400;font-size:12px;color:#7b8997}
#page-butterfly .bf-disclosure[open] summary .bf-open-label{display:none}
#page-butterfly .bf-disclosure[open] summary .bf-closed-label{display:inline}
#page-butterfly .bf-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:6px 0 24px}
#page-butterfly .bf-detail-grid h3{font-size:14px;font-weight:650;margin-bottom:8px;color:#293d50}
#page-butterfly .bf-detail-grid p{font-size:13px;line-height:1.9;color:#687687}
#page-butterfly .bf-dark .bf-disclosure{border-color:#2b3743}
#page-butterfly .bf-dark .bf-disclosure summary{color:#d0deeb}
#page-butterfly .bf-dark .bf-detail-grid h3{color:#e1eaf2}
#page-butterfly .bf-dark .bf-detail-grid p{color:#aebdcb}
#page-butterfly .bf-status{display:inline-block;border:1px solid #d4dde6;color:#60758a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500;margin-top:20px}
#page-butterfly .bf-dark .bf-status{border-color:#455362;color:#a6bbcd}
#page-butterfly .bf-inline-note{font-size:12px;color:#718193;margin-top:18px;line-height:1.85}
#page-butterfly .bf-dark .bf-inline-note{color:#9bafc0}
#page-butterfly .bf-trust{padding:66px 0;background:#f4f7fa}
#page-butterfly .bf-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px}
#page-butterfly .bf-values article{border-top:1px solid #cdd8e2;padding-top:22px}
#page-butterfly .bf-values small{font-size:10px;letter-spacing:.13em;color:#597b99;display:block;margin-bottom:9px}
#page-butterfly .bf-values h2{font-size:24px;font-weight:650}
#page-butterfly .bf-values p{font-size:13px;line-height:1.9;color:#697687;margin-top:10px}
#page-butterfly .bf-end{padding:90px 0 84px}
#page-butterfly .bf-end-head{display:flex;align-items:end;justify-content:space-between;gap:40px}
#page-butterfly .bf-end h2{font-size:clamp(30px,3.2vw,44px);line-height:1.32;margin:16px 0}
#page-butterfly .bf-end .lead-muted{max-width:690px;font-size:16px}
#page-butterfly .bf-role-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}
#page-butterfly .bf-role-row article{border-top:1px solid var(--line);padding-top:21px}
#page-butterfly .bf-role-row h3{font-size:17px;margin-bottom:8px}
#page-butterfly .bf-role-row p{font-size:13px;color:#697687;line-height:1.9}
#page-butterfly .bf-delivery-note{border-top:1px solid #e5e9ee;margin-top:34px;padding-top:22px;font-size:11px;line-height:1.9;color:#7a8794}
@media(max-width:1100px){
 #page-butterfly .bf-layout,#page-butterfly .bf-layout.bf-reverse{gap:36px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-butterfly .bf-dock-links{gap:20px}
 #page-butterfly .bf-copy h2{font-size:34px}
 #page-butterfly .bf-intro-head{gap:40px}
 #page-butterfly .bf-index{gap:18px}
 #page-butterfly .bf-index strong{font-size:15px}
}
@media(max-width:800px){
 #page-butterfly .bf-hero{min-height:640px;padding:88px 0 76px}
 #page-butterfly .bf-dock-brand{display:none}
 #page-butterfly .bf-dock .shell{min-height:56px;gap:0}
 #page-butterfly .bf-dock-links{width:100%;justify-content:space-between;gap:22px}
 #page-butterfly .bf-dock a{min-height:56px;font-size:12px}
 #page-butterfly .bf-section{padding:76px 0;scroll-margin-top:145px}
 #page-butterfly .bf-layout,#page-butterfly .bf-layout.bf-reverse{grid-template-columns:1fr;gap:32px}
 #page-butterfly .bf-reverse .bf-copy{order:0}
 #page-butterfly .bf-copy{max-width:640px}
 #page-butterfly .bf-copy h2{font-size:36px}
 #page-butterfly .bf-visual{width:100%;max-width:660px;margin-inline:auto}
 #page-butterfly .bf-intro{padding:70px 0}
 #page-butterfly .bf-intro-head{grid-template-columns:1fr;gap:22px}
 #page-butterfly .bf-index{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px;margin-top:32px}
 #page-butterfly .bf-detail-grid{gap:22px}
 #page-butterfly .bf-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 #page-butterfly .bf-end-head{display:block}
 #page-butterfly .bf-end-head .btn-row{margin-top:26px}
}
@media(max-width:760px){#page-butterfly .bf-dock{top:64px}}
@media(max-width:520px){
 #page-butterfly .bf-hero{min-height:600px;align-items:center;padding:74px 0 64px}
 #page-butterfly .bf-hero h1{font-size:42px;line-height:1.2}
 #page-butterfly .bf-hero .eyebrow{font-size:10px;letter-spacing:.1em}
 #page-butterfly .bf-hero .lead{font-size:16px;line-height:1.95}
 #page-butterfly .bf-principle{font-size:12px;letter-spacing:.06em}
 #page-butterfly .btn{font-size:13px;padding:12px 20px}
 #page-butterfly .bf-dock-links{gap:24px}
 #page-butterfly .bf-dock a span{display:none}
 #page-butterfly .bf-section{padding:62px 0}
 #page-butterfly .bf-copy h2{font-size:31px;margin-top:16px}
 #page-butterfly .bf-copy .eyebrow{font-size:10px;letter-spacing:.08em}
 #page-butterfly .bf-copy .lead-muted{font-size:15px}
 #page-butterfly .bf-points li{grid-template-columns:80px 1fr;gap:14px}
 #page-butterfly .bf-points b{font-size:13px}
 #page-butterfly .bf-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 #page-butterfly .bf-index a:last-child{grid-column:1/-1}
 #page-butterfly .bf-index strong{font-size:16px}
 #page-butterfly .bf-image-wrap{border-radius:16px}
 #page-butterfly .bf-visual figcaption{font-size:10px;gap:10px}
 #page-butterfly .bf-detail-grid{grid-template-columns:1fr;gap:20px}
 #page-butterfly .bf-values{gap:26px}
 #page-butterfly .bf-values p{font-size:12px}
 #page-butterfly .bf-end{padding:68px 0}
 #page-butterfly .bf-role-row{grid-template-columns:1fr;gap:24px;margin-top:34px}
}

/* ===== 2026-09-09 评审改版新增：技术全栈 / 五大体系索引 / 三级详情 / 客户入口 ===== */
#page-butterfly .bf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#page-butterfly .bf-scroll>svg{display:block;width:100%;min-width:820px;height:auto}
#page-butterfly .bf-hint{display:none;font-size:11.5px;color:#8b96a3;margin-top:10px;font-style:normal}
@media(max-width:900px){#page-butterfly .bf-hint{display:block}}

#page-butterfly .bf-stack-figure{margin:44px 0 0;border:1px solid #e2e9ef;border-radius:22px;background:#fff;padding:clamp(14px,2vw,26px)}
#page-butterfly .bf-dark .bf-stack-figure{background:#0d1620;border-color:#2b3845}

#page-butterfly .bf-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:44px}
#page-butterfly .bf-layers article{border-top:2px solid var(--bf-blue);padding-top:20px}
#page-butterfly .bf-layers article:nth-child(2){border-top-color:#2f9ecb}
#page-butterfly .bf-layers article:nth-child(3){border-top-color:#2bafa8}
#page-butterfly .bf-layers article:nth-child(4){border-top-color:#5c7d99}
#page-butterfly .bf-layers article:nth-child(5){border-top-color:#33475c}
#page-butterfly .bf-layers small{display:block;font-size:10px;letter-spacing:.14em;color:#7d8b99;margin-bottom:9px}
#page-butterfly .bf-layers h3{font-size:19px;font-weight:660;letter-spacing:-.01em}
#page-butterfly .bf-layers ul{margin-top:12px}
#page-butterfly .bf-layers li{font-size:13px;line-height:1.85;color:#697687;padding-left:13px;position:relative}
#page-butterfly .bf-layers li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#a9b7c4}

#page-butterfly .bf-sys{margin-top:42px;border-top:1px solid var(--line)}
#page-butterfly .bf-sysrow{display:grid;grid-template-columns:74px minmax(0,1.05fr) minmax(0,1.35fr) auto;gap:26px;align-items:center;
  width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;
  padding:26px 6px;transition:background .22s var(--ease),padding .22s var(--ease)}
#page-butterfly .bf-sysrow:hover{background:#fff;padding-inline:16px}
#page-butterfly .bf-dark .bf-sys{border-color:#2b3743}
#page-butterfly .bf-dark .bf-sysrow{border-color:#2b3743}
#page-butterfly .bf-dark .bf-sysrow:hover{background:rgba(255,255,255,.04)}
#page-butterfly .bf-sysrow .no{font-size:12px;letter-spacing:.1em;color:var(--bf-blue);font-variant-numeric:tabular-nums}
#page-butterfly .bf-sysrow .nm{font-size:20px;font-weight:660;color:var(--ink);letter-spacing:-.01em}
#page-butterfly .bf-sysrow .nm em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.13em;color:#8894a1;margin-top:6px;font-weight:400}
#page-butterfly .bf-sysrow .ds{font-size:14px;line-height:1.8;color:#697687}
#page-butterfly .bf-sysrow .go{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12.5px;color:#3a7fb0;font-weight:600}
#page-butterfly .bf-sysrow .go i{display:inline-flex;width:26px;height:26px;border-radius:50%;border:1px solid #cfdbe5;align-items:center;justify-content:center;font-style:normal;font-size:12px;transition:.22s}
#page-butterfly .bf-sysrow:hover .go i{background:var(--bf-blue);border-color:var(--bf-blue);color:#fff}
#page-butterfly .bf-sysrow .tag{display:inline-block;margin-left:10px;vertical-align:3px;border:1px solid #d4dde6;color:#60758a;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:500}

#page-butterfly .bf-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:46px}
#page-butterfly .bf-who article{display:flex;flex-direction:column;border:1px solid rgba(158,200,232,.22);border-radius:20px;padding:30px 28px 26px;background:rgba(255,255,255,.035)}
#page-butterfly .bf-who small{font-size:10px;letter-spacing:.14em;color:#74bddc;display:block;margin-bottom:12px}
#page-butterfly .bf-who h3{font-size:21px;font-weight:660;color:#fff}
#page-butterfly .bf-who p{font-size:13.5px;line-height:1.9;color:#aebdcb;margin-top:12px}
#page-butterfly .bf-who ul{margin-top:16px}
#page-butterfly .bf-who li{font-size:12.5px;line-height:1.9;color:#93a6b6;padding-left:13px;position:relative}
#page-butterfly .bf-who li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#4f6a80}
#page-butterfly .bf-who .go{margin-top:auto;padding-top:20px;font-size:12.5px;color:#8fd0ec;font-weight:600}

#page-butterfly .bf-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
#page-butterfly .bf-more a{display:block;border:1px solid var(--line);border-radius:16px;padding:22px 24px;transition:.24s var(--ease)}
#page-butterfly .bf-more a:hover{border-color:rgba(54,142,216,.4);transform:translateY(-2px);box-shadow:0 14px 34px rgba(12,40,70,.07)}
#page-butterfly .bf-more b{display:block;font-size:15px;font-weight:640}
#page-butterfly .bf-more span{display:block;font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.75}

/* ---- 三级详情页 ---- */
#page-butterfly .bf-sheets{display:none}
.bf-sheet{position:fixed;inset:0;z-index:96000;display:none}
.bf-sheet.on{display:block}
.bf-sheet .bf-mask{position:absolute;inset:0;background:rgba(7,26,45,.58);backdrop-filter:blur(3px)}
.bf-sheet .bf-panel{position:absolute;top:0;right:0;bottom:0;width:min(880px,100%);background:#fff;display:flex;flex-direction:column;
  box-shadow:-30px 0 80px rgba(6,22,40,.28);animation:bfSlide .34s cubic-bezier(.22,1,.36,1)}
@keyframes bfSlide{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
.bf-sheet .bf-ph{display:flex;align-items:center;gap:16px;padding:20px clamp(20px,3.4vw,44px);border-bottom:1px solid #e6ebf0;flex:0 0 auto}
.bf-sheet .bf-ph .no{font-size:11px;letter-spacing:.14em;color:#3a7fb0;font-variant-numeric:tabular-nums}
.bf-sheet .bf-ph h3{font-size:18px;font-weight:660;color:#0b1220;flex:1;min-width:0}
.bf-sheet .bf-ph .lv{font-size:10.5px;letter-spacing:.1em;color:#8894a1;border:1px solid #e0e7ee;border-radius:999px;padding:3px 10px;white-space:nowrap}
.bf-sheet .bf-x{width:38px;height:38px;border-radius:50%;border:1px solid #e0e7ee;background:#fff;color:#54646f;font-size:19px;line-height:1;cursor:pointer;flex:0 0 auto;transition:.2s}
.bf-sheet .bf-x:hover{background:#f2f5f8;color:#0b1220}
.bf-sheet .bf-pb{flex:1;overflow-y:auto;padding:clamp(26px,3.4vw,44px) clamp(20px,3.4vw,44px) 40px}
.bf-sheet .bf-pf{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:16px clamp(20px,3.4vw,44px);border-top:1px solid #e6ebf0;background:#f7f9fb}
.bf-sheet .bf-pf p{font-size:12px;color:#7a8794;line-height:1.75;max-width:460px}
.bf-sheet .bf-pb h2{font-size:clamp(24px,2.6vw,32px);line-height:1.35;letter-spacing:-.02em;color:#0b1220;margin-bottom:16px}
.bf-sheet .bf-pb .lead-muted{font-size:15px;line-height:1.95;color:#69737f}
.bf-sheet .bf-pb .bf-points{margin-top:26px}
.bf-sheet .bf-pb .bf-points li{display:grid;grid-template-columns:96px 1fr;gap:14px;border-top:1px solid #dce3e9;padding:15px 0;font-size:13px;line-height:1.85}
.bf-sheet .bf-pb .bf-points b{font-size:14px;color:#253b4e;font-weight:650}
.bf-sheet .bf-pb .bf-points span{color:#697687}
.bf-sheet .bf-pb figure{margin:30px 0 0}
.bf-sheet .bf-pb .bf-image-wrap{overflow:hidden;border-radius:20px;background:#f4f7fa;border:1px solid #e2e9ef}
.bf-sheet .bf-pb .bf-image-wrap img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.bf-sheet .bf-pb figcaption{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#6d7d8b;margin-top:14px;line-height:1.8}
.bf-sheet .bf-pb h4{font-size:13px;font-weight:660;color:#0b1220;margin:34px 0 14px;letter-spacing:.02em}
.bf-sheet .bf-pb .bf-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.bf-sheet .bf-pb .bf-detail-grid h3{font-size:14px;font-weight:650;margin-bottom:8px;color:#293d50}
.bf-sheet .bf-pb .bf-detail-grid p{font-size:13px;line-height:1.9;color:#687687}
.bf-sheet .bf-pb .bf-inline-note{font-size:12px;color:#718193;margin-top:22px;line-height:1.85;border-top:1px solid #e9edf1;padding-top:18px}
body.bf-lock{overflow:hidden}
@media(max-width:900px){
 #page-butterfly .bf-layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
 #page-butterfly .bf-who{grid-template-columns:1fr;gap:20px}
 #page-butterfly .bf-more{grid-template-columns:1fr}
 #page-butterfly .bf-sysrow{grid-template-columns:56px 1fr;gap:14px;row-gap:10px;padding:22px 4px}
 #page-butterfly .bf-sysrow .ds{grid-column:2/-1}
 #page-butterfly .bf-sysrow .go{grid-column:2/-1;justify-self:start}
 .bf-sheet .bf-pb .bf-detail-grid{grid-template-columns:1fr;gap:20px}
 .bf-sheet .bf-panel{width:100%}
}
@media(max-width:520px){
 #page-butterfly .bf-layers{grid-template-columns:1fr;gap:22px}
 #page-butterfly .bf-sysrow .nm{font-size:18px}
 .bf-sheet .bf-pb .bf-points li{grid-template-columns:80px 1fr}
}

/* ===== 2026-09-11 IR 视角改版新增 ===== */
#page-butterfly .bf-teaser{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  margin-top:clamp(30px,3.6vw,46px);padding:clamp(26px,3vw,38px) clamp(26px,3vw,40px);
  border:1px dashed #cbd7e2;border-radius:22px;background:var(--bf-soft)}
#page-butterfly .bf-teaser .tag{display:inline-block;font-size:10.5px;letter-spacing:.14em;color:#60758a;
  border:1px solid #d4dde6;border-radius:999px;padding:3px 11px;margin-bottom:14px}
#page-butterfly .bf-teaser h3{font-size:20px;font-weight:660;letter-spacing:-.01em}
#page-butterfly .bf-teaser p{font-size:13.5px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:720px}
#page-butterfly .bf-teaser .soon{font-size:11px;letter-spacing:.22em;color:#9aa9b6;white-space:nowrap}

#page-butterfly .bf-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;
  margin:clamp(30px,3.6vw,46px) 0 clamp(34px,4vw,52px);padding-bottom:clamp(30px,3.6vw,44px);border-bottom:1px solid #2b3743}
#page-butterfly .bf-metrics>div{min-width:0}
#page-butterfly .bf-metrics b{display:block;font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.02em;
  color:#fff;line-height:1.05;font-variant-numeric:tabular-nums}
#page-butterfly .bf-metrics b i{font-style:normal;font-size:.52em;font-weight:600;margin-left:2px;color:#74bddc}
#page-butterfly .bf-metrics span{display:block;font-size:13px;font-weight:600;color:#d3e2ee;margin-top:12px;line-height:1.6}
#page-butterfly .bf-metrics em{display:block;font-style:normal;font-size:11.5px;color:#8fa3b4;margin-top:6px;line-height:1.7}

#page-butterfly .bf-moat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
#page-butterfly .bf-moat-grid article{border-top:2px solid #4DB8D6;padding-top:20px}
#page-butterfly .bf-moat-grid small{display:block;font-size:10px;letter-spacing:.14em;color:#74bddc;margin-bottom:10px}
#page-butterfly .bf-moat-grid h4{font-size:18px;font-weight:660;color:#fff}
#page-butterfly .bf-moat-grid p{font-size:13px;line-height:1.9;color:#aebdcb;margin-top:10px}

#page-butterfly .bf-effgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#page-butterfly .bf-effgrid .eff{border:1px solid #dbe4ec;border-radius:18px;background:#fff;padding:24px 24px 22px}
#page-butterfly .bf-effgrid .eff.hi{background:linear-gradient(160deg,#0d2843,#071A2D);border-color:#0d2843}
#page-butterfly .bf-effgrid .eff.wide{grid-column:1/-1}
#page-butterfly .bf-effgrid .eff.alt{background:var(--bf-soft)}
#page-butterfly .bf-effgrid b{display:block;font-size:clamp(26px,2.8vw,34px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
#page-butterfly .bf-effgrid .eff.hi b{color:#fff}
#page-butterfly .bf-effgrid span{display:block;font-size:12.8px;line-height:1.8;color:var(--muted);margin-top:10px}
#page-butterfly .bf-effgrid .eff.hi span{color:#aebdcb}

#page-butterfly .bf-trustline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:clamp(26px,3vw,36px)}
#page-butterfly .bf-trustline>div{border-top:1px solid var(--line);padding-top:22px;position:relative}
#page-butterfly .bf-trustline i{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--bf-blue);margin-bottom:10px}
#page-butterfly .bf-trustline b{display:block;font-size:17px;font-weight:650;color:var(--ink)}
#page-butterfly .bf-trustline p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:9px}

@media(max-width:1000px){
 #page-butterfly .bf-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 #page-butterfly .bf-moat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 #page-butterfly .bf-trustline{grid-template-columns:1fr;gap:22px}
 #page-butterfly .bf-effgrid{grid-template-columns:1fr}
 #page-butterfly .bf-effgrid .eff.wide{grid-column:auto}
}
@media(max-width:560px){
 #page-butterfly .bf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-butterfly .bf-metrics>div:last-child{grid-column:1/-1}
 #page-butterfly .bf-moat-grid{grid-template-columns:1fr}
 #page-butterfly .bf-teaser{display:block}
 #page-butterfly .bf-teaser .soon{display:block;margin-top:18px}
}



/* ===== 服务与支持 · 支持中心（sp- 作用域） ===== */
#page-support [id^="sp-"]{scroll-margin-top:140px}
.sp-hero{position:relative;overflow:hidden;padding:clamp(60px,7.5vw,104px) 0 clamp(34px,4vw,54px);
  background:linear-gradient(180deg,#0a1f34,#071A2D 62%);color:#fff}
.sp-hero::before{content:"";position:absolute;inset:0;
  background:radial-gradient(48% 60% at 82% 4%,rgba(77,184,214,.26),transparent 68%),
             radial-gradient(40% 52% at 6% 96%,rgba(0,102,153,.34),transparent 70%)}
.sp-hero .shell{position:relative}
.sp-hero .eyebrow{color:var(--pale)}
.sp-hero .eyebrow::before,.sp-hero .eyebrow .no{color:var(--pale)}
.sp-hero h1{font-size:clamp(30px,4.2vw,52px);line-height:1.16;font-weight:700;letter-spacing:-.022em;
  color:#fff;margin:18px 0 14px}
.sp-hero p.sub{font-size:clamp(14.5px,1.25vw,17px);line-height:1.8;color:rgba(223,240,255,.74);max-width:640px}
/* 三个入口 */
.sp-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px);
  margin-top:clamp(-40px,-3vw,-28px);position:relative;z-index:5}
@media (max-width:900px){.sp-lanes{grid-template-columns:1fr;margin-top:24px}}
.sp-lane{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:20px;padding:22px 24px;box-shadow:var(--shadow);transition:.32s var(--ease);text-align:left;width:100%}
.sp-lane:hover{transform:translateY(-4px);border-color:rgba(0,140,184,.32);box-shadow:var(--shadow-lg)}
.sp-lane .ic{flex:none;width:42px;height:42px;border-radius:13px;background:var(--mist);color:var(--brand-deep);
  display:flex;align-items:center;justify-content:center}
.sp-lane .ic svg{width:21px;height:21px}
.sp-lane b{display:block;font-size:16.5px;font-weight:650;letter-spacing:-.012em;margin-bottom:5px}
.sp-lane span{display:block;font-size:12.8px;line-height:1.72;color:var(--muted)}
.sp-lane .go{display:inline-block;margin-top:9px;font-size:12.5px;font-weight:650;color:var(--brand)}
/* 产品选择 */
.sp-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:1020px){.sp-picker{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sp-picker{grid-template-columns:1fr}}
.sp-dev{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 20px;text-align:left;
  transition:.28s var(--ease)}
.sp-dev:hover{border-color:rgba(0,140,184,.3)}
.sp-dev.on{border-color:var(--brand);background:var(--surface-blue);box-shadow:0 0 0 3px rgba(0,140,184,.12)}
.sp-dev i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--brand);text-transform:uppercase}
.sp-dev b{display:block;font-size:15.5px;font-weight:650;letter-spacing:-.01em;margin:7px 0 4px}
.sp-dev span{display:block;font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.sp-devbox{margin-top:14px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}
.sp-devbox .hd{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:baseline;
  padding:20px clamp(20px,2.4vw,28px);border-bottom:1px solid var(--line);background:var(--surface)}
.sp-devbox .hd b{font-size:18px;font-weight:700;letter-spacing:-.014em}
.sp-devbox .hd code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.8px;
  color:var(--brand-deep);background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px 9px}
.sp-devbox .hd span{font-size:12.8px;color:var(--muted);margin-left:auto}
.sp-devgrid{display:grid;grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.sp-devgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sp-devgrid{grid-template-columns:1fr}}
.sp-devgrid div{padding:20px clamp(20px,2.4vw,28px);border-right:1px solid var(--line);border-top:1px solid transparent}
.sp-devgrid div:last-child{border-right:0}
@media (max-width:980px){.sp-devgrid div:nth-child(2n){border-right:0}.sp-devgrid div:nth-child(n+3){border-top:1px solid var(--line)}}
.sp-devgrid em{font-style:normal;display:block;font-size:11px;font-weight:700;letter-spacing:.14em;
  color:var(--faint);text-transform:uppercase;margin-bottom:8px}
.sp-devgrid p{font-size:13.2px;line-height:1.75;color:var(--ink2)}
/* 资源磁贴 */
.sp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,18px)}
@media (max-width:980px){.sp-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sp-tiles{grid-template-columns:1fr}}
.sp-tile{display:block;text-align:left;width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;
  padding:20px 22px;transition:.3s var(--ease)}
.sp-tile:hover{transform:translateY(-3px);border-color:rgba(0,140,184,.3);box-shadow:var(--shadow)}
.sp-tile em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--brand);text-transform:uppercase}
.sp-tile b{display:block;font-size:16px;font-weight:650;letter-spacing:-.012em;margin:8px 0 5px}
.sp-tile span{display:block;font-size:12.6px;line-height:1.7;color:var(--muted)}
/* 快速上手 */
.sp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px)}
@media (max-width:900px){.sp-flow{grid-template-columns:1fr}}
.sp-fl{border:1px solid var(--line);border-radius:20px;background:#fff;padding:clamp(20px,2.2vw,26px)}
.sp-fl .n{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;
  font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.sp-fl h4{font-size:17px;font-weight:650;letter-spacing:-.012em;margin-bottom:8px}
.sp-fl ul{display:flex;flex-direction:column;gap:7px}
.sp-fl li{display:flex;gap:9px;font-size:13px;line-height:1.72;color:var(--muted)}
.sp-fl li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--pale);margin-top:.62em}
.sp-fl li b{color:var(--ink);font-weight:650}
/* 配网 tabs */
.sp-nettabs{display:inline-flex;background:var(--surface);border-radius:999px;padding:4px;margin-bottom:18px;
  flex-wrap:wrap;gap:2px}
.sp-nettabs button{padding:9px 20px;font-size:13.5px;font-weight:600;color:var(--muted);border-radius:999px;transition:.24s}
.sp-nettabs button.on{background:#fff;color:var(--brand-deep);box-shadow:0 1px 4px rgba(7,26,45,.12)}
.sp-netbody{border:1px solid var(--line);border-radius:22px;background:#fff;padding:clamp(22px,2.6vw,32px)}
.sp-netbody .top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:6px}
.sp-netbody .top h4{font-size:19px;font-weight:650;letter-spacing:-.014em}
.sp-netbody .top em{font-style:normal;font-size:10.5px;font-weight:700;color:#fff;background:var(--brand);
  border-radius:6px;padding:2px 8px}
.sp-netbody>p{font-size:13.4px;line-height:1.78;color:var(--muted);margin-bottom:18px}
.sp-netbody ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;counter-reset:s}
@media (max-width:820px){.sp-netbody ol{grid-template-columns:1fr}}
.sp-netbody ol li{display:flex;gap:11px;font-size:13.2px;line-height:1.75;color:var(--ink2);counter-increment:s}
.sp-netbody ol li::before{content:counter(s);flex:none;width:21px;height:21px;border-radius:50%;
  background:var(--mist);color:var(--brand-deep);font-size:11.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin-top:.22em}
.sp-netbody code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.6px;
  background:var(--surface);border-radius:6px;padding:1px 6px;color:var(--brand-deep)}
.sp-warn{margin-top:20px;display:flex;gap:12px;font-size:12.8px;line-height:1.75;color:#8a5a1e;
  background:#fdf6e9;border-radius:14px;padding:14px 18px}
.sp-warn b{flex:none;color:#7a4d15}
/* FAQ */
.sp-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.sp-cats button{font-size:13px;font-weight:600;color:var(--muted);padding:8px 17px;border-radius:999px;
  border:1px solid transparent;transition:.24s}
.sp-cats button:hover{color:var(--ink);background:var(--surface)}
.sp-cats button.on{background:var(--navy);color:#fff}
.sp-faq{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.sp-faq details{border-top:1px solid var(--line)}
.sp-faq details:first-of-type{border-top:0}
.sp-faq details.hide{display:none}
.sp-faq summary{list-style:none;cursor:pointer;padding:17px clamp(18px,2.2vw,26px);
  font-size:14.8px;font-weight:650;letter-spacing:-.01em;display:flex;align-items:center;gap:14px;transition:.22s}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq summary:hover{background:var(--surface-blue)}
.sp-faq summary::after{content:"";margin-left:auto;width:8px;height:8px;flex:none;
  border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);
  transform:rotate(45deg) translateY(-2px);transition:transform .28s var(--ease)}
.sp-faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.sp-faq summary i{font-style:normal;flex:none;font-size:10.5px;font-weight:700;letter-spacing:.1em;
  color:var(--brand-deep);background:var(--mist);border-radius:6px;padding:3px 8px}
.sp-faq .a{padding:0 clamp(18px,2.2vw,26px) 20px 26px;font-size:13.6px;line-height:1.85;color:var(--muted)}
.sp-faq .a ul{margin-top:9px;display:flex;flex-direction:column;gap:7px}
.sp-faq .a li{display:flex;gap:9px}
.sp-faq .a li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--pale);margin-top:.66em}
.sp-empty{display:none;padding:34px 24px;text-align:center;font-size:13.6px;color:var(--muted)}
.sp-faq.none .sp-empty{display:block}
/* 保修 */
.sp-pol{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
@media (max-width:900px){.sp-pol{grid-template-columns:1fr}}
.sp-p{border:1px solid var(--line);border-radius:20px;background:#fff;padding:clamp(22px,2.4vw,28px);
  display:flex;flex-direction:column}
.sp-p .w{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.02em;color:var(--brand-deep);line-height:1.1}
.sp-p .w em{font-style:normal;font-size:.42em;font-weight:650;color:var(--muted);margin-left:4px}
.sp-p b{display:block;font-size:15.5px;font-weight:650;margin:12px 0 8px}
.sp-p p{font-size:13.2px;line-height:1.78;color:var(--muted)}
.sp-excl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
@media (max-width:820px){.sp-excl{grid-template-columns:1fr}}
.sp-excl li{display:flex;gap:11px;font-size:13.2px;line-height:1.75;color:var(--ink2);
  background:var(--surface);border-radius:14px;padding:14px 18px}
.sp-excl li::before{content:"×";flex:none;color:#c0453f;font-weight:700;font-size:14px;line-height:1.55}
/* 流程 timeline */
.sp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
@media (max-width:900px){.sp-steps{grid-template-columns:1fr}}
.sp-steps .st{position:relative;padding:0 clamp(14px,1.8vw,24px) 0 0}
.sp-steps .st .dot{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;
  font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.sp-steps .st .bar{position:absolute;left:34px;right:0;top:17px;height:2px;background:var(--line-strong);z-index:1}
.sp-steps .st:last-child .bar{display:none}
@media (max-width:900px){.sp-steps .st .bar{display:none}.sp-steps .st{padding:0 0 22px}}
.sp-steps .st b{display:block;font-size:16.5px;font-weight:650;letter-spacing:-.012em;margin:16px 0 7px}
.sp-steps .st p{font-size:13.2px;line-height:1.78;color:var(--muted);padding-right:12px}
/* 底部联系 */
.sp-cta{border-radius:clamp(20px,2.6vw,28px);background:linear-gradient(135deg,#0d2843,#071A2D 62%);
  color:#fff;padding:clamp(30px,4vw,54px);position:relative;overflow:hidden}
.sp-cta::before{content:"";position:absolute;inset:0;
  background:radial-gradient(56% 110% at 84% 0%,rgba(77,184,214,.26),transparent 70%)}
.sp-cta .in{position:relative;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.sp-cta h3{font-size:clamp(21px,2.3vw,30px);font-weight:700;letter-spacing:-.015em;color:#fff}
.sp-cta p{font-size:13.8px;line-height:1.8;color:rgba(223,240,255,.72);margin-top:10px;max-width:560px}
.sp-cta .rt{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.sp-cta .rt .tel{font-size:13.5px;color:rgba(223,240,255,.78);line-height:1.8}
.sp-cta .rt .tel b{display:block;font-size:24px;color:#fff;letter-spacing:.02em}

/* 手册插图 */
.sp-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
@media (max-width:980px){.sp-shots{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.sp-shots{grid-template-columns:1fr}}
.sp-shots.two{grid-template-columns:repeat(2,1fr);max-width:760px}
@media (max-width:760px){.sp-shots.two{grid-template-columns:1fr}}
.sp-shots.qr{grid-template-columns:repeat(3,1fr);max-width:520px;gap:14px}
.sp-shot{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;
  background:#fff;overflow:hidden;cursor:zoom-in;transition:.28s var(--ease);padding:0}
.sp-shot:hover{border-color:rgba(0,140,184,.34);box-shadow:var(--shadow);transform:translateY(-2px)}
.sp-shot img{display:block;width:100%;height:154px;object-fit:contain;background:#fbfcfd;padding:10px}
.sp-shots.qr .sp-shot img{height:120px;padding:8px}
.sp-shot span{display:block;font-size:12px;line-height:1.6;color:var(--muted);
  padding:10px 13px;border-top:1px solid var(--line)}
.sp-shots.qr .sp-shot span{text-align:center;padding:8px 6px;font-size:11.5px}
.sp-cap{font-size:12.4px;line-height:1.7;color:var(--faint);margin-top:12px}
/* 灯箱 */
.sp-lb{position:fixed;inset:0;z-index:98000;display:none;align-items:center;justify-content:center;
  background:rgba(6,18,30,.74);padding:clamp(20px,4vw,52px);cursor:zoom-out}
.sp-lb.on{display:flex}
.sp-lb figure{max-width:min(1040px,94vw);text-align:center}
.sp-lb img{max-width:100%;max-height:78vh;background:#fff;border-radius:16px;padding:14px;display:block;margin:0 auto}
.sp-lb figcaption{margin-top:14px;font-size:13.5px;color:rgba(223,240,255,.85)}
.sp-lb .x{position:absolute;top:22px;right:26px;width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;display:flex;
  align-items:center;justify-content:center;transition:.24s}
.sp-lb .x:hover{background:rgba(255,255,255,.24)}

/* ===== 2026-09-09 评审改版新增：上手三步（详情下沉三级）/ 三级抽屉 / 软件下载 / 信息反馈 ===== */
#page-support .sp-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:clamp(24px,3vw,34px)}
#page-support .sp-hb{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:20px;
  background:#fff;padding:28px 26px 24px;cursor:pointer;transition:.26s var(--ease);font:inherit;color:inherit}
#page-support .sp-hb:hover{border-color:rgba(0,140,184,.34);transform:translateY(-3px);box-shadow:var(--shadow)}
#page-support .sp-hb .n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--mist);color:var(--brand-deep);font-size:13px;font-weight:700;margin-bottom:16px}
#page-support .sp-hb h4{font-size:19px;font-weight:660;letter-spacing:-.01em}
#page-support .sp-hb p{font-size:13.2px;line-height:1.85;color:var(--muted);margin-top:10px}
#page-support .sp-hb ul{margin-top:14px}
#page-support .sp-hb li{font-size:12.6px;line-height:1.9;color:var(--faint);padding-left:13px;position:relative}
#page-support .sp-hb li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#b6c2cd}
#page-support .sp-hb .go{margin-top:auto;padding-top:18px;font-size:12.6px;font-weight:650;color:var(--brand-deep);
  display:inline-flex;align-items:center;gap:7px}
#page-support .sp-hb .go i{display:inline-flex;width:24px;height:24px;border-radius:50%;border:1px solid #cfdbe5;
  align-items:center;justify-content:center;font-style:normal;font-size:11px;transition:.22s}
#page-support .sp-hb:hover .go i{background:var(--brand);border-color:var(--brand);color:#fff}

#page-support .sp-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(22px,2.6vw,30px)}
#page-support .sp-d{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px 22px 20px;transition:.24s var(--ease)}
#page-support .sp-d:hover{border-color:rgba(0,140,184,.34);box-shadow:var(--shadow);transform:translateY(-2px)}
#page-support .sp-d .ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--mist);color:var(--brand-deep);
  display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;letter-spacing:.04em}
#page-support .sp-d b{display:block;font-size:15px;font-weight:640;line-height:1.5}
#page-support .sp-d span{display:block;font-size:12.4px;line-height:1.8;color:var(--muted);margin-top:7px}
#page-support .sp-d em{display:block;font-style:normal;font-size:11.5px;color:var(--brand-deep);font-weight:640;margin-top:11px}
#page-support .sp-stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#page-support .sp-stores i{font-style:normal;font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 11px}

#page-support .sp-fb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(22px,2.6vw,30px)}
#page-support .sp-f{display:block;text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px 22px 20px;
  transition:.24s var(--ease);font:inherit;color:inherit;cursor:pointer;width:100%}
#page-support .sp-f:hover{border-color:rgba(0,140,184,.34);box-shadow:var(--shadow);transform:translateY(-2px)}
#page-support .sp-f small{display:block;font-size:10px;letter-spacing:.13em;color:var(--brand-deep);margin-bottom:10px}
#page-support .sp-f b{display:block;font-size:15.5px;font-weight:640}
#page-support .sp-f span{display:block;font-size:12.4px;line-height:1.8;color:var(--muted);margin-top:8px}

/* 三级抽屉 */
#page-support .sp-sheets{display:none}
.sp-sheet{position:fixed;inset:0;z-index:97000;display:none}
.sp-sheet.on{display:block}
.sp-sheet .m{position:absolute;inset:0;background:rgba(7,26,45,.58);backdrop-filter:blur(3px)}
.sp-sheet .p{position:absolute;top:0;right:0;bottom:0;width:min(960px,100%);background:#fff;display:flex;flex-direction:column;
  box-shadow:-30px 0 80px rgba(6,22,40,.28);animation:spSlide .34s cubic-bezier(.22,1,.36,1)}
@keyframes spSlide{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
.sp-sheet .hd{display:flex;align-items:center;gap:16px;padding:20px clamp(20px,3.2vw,44px);border-bottom:1px solid #e6ebf0;flex:0 0 auto}
.sp-sheet .hd h3{font-size:18px;font-weight:660;color:#0b1220;flex:1;min-width:0}
.sp-sheet .hd .lv{font-size:10.5px;letter-spacing:.1em;color:#8894a1;border:1px solid #e0e7ee;border-radius:999px;padding:3px 10px;white-space:nowrap}
.sp-sheet .x2{width:38px;height:38px;border-radius:50%;border:1px solid #e0e7ee;background:#fff;color:#54646f;font-size:19px;line-height:1;cursor:pointer;flex:0 0 auto;transition:.2s}
.sp-sheet .x2:hover{background:#f2f5f8;color:#0b1220}
.sp-sheet .bd{flex:1;overflow-y:auto;padding:clamp(24px,3.2vw,40px) clamp(20px,3.2vw,44px) 40px}
.sp-sheet .ft{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:15px clamp(20px,3.2vw,44px);border-top:1px solid #e6ebf0;background:#f7f9fb}
.sp-sheet .ft p{font-size:12px;color:#7a8794;line-height:1.75;max-width:520px}
body.sp-lock{overflow:hidden}
@media (max-width:1000px){
  #page-support .sp-hub{grid-template-columns:1fr}
  #page-support .sp-dl{grid-template-columns:1fr}
  #page-support .sp-fb{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-sheet .p{width:100%}
}
@media (max-width:560px){
  #page-support .sp-fb{grid-template-columns:1fr}
}



  /* V40 service and support four-category pages */
  .support-category-hero{display:none;padding:76px 0 0;background:#f4f5f6;border-bottom:0;color:#111}
  body.support-category-active .support-category-hero{display:block}
  body.support-category-active #page-support>.sp-hero,body.support-category-active #page-support>.shell>.sp-lanes{display:none!important}
  body.support-category-active #page-support>.sec{display:none}
  body.support-category-active #page-support>.sec.is-support-current{display:block}
  .support-category-kicker{margin:0 0 14px;color:#7d8790;font-size:11px;font-weight:620;letter-spacing:.12em}
  .support-category-hero h1{margin:0;color:#111;font-size:clamp(34px,3.8vw,50px);font-weight:520;letter-spacing:-.035em;line-height:1.2}
  .support-category-intro{max-width:720px;margin:14px 0 30px;color:#606a73;font-size:14px;line-height:1.8}
  /* V42 flat compact support category bar */
  .support-category-tabs{display:flex;align-items:stretch;gap:clamp(24px,4vw,56px);min-height:48px;border:0;overflow-x:auto;scrollbar-width:none}
  .support-category-tabs::-webkit-scrollbar{display:none}
  .support-category-tabs a{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;padding:0;border:0!important;background:transparent!important;color:#59646d;font-size:14px;white-space:nowrap;transition:color .22s ease}
  .support-category-tabs a::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:#0071e3;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
  .support-category-tabs a span{color:#9ca5ad;font-size:10px;transition:color .22s ease}.support-category-tabs a:hover,.support-category-tabs a.is-current{color:#0071e3}.support-category-tabs a:hover span,.support-category-tabs a.is-current span{color:#0071e3}.support-category-tabs a:hover::after,.support-category-tabs a.is-current::after{transform:scaleX(1)}
  body.support-category-active #page-support>.sec.is-support-current:first-of-type{padding-top:62px}
  @media(max-width:720px){.support-category-hero{padding-top:58px}.support-category-intro{margin-bottom:24px}.support-category-tabs{gap:24px;min-height:44px}.support-category-tabs a{min-height:44px;font-size:13px}}
@media (max-width:640px){
}
/* header */
/* body */
@keyframes lgwIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes lgwTp{0%,60%,100%{opacity:.32;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
/* lead card */
/* done */
/* footer */

/* V103 · 罗拉应用首屏 Banner */
#page-app .pd-hero{background-color:#050716;background-image:linear-gradient(90deg,rgba(3,5,15,.92) 0%,rgba(3,5,15,.76) 40%,rgba(3,5,15,.12) 70%,rgba(3,5,15,.18) 100%),url("/homepage/v157/assets/media/9b3faeb88dbc914513e0.webp");background-size:cover;background-position:center;background-repeat:no-repeat}

/* V104 · 罗拉应用下载区背景与二维码左置 */
#page-app #app-get{background-color:#050716;background-image:linear-gradient(90deg,rgba(3,5,15,.94) 0%,rgba(3,5,15,.78) 42%,rgba(3,5,15,.16) 72%,rgba(3,5,15,.24) 100%),url("/homepage/v157/assets/media/9b3faeb88dbc914513e0.webp");background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}
#page-app #app-get .shell{display:flex;flex-direction:column;align-items:flex-start}
#page-app #app-get .sec-head.center{width:100%;text-align:left!important}
#page-app #app-get .sec-head .h2{color:#fff}
#page-app #app-get .eyebrow{color:#9cb8ff}
#page-app #app-get .app-card{margin-inline:0 auto;border-color:rgba(255,255,255,.18);background:rgba(7,10,24,.58);box-shadow:none;backdrop-filter:blur(12px)}
@media(max-width:700px){
  #page-app #app-get{background-image:linear-gradient(rgba(3,5,15,.82),rgba(3,5,15,.9)),url("/homepage/v157/assets/media/9b3faeb88dbc914513e0.webp");background-position:64% center}
}

/* V105 · 服务与支持四类栏目共用顶部背景 */
#page-support .support-category-hero[data-image-id="support-category-banner"]{background-color:#f4f5f6;background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 30%,rgba(255,255,255,.24) 54%,rgba(255,255,255,.18) 72%,rgba(255,255,255,.56) 100%),url("/homepage/v157/assets/media/3b1e3c7abaf017c28457.webp");background-size:cover;background-position:center center;background-repeat:no-repeat}
@media(max-width:720px){
  #page-support .support-category-hero[data-image-id="support-category-banner"]{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.56)),url("/homepage/v157/assets/media/3b1e3c7abaf017c28457.webp");background-position:center center}
}

/* V106 · 联系我们图标尺寸与对齐 */
#page-about #about-contact .contact-card{gap:14px}
#page-about #about-contact .contact-card .row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:18px;min-height:96px;padding:18px 22px}
#page-about #about-contact .contact-card .row i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eef5fc;color:#0071e3}
#page-about #about-contact .contact-card .row i svg{display:block;width:25px;height:25px}
#page-about #about-contact .contact-card .row>div{display:grid;align-content:center;min-width:0}
#page-about #about-contact .contact-card .row b{margin:0 0 5px;line-height:1.35}
#page-about #about-contact .contact-card .row span{display:block;line-height:1.55;overflow-wrap:anywhere}
#page-about #about-contact .contact-card .row small{display:inline-block;margin-top:2px;line-height:1.55}
@media(max-width:620px){
  #page-about #about-contact .contact-card .row{grid-template-columns:48px minmax(0,1fr);gap:14px;min-height:88px;padding:16px}
  #page-about #about-contact .contact-card .row i{width:48px;height:48px;border-radius:13px}
  #page-about #about-contact .contact-card .row i svg{width:23px;height:23px}
}

/* V109 · 解决方案平台配置与第五项专家方案 */
#page-solutions .solution-page-index.is-five nav{grid-template-columns:repeat(5,minmax(0,1fr))}
#page-solutions .inline-platform-block{padding-top:28px}
#page-solutions .inline-platform-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #dfe3e7;border-left:1px solid #dfe3e7}
#page-solutions .inline-platform-list article{min-height:138px;padding:26px 28px;border-right:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7}
#page-solutions .inline-platform-list small{color:#0071e3;font-size:10px;font-weight:650;letter-spacing:.04em}
#page-solutions .inline-platform-list p{margin:14px 0 0;color:#4f5b65;font-size:13px;line-height:1.8}
#page-solutions .inline-device-line{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;margin:24px 0 0;padding:24px 28px;background:#f4f7f9;color:#29343d;font-size:13px;line-height:1.8}
#page-solutions .inline-device-line strong{color:#0071e3;font-weight:650}
#page-solutions .inline-icon-grid.is-five{grid-template-columns:repeat(5,minmax(0,1fr))}

@media(max-width:1100px){
  #page-solutions .inline-icon-grid.is-five{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  #page-solutions .solution-page-index.is-five nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-solutions .solution-page-index.is-five a:nth-child(-n+4){border-bottom:1px solid #dfe3e7}
  #page-solutions .solution-page-index.is-five a:nth-child(even){border-right:0}
}
@media(max-width:760px){
  #page-solutions .inline-platform-list{grid-template-columns:1fr}
  #page-solutions .inline-device-line{grid-template-columns:1fr;gap:8px;padding:22px}
}
@media(max-width:520px){
  #page-solutions .inline-icon-grid.is-five{grid-template-columns:1fr}
}

/* V114 · 社科教师智能体平台横线分栏与五项目录同排 */
#page-solutions .solution-page-index.is-five nav{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
#page-solutions .solution-page-index.is-five a{
  min-width:0;
  gap:8px;
  padding:18px 12px;
}
#page-solutions .solution-page-index.is-five a strong{
  font-size:12px;
  line-height:1.45;
}
#page-solutions .solution-page-index.is-five a:nth-child(-n+4){border-bottom:0}
#page-solutions .solution-page-index.is-five a:nth-child(even){border-right:1px solid #dfe3e7}
#page-solutions .solution-page-index.is-five a:last-child{border-right:0}
#page-solutions #professional-social-science-teacher .is-teacher-platform-table{
  grid-template-columns:1fr;
  border:0;
  border-top:1px solid #9faab3;
}
#page-solutions #professional-social-science-teacher .inline-visual-mark.has-scenario-image>img{
  object-position:center 12%;
}
#page-solutions #enterprise-opc .inline-visual-mark.has-scenario-image>img{
  object-position:center 62%;
}

#page-solutions #professional-social-science-teacher .is-teacher-platform-table article{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  min-height:0;
  padding:0;
  border-right:0;
  border-bottom:1px solid #b8c1c8;
}
#page-solutions #professional-social-science-teacher .is-teacher-platform-table small{
  display:flex;
  align-items:center;
  padding:20px 24px;
  background:transparent;
}
#page-solutions #professional-social-science-teacher .is-teacher-platform-table p{
  margin:0;
  padding:18px 24px;
  border-left:1px solid #cbd2d8;
}
#page-solutions #professional-social-science-teacher .inline-device-note{
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  margin:16px 0 0;
  padding:16px 2px 0;
  border-top:1px solid #dfe3e7;
  color:#68737d;
  font-size:12px;
  line-height:1.7;
}
#page-solutions #professional-social-science-teacher .inline-device-note strong{
  color:#29343d;
  font-weight:650;
}
#page-solutions #professional-social-science-teacher .inline-device-note span::before{
  content:'·';
  margin-right:8px;
  color:#0071e3;
}
@media(max-width:760px){
  #page-solutions .solution-page-index.is-five{overflow-x:auto}
  #page-solutions .solution-page-index.is-five nav{width:760px}
  #page-solutions .solution-page-index.is-five a:nth-child(-n+4){border-bottom:0}
  #page-solutions .solution-page-index.is-five a:nth-child(even){border-right:1px solid #dfe3e7}
  #page-solutions .solution-page-index.is-five a:last-child{border-right:0}
  #page-solutions #professional-social-science-teacher .is-teacher-platform-table article{grid-template-columns:1fr}
  #page-solutions #professional-social-science-teacher .is-teacher-platform-table small{padding:15px 18px}
  #page-solutions #professional-social-science-teacher .is-teacher-platform-table p{padding:0 18px 17px;border-left:0}
  #page-solutions #professional-social-science-teacher .inline-device-note{display:grid;gap:5px}
}