:root{--background:#f6f0e7;--foreground:#213229;--panel:#fffaf4e0;--line:#455b4e2e;--sage:#5f7a5f;--sage-dark:#31493c;--sage-soft:#dfe8db;--terracotta:#cb7c5d;--amber:#f2d9a6;--shadow:0 18px 60px #2c362b1f;--font-geist-sans:"Avenir Next", "Noto Sans TC", "PingFang TC", sans-serif;--font-geist-mono:"SFMono-Regular", "IBM Plex Mono", "Menlo", monospace}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:radial-gradient(circle at top left, #f2d9a6cc, transparent 28%), radial-gradient(circle at top right, #cb7c5d2e, transparent 24%), linear-gradient(180deg, #fcf7f0 0%, var(--background) 38%, #efe6d8 100%);font-family:var(--font-geist-sans), "Noto Sans TC", "PingFang TC", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{width:min(1200px,100vw - 32px);margin:0 auto;padding:32px 0 56px}.hero,.panel,.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{background:linear-gradient(135deg,#fffaf3e6,#e8f2e7eb);border-radius:28px;grid-template-columns:minmax(0,1.55fr) minmax(300px,.95fr);gap:20px;padding:32px;display:grid}.eyebrow{color:var(--sage);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:.74rem;font-weight:800}.hero h1,.panel h2,.signal-columns h3{font-family:var(--font-geist-mono), "IBM Plex Mono", monospace}.hero h1{max-width:10ch;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.94}.hero-copy{color:#213229c2;max-width:60ch;margin-top:18px;font-size:1.02rem;line-height:1.7}.hero-panel{color:#f9f4ee;background:#31493ceb;border-radius:24px;align-content:start;gap:14px;padding:24px;display:grid}.status-dot{background:var(--amber);border-radius:999px;width:12px;height:12px}.status-dot.ok{background:#87d48f}.status-dot.warn{background:#ffce7b}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.button-primary,.button-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;transition:transform .14s,background .14s;display:inline-flex}.button-primary{background:var(--terracotta);color:#fffaf3}.button-secondary{background:#ffffff1f;border:1px solid #fff3}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.stats-grid,.content-grid{gap:18px;margin-top:18px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fffbf6d1;border-radius:22px;gap:10px;padding:20px;display:grid}.stat-card p,.stat-card span,.recommendation-item p,.plan-card p,.signal-card p,table span,.empty-state,.notice-box p{color:#213229b8}.stat-card strong{font-size:2rem}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr)}.tables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--panel);border-radius:26px;padding:24px}.compact-panel{background:linear-gradient(#fff8f1eb,#ecf1e8eb)}.panel-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel h2{font-size:1.4rem}.badge-row,.mini-tags{flex-wrap:wrap;gap:8px;display:flex}.badge,.mini-tag{background:var(--sage-soft);min-height:30px;color:var(--sage-dark);border-radius:999px;align-items:center;padding:0 12px;font-size:.86rem;display:inline-flex}.recommendation-list,.plan-list{gap:12px;display:grid}.recommendation-item,.plan-card,.signal-card{border:1px solid var(--line);background:#fffefbd1;border-radius:18px;justify-content:space-between;gap:14px;padding:16px 18px;display:flex}.recommendation-item span,.plan-card-head span{color:var(--terracotta);font-weight:700}.notice-box{background:#f2d9a652;border:1px solid #cb7c5d38;border-radius:18px;margin-top:14px;padding:14px 16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 10px}thead th{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.signal-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.signal-columns h3{margin-bottom:12px;font-size:1rem}.empty-state,.empty-cell{padding:16px 0}@media (max-width:980px){.hero,.content-grid,.tables-grid,.signal-columns,.stats-grid{grid-template-columns:1fr}.hero h1{max-width:none}.panel-head,.recommendation-item,.plan-card,.signal-card{flex-direction:column}}@media (max-width:640px){.app-shell{width:min(100vw - 20px,1200px);padding:16px 0 32px}.hero,.panel,.stat-card{border-radius:20px}.hero,.panel{padding:18px}}