*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;background:#f2f5fa;color:#172033;line-height:1.65}a{color:#6d43d6;text-decoration:none}a:hover{text-decoration:underline}.top{background:linear-gradient(135deg,#5b21b6,#8b5cf6,#b499ff);color:#fff}.top-inner,.wrap{max-width:1040px;margin:auto;padding:0 20px}.top-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;font-weight:750;color:#fff}.lang{color:#fff;background:rgba(255,255,255,.18);padding:6px 12px;border-radius:9px;font-weight:700}.wrap{padding-top:28px;padding-bottom:48px}.crumb{font-size:13px;color:#68758b;margin-bottom:18px}.crumb a{color:#68758b}.hero{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 35px rgba(30,41,59,.07)}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin:0 0 12px}.lead{font-size:17px;color:#526078;max-width:760px;margin:0}.clock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}.clock{background:#f8f7ff;border:1px solid #e8e1ff;border-radius:16px;padding:20px}.clock.primary{background:linear-gradient(145deg,#4c1d95,#7c3aed);color:#fff;border:0}.clock-label{font-weight:700}.time{font-size:clamp(34px,7vw,56px);font-weight:850;letter-spacing:-2px;font-variant-numeric:tabular-nums}.date,.meta{font-size:14px;opacity:.8}.difference{margin-top:12px;font-weight:700;color:#6d43d6}.primary .difference{color:#ede9fe}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.card,.section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.card h2,.section h2{font-size:20px;margin:0 0 10px}.section{margin-top:18px}.converter{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:700}.field input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px}.result{font-size:22px;font-weight:800;color:#5b21b6}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.city-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:18px;color:inherit}.city-card:hover{border-color:#8b5cf6;text-decoration:none;transform:translateY(-1px)}.city-name{font-weight:800;font-size:18px}.city-time{font-size:27px;font-weight:850;font-variant-numeric:tabular-nums}.search{width:100%;margin-top:22px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px}.cta{display:inline-flex;margin-top:14px;background:#7c3aed;color:#fff;padding:10px 16px;border-radius:10px;font-weight:750}.cta:hover{background:#6d28d9;text-decoration:none}footer{text-align:center;color:#68758b;font-size:13px;padding:28px 20px;border-top:1px solid #dbe2ea}.hidden{display:none!important}@media(max-width:760px){.clock-grid,.grid,.city-grid{grid-template-columns:1fr}.converter{grid-template-columns:1fr}.converter .arrow{display:none}.hero{padding:22px}.wrap{padding-top:20px}}