/* 色板、字体与卡片样式继承自 2026-10-08_EDGE新版展示页/site.css */
:root{--paper:#f5f5ef;--ink:#263e32;--muted:#5b6a60;--green:#31583e;--deep:#304e39;--tint:#e9eee2;--line:#ccd5c6;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--vh:100vh}
@supports(height:100svh){:root{--vh:100svh}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
h1,h2,h3,p,figure,ol,ul{margin:0}
h1,h2,h3{line-height:1.4;font-weight:600}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit;background:none;border:0;padding:0}
button,a,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b7239;outline-offset:4px}
.wrap{width:calc(100% - 100px);max-width:1320px;margin:auto}
.skip{position:absolute;left:20px;top:-100px;padding:12px;background:#fff;z-index:30}
.skip:focus{top:10px}
.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--green);margin-bottom:20px}
.small{font-size:13px;color:var(--muted)}

/* 首屏：顶栏 + 介绍 + 4 cm 整段 */
.masthead{height:90px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:20px;font:700 30px/1 var(--mono);letter-spacing:-2px}
.brand span{font:13px/1.5 -apple-system,"PingFang SC",sans-serif;letter-spacing:1px;border-left:1px solid var(--line);padding-left:20px}
.masthead-note{font:12px var(--mono);color:var(--muted)}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;padding:30px 0 36px}
.hero h1{font-size:clamp(32px,3.3vw,50px);letter-spacing:-1.5px;line-height:1.45;white-space:nowrap}
.lead{font-size:clamp(19px,1.6vw,23px);line-height:1.65;margin-top:24px}
.intro{max-width:520px;color:var(--muted);margin-top:18px}
.button{display:inline-flex;align-items:center;padding:13px 23px;background:var(--green);color:#fff;border:1px solid var(--green);margin-top:28px;font-size:15px;cursor:pointer;transition:background .2s}
.button:hover{background:#203f2b}
.hardware{font-size:12px;color:var(--muted);margin-top:22px}
.hero-media{padding:16px;background:#e2e8da;border:1px solid #cdd7c6;justify-self:end;width:100%;max-width:560px}
.media-head,.hero-media figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#596c51}
.media-head{margin-bottom:12px}
.media-head span:last-child{font-family:var(--mono)}
.hero-media figcaption{margin-top:10px}
.hero-frame{display:flex;justify-content:center;background:#1c2c22;height:clamp(300px,calc(var(--vh) - 440px),620px)}
.hero-frame video{height:100%;width:auto;max-width:100%;aspect-ratio:406/720;display:block;object-fit:contain;background:#1c2c22}

/* 四段旅程：紧接首屏，同一文档流 */
.journey{border-top:1px solid var(--line);padding-bottom:36px;scroll-margin-top:8px}
.journey-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:22px}
.journey-head .eyebrow{margin:0}
.journey-note{font-size:13px;color:var(--muted)}
.journey-sticky{position:sticky;top:0;z-index:4;background:var(--paper);padding:12px 0 14px;border-bottom:1px solid var(--line)}
.journey-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0}
.journey-cards button{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;text-align:left;border:1px solid #d9dbd3;border-bottom:3px solid #d6d8d0;background:#f2f2ec;padding:14px 16px 16px;scroll-margin-top:16px;transition:background .15s,border-color .15s,color .15s}
.journey-cards button:hover{background:#e6ece0}
.journey-cards .num{font:14px var(--mono);color:#5f6d63}
.journey-cards .place{font-size:12px;margin-top:10px;color:var(--muted)}
.journey-cards strong{font-size:21px;font-weight:600;margin-top:2px}
.journey-cards .desc{font-size:13px;color:var(--muted);margin-top:4px}
.journey-cards button[aria-selected=true]{background:var(--deep);border-color:var(--deep);color:#f4f5ed}
.journey-cards button[aria-selected=true] .num,
.journey-cards button[aria-selected=true] .place,
.journey-cards button[aria-selected=true] .desc{color:#f4f5ed}
.journey-cards button[aria-selected=true] .place,
.journey-cards button[aria-selected=true] .desc{opacity:.86}

.scene{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:45px;align-items:start;margin:28px 0 48px;scroll-margin-top:180px}
.stage{min-width:0;display:flex;flex-direction:column;background:#e0e6d8;border:1px solid #c6d1bf;padding:16px 20px 14px;color:#486043}
.stage-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:12px/1.7 var(--mono);margin-bottom:12px}
.badge{font:12px/1.7 -apple-system,"PingFang SC",sans-serif;border:1px solid #aeba9f;padding:1px 8px}
.badge.pending{border-color:#b39466;color:#7a6546;background:#efe9dc}
.stage-tabs{display:flex;gap:6px;margin-bottom:12px}
.stage-tabs button{font-size:13px;padding:4px 12px;border:1px solid #aeba9f}
.stage-tabs button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#f4f5ed}
.stage-frame{display:flex;justify-content:center;align-items:center;background:#1c2c22;height:clamp(320px,calc(var(--vh) - 380px),640px)}
.stage-frame video{height:100%;width:auto;max-width:100%;aspect-ratio:406/720;object-fit:contain;display:block}
.stage-frame img{height:100%;width:100%;object-fit:contain;display:block;background:#e9ece4}
.stage-caption{font-size:12px;text-align:center;color:#63775a;margin-top:10px}
.media-error{padding:10px;border:1px solid #976e47;font-size:14px;color:#7a5236;background:#f3ece1;margin-top:10px}
.scene-copy{min-width:0}
.scene-copy .eyebrow{margin-bottom:12px}
.scene-copy h2{font-size:clamp(23px,2vw,28px);letter-spacing:-.4px;margin-bottom:16px}
.scene-copy>p:not(.eyebrow){color:var(--muted)}
.meaning{padding:14px 0 14px 18px;border-left:2px solid var(--green);margin:22px 0}
.meaning span{font-size:12px;color:var(--muted)}
.meaning p{margin-top:4px}
.footnote{font-size:13px;margin-bottom:6px}
.footnote b{font-weight:500;color:#7a6546;margin-right:8px}
details{border-bottom:1px solid var(--line);font-size:14px}
summary{cursor:pointer;padding:16px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';font:20px var(--mono)}
details[open]>summary:after{content:'−'}
details ul{padding-left:20px}
details li{margin-bottom:6px}
details .small{padding:8px 0 15px}
.scene-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font:13px var(--mono);color:var(--muted)}
.scene-pagination button{padding:7px 13px;border:1px solid #9fae96;font-size:14px;color:var(--green)}
.scene-pagination button:hover{background:#dce6d3}
.noscript{padding:8px 0 28px;color:var(--muted)}

@media(max-width:1100px){
  .wrap{width:calc(100% - 56px)}
  .hero{gap:30px}
  .hero h1{font-size:clamp(28px,3.4vw,38px)}
  .scene{gap:28px}
  .journey-cards strong{font-size:18px}
  .journey-cards .desc{font-size:13px}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 36px)}
  .masthead{height:72px}
  .brand{font-size:26px}
  .brand span,.masthead-note{display:none}
  .hero{grid-template-columns:1fr;gap:28px;padding:32px 0 30px}
  .hero h1{white-space:normal;font-size:clamp(27px,7vw,40px);letter-spacing:-1px}
  .eyebrow{font-size:11px;letter-spacing:1px}
  .hero-media{justify-self:stretch;max-width:none;padding:12px}
  .hero-frame{height:min(64vh,520px)}
  .media-head,.hero-media figcaption{font-size:11px}
  .journey-head{display:block}
  .journey-note{display:block;margin-top:4px}
  .journey-cards{grid-template-columns:1fr 1fr;gap:8px}
  .journey-cards button{padding:10px 12px 12px}
  .journey-cards .place{margin-top:6px}
  .journey-cards strong{font-size:16px}
  .journey-cards .desc{font-size:12px}
  .scene{grid-template-columns:1fr;gap:22px;margin-top:18px;scroll-margin-top:220px}
  .stage{padding:12px}
  .stage-frame{height:min(62vh,520px)}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important}
  html{scroll-behavior:auto}
}