:root{--paper:#f3f3ed;--ink:#1c3028;--muted:#69766e;--green:#254e3c;--lime:#d8e9b1;--orange:#bf532d;--line:#d8ddd4;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--orange)}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c66a2e;outline-offset:4px}header{max-width:1440px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:3px;white-space:nowrap}.brand>span:not(.brand-icon){font-weight:400}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--lime);font-size:30px;width:37px;height:37px;border-radius:50%;margin-right:8px}.brand small{font:9px var(--mono);letter-spacing:1px;max-width:55px;margin-left:12px;white-space:normal;line-height:1.5}nav{display:flex;gap:29px;font-size:12px}nav a{text-decoration:none}.prototype{font:10px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:8px}.prototype i{width:6px;height:6px;background:var(--orange);border-radius:50%}main{max-width:1320px;margin:0 auto;padding:0 3.2%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:57px 0 38px;gap:40px}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;margin:0 0 16px}.intro h1{font-size:clamp(38px,4.8vw,64px);letter-spacing:-3px;line-height:1.2;margin:0 0 20px;font-weight:700}.intro h1 span{color:var(--orange)}.lede{font-size:14px;line-height:1.95;color:#5a685e;margin:0}.intro-aside{border-left:1px solid var(--line);padding-left:24px;max-width:360px}.index{font:10px var(--mono);color:var(--muted);letter-spacing:.5px}.intro-aside p{line-height:1.9;font-size:13px;margin:17px 0 20px}.intro-aside a{font-size:11px;text-decoration:none;border-bottom:1px solid #9ba797;padding-bottom:6px;display:flex;justify-content:space-between;gap:60px}.workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(310px,1fr);border:1px solid #cbd2c8;background:#fafaf6;border-radius:6px;overflow:hidden;box-shadow:0 12px 38px #1b352405}.monitor-column{min-width:0}.panel-head{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head>div{display:flex;align-items:center;gap:9px}.panel-head h2{font-size:13px;margin:0;font-weight:600}.live-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.tag{font-size:9px;color:#68776b;background:#edf0e7;padding:4px 7px;border-radius:3px}.panel-head>span{font:10px var(--mono);color:var(--muted)}.feed{position:relative;margin:0 18px;background:#14241e;overflow:hidden;border-radius:3px;aspect-ratio:16/9}.feed canvas{width:100%;height:100%;display:block;object-fit:contain;cursor:crosshair;touch-action:none}.feed-top,.feed-bottom{position:absolute;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;color:#d9e6cf;font:9px var(--mono);letter-spacing:.4px;pointer-events:none}.feed-top{top:15px}.feed-top span{background:#0c191bd6;padding:6px 8px;border:1px solid #a8c29c26}.feed-bottom{bottom:14px;font-size:8px}.feed-status{position:absolute;left:15px;bottom:39px;background:#11221ce8;border:1px solid #73916666;padding:10px 13px;font-size:11px;color:#dfe6d4;pointer-events:none}.feed-status span{color:#c4df99;margin-right:8px}.feed-status.alert{background:#613222e8;border-color:#e39d66;color:#ffedcc}.feed-status.unavailable{background:#3f3731ee;border-color:#b5a07f}.source-controls{display:flex;padding:19px 22px 0;justify-content:space-between;gap:12px;align-items:center}.segmented{display:flex;border:1px solid var(--line);border-radius:4px;padding:3px;background:#eff1e9}.segmented button{border:0;background:transparent;color:#627063;padding:8px 12px;font-size:10px;border-radius:3px}.segmented button.selected{background:#fff;color:var(--ink);box-shadow:0 1px 3px #20332116}.text-button{background:none;border:0;color:var(--muted);font-size:10px;white-space:nowrap}.small-note{font-size:10px;color:var(--muted);line-height:1.8}.monitor-column>.small-note{margin:12px 23px 22px}.event-strip{display:flex;gap:13px;margin:0 23px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.event-icon{font-size:30px;color:var(--orange)}.event-strip b{font-size:12px;font-weight:600}.event-strip p{font-size:10px;margin:5px 0 0;color:var(--muted)}.chip{font:8px var(--mono);background:#eef1e7;padding:6px;margin-left:auto;color:#61735b;white-space:nowrap}.latency{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 23px}.latency>div{border-right:1px solid var(--line)}.latency>div:last-child{border:0}.latency span{font-size:9px;color:var(--muted);display:block}.latency span small{display:block;font-size:8px;margin-top:2px;color:#7c857a}.latency b{display:flex;align-items:baseline;gap:4px;font:17px var(--mono);margin-top:7px}.latency b span{font:inherit;color:var(--ink)}.latency b small{font:9px var(--mono);color:var(--muted)}#freshness{font:11px 'Noto Sans TC',sans-serif}.decision-panel{border-left:1px solid var(--line);padding:27px 27px 20px;background:#eef0e6}.decision-panel>.eyebrow{color:#66725e;font-size:9px;margin-bottom:19px}.decision-heading{display:flex;justify-content:space-between;align-items:center}.decision-heading h2{font-size:18px;margin:0}.model-state{font-size:9px;border:1px solid #bac9ac;color:#48613f;padding:4px 7px;border-radius:3px}.model-state.danger{border-color:#bf532d;color:#a54122}.hero-number{display:flex;align-items:baseline;gap:10px;margin-top:12px}.hero-number>span{font-size:80px;line-height:1.12;font-weight:500;letter-spacing:-5px;font-variant-numeric:tabular-nums}.hero-number small{font-size:16px;color:#69725e}.number-caption{font-size:10px;color:#6b7564;margin:7px 0 16px}.margin-note{font-size:11px;padding:10px;background:#dde6cf;color:#35512e;border-radius:3px;min-height:37px}.margin-note.danger{background:#eddbca;color:#973e21}.time-bar{display:flex;gap:3px;height:7px;margin:18px 0 9px}.time-bar span{min-width:2px;border-radius:2px;background:var(--green);transition:width .13s}.time-bar span+span{background:#a9c286}.bar-key{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#68745e}.bar-key b{font:9px var(--mono);color:#344c2f}.bar-key i{width:5px;height:5px;display:inline-block;background:var(--green);margin-right:3px}.bar-key .key-margin{background:#a9c286}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-bottom:1px solid #cfd7c6;padding:22px 0 20px;margin-bottom:22px}.mini-metrics span{display:block;color:#68745e;font-size:9px}.mini-metrics b{font:21px var(--mono);display:block;margin-top:8px}.slider-control{margin-bottom:19px}.slider-control label{display:flex;justify-content:space-between;font-size:11px;align-items:center}.slider-control label span{font:10px var(--mono);color:#697663}.slider-control output{font:16px var(--mono);color:var(--ink)}input[type=range]{width:100%;height:4px;accent-color:var(--green);cursor:pointer;margin:15px 0 8px}.range-ticks{display:flex;justify-content:space-between;font:8px var(--mono);color:#79846c}.input-note{font-size:9px;line-height:1.7;color:#68745e;border-top:1px solid #cfd7c6;padding-top:12px}details{font-size:10px;border-top:1px solid #cfd7c6;margin-top:14px;padding-top:14px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}.advanced{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.advanced label{font-size:9px;color:#68745e}.advanced input{display:block;width:100%;margin-top:5px;border:1px solid #c7d1bd;background:#fafcf7;border-radius:3px;padding:8px;color:var(--ink)}.benefit{background:var(--ink);color:#eef2dc;border-radius:4px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:25px;margin-top:16px;padding:26px 30px}.benefit-title>span{font:8px var(--mono);letter-spacing:1px;color:#aabea0}.benefit-title h2{font-size:16px;font-weight:500;margin-bottom:0}.benefit>div>b{font:35px var(--mono);letter-spacing:-2px;color:var(--lime)}.benefit>div>p{font-size:9px;color:#acbca4;margin-bottom:0}.benefit-note{font-size:9px;line-height:1.8;color:#abbca4;border-left:1px solid #455342;padding-left:20px}.model-section,.data-section{padding-top:65px}.section-title{margin-bottom:26px}.section-title h2{font-size:29px;letter-spacing:-.8px;line-height:1.5;margin:0 0 10px;font-weight:600}.section-title h2 span{color:#7a826f}.section-title>p:last-child{font-size:12px;color:var(--muted)}.formula-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;background:#f8f8f3}.formula-card{padding:26px 30px;position:relative;min-width:0}.formula-card+article{border-left:1px solid var(--line)}.step{font:11px var(--mono);color:var(--orange)}.formula-card h3{font-size:15px;font-weight:500}.formula-card p:not(.equation){font-size:11px;color:var(--muted);line-height:1.9}.equation{font:clamp(11px,1.25vw,16px) var(--mono);margin:26px 0 20px;white-space:normal;line-height:1.7;color:var(--green)}.equation.secondary{margin:10px 0 20px}.breakdown{display:flex;gap:3px;align-items:center;margin-top:16px;min-height:25px}.breakdown span{font:8px var(--mono);white-space:nowrap;background:#dee5d4;padding:8px 7px}.breakdown span:last-child{background:#ccd7c4}.definitions{display:flex;flex-wrap:wrap;gap:18px 24px;font-size:10px;color:var(--muted);padding:20px 0;border-bottom:1px solid var(--line)}.definitions b{font-family:var(--mono);color:var(--ink);margin-right:6px}.method-note{padding:20px 0 0;display:grid;grid-template-columns:100px 1fr 1fr;gap:22px;color:var(--muted);font-size:10px;line-height:1.9}.method-note b{color:var(--ink);font-size:11px}.method-note p{margin:0}.data-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.data-cards article{padding:25px 28px;background:#e9ede2;border-radius:4px}.source-label{font:8px var(--mono);letter-spacing:1.1px;color:#62775b}.data-cards h3{font-size:16px;font-weight:500}.data-number{font:48px var(--mono);letter-spacing:-2px;margin:16px 0}.data-number small{font:10px 'Noto Sans TC';letter-spacing:0;color:var(--muted)}.data-cards p{font-size:11px;color:#62705c;line-height:1.9;max-width:480px}.data-cards a{font-size:10px}.data-cards .small-note{font-size:9px;margin-top:20px}.records-head{display:flex;align-items:center;gap:20px;margin-top:30px}.records-head h3{font-size:13px;font-weight:500;margin-right:auto}.records-head label{font-size:10px;color:var(--muted)}.records-head select{padding:7px 10px;margin-left:8px;font-size:10px;border:1px solid var(--line);background:transparent;border-radius:3px}.records-head>a{font-size:10px}.table-wrap{max-height:350px;overflow:auto;border:1px solid var(--line);border-radius:4px;margin-top:10px}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}thead{background:#e9ece2;position:sticky;top:0}th,td{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:400}th{font-size:9px;color:#68745e}td:nth-child(2){font-style:italic}td small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.next-step{margin-top:50px;padding:32px;background:#e4e9dc;border-radius:4px}.next-step h2{font-size:21px;font-weight:500;letter-spacing:-.3px}.pipeline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.pipeline span{font-size:11px;border:1px solid #bac8af;padding:9px 15px;border-radius:3px}.pipeline i{font-style:normal;color:#77866d}.next-step>p{font-size:10px;color:#66735e;line-height:1.9;max-width:900px}footer{margin:60px auto 0;max-width:1440px;padding:25px 4%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:13px}footer>span{font-size:9px;color:var(--muted)}footer>span:last-child{font:8px var(--mono)}
@media(min-width:1450px){.hero-number>span{font-size:90px}.decision-panel{padding:30px}.panel-head{padding-top:22px;padding-bottom:22px}}@media(max-width:1000px){header{padding:20px 3%}.brand small{display:none}.prototype{font-size:8px}nav{gap:17px}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.decision-panel{padding:23px 20px}.tag{display:none}.hero-number>span{font-size:69px}.source-controls{padding-left:18px;padding-right:18px;flex-wrap:wrap}.chip{display:none}.benefit{grid-template-columns:1.2fr 1fr 1fr}.benefit-note{grid-column:1/-1;border-left:0;padding-left:0;margin:0}.latency{gap:8px;padding:20px 18px}.formula-card{padding:23px}.method-note{grid-template-columns:70px 1fr}.method-note>p:last-child{grid-column:2}.intro-aside{max-width:300px}}@media(max-width:740px){header{padding:17px 5%}.brand{font-size:14px}.brand-icon{width:30px;height:30px;font-size:24px}.prototype{display:none}nav{gap:13px;font-size:10px}main{padding:0 5%}.intro{padding-top:35px;display:block}.intro h1{font-size:43px;letter-spacing:-2px}.intro-aside{display:none}.eyebrow{font-size:9px}.lede{font-size:12px}.workspace{display:flex;flex-direction:column}.decision-panel{border-left:0;border-top:1px solid var(--line);padding:25px}.hero-number>span{font-size:78px}.monitor-column>.small-note{font-size:9px}.event-strip{margin:0 18px}.event-strip p{font-size:8px}.latency b{font-size:15px}.latency>div{padding-right:5px}.benefit{grid-template-columns:1fr 1fr;padding:24px;gap:23px}.benefit-title{grid-column:1/-1}.benefit>div>b{font-size:31px}.formula-grid,.data-cards{grid-template-columns:1fr}.formula-card+article{border-left:0;border-top:1px solid var(--line)}.equation{font-size:12px}.definitions{gap:15px;font-size:9px}.method-note{display:block}.method-note p{margin-top:14px}.section-title h2{font-size:25px}.model-section,.data-section{padding-top:45px}.records-head{flex-wrap:wrap;gap:8px 12px}.records-head h3{flex:1 0 50%;margin:0}.records-head>a{margin-top:7px}.table-wrap{margin-top:17px}th,td{padding:12px;white-space:nowrap}.next-step{padding:24px}.next-step h2{font-size:18px}.pipeline{gap:8px}.pipeline span{font-size:10px;padding:7px}.pipeline i{font-size:10px}footer{flex-wrap:wrap;gap:15px;padding:20px 5%}footer>span:last-child{display:none}.panel-head{padding:16px 18px}.feed{margin:0 12px}.feed-top,.feed-bottom{font-size:7px;left:9px;right:9px}.feed-top{top:9px}.feed-status{font-size:9px;left:9px;bottom:29px;padding:6px 8px}.source-controls{padding-top:15px}.segmented button{font-size:9px;padding:7px 9px}.text-button{font-size:9px}.latency{padding:19px 18px}.small-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.signal-panel{margin:22px 23px 0;padding:18px;border:1px solid #c6cfbe;border-radius:5px;background:#e9eddf;display:flex;align-items:center;gap:17px}.signal-device{display:flex;gap:9px;background:#17231f;border:4px solid #33443a;border-radius:28px;padding:10px;box-shadow:0 3px 8px #0002}.lamp{display:block;width:28px;height:28px;border-radius:50%;background:#3e4941;box-shadow:inset 0 3px 5px #0008}.signal-device[data-state=red] .red{background:#f24836;box-shadow:0 0 15px #f2483688,inset 0 2px 5px #fff4}.signal-device[data-state=amber] .amber{background:#ffbe32;box-shadow:0 0 15px #ffbe3288}.signal-device[data-state=green] .green{background:#50cd79;box-shadow:0 0 15px #50cd7988}.signal-info .eyebrow{font-size:8px;margin:0 0 7px}.signal-info h3{margin:0;font-size:15px}.signal-info p{font-size:10px;margin:6px 0 0;color:#62705d}.signal-info .signal-legend{font-size:9px}.signal-panel>button{margin-left:auto}.signal-settings{margin:14px 23px 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;color:#596950}.signal-settings input[type=number]{width:48px;padding:5px;border:1px solid #bdc9b2;background:#fff;border-radius:3px}.signal-settings input[type=checkbox]{accent-color:#254e3c;vertical-align:middle}.signal-settings label{white-space:nowrap}@media(max-width:1000px){.signal-panel{flex-wrap:wrap}.signal-device{gap:5px;padding:7px}.lamp{width:24px;height:24px}.signal-panel>button{font-size:9px}}