*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f4f6f8;color:#1d2733;line-height:1.5}
a{color:#0b6bcb}
header{background:#0f3d5e;color:#fff;padding:18px 16px 0}
header .wrap{max-width:860px;margin:0 auto}
.logo{font-size:22px;font-weight:700;letter-spacing:.3px;color:#fff;text-decoration:none}
.logo span{color:#f5b942}
.tag{margin:2px 0 12px;font-size:14px;opacity:.85}
nav{display:flex;gap:4px;overflow-x:auto}
nav a{color:#cfe0ee;text-decoration:none;padding:10px 14px;flex:1;text-align:center;border-radius:8px 8px 0 0;font-weight:600;white-space:nowrap}
nav a.on{background:#f4f6f8;color:#0f3d5e}
main{max-width:860px;margin:0 auto;padding:18px 16px 40px}
h1{font-size:24px;margin:4px 0 4px}
.upd{font-size:13px;color:#5b6b7a;margin-bottom:18px}
h2{font-size:18px;margin:26px 0 10px;color:#0f3d5e}
.card{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card .date{font-size:12px;color:#5b6b7a;text-transform:uppercase;letter-spacing:.4px}
.card h3{font-size:16px;margin:4px 0 6px}
.card h3 a{color:#1d2733;text-decoration:none}
.card h3 a:hover{color:#0b6bcb}
.card p{margin:0 0 6px;font-size:15px}
.src{font-size:13px}
.hl{background:#fff7e3;border-left:4px solid #f5b942}
.place{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.place .addr{font-size:14px;color:#425466}
.place .map{font-size:13px;white-space:nowrap}
.badge{display:inline-block;font-size:12px;background:#e6f0f8;color:#0f3d5e;border-radius:6px;padding:1px 7px;margin-left:4px;vertical-align:middle}
.note{font-size:14px;color:#425466}
footer{max-width:860px;margin:0 auto;padding:0 16px 30px;font-size:13px;color:#5b6b7a}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lang{display:flex;background:rgba(255,255,255,.12);border-radius:20px;padding:3px}
.lang a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:6px 12px;border-radius:16px}
.lang a.on{background:#f5b942;color:#0f3d5e}
.hero{position:relative;border-radius:14px;overflow:hidden;margin:0 0 6px;background:#0f3d5e}
.hero img{display:block;width:100%;height:240px;object-fit:cover}
.hero .cap{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 10px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-weight:600}
.credit{font-size:11px;color:#7a8896;margin-bottom:14px}
.credit a{color:#7a8896}
#weather{background:linear-gradient(135deg,#1f6fa8,#0f3d5e);color:#fff;border-radius:14px;padding:14px 12px;min-height:120px}
.wnow{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.wi{font-size:40px}
.wt{font-size:30px;font-weight:700;line-height:1}
.wd{font-size:14px;opacity:.9}
.wdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.wday{text-align:center;background:rgba(255,255,255,.1);border-radius:10px;padding:6px 2px;font-size:13px}
.wday.on{background:rgba(245,185,66,.35)}
.wn{font-weight:600;font-size:12px;white-space:nowrap}
.wic{font-size:20px;margin:2px 0}
.wmx{font-weight:700}
.wmn,.wp{opacity:.8;font-size:12px}
#weather .note{color:#fff}
@media(max-width:420px){.wdays{grid-template-columns:repeat(4,1fr)}}