@charset "UTF-8";:root{--navy:#070e1b;--steel:#c4d2df;--cyan:#78e0ed;--gold:#d1ab74;--ink:#193044;--paper:#eff2f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--navy);color:#f1f5f8;font:16px "Segoe UI","Microsoft JhengHei",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-80px;background:#fff;color:#123;padding:15px;z-index:100}.skip:focus{top:10px}header{height:90px;position:absolute;left:0;right:0;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #abbcd51a}.brand{display:flex;gap:17px;align-items:center}.brand-mark{font-size:34px;font-weight:300;letter-spacing:-5px}.brand-mark span{color:var(--cyan);font-weight:100}.brand-name{font-size:20px;letter-spacing:5px;line-height:1.15}.brand-name small{display:block;font:9px Arial;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:38px;align-items:center;font-size:13px;letter-spacing:.08em}nav a{padding:14px 0}.nav-contact{border-bottom:1px solid #6d8c9d}.nav-contact span{margin-left:25px;color:var(--cyan)}.hero{height:900px;max-height:1100px;min-height:780px;position:relative;overflow:hidden}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 42%,#142d46 0,transparent 55%)}#scene{position:absolute;inset:80px 0 120px 27%;z-index:1}#scene canvas{display:block;width:100%;height:100%}#load-status{position:absolute;top:50%;left:30%;font-size:12px;letter-spacing:.15em;color:#96b5cb;z-index:2}#fallback{width:100%;height:100%;object-fit:contain;opacity:.7}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070e1b 0,#070e1bf5 20%,#070e1b30 48%,transparent 67%);pointer-events:none;z-index:2}.hero-copy{position:relative;z-index:3;width:45%;padding:210px 0 0 6.2%;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{font:10px Arial;letter-spacing:.19em;color:#98b6ca;display:flex;align-items:center;gap:12px}.short-rule{width:28px;height:1px;background:var(--cyan)}h1{font-size:clamp(42px,4.2vw,65px);font-weight:400;line-height:1.4;letter-spacing:.06em;margin:34px 0 28px}h1 span{color:var(--steel)}p{line-height:1.9}.lead{font-size:15px;color:#a0b2c6;letter-spacing:.04em}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:35px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:#dcecf2;color:#132c40;border:1px solid #dcecf2;padding:17px 22px;font-size:14px;letter-spacing:.04em;transition:background .2s}.primary:hover{background:#fff}.text-link{font-size:13px;color:#a6c2d5}.text-link span{margin-left:25px}.hero-meta{display:flex;gap:15px;margin-top:44px;color:#68859a;font:9px Arial;letter-spacing:.13em}.scene-callout{position:absolute;right:5%;top:125px;text-align:right;z-index:3;max-width:420px;transition:opacity .2s}.scene-callout>span{font:10px Arial;letter-spacing:.18em;color:var(--cyan)}.scene-callout h2{font-size:19px;font-weight:400;letter-spacing:.04em;margin:14px 0 6px}.scene-callout p{font-size:12px;color:#879caf;margin:0}.scene-labels{position:absolute;inset:0;z-index:4;pointer-events:none;font-size:10px}.scene-labels span{position:absolute;border-left:1px solid var(--cyan);background:#071421bb;padding:5px 9px;white-space:nowrap;opacity:0}.scene-labels #label-y{border-color:var(--gold)}.scene-chart{position:absolute;right:4.5%;bottom:230px;width:290px;background:#081521d9;border:1px solid #4a6a7c55;z-index:4;padding:16px;backdrop-filter:blur(7px)}.scene-chart canvas{height:190px;width:100%}.mini-values{display:flex;gap:22px;font:10px Arial;color:#a1b9ca;align-items:center}.mini-values b{font-weight:400;color:#c4e9f1;margin-left:4px}.mini-values small{margin-left:auto}.mint-dot{width:5px;height:5px;background:#7ce4c6;border-radius:50%}.scene-tools{position:absolute;bottom:180px;right:5%;z-index:5;display:flex;align-items:center;gap:8px}.scene-tools button{border:1px solid #55728566;background:#102033bd;color:#bfd6e3;height:35px;min-width:36px;padding:6px 12px;font-size:11px}.scene-tools span{font-size:10px;color:#829bac;margin-left:6px}.timeline{position:absolute;left:6.2%;right:5%;bottom:53px;z-index:5}.timeline-top{display:flex;justify-content:space-between;font:9px Arial;letter-spacing:.2em;color:#8098ab}.timeline input{display:block;width:100%;margin:17px 0 15px;accent-color:#8cdce8;height:2px;cursor:pointer}.chapters{display:grid;grid-template-columns:repeat(6,1fr)}.chapters button{padding:6px 0;background:none;border:0;color:#768ca0;text-align:left;font-size:12px;letter-spacing:.06em}.chapters button b{font:9px Arial;display:inline-block;margin-right:12px;color:#4d667d}.chapters button[aria-current=step],.chapters button[aria-current=step] b{color:var(--cyan)}.scene-note{position:absolute;bottom:7px;right:5%;font-size:9px;color:#61788b;z-index:4;letter-spacing:.05em}.intro{background:var(--paper);color:var(--ink);padding:86px 6.2% 65px}.section-index{font:10px Arial;letter-spacing:.18em;color:#638292}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:24px 0 50px}.section-head h2{font-size:38px;font-weight:400;line-height:1.55;letter-spacing:.06em;margin:0}.section-head p{font-size:14px;color:#697b89;margin:0;max-width:480px}.family{display:grid;grid-template-columns:35px 1fr 1.3fr 1fr;gap:25px;align-items:center;min-height:260px;border-top:1px solid #c4d0d6;padding:25px 0}.family-no{align-self:start;margin-top:10px;font:11px Arial;color:#718b9a}.family-title small{font:10px Arial;letter-spacing:.19em;color:#708e9f}.family-title h3{font-size:27px;font-weight:400;margin:15px 0 10px;letter-spacing:.08em}.family-title p{font-size:13px;color:#677e8a;margin:0}.product-pair{height:210px;display:flex;justify-content:center;align-items:center;gap:3px}.product-pair img{max-width:58%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.product-pair img:first-child{max-width:35%}.product-pair.rack img{max-width:100%}.family-detail p{font-size:13px;color:#647e8a;line-height:1.9;max-width:270px}.family-detail small{font-size:9px;color:#81949e;display:block;margin-top:14px}.line-button{display:flex;justify-content:space-between;width:100%;max-width:270px;padding:14px 0;background:none;color:#294b61;border:0;border-bottom:1px solid #aebfc8;font-size:12px;text-align:left}.analysis-art{padding:15px}.analysis-art svg{width:100%}.analysis-section{padding:85px 6.2%;background:#0b1724}.analysis-section .section-head p{color:#8ba3b7}.analysis-section h2{color:#dce9f0}.analysis-controls{display:flex;flex-wrap:wrap;align-items:center;gap:25px;border-top:1px solid #355064;padding-top:23px;font-size:12px}.analysis-controls label{display:flex;align-items:center;gap:15px;color:#b5cddb}.analysis-controls input{width:140px;accent-color:var(--cyan)}.analysis-controls output{min-width:30px;font:11px Arial}.analysis-controls button{border:1px solid #3f5d70;background:none;color:#c1d9e4;padding:9px 13px;font-size:11px}.analysis-controls>span{font-size:10px;color:#708b9e;margin-left:auto}.graphs{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.graphs article{min-width:0;border-top:1px solid #426174;padding-top:21px}.chart-top{display:flex;justify-content:space-between;align-items:center;color:#90acbd;font:10px Arial;letter-spacing:.08em}.chart-top h3{font:14px "Microsoft JhengHei";color:#d0e1eb;margin:0}.chart-top i{display:inline-block;width:5px;height:5px;margin:0 6px 0 10px}.x-dot{background:var(--cyan)}.y-dot{background:var(--gold)}.graphs canvas{width:100%;height:230px;margin-top:20px;display:block}.graphs p{font-size:12px;color:#859eb1;margin:8px 0}.analysis-foot{font-size:11px;color:#638398;border-top:1px solid #263d51;padding-top:20px;margin-top:30px}.closing{padding:85px 6.2%;display:flex;justify-content:space-between;align-items:center;background:#e4eaed;color:var(--ink)}.closing h2{font-size:38px;line-height:1.5;font-weight:400;letter-spacing:.06em;margin:25px 0}.closing p{font-size:14px;color:#627d8c}.closing .primary{background:#183b50;color:#fff;border:0}footer{padding:35px 6.2%;display:flex;gap:25px;align-items:center;flex-wrap:wrap;color:#7994a8;font-size:10px}.footer-brand{font:22px Arial;letter-spacing:.12em;color:#cadce6}footer small{max-width:430px;line-height:1.8}footer a{margin-left:auto;border-bottom:1px solid #50687b;padding-bottom:5px}
@media(min-width:1600px){.hero{height:980px}.hero-copy{padding-top:250px}#scene{left:25%}}@media(max-width:1050px){nav{gap:20px}.hero-copy{width:48%}h1{font-size:45px}.hero-meta{gap:8px;font-size:8px}.eyebrow{font-size:8px}.family{grid-template-columns:25px 1fr 1fr 1fr;gap:16px}.scene-chart{width:230px}.section-head h2,.closing h2{font-size:32px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:73px;padding:0 6%}.brand-mark{font-size:27px}.brand-name{font-size:15px}.brand-name small{font-size:7px}nav{gap:17px;font-size:10px}nav>a:nth-child(2){display:none}.nav-contact span{margin-left:5px}.brand{gap:12px}.hero{height:1060px;min-height:1060px;max-height:none}#scene{inset:85px -12% auto -12%;height:390px}.hero-shade{background:linear-gradient(0deg,#070e1b 0%,#070e1b 52%,transparent 67%)}.hero-copy{width:100%;padding:475px 7% 0}.eyebrow{font-size:8px}h1{font-size:39px;line-height:1.4;margin:22px 0 19px}.lead{font-size:13px}.hero-actions{margin-top:25px;gap:18px;flex-direction:row;align-items:center;flex-wrap:wrap}.primary{font-size:12px;padding:15px 17px;gap:25px}.text-link{font-size:11px}.text-link span{margin-left:9px}.hero-meta{font-size:8px;gap:17px;margin-top:27px}.scene-callout{top:98px;right:7%;max-width:240px}.scene-callout>span{font-size:8px}.scene-callout h2{font-size:14px;margin-top:9px}.scene-callout p{display:none}.scene-tools{bottom:185px;right:7%}.timeline{left:7%;right:7%;bottom:55px}.chapters button{font-size:10px}.chapters button b{display:block;margin:0 0 5px}.scene-note{font-size:8px;right:7%;left:7%;bottom:13px}.scene-chart{right:7%;top:205px;bottom:auto;width:150px;padding:10px}.scene-chart canvas{height:110px}.scene-chart .chart-top{font-size:8px}.mini-values{font-size:8px;gap:8px}.mini-values small{display:none}.scene-labels span{font-size:8px;padding:3px 5px}.intro,.analysis-section{padding:55px 7%}.section-head{display:block;margin-bottom:35px}.section-head h2{font-size:29px;margin-bottom:22px}.section-head p{font-size:12px}.section-head p br{display:none}.section-index{font-size:8px}.family{grid-template-columns:20px 1fr;gap:12px;padding:27px 0}.family-title h3{font-size:24px}.family-title p{font-size:12px}.product-pair,.analysis-art{grid-column:2;height:180px;padding:0}.analysis-art svg{height:160px}.family-detail{grid-column:2}.family-detail p{font-size:12px}.line-button{max-width:none}.graphs{grid-template-columns:1fr;gap:30px}.graphs canvas{height:230px}.analysis-controls{gap:15px}.analysis-controls>span{margin-left:0;font-size:9px}.analysis-controls label{font-size:11px;gap:8px}.analysis-controls input{width:100px}.closing{padding:55px 7%;display:block}.closing h2{font-size:29px}.closing .primary{margin-top:20px}footer{padding:30px 7%;gap:16px}footer p{font-size:9px}footer a{margin-left:0}footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* R02 refinement following Antigravity's screenshot review. */
.scene-callout{padding:12px 16px;background:linear-gradient(90deg,transparent,#070e1bcc 30%);text-shadow:0 2px 12px #000}
.signal-transition{position:absolute;z-index:2;left:45%;right:0;top:135px;height:550px;background:linear-gradient(115deg,transparent 40%,#78e0ed38 49.8%,#78e0edaa 50%,#78e0ed1a 50.4%,transparent 62%);opacity:0;pointer-events:none}
@media(min-width:701px){.hero-shade{background:linear-gradient(90deg,#070e1b 0,#070e1bf5 31%,#070e1b30 49%,transparent 67%)}.hero[data-stage="2"] .scene-chart{right:auto;left:49%;bottom:180px;width:220px;padding:12px}.hero[data-stage="2"] .scene-chart canvas{height:140px}}
@media(max-width:700px){.scene-callout{padding:6px 8px}.hero[data-stage="2"] .scene-chart{top:348px;left:7%;right:auto;width:130px;padding:7px}.hero[data-stage="2"] .scene-chart canvas{height:78px}.hero[data-stage="2"] .scene-chart .mini-values{display:none}.signal-transition{left:0;right:0;top:95px;height:340px}}

.skip:not(:focus){clip-path:inset(100%);width:1px;height:1px;overflow:hidden}

/* R03 system architecture and scientific views */
.network-section{padding:85px 6.2% 60px;background:#07131f}.network-section .section-head p{color:#8da6ba}.network-tabs,.lab-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.network-tabs button,.lab-toolbar button{border:1px solid #38556a;background:transparent;color:#8da9bd;padding:11px 18px;font-size:12px}.network-tabs button[aria-pressed=true],.lab-toolbar button[aria-pressed=true]{background:#163447;border-color:#8cd5e0;color:#d9eef4}.network-map{margin-top:32px;overflow:auto}.network-map svg{width:100%;display:block;min-width:900px}.network-map text{font:14px 'Segoe UI','Microsoft JhengHei';fill:#c5dce8;text-anchor:middle}.network-map .minor{font-size:11px;fill:#7f9aaf}.network-map .tiny{font-size:9px;fill:#627f95}.network-map .zone-label text{text-anchor:start;font-size:11px;letter-spacing:1px;fill:#73c6d6}.network-map .zone-label .zh{font-size:18px;fill:#b9d3e1}.network-map .map-note{font-size:11px;text-anchor:start;fill:#7f9aaf}.flowline{fill:none;stroke-width:1.6;stroke-dasharray:7 5;animation:flow 3s linear infinite}.flowline.gold{stroke:#dcb780;marker-end:url(#arrow-gold)}.flowline.cyan{stroke:#78dce7;marker-end:url(#arrow-cyan)}.flowline.optional{stroke-dasharray:3 8;opacity:.65}.net-route{transition:opacity .25s}.network-map[data-route=alarm] .net-route:not(.alarm),.network-map[data-route=analysis] .net-route:not(.analysis),.network-map[data-route=access] .net-route:not(.access){opacity:.13}.route-description{border-left:2px solid #78dce7;padding:10px 20px;color:#afc6d6;font-size:14px;min-height:64px;max-width:1000px}.network-boundary{display:flex;gap:24px;flex-wrap:wrap;color:#68899f;font-size:10px;border-top:1px solid #254155;padding-top:20px}.analysis-lab{margin:30px 0 55px;border:1px solid #2b485e;background:radial-gradient(ellipse at 60% 50%,#18334744,transparent 65%)}.lab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 25px;border-bottom:1px solid #243c50}.lab-toolbar>span{color:#7f9fb6;font-size:11px}#analysis-stage{height:510px;position:relative}#analysis-stage canvas{display:block;width:100%;height:100%}.lab-controls{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:15px 25px;border-top:1px solid #243c50;font-size:11px;color:#a5c0d2}.lab-controls label{display:flex;align-items:center;gap:14px}.lab-controls input{accent-color:#d3b17e;width:135px}.lab-controls output{width:50px}.lab-controls>span{margin-left:auto;font-size:10px;color:#718fa5}.analysis-lab>p{padding:0 25px 15px;font-size:12px;color:#7f9fb6}.hero[data-stage="5"] .scene-callout{max-width:460px}.hero[data-stage="4"] .scene-callout{max-width:420px}
@keyframes flow{to{stroke-dashoffset:-48}}
@media(max-width:700px){.network-section{padding:55px 7% 40px}.network-tabs button{padding:9px 10px;font-size:11px}.network-map{margin-top:20px}.network-map:before{content:'← 左右滑動查看完整架構 →';display:block;font-size:10px;color:#6d91a7;margin-bottom:12px}.route-description{font-size:12px;padding:8px 13px}.network-boundary{gap:10px;font-size:9px}.lab-toolbar{padding:15px;display:block}.lab-toolbar button{padding:10px;font-size:11px}.lab-toolbar>span{display:block;margin-top:14px;font-size:10px}#analysis-stage{height:380px}.lab-controls{padding:15px;gap:15px}.lab-controls>span{margin-left:0}.lab-controls input{width:110px}.analysis-lab>p{padding:0 15px 15px;font-size:11px}.hero[data-stage="4"] #scene{left:-5%;right:-5%}}
@media(prefers-reduced-motion:reduce){.flowline{animation:none}}

.network-mobile{display:none}.map-detail>summary{display:none}.map-detail{border:0}.map-detail[open]>.network-map{display:block}
@media(max-width:700px){.network-mobile{display:block;margin:28px 0 20px;border-left:1px solid #3e7184;padding-left:18px}.network-mobile small{font-size:9px;color:#7ba6bc}.network-mobile h3{font-size:17px;font-weight:400;color:#c1dbe7}.network-mobile p{font-size:12px;color:#8cabbf;line-height:1.9}.mobile-boundary{border-top:1px solid #3b697b;border-bottom:1px solid #3b697b;padding:17px 0;margin:25px 0;color:#85d6df;font-size:13px}.network-mobile details{border-bottom:1px solid #294454;padding:15px 0}.network-mobile summary{font-size:13px;color:#b6d0df;cursor:pointer}.map-detail>summary{display:list-item;color:#809fb3;font-size:12px;padding:12px 0;cursor:pointer}}

.stage-action{position:absolute;z-index:5;right:5%;bottom:225px;font-size:12px;color:#99deea;border-bottom:1px solid #416575;padding:8px 0}@media(max-width:700px){.stage-action{top:423px;bottom:auto;right:7%;font-size:10px}}

.sensor-views{position:absolute;z-index:6;left:49%;bottom:170px;display:flex;gap:8px}.sensor-views button{background:#0b2134de;border:1px solid #416779;color:#94b4c6;padding:9px 12px;font-size:11px}.sensor-views button[aria-pressed=true]{color:#d8f3f7;border-color:#87dce9;background:#234258}.hero[data-stage="2"] .scene-chart{bottom:240px}.analysis-caption{position:absolute;z-index:4;left:51%;bottom:200px;display:flex;gap:15px;align-items:center;padding:15px 0;border-top:1px solid #46647a;color:#92c1d4}.analysis-caption span{font:9px Arial;letter-spacing:.15em}.analysis-caption b{font:22px Arial;color:#e5be82}.analysis-caption small{font-size:10px}.lab-toolbar{flex-wrap:wrap}#plot-demo{border:1px solid #547c8f;background:#142d3f;color:#b4e6ec;padding:10px;font-size:11px;cursor:pointer}.lab-toolbar>span{margin-left:auto}
@media(max-width:700px){.sensor-views{left:7%;right:7%;top:435px;bottom:auto;gap:5px;justify-content:space-between}.sensor-views button{padding:7px 8px;font-size:9px}.hero[data-stage="2"] .scene-chart{top:335px;bottom:auto;width:115px;padding:6px}.hero[data-stage="2"] .scene-chart canvas{height:65px}.analysis-caption{left:7%;right:7%;top:390px;bottom:auto;padding:10px 0;gap:12px}.analysis-caption small{font-size:9px}.analysis-caption b{font-size:17px}#plot-demo{margin-top:12px}}
/* R05 multi-section shaft train */
.train-map{position:absolute;left:49%;right:5%;bottom:230px;z-index:4;color:#789caf}.train-map>span{font:9px Arial;letter-spacing:.2em}.train-map>div{display:flex;align-items:center;gap:5px;margin:12px 0;border-top:1px solid #386379;padding-top:10px}.train-map b{font:10px Arial;color:#7a9eb4;padding:4px;border:1px solid #35576b;background:#0a1c2d}.train-map b.active{color:#c9f6ff;background:#22536b;border-color:#79dce9}.train-map i{font-style:normal;font-size:9px;color:#a4c3d5;flex:1;white-space:nowrap;text-align:center}.train-map em{font-size:8px;font-style:normal;color:#627c91}.train-map small{font-size:9px;color:#628297}.sensor-views{left:47%;right:5%;bottom:172px;gap:5px;flex-wrap:wrap}.sensor-views button{padding:8px 9px;font-size:10px}.hero[data-stage="2"] .scene-chart{left:48%;bottom:340px;width:155px;opacity:.9}.hero[data-stage="2"] .scene-chart canvas{height:100px}.hero[data-stage="2"] .scene-chart .mini-values{display:none}.scene-labels span{font-size:9px;pointer-events:none}.scene-labels span:nth-child(even){border-color:var(--gold)}
@media(max-width:700px){.train-map{left:7%;right:7%;top:390px;bottom:auto}.train-map>div{gap:2px;margin:6px 0;padding-top:5px}.train-map b{font-size:8px;padding:3px}.train-map i{font-size:8px}.train-map em{display:none}.train-map small{font-size:8px}.sensor-views{left:7%;right:7%;top:472px;bottom:auto;justify-content:flex-start;gap:4px}.sensor-views button{font-size:9px;padding:6px 7px}.hero[data-stage="2"] .scene-chart{display:none}.scene-labels span{font-size:8px}.hero[data-stage="0"] #scene,.hero[data-stage="1"] #scene,.hero[data-stage="2"] #scene{top:115px;height:275px;bottom:auto}.hero[data-stage="2"] .hero-copy{padding-top:520px}}

#label-leaders{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;fill:none;stroke:#7ed7e3;stroke-opacity:.5;stroke-width:.7}