:root{--ink:#1a1612;--paper:#faf7f1;--paper-2:#f4ecd9;--paper-3:#fdf9ee;--gold:#d4a72c;--accent:#d4a72c;--rule:#e8dfd0;--rule-2:#f0e7d3;--muted:#6b5d4a;--muted-2:#9b8568;--success:#2d7a3e;--danger:#c53d3d;--warn:#9b6a1f;--sans:"Noto Sans TC", "PingFang TC", -apple-system, sans-serif;--serif:"Noto Serif TC", serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.65}a{color:inherit;text-decoration:none}.shell{max-width:1280px;margin:0 auto;padding:40px 32px 60px}.brand{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-bottom:32px;padding-bottom:24px;display:flex}.brand-left{align-items:baseline;gap:18px;display:flex}.brand-mark{font-family:var(--mono);letter-spacing:.35em;color:var(--muted-2);text-transform:uppercase;font-size:11px}.brand-h1{font-family:var(--serif);letter-spacing:-.01em;margin-top:4px;font-size:32px;font-weight:500}.brand-h1 em{color:var(--gold);font-style:normal;font-weight:600}.brand-right{font-family:var(--mono);color:var(--muted-2);font-size:11px}.brand-live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.bg-panel{background:var(--ink);color:var(--paper);border-radius:4px;grid-template-columns:1.4fr 1fr;gap:36px;margin-bottom:32px;padding:28px 32px;display:grid}.bg-title{font-family:var(--mono);letter-spacing:.35em;color:var(--gold);margin-bottom:12px;font-size:11px}.bg-body{font-family:var(--serif);color:#faf7f1e0;font-size:14px;line-height:1.85}.bg-body strong{color:var(--paper);font-weight:600}.bg-stats{grid-template-columns:1fr 1fr;align-content:start;gap:14px 18px;display:grid}.bg-stat-label{font-family:var(--mono);letter-spacing:.25em;color:#faf7f180;margin-bottom:4px;font-size:9px}.bg-stat-value{font-family:var(--serif);font-size:19px;font-weight:500}.section{margin-bottom:40px}.section-head{align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.section-mark{font-family:var(--mono);letter-spacing:.35em;color:var(--muted-2);text-transform:uppercase;font-size:11px}.section-h2{font-family:var(--serif);font-size:24px;font-weight:500}.section-sub{color:var(--muted);margin-left:auto;font-size:12px}.refresh-btn{font-family:var(--sans);background:var(--ink);color:var(--paper);cursor:pointer;letter-spacing:.03em;border:0;border-radius:3px;padding:6px 12px;font-size:11px;transition:all .15s}.refresh-btn:hover{background:#2a241c}.refresh-btn:disabled{opacity:.5;cursor:wait}.date-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.df-hint{color:var(--muted);font-size:11px;font-family:var(--mono);letter-spacing:.03em;margin-left:10px}.glossary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px;display:grid}.glossary-item{background:var(--paper-3);border:1px solid var(--rule-2);border-radius:3px;padding:12px 14px}.glossary-term{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:600}.glossary-def{color:var(--muted);font-size:11.5px;line-height:1.6}@media (max-width:880px){.glossary{grid-template-columns:1fr 1fr}}.faq{gap:10px;display:grid}.faq-item{border:1px solid var(--rule);border-left:3px solid var(--gold);background:#fff;border-radius:0 3px 3px 0;padding:16px 20px}.faq-q{font-family:var(--serif);color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:600}.faq-a{color:#3d3328;font-size:12.5px;line-height:1.85}.faq-a strong{color:var(--ink)}.df-btn{border:1px solid var(--rule);color:var(--ink);cursor:pointer;font-size:12px;font-family:var(--sans);background:#fff;border-radius:3px;padding:7px 14px;transition:all .15s;display:inline-block}.df-btn:hover{background:var(--paper-2)}.df-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.stat{border:1px solid var(--rule);background:#fff;border-radius:3px;padding:18px 20px}.stat.feature{background:var(--ink);color:var(--paper);border:0}.stat.feature .stat-label{color:var(--gold)}.stat.feature .stat-sub{color:#faf7f18c}.stat-label{font-family:var(--mono);letter-spacing:.22em;color:var(--muted-2);text-transform:uppercase;margin-bottom:10px;font-size:9px}.stat-value{font-family:var(--serif);font-size:36px;font-weight:600;line-height:1}.stat-value small{color:var(--muted-2);margin-left:4px;font-size:14px;font-weight:400}.stat-sub{color:var(--muted);margin-top:8px;font-size:11px}.delta-up{color:var(--success);font-weight:600}.delta-down{color:var(--danger);font-weight:600}.delta-flat{color:var(--muted-2)}.funnel{border:1px solid var(--rule);background:#fff;border-radius:3px;padding:20px 24px}.funnel-row{border-bottom:1px dashed var(--rule);grid-template-columns:32px 200px 1fr 80px 60px;align-items:center;gap:14px;padding:12px 0;display:grid}.funnel-row:last-child{border-bottom:0}.funnel-step{background:var(--paper-2);width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.funnel-label{font-size:13px;font-weight:500}.funnel-bar{background:var(--paper-2);border-radius:2px;height:22px;position:relative;overflow:hidden}.funnel-bar-fill{background:linear-gradient(90deg, var(--ink) 0%, #2a241c 100%);border-radius:2px;height:100%;transition:width .5s}.funnel-num{text-align:right;font-family:var(--serif);font-size:16px;font-weight:600}.funnel-rate{text-align:right;color:var(--muted-2);font-size:11px}.subs{border:1px solid var(--rule);background:#fff;border-radius:3px;overflow:hidden}.subs-row{border-bottom:1px solid var(--rule-2);grid-template-columns:90px 110px 1fr 140px 90px;align-items:center;gap:12px;padding:11px 18px;font-size:12.5px;display:grid}.subs-row:last-child{border-bottom:0}.subs-row.header{background:var(--paper-2);font-family:var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;padding:10px 18px;font-size:10px}.subs-time{font-family:var(--mono);color:var(--muted);font-size:11px}.subs-name{font-weight:500}.subs-title{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.subs-email{font-family:var(--mono);color:var(--muted-2);font-size:10px}.subs-tag{letter-spacing:.04em;border-radius:2px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-block}.tag-real{background:var(--success);color:#fff}.tag-test{background:var(--paper-2);color:var(--warn);border:1px solid #e0d4b2}.tag-e2e{color:#1d4f9b;background:#e8f0fe;border:1px solid #c0d3f0}.tag-pre{background:var(--paper-3);color:var(--muted);border:1px solid var(--rule-2)}.channels{border:1px solid var(--rule);background:#fff;border-radius:3px;padding:16px 22px}.ch-row{border-bottom:1px dashed var(--rule-2);grid-template-columns:24px 1fr 60px 60px;align-items:center;gap:12px;padding:8px 0;font-size:12.5px;display:grid}.ch-row:last-child{border-bottom:0}.ch-icon{text-align:center;font-size:14px}.ch-num{text-align:right;font-family:var(--serif);font-weight:600}.ch-delta{text-align:right;font-size:10px;font-family:var(--mono)}.grid-2{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.trend-table{border:1px solid var(--rule);border-collapse:collapse;background:#fff;border-radius:3px;width:100%;overflow:hidden}.trend-table th,.trend-table td{text-align:right;border-bottom:1px solid var(--rule-2);padding:10px 14px;font-size:12px}.trend-table th{background:var(--paper-2);font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:500}.trend-table td:first-child,.trend-table th:first-child{text-align:left;font-weight:500}.trend-table td.num{font-family:var(--serif);font-weight:600}.trend-table tr:last-child td{border-bottom:0}.foot{border-top:1px solid var(--rule);color:var(--muted-2);text-align:center;font-size:11px;font-family:var(--mono);letter-spacing:.1em;margin-top:60px;padding-top:24px}@media (max-width:880px){.shell{padding:24px 18px 40px}.bg-panel,.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.funnel-row{grid-template-columns:24px 100px 1fr 60px}.funnel-rate{display:none}.subs-row{grid-template-columns:80px 1fr 80px;padding:10px 12px}.subs-name,.subs-email{display:none}}
