:root{--black:#07060a;--panel:rgba(13,10,17,.91);--line:rgba(221,176,88,.25);--gold:#d9aa4f;--bright:#f4cf78;--sand:#f2eadc;--muted:#a8a198;--cyan:#43d8d3;--green:#74d3a4;--red:#ff6174}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--black);overscroll-behavior:none}body{color:var(--sand);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.session-stage{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:var(--black)}.scene-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.stage-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,4,8,.92),rgba(5,4,8,.38) 48%,rgba(5,4,8,.84)),linear-gradient(180deg,rgba(5,4,8,.65),transparent 30%,rgba(5,4,8,.9))}.session-active-state .stage-shade{background:linear-gradient(90deg,rgba(5,4,8,.92),rgba(5,4,8,.6) 50%,rgba(5,4,8,.92)),linear-gradient(180deg,rgba(5,4,8,.66),rgba(5,4,8,.18) 30%,rgba(5,4,8,.9))}
.session-topbar{position:absolute;inset:0 0 auto;z-index:10;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,48px);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,4,8,.96),rgba(5,4,8,.55))}.session-brand{display:flex;align-items:center;gap:10px;color:var(--sand);text-decoration:none}.brand-glyph{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(67,216,211,.55);color:var(--cyan);font-weight:900;box-shadow:inset 0 0 18px rgba(67,216,211,.1)}.brand-copy{display:grid;gap:2px}.brand-copy b{font-size:.76rem;letter-spacing:.13em}.brand-copy small{color:var(--bright);font-size:.55rem;letter-spacing:.16em}.truth-mark,.live-status{display:flex;align-items:center;gap:8px;color:#c7c0b7;font-size:.7rem;letter-spacing:.06em}.truth-mark i,.live-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.live-status strong{min-width:64px;color:white;font-variant-numeric:tabular-nums}.live-status button{min-height:34px;margin-left:8px;padding:0 13px;border:1px solid rgba(255,97,116,.45);background:rgba(255,97,116,.08);color:#ffb0bb;cursor:pointer}.live-status button:hover{border-color:var(--red)}
.session-footer{position:absolute;inset:auto 0 0;z-index:10;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,48px);border-top:1px solid rgba(255,255,255,.07);background:rgba(5,4,8,.86);color:#77726e;font-size:.6rem}.session-footer strong{color:#9c958e;font-weight:500}
.session-setup{position:absolute;inset:68px 0 36px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr);align-items:center;gap:clamp(28px,6vw,92px);padding:clamp(28px,5vw,78px)}.setup-copy{max-width:700px;text-shadow:0 2px 24px #000}.section-kicker{margin:0 0 12px;color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.2em}.setup-copy h1,.session-summary h1{margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(3.1rem,6.2vw,6.8rem);font-weight:500;line-height:.98;letter-spacing:.02em}.setup-copy h1 em{color:var(--bright);font-style:normal;text-shadow:0 0 32px rgba(244,207,120,.35)}.setup-copy>p:not(.section-kicker){max-width:620px;margin:20px 0;color:#d0c9c0;line-height:1.8}.tool-promise{max-width:550px;display:grid;gap:5px;padding:14px 16px;border-left:2px solid var(--cyan);background:rgba(67,216,211,.07)}.tool-promise b{font-size:.82rem}.tool-promise span{color:var(--muted);font-size:.72rem}.review-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:#b9d9d7;font-size:.7rem;text-decoration:none}.review-link:hover{color:var(--cyan)}
.setup-panel,.tool-panel{min-width:0;min-height:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,12,20,.96),rgba(7,6,10,.89));box-shadow:0 28px 90px rgba(0,0,0,.48);backdrop-filter:blur(14px)}.setup-panel{width:min(650px,100%);justify-self:end;padding:clamp(20px,3vw,34px)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-title>span{font-weight:800}.panel-title small{color:var(--muted);font-size:.63rem}.setup-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.setup-fields label,.quick-form label{display:grid;gap:6px}.setup-fields label>span,.quick-form label>span,.feature-form>span{color:#bcb5ac;font-size:.68rem}.setup-fields label>div,.quick-form label>div{height:50px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025)}.setup-fields b,.quick-form b{width:34px;color:var(--gold);text-align:center}.setup-fields input,.quick-form input{min-width:0;width:100%;height:100%;padding:0 10px 0 0;border:0;outline:none;background:transparent;color:white}.setup-fields label:focus-within>div,.quick-form label:focus-within>div{border-color:var(--gold);box-shadow:0 0 0 1px rgba(217,170,79,.18)}.setup-preview{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 16px;margin:15px 0;padding:13px 15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.setup-preview span{color:var(--muted);font-size:.66rem}.setup-preview strong{grid-row:1/3;grid-column:2;color:var(--bright);font:500 2rem/1 Georgia,serif;text-align:right}.setup-preview small{color:#9f978e;font-size:.63rem}.start-session{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--bright);background:linear-gradient(135deg,#f4cf78,#a97b2c);color:#15100a;font-weight:900;cursor:pointer}.start-session:hover{filter:brightness(1.08)}
.session-cockpit{position:absolute;inset:68px 0 36px;display:grid;grid-template-columns:minmax(270px,320px) minmax(420px,1fr) minmax(300px,360px);gap:10px;padding:10px}.control-panel,.live-dashboard,.compare-panel{height:100%;padding:clamp(12px,1.4vw,20px);overflow:hidden}.control-panel{display:flex;flex-direction:column}.quick-form{display:grid;gap:9px}.quick-form label>div{height:43px}.quick-form button{height:100%;padding:0 11px;border:0;border-left:1px solid rgba(255,255,255,.12);background:rgba(217,170,79,.1);color:var(--bright);cursor:pointer}.feature-form{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:13px;padding:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.feature-form>span{grid-column:1/-1}.feature-form label{display:grid;gap:4px}.feature-form small{color:var(--muted);font-size:.58rem}.feature-form input{min-width:0;width:100%;height:35px;padding:0 8px;border:1px solid rgba(255,255,255,.13);outline:none;background:#0b0910;color:white}.feature-form button{grid-column:1/-1;min-height:35px;border:1px solid rgba(67,216,211,.36);background:rgba(67,216,211,.07);color:var(--cyan);cursor:pointer}.timeline{min-height:0;margin-top:13px;overflow:hidden}.timeline-title{margin-bottom:7px;color:var(--muted);font-size:.64rem;letter-spacing:.1em}.timeline-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:7px;min-height:38px;border-top:1px solid rgba(255,255,255,.07);font-size:.64rem}.timeline-row time{color:#77716c}.timeline-row span{overflow:hidden;color:#c6bfb6;text-overflow:ellipsis;white-space:nowrap}.timeline-row b{color:var(--bright);font-size:.63rem}
.live-dashboard{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 18%,rgba(217,170,79,.13),transparent 36%),linear-gradient(145deg,rgba(16,12,20,.96),rgba(7,6,10,.9))}.net-hero{text-align:center}.net-hero>span{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.14em}.net-hero>strong{display:block;margin:6px 0;font:500 clamp(3.2rem,6vw,6rem)/1 Georgia,serif}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.net-hero small{color:#c9c1b8}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:clamp(16px,3vh,28px) 0 14px}.dashboard-metrics article{min-height:86px;display:grid;align-content:center;gap:5px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.dashboard-metrics span,.compare-options span{color:var(--muted);font-size:.63rem}.dashboard-metrics strong{font-size:1.12rem}.dashboard-metrics small,.compare-options small{color:#827c76;font-size:.58rem}.limit-track{position:relative;height:8px;margin:7px 2px 22px;background:rgba(255,255,255,.08)}.limit-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--red));box-shadow:0 0 13px rgba(255,97,116,.35)}.limit-track span,.limit-track b{position:absolute;top:11px;color:#7f7974;font-size:.55rem}.limit-track span{left:0}.limit-track b{right:0}.live-message{margin:0;padding:10px 12px;border-left:2px solid var(--cyan);background:rgba(67,216,211,.06);color:#bcd5d3;font-size:.67rem}.live-message.danger{border-color:var(--red);background:rgba(255,97,116,.08);color:#ffc0c9}
.compare-panel{display:flex;flex-direction:column}.compare-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.compare-inputs label{display:grid;gap:5px}.compare-inputs span{color:var(--muted);font-size:.55rem}.compare-inputs input{min-width:0;width:100%;height:37px;padding:0 7px;border:1px solid rgba(255,255,255,.12);outline:none;background:#0b0910;color:white}.compare-inputs label:focus-within input{border-color:var(--gold)}.compare-options{min-height:0;flex:1;display:grid;grid-template-rows:repeat(4,1fr);gap:7px;margin-top:13px}.compare-options article{min-height:0;display:grid;align-content:center;gap:4px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.compare-options strong{color:var(--bright);font-size:1rem}.compare-options .cost-up{border-color:rgba(255,97,116,.28);background:rgba(255,97,116,.05)}.compare-options .cost-up strong{color:#ff9fac}.compare-options .stop-option{border-color:rgba(116,211,164,.3);background:rgba(116,211,164,.05)}.compare-options .stop-option strong{color:var(--green)}
.session-summary{position:absolute;inset:68px 0 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.session-summary h1{font-size:clamp(2.4rem,5vw,4.6rem)}.summary-result{margin:15px 0 22px;font:500 clamp(3.8rem,8vw,7rem)/1 Georgia,serif}.summary-grid{width:min(780px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.summary-grid div{display:grid;gap:7px;padding:17px 12px;border:1px solid var(--line);background:rgba(10,8,13,.8)}.summary-grid span{color:var(--muted);font-size:.63rem}.summary-grid strong{font-size:.9rem}.session-summary .start-session{width:min(360px,100%)}.session-summary .review-link{margin-top:14px}.stage-enter{animation:stage-enter .42s cubic-bezier(.2,.76,.2,1) both}@keyframes stage-enter{from{opacity:0;transform:translateY(8px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}[hidden]{display:none!important}
@media(max-width:1100px){.session-cockpit{grid-template-columns:minmax(235px,270px) minmax(360px,1fr) minmax(260px,300px)}.control-panel,.live-dashboard,.compare-panel{padding:12px}.dashboard-metrics article{min-height:75px}.timeline-row:nth-child(n+5){display:none}}
@media(max-width:760px){.session-topbar{height:54px;padding:0 12px}.brand-glyph{width:30px;height:30px}.brand-copy b{font-size:.64rem}.brand-copy small{font-size:.48rem}.truth-mark{display:none}.live-status{gap:5px;font-size:.58rem}.live-status span{display:none}.live-status strong{min-width:58px}.live-status button{min-height:30px;margin-left:2px;padding:0 8px;font-size:.6rem}.session-footer{height:32px;justify-content:center;padding:0 10px;text-align:center}.session-footer span{display:none}.session-setup{inset:54px 0 32px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:center;gap:12px;padding:14px 12px}.setup-copy{text-align:center}.setup-copy h1{font-size:clamp(2.35rem,11vw,3.3rem);line-height:.98}.setup-copy>p:not(.section-kicker){margin:9px auto;font-size:.72rem;line-height:1.5}.tool-promise,.setup-copy .review-link{display:none}.setup-panel{align-self:stretch;padding:12px}.panel-title{margin-bottom:8px}.setup-fields{gap:7px}.setup-fields label>div{height:42px}.setup-preview{margin:8px 0;padding:9px 11px}.setup-preview strong{font-size:1.45rem}.start-session{min-height:45px}.session-cockpit{inset:54px 0 32px;grid-template-columns:1fr;grid-template-rows:152px 196px minmax(0,1fr);gap:6px;padding:6px}.control-panel,.live-dashboard,.compare-panel{padding:8px}.control-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:7px}.control-panel>.panel-title,.timeline{display:none}.quick-form{gap:5px}.quick-form label{gap:3px}.quick-form label>span,.feature-form>span{font-size:.56rem}.quick-form label>div{height:42px}.quick-form b{width:26px;font-size:.65rem}.quick-form input{font-size:.72rem}.quick-form button{padding:0 7px;font-size:.58rem}.feature-form{margin:0;padding:7px;gap:4px}.feature-form input{height:34px;font-size:.7rem}.feature-form button{min-height:30px;font-size:.58rem}.live-dashboard{padding:10px}.net-hero{display:grid;grid-template-columns:1fr auto;align-items:end;text-align:left}.net-hero>span{grid-column:1;font-size:.56rem}.net-hero>strong{grid-column:1;margin:3px 0;font-size:2.45rem}.net-hero>small{grid-column:2;grid-row:1/3;align-self:center;max-width:110px;font-size:.58rem;line-height:1.4;text-align:right}.dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0 6px}.dashboard-metrics article{min-height:55px;padding:6px}.dashboard-metrics span{font-size:.48rem}.dashboard-metrics strong{font-size:.7rem}.dashboard-metrics small{display:none}.limit-track{margin:4px 1px 15px}.live-message{padding:6px 8px;font-size:.55rem}.compare-panel>.panel-title{margin-bottom:6px}.compare-panel>.panel-title small{display:none}.compare-inputs{gap:4px}.compare-inputs span{font-size:.48rem}.compare-inputs input{height:32px;font-size:.65rem}.compare-options{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px;margin-top:6px}.compare-options article{padding:7px 8px}.compare-options span{font-size:.52rem}.compare-options strong{font-size:.78rem}.compare-options small{font-size:.48rem;line-height:1.35}.session-summary{inset:54px 0 32px;padding:14px}.session-summary h1{font-size:2rem}.summary-result{margin:10px 0 16px;font-size:4rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:5px}.summary-grid div{padding:10px 8px}}
@media(max-width:410px){.section-kicker{font-size:.55rem}.setup-copy>p:not(.section-kicker){display:none}.session-cockpit{grid-template-rows:146px 188px minmax(0,1fr)}.feature-form small{font-size:.5rem}}
@media(max-height:700px) and (min-width:761px){.dashboard-metrics article{min-height:66px}.timeline-row:nth-child(n+4){display:none}.setup-copy h1{font-size:4rem}}
@media(prefers-reduced-motion:reduce),(update:slow){.stage-enter{animation:none}.scene-video{display:none}*{transition:none!important}}