:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#23443f;background:#f4f6f2;font-synthesis:none;font-size:16px;--ink:#23443f;--green:#256b5e;--border:#e4eae2;--muted:#78877b}*{box-sizing:border-box}body{margin:0}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #cb9c41;outline-offset:4px}.wrap{max-width:1120px;margin:auto;padding:0 32px}.topbar{height:100px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:25px;letter-spacing:2px}.brand-icon{color:var(--green);font-size:39px;line-height:1}.brand-en{font-size:10px;letter-spacing:2px;margin-left:4px}.tagline{color:#849088;font-size:12px;border-left:1px solid #d8e0d8;padding-left:24px}.location-label{margin-left:auto;border:1px solid #dae2d8;background:#fff;border-radius:30px;padding:10px 18px;color:var(--ink);font-size:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#658477;margin:0 0 10px}h1{font-size:30px;letter-spacing:1px;margin:0 0 10px;font-weight:600}h2{font-size:18px;margin:0;font-weight:600}.muted{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.button{border:1px solid #d5dfd5;border-radius:9px;padding:11px 18px;background:#fff;color:var(--ink);font-size:13px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.button:hover{background:#e9efE7}.status{font-size:13px;color:#687d71;min-height:19px;margin:0 0 16px}.status.error{color:#8c5e2b;background:#fbf0dc;padding:12px 15px;border-radius:9px}.hero{position:relative;overflow:hidden;min-height:328px;border-radius:22px;background:#dceee8;display:flex;margin-bottom:22px}.hero-info{padding:33px 38px;z-index:2;position:relative;flex:1}.hero-kicker{font-size:12px;letter-spacing:1px;color:#66877a;margin:0 0 12px}.hero h2{font-size:22px;font-weight:500}.temperature{font-size:91px;letter-spacing:-6px;font-weight:300;line-height:1.15;margin:9px 0}.weather-line{display:flex;gap:22px;font-size:15px;margin:8px 0 16px}.weather-line span+span{border-left:1px solid #acc9bc;padding-left:22px;color:#567d6d}#overview{font-size:12px;color:#668575}.scene{position:relative;width:48%;overflow:hidden}.sun{position:absolute;width:107px;height:107px;border-radius:50%;background:#f9e1a2;left:41%;top:37px;box-shadow:0 0 0 22px #f7e6b44d,0 0 0 44px #f7e6b422}.cloud{position:absolute;border-radius:70px;background:#f7fbf4b8;height:23px;width:114px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;bottom:0;width:45px;height:45px;left:18px}.cloud:after{left:48px;width:57px;height:57px}.cloud-one{top:111px;left:13%}.cloud-two{top:73px;right:-17px;transform:scale(.7)}.mountain{position:absolute;width:400px;height:190px;bottom:-63px;background:#b6d2c6;transform:rotate(-24deg);border-radius:65px}.back{left:24%;bottom:-65px;background:#c5dccf;transform:rotate(-34deg)}.front{left:-41px;bottom:-101px;background:#adcbbb;transform:rotate(25deg)}.hill{position:absolute;bottom:-126px;right:-50px;width:360px;height:215px;border-radius:50%;background:#96bfae}.tower{position:absolute;bottom:58px;left:54%;height:114px;width:30px;background:#709b8c;clip-path:polygon(47% 0,53% 0,58% 39%,71% 70%,100% 100%,74% 100%,50% 67%,27% 100%,0 100%,30% 70%,42% 39%)}.scene-caption{position:absolute;bottom:19px;right:25px;font-size:8px;color:#507363;letter-spacing:2px}.advice-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px}.section-label{display:flex;align-items:center;gap:10px}.tiny-icon{font-size:23px;color:#57816c}.pill{margin-left:auto;background:#eff4e9;color:#7b8b59;padding:4px 8px;border-radius:5px;font-size:10px}.advice-main{font-size:20px;line-height:1.6;margin:18px 0 12px;font-weight:500}.footnote{font-size:12px;color:#89938b;line-height:1.7;margin:13px 0 0}.rain{background:#f9faf2}.rain-main{font-size:16px;line-height:1.8;margin:19px 0;color:#506550}.section{margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading>.muted{font-size:12px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.period{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px}.period-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px}.period-heading span{font-size:12px;color:#91a092}.period-temperature{font-size:35px;font-weight:400;line-height:1.3;margin:15px 0 6px}.comparison{font-size:12px;color:#4c7a67;min-height:36px;line-height:1.6}.period-advice{border-top:1px solid #edf0e9;margin:15px 0 0;padding-top:15px;font-size:13px;line-height:1.8;color:#748276}.chart-scroll{overflow:auto;padding-bottom:8px}#chart{display:block;height:150px}.hours{display:grid;grid-template-columns:repeat(24,1fr);min-width:1680px}.hour{text-align:center;border-right:1px solid #edf1eb;font-size:12px;line-height:1.8;padding:5px}.hour strong{display:block;font-size:16px;font-weight:500}.hour small{display:block;color:#859285}footer{font-size:11px;color:#8a958c;padding:30px 0 40px;line-height:1.6}footer p{margin:5px 0}.footer-top{display:flex;justify-content:space-between;margin-bottom:15px}.footer-brand{font-size:17px;color:#5e796a;letter-spacing:2px}.footer-brand small{font-size:10px;letter-spacing:1px;margin-left:8px}.copyright{margin-top:14px;color:#9da79e}label{display:block;margin:22px 0 8px;font-size:13px}.primary{background:var(--green);color:#fff;border:0;width:100%;margin:22px 0 10px}.primary:hover{background:#185347}
@media(max-width:760px){.wrap{padding:0 20px}.topbar{height:78px}.brand-en,.tagline{display:none}.page-heading{margin-top:28px}h1{font-size:24px}.page-heading .button{padding:10px;font-size:12px}.eyebrow{font-size:8px}.hero{min-height:300px}.hero-info{padding:27px 25px}.scene{width:40%;position:absolute;right:0;height:100%;opacity:.72}.sun{left:25%;width:78px;height:78px}.temperature{font-size:80px}.hero-info #overview{max-width:220px;line-height:1.7}.advice-grid{grid-template-columns:1fr}.card{padding:22px}.period-grid{gap:10px}.period{padding:16px 12px}.period-heading{font-size:13px;flex-direction:column;align-items:start;gap:5px}.period-temperature{font-size:29px}.section-heading{align-items:start}.section-heading .muted{max-width:120px;text-align:right;font-size:10px}.footer-top{align-items:center}.scene-caption{display:none}.period-advice{font-size:12px}.comparison{min-height:57px}}

.hero-rain{font-size:12px;color:#688a78;margin:14px 0 0}.outfit-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 0}.outfit-pieces>div{border-top:1px solid #e8eee6;padding-top:9px}.outfit-pieces dt{font-size:11px;color:#879589;margin-bottom:5px}.outfit-pieces dd{font-size:13px;line-height:1.8;margin:0;color:#577263}.rain-main.needed{color:#81622d}.period-observation{font-size:11px;line-height:1.9;color:#7e8d81;margin:7px 0}.period-temperature small{font-size:11px;letter-spacing:1px;margin-right:8px;color:#8a998e}.comparison.alert{color:#945e34;font-weight:600}.comparison-note{font-size:11px;color:#8a978c;line-height:1.7;margin:5px 0}.day-overview{display:grid;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.day-card{border:1px solid #e2e9df;background:#fbfcf8;border-radius:12px;padding:18px 14px;min-width:0}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.day-heading h3{font-size:17px;font-weight:600;margin:0}.day-date{font-size:11px;color:#8b998c;margin:0}.day-range{font-size:23px;margin:15px 0 7px;letter-spacing:-.5px}.day-summary{font-size:11px;color:#7d8e80;line-height:1.9;margin:6px 0}.day-details{border-top:1px solid #e5ece2;margin-top:15px;padding-top:12px}.day-details summary{font-size:12px;color:#4b7b64;cursor:pointer}.day-table-wrap{overflow-x:auto;margin-top:13px}.day-details table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.day-details th,.day-details td{border-bottom:1px solid #e6ece3;padding:9px 4px}.day-details th{font-weight:500;font-size:9px;color:#809184}.day-details th:first-child,.day-details td:first-child{text-align:left}.day-details td:nth-child(2){font-size:9px;color:#819184}.day-details tr:last-child td{border:0}.day-details summary:focus-visible{outline:3px solid #cb9c41;outline-offset:4px}
@media(max-width:1100px){.day-overview{grid-template-columns:1fr}.day-heading{justify-content:flex-start;gap:18px}.day-range{margin:12px 0 5px}.day-details table{font-size:12px}.day-details th,.day-details td{padding:10px 6px}.day-details th,.day-details td:nth-child(2){font-size:11px}}
@media(max-width:760px){.outfit-pieces{grid-template-columns:1fr}.outfit-pieces dd{font-size:12px}.period-grid{grid-template-columns:1fr}.period{padding:22px}.period-heading{flex-direction:row;align-items:center}.period-temperature{font-size:35px}.comparison{min-height:0}.period-observation{font-size:12px}.day-overview{gap:14px}.day-card{padding:20px 15px}.day-details table{font-size:11px}.day-details th,.day-details td:nth-child(2){font-size:10px}}