:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Noto Sans TC",Arial,sans-serif;color:#17243b;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1120px;margin:auto;padding:26px 28px}header,.brand,.sectionhead,.cardtop,.holiday,.holiday>div,footer{display:flex;align-items:center;justify-content:space-between}.brand{justify-content:start;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand img{width:42px}.brand small{color:#2563eb;font-size:12px}.version,.hint,.status,footer{font-size:12px;color:#7b8798}.version{border:1px solid #e1e7ef;padding:7px 12px;border-radius:20px}.hero{padding:75px 0 40px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#3673e7}.hero h1{font-size:clamp(32px,5vw,56px);letter-spacing:-2px;line-height:1.2;margin:16px 0}.hero p{font-size:16px;color:#64748b}.controls{background:white;border:1px solid #e9edf3;border-radius:18px;padding:20px;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:14px;box-shadow:0 12px 30px #213f7310}.controls label{font-size:12px;font-weight:700;color:#64748b;display:flex;flex-direction:column;gap:9px}select,button{font:inherit;border-radius:9px;padding:12px;border:1px solid #e2e8f0;background:white;color:#24334c}button{cursor:pointer}#refresh{background:#2563eb;color:white;border:none;align-self:end;font-weight:700}.status{padding:16px 4px 38px}.sectionhead{gap:12px;margin-bottom:19px}h2{font-size:25px;letter-spacing:-.8px;margin:7px 0 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid #e5ebf2;background:white;border-radius:17px;padding:22px;box-shadow:0 8px 25px #1e3a5f09}.card:first-child{border-color:#91b7ff;box-shadow:0 12px 34px #2563eb12}.rank{font-size:12px;color:#2563eb;font-weight:800}.ratio{font-size:11px;color:#8491a3}.big{display:flex;align-items:baseline;gap:8px;margin-top:22px}.big strong{font-size:57px;letter-spacing:-3px}.big span{font-weight:700}.period{font-weight:700;font-size:14px;margin:5px 0 18px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border-radius:6px;background:#f1f5f9;color:#526177;padding:7px 9px;font-size:11px;font-weight:700}.chip.blue{background:#eaf1ff;color:#2563eb}.sub{color:#748197;font-size:12px;min-height:36px;line-height:1.6}.copy{border:0;border-top:1px solid #eef1f5;border-radius:0;width:100%;text-align:left;padding:15px 0 0;color:#2563eb;font-weight:700;font-size:12px}.holidaysection{margin-top:65px}.holidaylist{background:white;border:1px solid #e9edf3;border-radius:16px;padding:0 22px}.holiday{padding:17px 0;border-bottom:1px solid #eff2f6;gap:12px}.holiday:last-child{border:0}.holiday>div{gap:22px;justify-content:start}.holiday strong{min-width:108px;font-size:13px}.holiday span{color:#526177;font-size:13px}.holiday time{font-size:12px;color:#94a3b8}.empty{padding:28px;color:#7b8798;background:white;border-radius:14px;grid-column:1/-1}footer{gap:16px;margin-top:65px;padding:20px 0;border-top:1px solid #e2e8f0}a{color:#2563eb}@media(max-width:780px){.wrap{padding:20px}.hero{padding:50px 0 30px}.controls{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.controls,.cards{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.hint{display:none}.holiday>div{gap:8px;flex-direction:column;align-items:start}.holiday strong{min-width:0}footer{flex-direction:column;align-items:start}}
