/* Creator OS 官网 R23 · 炫彩流光。颜色只在 :root 写值；色场来自真实教材封面。 */
@font-face{font-family:"UpChord Song R23";src:url("assets/fonts/upchord-song-r23-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"UpChord Song R23";src:url("assets/fonts/upchord-song-r23-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --vh:1vh;
  --ink:#fff;
  --ink-soft:#ffffffd6;
  --ink-dim:#ffffffcc;
  --night:#0a1230;
  --deep:#0b1f3f;
  --deep-soft:#31507a;
  --tile:#fffffff5;
  --fill-1:#ffffff1f;
  --fill-2:#ffffff30;
  --fill-3:#ffffff42;
  --edge:#ffffff3d;
  --edge-bright:#ffffff80;
  --edge-low:#ffffff1f;
  --shadow:#03081f66;
  --shadow-deep:#03081f8c;
  --on-tile:#0b1f3f;
  --on-tile-soft:#31507a;
  --line-1:#ffffff33;
  --line-2:#ffffff40;
  --glass-bg:linear-gradient(135deg,#ffffff2b,#ffffff0d 55%,#ffffff17);
  --glass-solid:#141c44e6;
  --header-solid:#0a1230b3;
  --panel-solid:#0d1436a6;
  --tab-solid:#0d143680;
  --title-shadow:0 2px 40px #050a1c55;
  --focus:#fff;
  --underline:#ffffff80;
  --book-paper:#f2ecdd;
  --book-paper-2:#e7dfcc;
  --book-paper-3:#d9cfb6;
  --book-ink:#253b42;
  --book-ink-2:#445a5d;
  --book-ink-3:#526567;
  --song:"UpChord Song R23","Source Han Serif SC","Noto Serif CJK SC","Songti SC",STSong,serif;

  --px:min(calc(100vw / 1440),calc(calc(100*var(--vh)) / 900),1.5px);
  --gut:clamp(12px,3vw,60px);
  --m:clamp(20px,4.16vw,84px);
  --bar:62px;
  --t2:clamp(34px,4.3vw,78px);
  --t3:clamp(30px,3.48vw,60px);
  --lead:clamp(19px,1.46vw,24px);
  --t4:clamp(18px,1.4vw,22px);
  --body:17px;
  --small:14px;
  --r-board:34px;
  --r-card:22px;
  --r-img:18px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

@supports (height:1svh){:root{--vh:1svh}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 36px);-webkit-text-size-adjust:100%;background:var(--night)}
body{margin:0;color:var(--ink);font:400 var(--body)/1.75 var(--song);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
img,svg,video,iframe{display:block}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,p,figure,dl,dd,ol,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,strong{font-weight:600}
ol,ul{list-style:none}
a{color:inherit;text-decoration:none}
i{font-style:normal}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.skip{position:fixed;left:-999px;top:10px;z-index:60;padding:10px 16px;border-radius:12px;background:var(--tile);color:var(--on-tile)}
.skip:focus{left:var(--gut)}

/* 色场：固定在视口，切换环节时交叉淡入，这就是“流光” */
.field{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:var(--night)}
.field i{position:absolute;top:-6%;left:-6%;right:-6%;bottom:-6%;background-position:center;background-size:cover;opacity:0;transition:opacity 1.5s ease}
.field i.on{opacity:1}
.field::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("assets/field/grain.png")}
.field [data-name=hero]{background-image:url("assets/field/hero.webp")}
.field [data-name=capture]{background-image:url("assets/field/capture.webp")}
.field [data-name=distill]{background-image:url("assets/field/distill.webp")}
.field [data-name=library]{background-image:url("assets/field/library.webp")}
.field [data-name=delivery]{background-image:url("assets/field/delivery.webp")}
.field [data-name=feedback]{background-image:url("assets/field/feedback.webp")}
.field [data-name=solutions]{background-image:url("assets/field/solutions.webp")}
.field [data-name=close]{background-image:url("assets/field/close.webp")}

/* 玻璃：只有外层这一层模糊，里面的小块用半透明填充 */
.glass{background:var(--glass-bg);box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px 0 var(--edge-bright),inset 0 -1px 0 var(--edge-low),0 24px 60px var(--shadow);-webkit-backdrop-filter:blur(34px) saturate(170%);backdrop-filter:blur(34px) saturate(170%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:var(--glass-solid)}}
@media (prefers-reduced-transparency:reduce){.glass{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* 顶栏 */
.site-header{position:fixed;left:var(--gut);right:var(--gut);top:clamp(10px,calc(2.4*var(--vh)),24px);z-index:40;height:var(--bar);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px 0 18px;border-radius:var(--r-card)}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;font-size:18px;font-weight:600;white-space:nowrap}
.brand img{flex:none;width:28px;height:28px}
.brand small{margin-left:6px;font-size:var(--small);font-weight:400;color:var(--ink-soft)}
/* 滑过浅色界面时顶栏加深，文字不被吃掉。页面顶部不投影，否则手机上标题第一行会被压暗 */
.site-header{transition:background-color .3s,box-shadow .3s}
.site-header:not(.scrolled){box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px 0 var(--edge-bright),inset 0 -1px 0 var(--edge-low)}
.site-header.scrolled{background-color:var(--header-solid)}
.header-end{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--line-1);transition:background .2s,transform .25s var(--ease)}
.theme-toggle:hover{background:var(--fill-2);transform:rotate(18deg)}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .to-aurora{display:none}
#site-navigation{display:flex;gap:clamp(18px,2.4vw,34px)}
#site-navigation a{position:relative;padding:8px 0;white-space:nowrap}
#site-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
#site-navigation a:hover::after{transform:scaleX(1)}

/* 第一屏，所有尺寸随屏幕宽高一起缩放 */
.hero{position:relative;display:flex;flex-direction:column;min-height:calc(100*var(--vh));padding:calc(132*var(--px)) var(--m) calc(52*var(--px));overflow:hidden;overflow:clip}
h1{position:relative;z-index:1;font-size:calc(118*var(--px));line-height:1.14;letter-spacing:-.02em;font-feature-settings:"palt";white-space:nowrap;text-shadow:var(--title-shadow)}
h1 span{display:block}
.lede{position:relative;z-index:2;width:calc(520*var(--px));min-width:min(100%,420px);margin-top:calc(20*var(--px));font-size:max(19px,calc(22*var(--px)));line-height:1.65}
.hero-cards{position:relative;z-index:3;display:flex;gap:16px;margin-top:auto;padding-top:28px}
.hero-card{display:block;width:calc(270*var(--px));min-width:min(232px,20vw);min-height:calc(164*var(--px));padding:calc(24*var(--px)) calc(26*var(--px));border-radius:28px;transition:transform .35s var(--ease),background .25s}
.hero-card:hover{transform:translateY(-4px)}
.hero-card strong{display:block;font-size:max(23px,calc(28*var(--px)));line-height:1.4}
.hero-card span{display:block;margin-top:calc(10*var(--px));font-size:max(14px,calc(15*var(--px)));line-height:1.65;color:var(--ink-soft)}
.silver-visual{display:none}
.fan{position:absolute;right:calc(56*var(--px));bottom:calc(-30*var(--px));z-index:2;width:calc(760*var(--px));height:calc(560*var(--px))}
.fan a{position:absolute;display:block;border-radius:var(--r-card);overflow:hidden;box-shadow:0 0 0 1px var(--line-2),0 40px 80px var(--shadow-deep);transition:transform .5s var(--ease)}
.fan img{width:100%;height:100%;object-fit:cover}
.fan-1{left:calc(30*var(--px));top:calc(150*var(--px));width:calc(330*var(--px));height:calc(440*var(--px));transform:rotate(-7deg)}
.fan-2{left:calc(230*var(--px));top:calc(96*var(--px));width:calc(340*var(--px));height:calc(454*var(--px));transform:rotate(1deg)}
.fan-3{left:calc(440*var(--px));top:calc(64*var(--px));width:calc(330*var(--px));height:calc(440*var(--px));transform:rotate(8deg)}
.fan-1:hover{transform:rotate(-5deg) translateY(calc(-22*var(--px)))}
.fan-2:hover{transform:rotate(0deg) translateY(calc(-22*var(--px)))}
.fan-3:hover{transform:rotate(6deg) translateY(calc(-22*var(--px)))}

/* 版块标题 */
section.products,section.experiences,section.solutions{padding:clamp(56px,6.4vw,110px) max(var(--gut),calc((100vw - 1800px)/2)) 0}
.section-head{padding-inline:calc(var(--m) - var(--gut))}
.section-head h2{font-size:var(--t2);line-height:1.16;letter-spacing:-.01em}
.section-head p{margin-top:clamp(6px,.7vw,12px);font-size:var(--lead);line-height:1.6;color:var(--ink-soft)}

/* 产品模块：五个环节 */
.journey{margin-top:clamp(20px,2.4vw,38px)}
.journey-tabs{display:grid;grid-template-columns:1.05fr .8fr 1.25fr 1.45fr 1.25fr;gap:10px}
.journey-tabs button{display:block;min-width:0;padding:16px 20px;border-radius:var(--r-card);transition:background .25s,color .25s,transform .25s var(--ease),box-shadow .25s}
.journey-tabs button:hover{transform:translateY(-2px)}
.journey-tabs strong{display:block;font-size:var(--t4);line-height:1.35;word-break:keep-all}
.journey-tabs small{display:block;margin-top:2px;font-size:var(--small);line-height:1.5;color:var(--ink-dim)}
.journey-tabs button[aria-selected=true]{background:var(--tile);color:var(--on-tile);box-shadow:0 24px 50px var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
.journey-tabs button[aria-selected=true] small{color:var(--on-tile-soft)}
.journey-panel{display:grid;grid-template-columns:minmax(0,clamp(330px,29.2vw,500px)) minmax(0,1fr);min-height:clamp(520px,calc(72*var(--vh)),760px);margin-top:18px;border-radius:var(--r-board)}
.journey-panel[hidden]{display:none}
.journey-panel:focus-visible{outline-offset:4px}
.panel-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(26px,2.9vw,50px)}
.panel-copy h3{font-size:var(--t3);line-height:1.16;letter-spacing:-.01em}
.panel-lead{margin-top:clamp(14px,1.4vw,22px);font-size:var(--t4);line-height:1.7;color:var(--ink)}
.exchange{display:grid;gap:10px;margin-top:clamp(18px,2vw,30px)}
.exchange div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}
.exchange dt{color:var(--ink-dim)}
.exchange dd{font-weight:400}
.panel-note{margin-top:clamp(14px,1.4vw,22px);color:var(--ink-soft)}
.exchange,.panel-note{flex:none}
.next{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:auto;padding:8px 20px;border-radius:999px;background:var(--tile);color:var(--on-tile);transition:transform .25s var(--ease)}
.panel-copy>:nth-last-child(2){margin-bottom:24px}
.next:hover{transform:translateX(3px)}
.next svg,.text-link svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.panel-art{display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(14px,1.95vw,30px);padding-left:0}

.joychord-crop{position:relative;aspect-ratio:900/188;overflow:hidden;border-radius:var(--r-img);box-shadow:0 0 0 1px var(--line-2),0 26px 50px var(--shadow-deep);background:var(--night)}
.joychord-crop img{width:100%;height:auto}
.joychord-evidence figcaption{margin-top:6px;padding-inline:2px;font-size:var(--small);line-height:1.5;color:var(--ink-dim)}
.joychord-image-notice{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--night);font-size:var(--small)}
.joychord-image-notice[hidden]{display:none}
.joychord-image-notice button{padding:6px 12px;border-radius:999px;background:var(--fill-3)}
.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.chips li{padding:clamp(11px,1.1vw,16px) clamp(14px,1.4vw,20px);border-radius:var(--r-img);background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--line-1);font-size:var(--t4);line-height:1.3;font-weight:600}
.shots{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:clamp(190px,calc(23*var(--vh)),300px)}
.shot,.window{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border-radius:var(--r-img);box-shadow:0 0 0 1px var(--line-2),0 26px 50px var(--shadow-deep);background:var(--night);transition:transform .35s var(--ease)}
.shot:hover,.window:hover{transform:translateY(-3px)}
.shot img,.window img,.window-still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.shot span,.window span{position:absolute;right:10px;bottom:10px;padding:6px 14px;border-radius:999px;background:var(--deep);color:#fff;box-shadow:0 8px 20px var(--shadow);font-size:var(--small);line-height:1.5}
.window{flex:1;min-height:clamp(240px,calc(34*var(--vh)),420px)}

.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick button{min-height:44px;padding:6px 18px;border-radius:999px;background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--line-1);transition:background .2s,color .2s}
.pick button:hover{background:var(--fill-2)}
.pick button[aria-pressed=true]{background:var(--tile);color:var(--on-tile);box-shadow:none}
.pick-stack{flex-direction:column}
.pick-stack button{width:100%;border-radius:14px}
.result h4{font-size:var(--t4);line-height:1.4}
.result p{margin-top:2px;line-height:1.7;color:var(--ink-soft)}
.result small{display:block;margin-top:4px;font-size:var(--small);line-height:1.5;color:var(--ink-dim)}

.library-art{flex-direction:row;gap:18px}
.units{display:flex;flex:none;flex-direction:column;gap:16px;width:clamp(250px,24vw,400px)}
.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.unit-grid button{display:flex;align-items:flex-end;min-height:clamp(70px,6.2vw,100px);padding:12px 14px;border-radius:14px;background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--line-1);font-weight:600;line-height:1.3;transition:background .2s,color .2s}
.unit-grid button:hover{background:var(--fill-2)}
.unit-grid button[aria-pressed=true]{background:var(--tile);color:var(--on-tile);box-shadow:none}
.window-still{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}
.window-still img{position:static;flex:1;min-height:0;border-radius:var(--r-img);box-shadow:0 0 0 1px var(--line-2),0 26px 50px var(--shadow-deep);background:var(--night)}
.window-still figcaption{font-size:var(--small);line-height:1.5;color:var(--ink-dim)}

.routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.routes button{padding:clamp(10px,1vw,15px) clamp(14px,1.3vw,20px);border-radius:14px;background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--line-1);transition:background .2s,color .2s}
.routes button:hover{background:var(--fill-2)}
.routes small{display:block;font-size:var(--small);line-height:1.5;color:var(--ink-dim)}
.routes strong{display:block;font-size:var(--t4);line-height:1.4}
.routes button[aria-pressed=true]{background:var(--tile);color:var(--on-tile);box-shadow:none}
.routes button[aria-pressed=true] small{color:var(--on-tile-soft)}
.result .route-path{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;margin:0;color:var(--ink)}
.route-path span,.route-path i{color:var(--ink-dim)}
.route-path strong{font-size:var(--t4);line-height:1.4}
.route-foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:2px}
.route-foot small{margin-top:0}
.shelf{display:grid;flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;min-height:0}
.shelf img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px var(--line-2),0 18px 34px var(--shadow-deep);transition:transform .35s var(--ease)}
.shelf img:hover{transform:translateY(-6px)}

.analysis-art{flex-direction:row;gap:20px}
.analysis-side{display:flex;flex:none;flex-direction:column;gap:14px;width:clamp(240px,20vw,340px)}
.analysis-art .window{min-height:0}
.tags{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:6px;font-weight:600}
.returns{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}

.text-link{display:inline-flex;align-items:center;gap:6px;padding:3px 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.32em;transition:text-underline-offset .2s}
.text-link:hover{text-underline-offset:.5em}
.text-link[hidden]{display:none}

.journey-parallel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;margin-top:14px;padding:14px clamp(20px,2.4vw,36px);border-radius:var(--r-card)}
.journey-parallel p strong{margin-right:18px}
.journey-parallel p span{color:var(--ink-soft)}
.journey-footnote{margin-top:12px;padding-inline:clamp(20px,2.4vw,36px);font-size:var(--small);color:var(--ink-dim)}

/* 现有样板 */
.showcase-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:clamp(20px,2.4vw,38px)}
.showcase-tabs button{position:relative;min-height:58px;padding:10px clamp(14px,1.6vw,24px);overflow:hidden;border-radius:var(--r-card);font-size:var(--t4);line-height:1.35;font-weight:600;transition:transform .25s var(--ease),background .25s,color .25s}
.showcase-tabs button:hover{transform:translateY(-2px)}
.showcase-tabs button[aria-pressed=true]{background:var(--tile);color:var(--on-tile);box-shadow:0 24px 50px var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
.showcase-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--on-tile);opacity:0;transform:scaleX(0);transform-origin:left}
.product-showcase[data-playing=true] .showcase-tabs button[aria-pressed=true]::after{opacity:.75;animation:fill-bar 9s linear both}
@keyframes fill-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.show-panel{--copy:clamp(230px,21vw,360px);--gap:clamp(20px,2.4vw,40px);--left:calc(-1*(var(--copy) + var(--gap)));display:grid;grid-template-columns:var(--copy) minmax(0,1fr);gap:var(--gap);margin-top:18px;padding:clamp(18px,2.4vw,40px);border-radius:var(--r-board);background:var(--glass-bg);box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px 0 var(--edge-bright),inset 0 -1px 0 var(--edge-low),0 24px 60px var(--shadow);-webkit-backdrop-filter:blur(34px) saturate(170%);backdrop-filter:blur(34px) saturate(170%)}
.show-panel[hidden]{display:none!important}
.show-copy{display:flex;flex-direction:column;align-items:flex-start}
.show-copy h3{font-size:clamp(26px,2.6vw,44px);line-height:1.18;letter-spacing:-.01em}
.show-copy>p{margin-top:10px;color:var(--ink-soft)}
.button.primary{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:clamp(14px,1.6vw,24px);padding:8px 20px;border-radius:999px;background:var(--tile);color:var(--on-tile);transition:transform .25s var(--ease)}
.button.primary:hover{transform:translateX(3px)}
.button.primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.show-visual{height:clamp(480px,calc(66*var(--vh)),720px);min-width:0}
.product-deck{position:relative;height:100%;min-width:0}
.deck-kind{display:none}
[data-deck-count]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.deck-top{position:absolute;left:var(--left);bottom:0;z-index:6;width:var(--copy);font-size:var(--small)}
.experience-expand,.textbook-expand{padding:2px 0;font-size:var(--small);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.32em}
.experience-expand[hidden],.textbook-expand[hidden]{display:none}
.deck-stage-shell,.deck-stage{position:static;height:100%;min-width:0}
.deck-slide{height:100%;margin:0;animation:deck-reveal .2s ease both}
.deck-slide[hidden]{display:none!important}
@keyframes deck-reveal{from{opacity:0}to{opacity:1}}
.deck-art{position:relative;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;border-radius:var(--r-img);box-shadow:0 0 0 1px var(--line-2),0 26px 50px var(--shadow-deep)}
.deck-caption{position:absolute;left:var(--left);bottom:92px;width:var(--copy)}
.deck-caption h4{font-size:var(--t4);line-height:1.35}
.deck-caption p{margin-top:4px;line-height:1.6;color:var(--ink-soft)}
.deck-controls{position:absolute;left:var(--left);bottom:34px;z-index:6;display:flex;align-items:center;gap:8px;width:var(--copy)}
.deck-dots{display:flex;flex:1;gap:4px;min-width:0}
.deck-dots button{position:relative;flex:1;min-height:44px;padding:4px 2px;overflow:hidden;border-radius:12px;background:var(--fill-1);text-align:center;font-size:var(--small);line-height:1.3;transition:background .2s,color .2s}
.deck-dots button:hover{background:var(--fill-2)}
.deck-dots button[aria-pressed=true]{background:var(--tile);color:var(--on-tile)}
.deck-dots button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--on-tile);opacity:0;transform:scaleX(0);transform-origin:left}
.product-deck[data-playing=true] .deck-dots button[aria-pressed=true]::after{opacity:.75;animation:fill-bar 3s linear both}
[data-deck-toggle]{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--fill-1);transition:background .2s}
[data-deck-toggle]:hover{background:var(--fill-2)}
[data-deck-toggle]:disabled{opacity:.5;cursor:default}
[data-deck-toggle] svg{width:14px;height:14px;fill:currentColor}
.deck-side{position:absolute;top:50%;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--tile);color:var(--on-tile);box-shadow:0 10px 24px var(--shadow-deep);transform:translateY(-50%);transition:transform .2s var(--ease)}
.deck-side:hover{transform:translateY(-50%) scale(1.08)}
.deck-side svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.deck-side-prev{left:-22px}
.deck-side-next{right:-22px}
[data-deck-prev] svg{transform:rotate(180deg)}

.product-experience,.textbook-experience{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.product-experience{background:#f8f9fb}
.product-experience iframe{width:100%;height:100%;border:0;background:#f8f9fb}
.product-experience,.textbook-quartet{isolation:isolate}
.product-experience .experience-preview,.textbook-quartet .experience-preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;pointer-events:none;opacity:0}
[data-preview-ready=true]>.experience-preview{opacity:1}
.product-experience .experience-live,.textbook-quartet .experience-live{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none}
[data-live=true]>.experience-live{z-index:2;opacity:1;pointer-events:auto}
[data-live=true]>.experience-preview{visibility:hidden}
.experience-start{position:absolute;right:14px;bottom:14px;z-index:3;min-height:44px;padding:6px 18px;border-radius:999px;background:var(--deep);color:#fff;box-shadow:0 10px 24px var(--shadow-deep);font-size:var(--small);transition:transform .2s var(--ease)}
.experience-start:hover{transform:translateY(-2px)}
.experience-start:disabled{cursor:progress;opacity:.86}
.experience-start[hidden]{display:none}
.experience-status,.textbook-frame-status{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:20px;background:var(--deep);color:#fff;font-size:var(--small)}
.experience-status[hidden],.textbook-frame-status[hidden]{display:none}
.product-experience>.experience-status[data-recoverable=true],.textbook-quartet>.textbook-frame-status[data-recoverable=true]{inset:12px 12px auto;display:block;padding:8px 12px;border-radius:12px;pointer-events:none}
[data-preview-ready=true]>.experience-status:not([data-recoverable=true]),[data-preview-ready=true]>.textbook-frame-status:not([data-recoverable=true]){display:none}

.textbook-video-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);grid-template-rows:minmax(0,1fr);background:var(--book-paper);color:var(--book-ink)}
.textbook-video-layout video{width:100%;height:100%;min-width:0;object-fit:contain;background:var(--book-paper-2)}
.textbook-video-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:0;padding:clamp(16px,2.4vw,40px)}
.textbook-eyebrow{font-size:var(--small);color:var(--book-ink-3)}
.textbook-video-note h5{margin:10px 0;font-size:clamp(26px,3vw,48px);line-height:1.25}
.textbook-video-note p{color:var(--book-ink-2)}
.textbook-video-note button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;margin-top:16px;padding:8px 18px;border-radius:999px;background:var(--book-ink);color:#fff;transition:transform .2s var(--ease)}
.textbook-video-note button:hover{transform:translateY(-2px)}
.textbook-video-note small{margin-top:10px;font-size:var(--small);color:var(--book-ink-3)}
.textbook-reader{display:flex;flex-direction:column;background:var(--book-paper);color:var(--book-ink)}
.textbook-reading-tabs{display:flex;flex:none;align-items:center;gap:6px;padding:10px 22px;background:var(--book-paper-2)}
.textbook-reading-tabs button{min-height:36px;padding:4px 14px;border-radius:999px;color:var(--book-ink-2);font-size:var(--small)}
.textbook-reading-tabs button[aria-pressed=true]{background:var(--book-ink);color:#fff}
.textbook-reading-tabs>span{margin-left:auto;font-size:var(--small);color:var(--book-ink-3)}
.textbook-page{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;padding:16px 22px 12px}
.textbook-page[hidden]{display:none}
.textbook-page-number{font-size:var(--small);line-height:1.4;color:var(--book-ink-3)}
.textbook-page h5{font-size:var(--t4);line-height:1.4}
.textbook-page figure{display:flex;flex:none;align-items:center;justify-content:center;height:clamp(90px,calc(14*var(--vh)),130px)}
.textbook-page figure img{width:100%;height:100%;object-fit:contain}
.textbook-page figcaption{display:none}
.book-copy-stage{display:flex;flex:1;align-items:flex-start;min-height:0}
.book-copy-stage p{font-size:16px;line-height:1.8}
.book-copy-pager{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px}
.book-copy-pager button{min-height:38px;padding:4px 16px;border-radius:999px;background:var(--book-paper-2);color:var(--book-ink);font-size:var(--small);transition:background .2s}
.book-copy-pager button:hover:not(:disabled){background:var(--book-paper-3)}
.book-copy-pager button:disabled{opacity:.42;cursor:default}
.book-copy-pager output{font-size:var(--small);color:var(--book-ink-3);font-variant-numeric:tabular-nums}
.textbook-quartet{background:var(--deep)}
.textbook-quartet iframe{width:100%;height:100%;border:0;color-scheme:dark}
.show-visual:fullscreen{width:100vw;height:100vh!important;height:100dvh!important;max-width:none;padding:0;background:var(--night);overflow:clip}
.show-visual:fullscreen .product-deck{display:flex;flex-direction:column;max-width:1500px;margin:auto}
.show-visual:fullscreen .deck-top{position:static;width:auto;padding:10px 24px;text-align:right}
.show-visual:fullscreen .deck-stage-shell{position:relative;flex:1;min-height:0;height:auto;margin-inline:26px}
.show-visual:fullscreen .deck-stage{position:relative;overflow:hidden}
.show-visual:fullscreen .deck-slide{display:flex;flex-direction:column}
.show-visual:fullscreen .deck-art{flex:1;min-height:0;height:auto}
.show-visual:fullscreen .deck-caption{position:static;width:auto;padding:10px 0 0}
.show-visual:fullscreen .deck-controls{position:static;width:auto;justify-content:center;padding:6px 24px 12px}
.show-visual:fullscreen .deck-dots{flex:none;width:280px}

/* 解决方案 */
.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(20px,2.4vw,38px)}
.offer{padding:14px 14px clamp(22px,2.2vw,34px);border-radius:28px;transition:transform .35s var(--ease)}
.offer:hover{transform:translateY(-4px)}
.offer-art{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-img);background:var(--night);box-shadow:0 0 0 1px var(--line-2)}
.offer-art img{width:100%;height:100%;object-fit:cover;object-position:top left}
.offer-covers{display:grid;grid-template-columns:repeat(3,1fr)}
.offer-covers img{min-width:0;object-position:top center}
.offer-keys img{object-position:center}
.offer h3{margin-top:clamp(16px,1.6vw,24px);padding-inline:10px;font-size:clamp(26px,2.6vw,44px);line-height:1.2;letter-spacing:-.01em}
.offer p{margin-top:6px;padding-inline:10px;color:var(--ink-soft)}
.duty{margin-top:clamp(28px,3.6vw,56px);padding-inline:calc(var(--m) - var(--gut));font-size:clamp(26px,2.6vw,44px);line-height:1.35;font-weight:600}
.policy-reading{display:grid;grid-template-columns:minmax(0,clamp(180px,20vw,340px)) minmax(0,1fr);gap:16px clamp(20px,3vw,48px);margin-top:clamp(28px,3.6vw,56px);padding:clamp(22px,2.9vw,50px);border-radius:var(--r-board)}
.policy-reading>h3{font-size:clamp(26px,2.6vw,44px);line-height:1.2;letter-spacing:-.01em}
.policy-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,40px)}
.policy-groups h4{font-size:var(--t4);line-height:1.4;color:var(--ink-soft)}
.policy-groups ul{margin-top:8px}
.policy-groups a{display:block;margin-inline:-12px;padding:10px 12px;border-radius:14px;transition:background .2s}
.policy-groups a:hover{background:var(--fill-1)}
.policy-groups a span{display:block;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:var(--underline)}
.policy-groups a small{display:block;margin-top:2px;font-size:var(--small);line-height:1.5;color:var(--ink-dim)}

/* 收尾 */
.site-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,7vw,120px);margin-top:clamp(40px,5vw,84px);padding:clamp(20px,2.4vw,36px) max(var(--m),calc((100vw - 1800px)/2)) clamp(14px,1.6vw,22px);overflow:clip}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.footer-top nav{display:flex;flex-wrap:wrap;gap:4px clamp(16px,2vw,28px)}
.footer-top a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-underline-offset .2s}
.footer-top a:hover{text-underline-offset:.5em}
.lockup{--w:calc(min(100vw - 2*var(--m),1800px - 2*var(--m)) / 6.62);display:flex;align-items:center;gap:calc(var(--w)*.07);max-width:100%}
.footer-mark{flex:none;width:calc(var(--w)*1.46);height:calc(var(--w)*1.46);margin-block:calc(var(--w)*-.23)}
.mark-silver{display:none}
.wordmark{font-size:var(--w);line-height:1;font-weight:600;letter-spacing:-.035em;white-space:nowrap}
.legal{margin-top:calc(clamp(40px,7vw,120px)*-1 + 10px);font-size:var(--small);color:var(--ink-soft)}

/* 动效：只动 transform、opacity */
@media (prefers-reduced-motion:no-preference){
  .js h1 span{animation:rise 1s var(--ease) both}
  .js h1 span:nth-child(2){animation-delay:.09s}
  .js .lede{animation:rise 1s var(--ease) .18s both}
  .js .hero-card{animation:rise .9s var(--ease) .3s both}
  .js .hero-card+.hero-card{animation-delay:.38s}
  .js .fan a{animation:fan-in 1.1s var(--ease) both}
  .js .fan-1{--from:-14deg;--to:-7deg;animation-delay:.3s}
  .js .fan-2{--from:-4deg;--to:1deg;animation-delay:.42s}
  .js .fan-3{--from:16deg;--to:8deg;animation-delay:.54s}
  .js [data-rise]{opacity:0;transform:translateY(26px)}
  .js [data-rise].in{opacity:1;transform:none;transition:opacity .8s var(--ease) calc(var(--i,0)*70ms),transform .8s var(--ease) calc(var(--i,0)*70ms)}
  .js .offer[data-rise].in:hover{transform:translateY(-4px);transition:transform .35s var(--ease)}
  .js .panel-copy,.js .panel-art{animation:panel-in .55s var(--ease) both}
  .js .panel-art{animation-delay:.06s}
  .field i.drift{animation:drift 42s ease-in-out infinite alternate}
  .field.paused i.drift{animation-play-state:paused}
}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fan-in{from{opacity:0;transform:translateY(90px) rotate(var(--from))}to{opacity:1;transform:rotate(var(--to))}}
@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.1) translate(-2.2%,1.6%)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}
}

/* 中等宽度：样板体验的说明栏窄一点，面板内部改上下排 */
@media (max-width:1180px){
  .library-art,.analysis-art{flex-direction:column}
  .units,.analysis-side{width:auto}
  .window-still img{height:280px;flex:none}
  .analysis-art .window{min-height:260px}
}

/* 窄屏：手风琴式的五个环节，单列排版 */
@media (max-width:900px){
  :root{--bar:54px;--r-board:24px;--r-card:18px;--px:calc(100vw / 390);--gut:12px;--m:20px;--t2:clamp(30px,8vw,52px);--t3:clamp(28px,7.2vw,46px)}
  .site-header{padding:0 14px 0 12px}
  .brand{font-size:17px}
  .brand small{display:none}
  #site-navigation{gap:16px;font-size:15px}
  /* 手机上长版面不用实时模糊，改半透明底，滚动更稳 */
  .journey-panel,.show-panel,.offer,.policy-reading,.journey-parallel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--panel-solid)}
  .journey-tabs button.glass,.showcase-tabs button.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--tab-solid)}
  .journey-tabs button[aria-selected=true],.showcase-tabs button[aria-pressed=true]{background:var(--tile)}

  .hero{min-height:max(calc(100*var(--vh)),720px);padding:calc(var(--bar) + 38px) var(--m) 28px}
  h1{font-size:calc(34*var(--px));line-height:1.2}
  .lede{width:auto;min-width:0;margin-top:14px;font-size:18px}
  .hero-cards{order:3;margin-top:auto;padding-top:0}
  .hero-card{flex:1;width:auto;min-width:0;min-height:0;padding:16px 16px 18px;border-radius:20px}
  .hero-card strong{font-size:21px}
  .hero-card span{margin-top:4px;font-size:14px;line-height:1.55}
  .fan{position:relative;right:auto;bottom:auto;order:2;align-self:center;flex:none;width:calc(330*var(--px));height:calc(274*var(--px));margin-block:18px 14px}
  .fan-1{left:calc(0*var(--px));top:calc(40*var(--px));width:calc(160*var(--px));height:calc(214*var(--px))}
  .fan-2{left:calc(86*var(--px));top:calc(14*var(--px));width:calc(166*var(--px));height:calc(222*var(--px))}
  .fan-3{left:calc(172*var(--px));top:calc(0*var(--px));width:calc(158*var(--px));height:calc(212*var(--px))}

  section.products,section.experiences,section.solutions{padding-top:clamp(44px,12vw,72px)}
  .section-head{padding-inline:8px}
  .journey{display:flex;flex-direction:column;gap:8px}
  .journey-tabs{display:contents}
  .journey-tabs button{width:100%;padding:12px 16px}
  .journey-tabs strong{font-size:18px}
  #journey-tab-capture{order:0}
  #journey-panel-capture{order:1}
  #journey-tab-distill{order:2}
  #journey-panel-distill{order:3}
  #journey-tab-library{order:4}
  #journey-panel-library{order:5}
  #journey-tab-delivery{order:6}
  #journey-panel-delivery{order:7}
  #journey-tab-feedback{order:8}
  #journey-panel-feedback{order:9}
  .journey-footnote{order:10;margin-top:4px;padding-inline:8px}
  .journey-parallel{order:11;margin-top:0}
  .journey-panel{display:block;min-height:0;margin-top:0}
  .panel-copy{padding:20px 18px 6px}
  .panel-copy .next{margin-top:16px}
  .panel-art{padding:14px}
  .shots{min-height:0}
  .shot,.window{aspect-ratio:1720/1080;min-height:0;flex:none}
  .chips{gap:6px}
  .units{width:auto}
  .unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .unit-grid button{min-height:66px;padding:8px 10px;font-size:15px}
  .window-still img{height:auto;aspect-ratio:1720/1080}
  .shelf{grid-template-columns:repeat(4,minmax(0,1fr))}
  .analysis-art .window{min-height:0}
  .journey-parallel p strong{display:block}

  .showcase-tabs{display:flex;flex-wrap:wrap;gap:6px}
  .showcase-tabs button{flex:1 1 30%;min-height:46px;padding:8px 10px;text-align:center;font-size:16px}
  .show-panel{display:block;padding:18px 0 14px}
  .show-copy{padding-inline:16px}
  .show-visual{height:720px;margin-top:14px}
  .product-deck{display:flex;flex-direction:column}
  .deck-top{position:static;width:auto;order:3;padding:0 16px;text-align:center}
  .deck-stage-shell{position:relative;flex:1;min-height:0;height:auto}
  .deck-stage{position:relative;overflow:hidden}
  .deck-slide{display:flex;flex-direction:column}
  .deck-art{flex:1;min-height:0;height:auto;border-radius:0}
  .deck-caption{position:static;width:auto;padding:12px 16px 0}
  .deck-controls{position:static;width:auto;padding:8px 16px}
  .deck-side{width:40px;height:40px}
  .deck-side-prev{left:6px}
  .deck-side-next{right:6px}
  .textbook-reading-tabs{padding:8px 12px}
  .textbook-reading-tabs>span{display:none}
  .textbook-page{padding:12px 14px}

  .offers{grid-template-columns:minmax(0,1fr)}
  .duty{padding-inline:8px}
  .policy-reading{grid-template-columns:minmax(0,1fr);padding:22px 18px}
  .policy-groups{grid-template-columns:minmax(0,1fr)}
  .footer-top{flex-direction:column}
  .site-footer{padding-inline:var(--m)}
}
/* 手机竖屏：教材视频在上，说明在下，播放按钮和画面都看得见 */
@media (max-width:600px){
  .shots{grid-template-columns:minmax(0,1fr)}
  .chips li{padding:10px 6px;text-align:center;font-size:15px}
  .textbook-video-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .textbook-video-note{justify-content:flex-start;padding:12px 16px 14px}
  .textbook-eyebrow,.textbook-video-note p{display:none}
  .textbook-video-note h5{margin:0;font-size:22px}
  .textbook-video-note h5 br{display:none}
  .textbook-video-note button{margin-top:10px}
  .textbook-video-note small{margin-top:6px}
}
@media (max-width:360px){
  .brand span{display:none}
  .header-end{gap:12px}
  #site-navigation{gap:12px;font-size:14px}
}

/* 不支持 aspect-ratio 的旧浏览器给固定高度，图片不至于塌掉 */
@supports not (aspect-ratio:1){
  .offer-art{height:220px}
  .shot,.window{height:200px}
  .shelf img{height:auto}
}

/* ======== 银白外观：同一个页面的第二套外观，Jason 2026-11-01 要求两版都留 ======== */
:root[data-theme=silver]{
  --ink:#0d1b33;
  --ink-soft:#26395a;
  --ink-dim:#3d5070;
  --night:#e9edf5;
  --tile:linear-gradient(135deg,#2c62e6,#4f49e8);
  --on-tile:#fff;
  --on-tile-soft:#fffffff2;
  --fill-1:#ffffff99;
  --fill-2:#ffffffe0;
  --fill-3:#ffffffe6;
  --edge:#ffffffd9;
  --edge-bright:#fff;
  --edge-low:#ffffff80;
  --shadow:#3a4a7a24;
  --shadow-deep:#3a4a7a3d;
  --line-1:#0d1b331f;
  --line-2:#0d1b3317;
  --glass-bg:linear-gradient(150deg,#ffffffd9,#ffffff8c);
  --glass-solid:#f4f6fbf5;
  --header-solid:#ffffffd9;
  --panel-solid:#ffffffcc;
  --tab-solid:#ffffffb3;
  --title-shadow:none;
  --focus:#2c62e6;
  --underline:#0d1b3366;
}
[data-theme=silver] .theme-toggle .to-silver{display:none}
[data-theme=silver] .theme-toggle .to-aurora{display:block}
[data-theme=silver] .mark-aurora{display:none}
[data-theme=silver] .mark-silver{display:block}
[data-theme=silver] .field [data-name=hero]{background-image:radial-gradient(46% 42% at 50% 74%,#fff 0,#fff0 70%),radial-gradient(38% 40% at 14% 92%,#cfdcff 0,#cfdcff00 72%),radial-gradient(36% 38% at 88% 88%,#dcd2ff 0,#dcd2ff00 72%),linear-gradient(180deg,#f7f8fb 0,#e9edf5 100%)}
[data-theme=silver] .field [data-name=capture]{background-image:radial-gradient(44% 44% at 12% 18%,#d6e2ff 0,#d6e2ff00 72%),radial-gradient(40% 44% at 90% 84%,#ded5ff 0,#ded5ff00 72%),linear-gradient(180deg,#f2f4f9 0,#e6ebf4 100%)}
[data-theme=silver] .field [data-name=distill]{background-image:radial-gradient(44% 44% at 88% 14%,#cde6ee 0,#cde6ee00 72%),radial-gradient(40% 44% at 10% 86%,#d6e2ff 0,#d6e2ff00 72%),linear-gradient(180deg,#f2f5f8 0,#e5ecf3 100%)}
[data-theme=silver] .field [data-name=library]{background-image:radial-gradient(44% 44% at 14% 16%,#d3ece0 0,#d3ece000 72%),radial-gradient(40% 44% at 90% 84%,#cde6ee 0,#cde6ee00 72%),linear-gradient(180deg,#f2f6f5 0,#e5edee 100%)}
[data-theme=silver] .field [data-name=delivery]{background-image:radial-gradient(44% 44% at 86% 16%,#d8d0ff 0,#d8d0ff00 72%),radial-gradient(40% 44% at 12% 84%,#c9d9ff 0,#c9d9ff00 72%),linear-gradient(180deg,#f3f3fa 0,#e7e8f5 100%)}
[data-theme=silver] .field [data-name=feedback]{background-image:radial-gradient(44% 44% at 12% 16%,#f4dcdf 0,#f4dcdf00 72%),radial-gradient(40% 44% at 90% 84%,#dcd2ff 0,#dcd2ff00 72%),linear-gradient(180deg,#f6f3f6 0,#ebe8f2 100%)}
[data-theme=silver] .field [data-name=solutions]{background-image:radial-gradient(44% 44% at 88% 14%,#d6e2ff 0,#d6e2ff00 72%),radial-gradient(40% 44% at 12% 86%,#d3ece0 0,#d3ece000 72%),linear-gradient(180deg,#f3f5f9 0,#e7ecf3 100%)}
[data-theme=silver] .field [data-name=close]{background-image:radial-gradient(44% 44% at 14% 90%,#cfdcff 0,#cfdcff00 72%),radial-gradient(40% 44% at 88% 90%,#dcd2ff 0,#dcd2ff00 72%),linear-gradient(180deg,#f4f6fa 0,#e9edf5 100%)}
/* 第一屏：标题居中，蓝紫玻璃星球压在两扇真实界面之间 */
[data-theme=silver] .hero{align-items:center;padding-top:calc(var(--bar) + clamp(30px,calc(4*var(--vh)),48px));text-align:center}
[data-theme=silver] h1{font-size:calc(104*var(--px));line-height:1.16}
[data-theme=silver] .lede{width:auto;min-width:0;margin-top:calc(14*var(--px))}
[data-theme=silver] .fan{display:none}
[data-theme=silver] .silver-visual{position:absolute;left:50%;top:calc(396*var(--px));z-index:1;display:block;width:calc(1440*var(--px));transform:translateX(-50%);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 4%,#000 96%,#0000 100%);mask-image:linear-gradient(180deg,#0000 0,#000 4%,#000 96%,#0000 100%)}
[data-theme=silver] .silver-visual img{width:100%;height:auto}
[data-theme=silver] .silver-visual canvas{position:absolute;left:0;top:0;width:100%;height:100%}
[data-theme=silver] .silver-visual canvas[hidden]{display:none}
[data-theme=silver] .silver-visual[data-live=true]{cursor:grab}
[data-theme=silver] .silver-visual.dragging{cursor:grabbing}
[data-theme=silver] .hero-cards{justify-content:center}
[data-theme=silver] .hero-card{width:calc(330*var(--px));min-height:0;padding:calc(16*var(--px)) calc(24*var(--px));border-radius:18px;text-align:left}
[data-theme=silver] .hero-card strong{font-size:max(21px,calc(22*var(--px)))}
[data-theme=silver] .hero-card span{margin-top:2px}
/* 第二屏：五个环节是往上走的玻璃台阶，和产品模块标题同一行 */
@media (min-width:1181px){
  [data-theme=silver] .products .section-head{max-width:40%}
  [data-theme=silver] .journey-tabs{align-items:end;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:calc(-1*clamp(96px,8.4vw,150px));padding-left:42%}
  [data-theme=silver] .journey-tabs button{padding:12px 14px;border-radius:18px 18px 10px 10px}
  [data-theme=silver] .journey-tabs small{display:none}
  [data-theme=silver] .journey-tabs strong{font-size:17px;line-height:1.3}
  [data-theme=silver] #journey-tab-capture{min-height:60px}
  [data-theme=silver] #journey-tab-distill{min-height:106px}
  [data-theme=silver] #journey-tab-library{min-height:152px}
  [data-theme=silver] #journey-tab-delivery{min-height:198px}
  [data-theme=silver] #journey-tab-feedback{min-height:244px}
  [data-theme=silver] .journey-tabs button:not([aria-selected=true]){background:linear-gradient(170deg,#ffffffd9,#c9d8fbcc 52%,#b3b0f8b3)}
  /* 展厅感：内容直接放在银白空间里，不再套一块大玻璃板 */
  [data-theme=silver] .journey-panel,[data-theme=silver] .show-panel{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  [data-theme=silver] .panel-copy{padding-left:calc(var(--m) - var(--gut))}
  [data-theme=silver] .show-panel{padding-inline:calc(var(--m) - var(--gut)) 0}
  [data-theme=silver] .panel-art{padding-right:0}
}
@media (max-width:900px){
  [data-theme=silver] .hero{padding-top:calc(var(--bar) + 38px)}
  [data-theme=silver] h1{font-size:calc(34*var(--px));line-height:1.2}
  [data-theme=silver] .lede{margin-top:14px;font-size:18px}
  [data-theme=silver] .silver-visual{position:relative;left:auto;top:auto;order:2;flex:none;align-self:center;width:calc(860*var(--px));margin-block:auto;transform:none}
  [data-theme=silver] .hero-cards{order:3;width:100%}
  [data-theme=silver] .hero-card{flex:1;width:auto;padding:14px 16px;border-radius:20px}
}