:root{--bg-0:#060f24;--bg-1:#0a1a3a;--surface:#adc8ff12;--surface-strong:#adc8ff1c;--hairline:#bed4ff1f;--text:#f3f6fc;--text-muted:#a9b6cd;--text-faint:#7585a1;--accent:#7cc0ff;--accent-strong:#5a9bff;--accent-ink:#051530;--ok:#8fe3c2;--warn:#eab8c4;--danger:#ff8c9b;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--touch:48px;--nav-h:64px;--gutter:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font:"Noto Sans TC", "PingFang TC", "Noto Sans CJK TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:contain;touch-action:manipulation;background:var(--bg-0);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-size:16px;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%, #12306b 0%, #12306b00 60%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 55%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{width:100%;max-width:480px;min-height:100dvh;padding:calc(var(--safe-top) + 12px) calc(var(--gutter) + var(--safe-right)) calc(var(--nav-h) + var(--safe-bottom) + 32px) calc(var(--gutter) + var(--safe-left));margin:0 auto}.screen{flex-direction:column;gap:28px;padding-top:16px;display:flex}.topbar{min-height:var(--touch);align-items:center;gap:10px;display:flex}.topbar__brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.topbar__brand img{border-radius:8px;width:28px;height:28px}.topbar__title{margin:0;font-size:17px;font-weight:600}.back{width:var(--touch);height:var(--touch);color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-left:-12px;display:inline-flex}.back svg{width:24px;height:24px}.back:active{background:var(--surface)}.page-title{letter-spacing:-.01em;margin:0;font-size:30px;font-weight:700;line-height:1.2}.lede{color:var(--text-muted);margin:8px 0 0;font-size:15px}.hero{border-radius:var(--radius-lg);background:linear-gradient(160deg, #7cc0ff29 0%, #7cc0ff0a 55%), var(--surface);border:1px solid var(--hairline);padding:26px 22px 22px;position:relative;overflow:hidden}.hero__wave{opacity:.5;pointer-events:none;width:132px;height:64px;position:absolute;top:14px;right:-6px}.hero .lede{max-width:17em}.cta{background:linear-gradient(180deg, #a3d4ff 0%, var(--accent-strong) 100%);width:100%;min-height:60px;color:var(--accent-ink);letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:26px;font-size:18px;font-weight:700;display:flex;box-shadow:0 10px 30px -10px #5a9bffb3}.cta svg{flex:none;width:24px;height:24px}.cta:active{filter:brightness(.95);transform:translateY(1px)}.section{flex-direction:column;gap:12px;display:flex}.section__head{justify-content:space-between;align-items:baseline;min-height:24px;display:flex}.section__title{letter-spacing:.12em;color:var(--text-muted);margin:0;font-size:13px;font-weight:600}.link{min-height:44px;color:var(--accent);align-items:center;margin-top:-10px;margin-bottom:-10px;padding-left:12px;font-size:14px;display:inline-flex}.card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--hairline);padding:18px}.card__title{margin:0 0 6px;font-size:16px;font-weight:600}.card__body{color:var(--text-muted);margin:0;font-size:15px}.list{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--hairline);margin:0;padding:0;list-style:none;overflow:hidden}.list>li+li{border-top:1px solid var(--hairline)}.row{align-items:stretch;display:flex}.row__main{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;min-height:64px;padding:12px 8px 12px 16px;display:flex}.row__main:active{background:var(--surface)}.row__title{font-size:16px;font-weight:600}.row__meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row__tags{gap:6px;margin-top:4px;display:flex}.tag{color:var(--text-muted);background:var(--surface-strong);border-radius:999px;padding:1px 8px;font-size:12px;line-height:18px}.tag--ok{color:var(--ok)}.tag--warn{color:var(--warn)}.row__actions{align-items:center;gap:4px;padding-right:8px;display:flex}.btn-quiet{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14px}.btn-quiet:active{background:var(--surface-strong)}.btn-quiet--danger{color:var(--danger)}.empty{text-align:center;border-radius:var(--radius-md);border:1px dashed var(--hairline);color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:36px 24px;display:flex}.empty__title{color:var(--text);margin:0;font-size:16px;font-weight:600}.empty__body{margin:0;font-size:14px}.notice{border-radius:var(--radius-sm);color:var(--danger);background:#ff8c9b1a;margin:0;padding:12px 14px;font-size:14px}.dev{padding-top:8px}.dev .btn-dev{width:100%;min-height:var(--touch);border-radius:var(--radius-sm);border:1px dashed var(--hairline);color:var(--text-muted);cursor:pointer;background:0 0;font-size:14px}.facts{grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:15px;display:grid}.facts dt{color:var(--text-muted)}.facts dd{text-align:right;margin:0}.panel{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--hairline);flex-direction:column;gap:14px;padding:18px;display:flex}.panel .section__title{margin:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips .tag{padding:3px 10px}.btn{min-height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text);cursor:pointer;padding:0 18px;font-size:15px;font-weight:600}.btn:active:not(:disabled){background:var(--surface)}.btn:disabled{opacity:.5;cursor:default}.btn--quiet{color:var(--text-muted);background:0 0;justify-content:center;align-items:center;display:inline-flex}.hint{color:var(--text-muted);margin:0;font-size:14px}.hint--ok{color:var(--ok)}.hint--center{text-align:center}.status{color:var(--text);margin:0;font-size:20px;font-weight:700}.status--go{color:var(--accent)}.notice--info{color:var(--accent);background:#7cc0ff1a}.field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.field__label{color:var(--text-muted);padding:0;font-size:13px}.field--list{gap:4px}.seg{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--hairline);gap:4px;padding:4px;display:flex}.seg__item{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-size:15px;font-weight:600}.seg__item[aria-checked=true]{background:var(--accent-strong);color:var(--accent-ink)}.stepper{align-items:center;gap:8px;display:flex}.stepper__btn{width:var(--touch);height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text);cursor:pointer;font-size:22px}.stepper__input{width:84px;height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--bg-0);color:var(--text);font:inherit;text-align:center;font-size:20px;font-weight:700}.stepper__unit{color:var(--text-faint);font-size:12px}.option{min-height:var(--touch);align-items:center;gap:12px;font-size:15px;display:flex}.option input{width:20px;height:20px;accent-color:var(--accent-strong)}.subpanel{flex-direction:column;gap:10px;display:flex}.subpanel__title{margin:0;font-size:15px;font-weight:600}.meter-row{align-items:center;gap:12px;display:flex}.meter-row__label{color:var(--text-muted);flex:none;font-size:13px}.meter{background:var(--surface-strong);border-radius:999px;flex:1;height:10px;overflow:hidden}.meter__bar{background:linear-gradient(90deg, var(--ok), var(--accent) 70%, var(--danger));border-radius:999px;width:0;height:100%}.preview{margin:0}.preview__video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);background:#000;width:100%;display:block}.preview__caption{color:var(--text-faint);margin-top:8px;font-size:13px}.cta--static{margin-top:0;text-decoration:none}.cta:disabled{opacity:.45;box-shadow:none;cursor:default}.rec{flex-direction:column;align-items:stretch;gap:18px;display:flex}.rec__time{text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:64px;font-weight:700;line-height:1}.rec__state{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin:0;display:flex}.rec__click{color:var(--accent);background:#7cc0ff29;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:600}.rec__status{text-align:center;color:var(--text-faint);margin:0;font-size:13px}.rec__stop{background:var(--danger);color:#2a0710;letter-spacing:.06em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:96px;font-size:22px;font-weight:700;display:flex}.rec__stop:disabled{opacity:.5;cursor:default}.rec__stop-icon{background:currentColor;border-radius:6px;width:26px;height:26px}.countdown{z-index:20;background:#060f24eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.countdown__n{color:var(--accent);font-variant-numeric:tabular-nums;font-size:160px;font-weight:700;line-height:1}.countdown__hint{color:var(--text-muted);font-size:15px}.playback{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;width:100%;display:block}.actions{flex-direction:column;gap:8px;display:flex}.facts--checks dd{overflow-wrap:anywhere}.mark{min-width:1.4em;margin-right:6px;font-weight:700;display:inline-block}.mark--ok{color:var(--ok)}.mark--bad{color:var(--danger)}.nav{z-index:10;width:100%;max-width:480px;padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--hairline);background:#07122bdb;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav__item{height:var(--nav-h);color:var(--text-faint);letter-spacing:.06em;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:500;display:flex;position:relative}.nav__item svg{width:24px;height:24px}.nav__item[aria-current=page]{color:var(--accent)}.nav__item[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0}@media (width>=520px){.nav{border-left:1px solid var(--hairline);border-right:1px solid var(--hairline)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}