:root{--bg: #f5f6f4;--card: #ffffff;--text: #1b211e;--muted: #5b665f;--line: #e1e5e1;--accent: #0f6b4f;--accent-soft: #e7f2ed;--warn-bg: #fff6e5;--warn-line: #e8c078;--radius: 12px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--size-1: 1.5rem;--size-2: 1.125rem;--size-3: 1rem;--size-4: .875rem}*,*:before,*:after{box-sizing:border-box}body{margin:0 auto;max-width:720px;padding:var(--space-2);background:var(--bg);color:var(--text);font-family:Noto Sans TC,Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--size-3);font-weight:400;line-height:1.6}h1,h2,p{margin:0}.site-header{padding:var(--space-1) 0 var(--space-2)}h1{font-size:var(--size-1);font-weight:600;line-height:1.3}.subtitle{margin-top:var(--space-1);color:var(--muted);font-size:var(--size-4)}.notice{margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--warn-line);border-radius:var(--radius);background:var(--warn-bg);font-size:var(--size-4)}.card{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}h2{font-size:var(--size-2);font-weight:600}.price-meta{color:var(--muted);font-size:var(--size-4)}.price-meta strong{color:var(--text);font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-2);border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:var(--size-4);cursor:pointer}.chip[aria-selected=true],.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.chip-price{color:var(--muted);font-size:var(--size-4)}.chip[aria-selected=true] .chip-price{color:var(--accent)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{color:var(--muted);font-size:var(--size-4)}input{width:100%;height:40px;padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--space-1);background:var(--card);color:var(--text);font:inherit;font-size:var(--size-3);font-variant-numeric:tabular-nums}input:disabled{background:#f1f3f1;color:var(--muted)}.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.unit-price{color:var(--muted);font-size:var(--size-4)}.unit-price strong{color:var(--accent);font-size:var(--size-3);font-weight:600;font-variant-numeric:tabular-nums}.hint{min-height:20px;color:#8a4b0f;font-size:var(--size-4)}.table-wrap{overflow-x:auto}table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--size-4)}th{padding:var(--space-1);border-bottom:1px solid var(--line);color:var(--muted);font-weight:600;text-align:left;white-space:nowrap}td{padding:var(--space-1);border-bottom:1px solid #f0f2f0}.num{font-variant-numeric:tabular-nums}tr.is-peak td{background:var(--accent-soft)}tr.is-peak td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.badge{display:inline-block;padding:0 var(--space-1);border-radius:999px;background:var(--accent);color:var(--card);font-size:var(--size-4);font-weight:600;white-space:nowrap}.empty{color:var(--muted);font-size:var(--size-4)}.site-footer{padding:var(--space-2) 0 var(--space-4);color:var(--muted);font-size:var(--size-4)}.site-footer p+p{margin-top:var(--space-1)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
