:root{--bg:#f6f7f9;--ink:#172d31;--muted:#788788;--green:#147561;--line:#dde5e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Microsoft YaHei",sans-serif}header,main,footer{max-width:1320px;margin:auto}header{height:94px;display:flex;align-items:center;gap:70px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:25px;font-weight:800}.brand span{font-size:13px;letter-spacing:3px;margin-left:10px}nav{display:flex;gap:32px;font-size:14px}.live{margin-left:auto;color:var(--green);font-size:11px;letter-spacing:2px}.hero{position:relative;padding:68px 0 56px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--green);font-weight:700}h1{font-size:58px;line-height:1.3;letter-spacing:-2px;margin:22px 0}h1 span{color:var(--green)}p{color:var(--muted);font-size:14px;line-height:1.8}.local{margin-top:32px;display:flex;gap:20px;align-items:center;font-size:12px}.local strong{font-size:27px;font-variant-numeric:tabular-nums}.local small{display:block;margin-top:6px;color:var(--muted)}.orb{position:absolute;right:60px;top:44px;width:390px;height:330px;display:grid;place-items:center;color:#95bcb1;background:radial-gradient(ellipse,#dcece4,transparent 68%)}.globe{font:300 290px Georgia;transform:rotate(-23deg);line-height:1}.orb span{position:absolute;bottom:0;letter-spacing:4px;font-size:9px}.orbit{position:absolute;width:380px;height:130px;border:1px solid #9abeb2;border-radius:50%;transform:rotate(-25deg)}section{scroll-margin-top:25px}#world,#holidays{padding:40px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:27px;margin:12px 0 24px;letter-spacing:-.7px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;border-radius:8px;padding:12px 18px}.search input{border:0;outline:none;width:235px;font:inherit;background:transparent}.filters{display:flex;gap:8px;flex-wrap:wrap}button,select{font:inherit;cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 18px;border-radius:6px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.hint{font-size:11px;margin:18px 0}.clocks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.clock{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.clock.night{background:#203b40;color:#f1f8f6;border-color:#203b40}.clock-top{display:flex;gap:10px;align-items:center;font-size:14px}.clock-top small{font-size:10px;color:#8da5a3;margin-left:auto}.star{position:absolute;right:16px;bottom:18px;border:0;background:transparent;color:#9caaa6;padding:4px;font-size:21px}.star.saved{color:#d6a351}.clock h3{font-size:13px;font-weight:400;color:#819894;margin:8px 0 22px}.time{font-size:36px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.clock p{font-size:11px;margin-bottom:0;color:#8b9b98}.more{display:block;margin:22px auto}.controls{display:flex;gap:10px}select{padding:12px;background:white;border:1px solid var(--line);border-radius:7px;max-width:220px}.calendar-layout{display:grid;grid-template-columns:1.75fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar{padding:26px}.month-nav{display:flex;align-items:center;gap:15px;margin-bottom:24px}.month-nav h3{margin:0 auto 0 0}.month-nav button{padding:7px 12px}.week,#days{display:grid;grid-template-columns:repeat(7,1fr)}.week{text-align:center;color:var(--muted);font-size:12px;padding-bottom:14px}#days>div{min-height:80px;border-top:1px solid #edf0ef;padding:10px;font-size:12px;min-width:0}#days .empty{background:#fafbfa}#days .date-today b{background:var(--green);color:white;border-radius:50%;padding:5px}#days small{display:block;font-size:9px;color:var(--green);margin-top:8px;overflow-wrap:anywhere}.holiday{background:#f0f7f2}aside{background:#f8faf9;border-left:1px solid var(--line);padding:32px}aside h3{font-size:19px}#count{color:var(--green)}.event{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.event strong{color:var(--green);font-size:24px}.event h4{font-size:13px;margin:0 0 6px}.event p{font-size:11px;margin:3px 0}.source{font-size:11px;margin:16px 0}.source a{text-decoration:underline}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}button:hover{border-color:var(--green)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3caa8c;outline-offset:3px}@media(max-width:1400px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:900px){.orb{right:-100px;opacity:.4;z-index:-1}.clocks{grid-template-columns:repeat(2,1fr)}.calendar-layout{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}footer{gap:20px;flex-wrap:wrap}}@media(max-width:580px){header{height:76px;gap:20px}nav{font-size:11px;gap:12px}.live{display:none}.hero{padding-top:45px}h1{font-size:42px}.local{flex-wrap:wrap}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.search{width:100%}.search input{width:100%}.clocks{gap:10px}.clock{padding:16px}.time{font-size:27px}.clock-top{font-size:12px}.clock-top small{display:none}.calendar{padding:15px}#days>div{padding:6px 3px;min-height:65px}h2{font-size:23px}.orb{right:-170px}.controls{width:100%}select{max-width:65%}}