:root{--navy:#122a47;--blue:#3163c9;--teal:#087e83;--amber:#aa640b;--red:#be4150;--muted:#5e6c7e;--line:#dce4ee;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:16px/1.6 system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif}.topbar{background:var(--navy);color:white;padding:20px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:14px;align-items:center;font-weight:700;letter-spacing:.1em}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.08em;color:#c8d5e7}.brandmark{border:1px solid #7994af;border-radius:9px;padding:6px 10px;letter-spacing:0;color:#9be0dc}.demo{background:#24405d;border:1px solid #49627b;padding:5px 12px;border-radius:30px;font-size:12px;white-space:nowrap}main{max-width:1328px;margin:auto;padding:32px 24px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{font-size:12px;color:var(--teal);font-weight:700;letter-spacing:.14em;margin:0 0 8px}h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:0;line-height:1.4}.subtitle{color:var(--muted);font-size:14px;margin:7px 0 0}.period{border-left:2px solid var(--line);padding-left:24px;white-space:nowrap}.period span{display:block;font-size:12px;color:var(--muted)}.period strong{font-size:24px;letter-spacing:.04em}.filters{display:flex;gap:24px;align-items:end;background:white;border:1px solid var(--line);padding:20px 24px;border-radius:12px}.filters label{font-size:14px;font-weight:600;flex:0 1 240px}select{display:block;width:100%;margin-top:7px;padding:11px 35px 11px 12px;background:#f8fafc;border:1px solid #b7c6d9;border-radius:6px;color:var(--navy);font:inherit;font-weight:400;min-height:46px}.filters p{margin:0 0 2px auto;font-size:14px;color:var(--muted)}.filters p span{font-size:12px}.summary{font-size:14px;color:var(--muted);margin:20px 0 12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.card h2{font-size:16px;margin:0}.card .english{font-size:12px;color:var(--muted);min-height:38px;line-height:1.5;margin:4px 0 15px}.value{font-size:36px;font-weight:700;letter-spacing:-.04em;line-height:1.2}.value small{font-size:18px;margin-left:5px;font-weight:500}.card .count{font-size:12px;color:var(--muted);margin:10px 0}.change{font-size:14px;margin:0}.good{color:#08765e}.bad{color:#af3745}.neutral{color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}h2{font-size:18px;margin:0}.panel-heading p{font-size:14px;color:var(--muted);margin:5px 0 0}.unit{font-size:12px;color:var(--muted);white-space:nowrap}.legend{display:flex;flex-wrap:wrap;gap:16px;margin:17px 0 12px;font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px}.blue{background:var(--blue)}.teal{background:var(--teal)}.amber{background:var(--amber)}.red{background:var(--red)}svg{display:block;width:100%;height:auto}.chart svg text{font-size:12px;fill:var(--muted)}.comparison,.details{margin-top:20px}.department-row{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;margin-top:19px;font-size:14px}.bar-pair{display:grid;gap:5px}.bar-track{background:#edf2f8;border-radius:3px;position:relative;height:25px}.bar-fill{height:100%;border-radius:3px;min-width:1px;display:flex;align-items:center;justify-content:end;padding-right:8px;color:white;font-size:12px;font-weight:600}.table-scroll{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left;font-size:14px}th{color:var(--muted);font-weight:500;background:#f6f8fb}th,td{padding:14px 16px;border-bottom:1px solid #e6ecf3}td small{display:block;color:var(--muted);font-size:12px}.definitions{font-size:14px;color:var(--muted);padding:20px 0}.definitions summary{cursor:pointer;min-height:44px;padding:10px 0}.definitions li{margin:8px 0}footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line);padding:22px 0}footer span{letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}select:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #3163c9;outline-offset:3px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters p{display:none}.chart-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:15px 16px}.brand{font-size:12px;gap:8px}.brand small{font-size:12px;letter-spacing:0}.demo{font-size:12px;padding:4px 8px}.brandmark{padding:4px 7px}main{padding:24px 16px}.page-heading{align-items:start}.period{display:none}.subtitle{font-size:12px}.filters{padding:16px;gap:12px}.filters label{flex:1;min-width:0}.cards{gap:12px}.card{padding:16px 12px}.card h2{font-size:14px}.card .english{min-height:54px;font-size:12px}.value{font-size:29px}.change{font-size:12px}.card .count{min-height:36px}.panel{padding:18px 14px}.department-row{grid-template-columns:84px 1fr;gap:10px;font-size:14px}.unit{font-size:12px}.legend{gap:12px}.chart-grid{margin-top:16px;gap:16px}footer{flex-direction:column}.definitions ul{padding-left:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}