/* 快一步贏銷 — generated from tokens.json */
:root, [data-theme="night"]{--navy-950:#03060d;--navy-900:#07101b;--navy-850:#08131f;--navy-800:#0e1727;--navy-700:#132031;--navy-600:#203a57;--navy-500:#294157;--gold-100:#f0d6a5;--gold-300:#dfc28d;--gold-500:#c6a66b;--gold-700:#a3824c;--gold-800:#8b724a;--jade-300:#96f6da;--mint-200:#b5f8d8;--forest-900:#182d30;--forest-800:#203e39;--forest-700:#293f35;--sage-500:#6d8170;--paper-50:#fffdf8;--paper-100:#faf8f3;--paper-200:#f7f4ed;--mist-100:#f5f7fa;--white:#ffffff;--nv-ink-950:#071215;--nv-panel-900:#0a1b20;--nv-teal-400:#73e7d9;--nv-mint-200:#a4e8d7;--nv-gold-200:#f4e2b9;--nv-brass-500:#b9a578;--bm-space-950:#040a18;--bm-panel-900:#0c2237;--bm-cyan-300:#7ef7e3;--bm-aqua-200:#91f8df;--bm-panel-start:#164b6a;--bm-panel-mid:#253b6a;--bm-panel-end:#422b67;--bm-panel-top:#a0eaff;--surface:var(--navy-950);--surface-raised:var(--navy-700);--surface-header:var(--navy-900);--ink:#eaf3ff;--ink-heading:#e8f0f4;--ink-muted:#91a9c4;--ink-header:#eaf3ff;--line:#25303b;--accent:var(--jade-300);--eyebrow:#dac598;--action:var(--gold-300);--on-action:#18222b;--focus:#f4dca7;--gold-tag-bg:#f7f2e8;--gold-tag-line:#eee2c9;--tag-bg:#e9edf2;--tag-ink:#5e7087;--toast-bg:#263f32;--toast-ink:#dde4ed;}
[data-theme="paper"]{--surface:var(--paper-100);--surface-raised:var(--white);--surface-header:var(--paper-50);--ink:var(--forest-700);--ink-heading:var(--forest-900);--ink-muted:#68735f;--ink-header:var(--forest-700);--line:#deded2;--accent:var(--sage-500);--eyebrow:#8b7755;--action:var(--forest-800);--on-action:#f5f1e6;--focus:#597b61;}
[data-theme="feed"]{--surface:var(--mist-100);--surface-raised:var(--white);--surface-header:var(--navy-850);--ink:#1d3047;--ink-heading:#182d43;--ink-muted:#67798b;--ink-header:#c7d9e3;--line:#dfe6ed;--accent:var(--gold-700);--eyebrow:var(--gold-800);--action:var(--navy-600);--on-action:var(--white);--focus:#a99059;}
[data-theme="neurvi"]{--surface:var(--nv-ink-950);--surface-raised:var(--nv-panel-900);--surface-header:#071316;--ink:#e1f0eb;--ink-heading:#e0eeea;--ink-muted:#8fb0a1;--ink-header:#e1f0eb;--line:#203839;--accent:var(--nv-teal-400);--eyebrow:#6ca9a1;--action:var(--nv-mint-200);--on-action:#122b28;--focus:var(--nv-teal-400);}
[data-theme="beauty"]{--surface:var(--bm-space-950);--surface-raised:var(--bm-panel-900);--surface-header:#050d1d;--ink:#eaf5ff;--ink-heading:#eaf5ff;--ink-muted:#7f9bb8;--ink-header:#9bb4ce;--line:#142337;--accent:var(--bm-cyan-300);--eyebrow:#64b9cd;--action:var(--bm-aqua-200);--on-action:#09202b;--focus:var(--bm-cyan-300);}
:root{--space-5:5px;--space-10:10px;--space-13:13px;--space-18:18px;--space-22:22px;--space-28:28px;--space-46:46px;--radius-xs:4px;--radius-sm:5px;--radius-chip:6px;--radius-md:8px;--radius-nav:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:30px;--shadow-cta:0 6px 25px rgba(0, 0, 0, 0.2);--shadow-nav-active:0 3px 12px rgba(0, 0, 0, 0.267), inset 0 1px 0 rgba(255, 255, 255, 0.467);--shadow-card:0 3px 12px rgba(18, 53, 35, 0.01);--shadow-hero:0 9px 30px rgba(25, 46, 67, 0.02);--shadow-float:0 6px 24px rgba(18, 46, 41, 0.15);--shadow-toast:0 8px 25px rgba(16, 42, 49, 0.17);--font-display:"Noto Serif TC Title", "Noto Serif TC", "Source Han Serif TC", PMingLiU, MingLiU, serif;--font-venture:VentureSerif, "Noto Serif TC", PMingLiU, serif;--font-serif:"Noto Serif TC", "Source Han Serif TC", PMingLiU, MingLiU, serif;--font-sans:Inter, "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif;--font-mono:ui-monospace, monospace;--font-neurvi:NeurviSerif, PMingLiU, serif;--font-georgia:Georgia, "Times New Roman", serif;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", sans-serif;}

/* 快一步贏銷 展示版共用樣式（疊在 tokens.css 之後）。全站假資料。 */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.7}
a{color:inherit}
h1,h2,h3,h4{color:var(--ink-heading);margin:0 0 .5em;line-height:1.35}
h1{font-size:30px}h2{font-size:22px}h3{font-size:17px}h4{font-size:15px}
p{margin:0 0 .8em}
img{max-width:100%}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.muted{color:var(--ink-muted)}
.small{font-size:12px}
.eyebrow{font-size:11px;letter-spacing:2px;color:var(--eyebrow);text-transform:uppercase;margin-bottom:8px;display:block}
.accent{color:var(--accent)}
/* 四站切換頁首 */
.xs-bar{position:sticky;top:0;z-index:50;background:var(--surface-header);color:var(--ink-header);border-bottom:1px solid var(--line)}
.xs-bar .wrap{display:flex;align-items:center;gap:18px;min-height:54px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.xs-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink-header);font-weight:700;letter-spacing:2px}
.xs-brand img{width:30px;height:30px}
.xs-brand small{display:block;font-weight:400;font-size:10px;letter-spacing:1px;opacity:.75}
.xs-sites{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.xs-sites a{padding:5px 11px;border-radius:var(--radius-nav);text-decoration:none;font-size:12.5px;color:var(--ink-header);border:1px solid transparent;white-space:nowrap}
.xs-sites a:hover{border-color:var(--line)}
.xs-sites a[aria-current=page]{background:linear-gradient(125deg,var(--gold-100),var(--gold-500));color:#18222b;font-weight:700}
.xs-sites a.soon{opacity:.6;font-style:normal}
.xs-sites a.soon::after{content:" 第二批";font-size:10px}
/* 展示版說明 */
.xs-demo{position:fixed;right:14px;bottom:14px;z-index:60;max-width:300px;font-size:12.5px}
.xs-demo button.chip{float:right;background:var(--surface-raised);color:var(--ink);border:1px solid var(--eyebrow);border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer;font:inherit;font-size:12px}
.xs-demo .panel{clear:both;background:var(--surface-raised);color:var(--ink);border:1px solid var(--eyebrow);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow-float)}
.xs-demo .panel b{color:var(--eyebrow)}
.xs-demo .panel[hidden]{display:none}
/* 按鈕 */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--action);background:var(--action);color:var(--on-action);padding:9px 18px;border-radius:var(--radius-sm);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.3}
.btn:hover{filter:brightness(1.07)}
.btn.gold{background:linear-gradient(125deg,var(--gold-100),var(--gold-500));color:#18222b;border-color:transparent;box-shadow:var(--shadow-cta)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.danger{background:#a4453d;border-color:#a4453d;color:#fff}
.btn.sm{padding:5px 11px;font-size:12.5px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.link{background:none;border:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
/* 版面 */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card)}
.card.flat{box-shadow:none}
.stat{font-size:26px;font-weight:700;color:var(--ink-heading)}
.tag{display:inline-block;padding:1px 9px;border-radius:var(--radius-xs);background:var(--tag-bg);color:var(--tag-ink);font-size:11.5px;margin:0 4px 4px 0}
.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;background:#e8ecf1;color:#2e445b}
.badge.ok{background:#dcefe2;color:#1d5a35}.badge.wait{background:#fbefcf;color:#7a5a05}.badge.no{background:#f6dcd9;color:#8a2b22}.badge.info{background:#dce8f6;color:#1f4a7a}
/* 表單與表格 */
label.f{display:block;margin-bottom:12px;font-size:13px}
label.f>span{display:block;margin-bottom:4px;color:var(--ink-muted)}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit}
[data-theme=feed] input,[data-theme=feed] select,[data-theme=feed] textarea,[data-theme=paper] input,[data-theme=paper] select,[data-theme=paper] textarea{background:#fff}
input[type=checkbox],input[type=radio]{width:auto}
textarea{min-height:80px;resize:vertical}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink-muted);font-weight:600;font-size:12px}
.tablewrap{overflow-x:auto}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.tabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:13px}
.tabs button[aria-pressed=true],.tabs button.on{background:var(--action);color:var(--on-action);border-color:var(--action)}
.steps{display:flex;gap:8px;margin:0 0 18px;padding:0;list-style:none;flex-wrap:wrap}
.steps li{padding:5px 13px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:12.5px;color:var(--ink-muted)}
.steps li.on{background:var(--action);color:var(--on-action);border-color:var(--action);font-weight:700}
.steps li.done{color:var(--accent);border-color:var(--accent)}
.thumb{width:100%;aspect-ratio:1/1;background-repeat:no-repeat;border-radius:var(--radius-md);background-color:#f1ece2}
.empty{padding:28px;text-align:center;color:var(--ink-muted);border:1px dashed var(--line);border-radius:var(--radius-lg)}
.notice{border-left:3px solid var(--eyebrow);padding:8px 12px;background:rgba(150,150,150,.1);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:12.5px;margin:0 0 14px}
dialog.modal{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink);padding:22px;max-width:560px;width:calc(100% - 30px)}
dialog.modal::backdrop{background:rgba(5,10,20,.6)}
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--toast-bg);color:var(--toast-ink);padding:10px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-toast);opacity:0;pointer-events:none;transition:.25s;z-index:90;max-width:90vw}
#toast.show{opacity:1;transform:translateX(-50%)}
.pay-sim{border:2px dashed var(--eyebrow);border-radius:var(--radius-lg);padding:14px;margin:12px 0;background:rgba(200,170,100,.08)}
@media(max-width:820px){.g3,.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}h1{font-size:25px}.xs-sites{margin-left:0}}
@media(max-width:520px){.g3,.g4{grid-template-columns:1fr 1fr}.wrap{padding:0 14px}.xs-demo{max-width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.tablewrap table{min-width:560px}.badge{white-space:nowrap}