:root{--navy:#041a2c;--blue:#0d3a59;--cyan:#4cc9d5;--coral:#ef5c54;--orange:#ff9d3d;--paper:#f4f7f7;--ink:#102331;--line:#cbd8dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}nav{height:78px;padding:0 clamp(22px,5vw,84px);display:flex;align-items:center;gap:42px;background:rgba(247,250,250,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(4,26,44,.12)}.brand{font-size:22px;font-weight:900}.brand span{color:var(--coral)}.links{display:flex;gap:28px;margin-left:auto}.links a{font-size:14px;font-weight:700}.login,.primary{display:inline-flex;padding:12px 20px;background:var(--coral);color:#fff;font-weight:800;border-radius:6px}.menu{display:none}.hero{min-height:690px;background:linear-gradient(90deg,rgba(2,21,37,.94) 0%,rgba(2,21,37,.7) 38%,rgba(2,21,37,.08) 72%),url('/assets/honghaipro-coastal-storm.png') center/cover;position:relative;color:#fff;padding:clamp(82px,11vw,150px) clamp(24px,7vw,120px);display:flex;align-items:center}.hero-copy{max-width:690px}.eyebrow,.kicker{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--cyan);margin-bottom:16px}.hero h1{font-size:clamp(45px,6.5vw,92px);line-height:1.03;letter-spacing:0;margin:0 0 25px}.hero p{font-size:18px;max-width:620px;color:#d8e8ee}.actions{display:flex;gap:12px;margin-top:34px}.actions>a:not(.primary){padding:12px 20px;border:1px solid rgba(255,255,255,.45);border-radius:6px}.weather{position:absolute;right:6vw;bottom:42px;background:rgba(4,26,44,.55);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);padding:20px 24px;display:grid;grid-template-columns:auto auto;gap:2px 18px}.weather strong{font-size:42px;color:var(--cyan);grid-row:1/3;grid-column:2}.weather small{color:#bcd2db}.device-dock{max-width:1240px;margin:-24px auto 80px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 24px 70px rgba(5,27,43,.14)}.device-dock a{padding:28px;border-right:1px solid var(--line)}.device-dock b{font-size:22px;display:block}.device-dock span{font-size:13px;color:#607683}.device-dock a:hover{background:#eaf5f6}.split,.prepared,.journal,.reading{max-width:1180px;margin:90px auto;padding:0 24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split h2,.prepared h2,.journal h2,.page-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.1;letter-spacing:0;margin:0 0 22px}.split ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}.split li{display:grid;grid-template-columns:56px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.split li b{color:var(--coral)}.prepared{max-width:none;margin:100px 0;background:var(--navy);color:#fff;padding:90px max(6vw,24px);display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:10vw;align-items:center}.prepared p{color:#c5d8df}.signal{height:300px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:24px;position:relative}.signal i{display:block;background:linear-gradient(var(--cyan),transparent);width:4px;height:70%;justify-self:center;animation:pulse 2s infinite}.signal i:nth-child(2){height:95%;animation-delay:.3s}.signal i:nth-child(3){height:55%;animation-delay:.6s}.signal b{text-align:center;font-size:13px}@keyframes pulse{50%{filter:brightness(2);transform:scaleY(.85)}}.status-band{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 5vw}.status-band>div,.status-band>a{padding:34px;border-right:1px solid var(--line)}.status-band span,.status-band small{display:block;font-size:12px;color:#657985}.status-band h2{margin:6px 0;font-size:26px}.journal header{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--navy);margin-bottom:20px}.dispatch-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--line)}.dispatch{background:var(--paper);padding:28px;min-height:220px}.dispatch:first-child{grid-row:span 2;min-height:460px;background:#fff}.dispatch h3{font-size:20px;line-height:1.35}.dispatch:first-child h3{font-size:34px}.dispatch span{font-size:12px;color:var(--coral);font-weight:800}.identity{margin:80px 5vw 0;padding:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr auto;gap:30px}.identity p{margin:0;color:#60727e}.page-hero{min-height:420px;background:var(--navy);color:#fff;padding:100px max(7vw,24px) 70px}.page-hero p{max-width:720px;color:#c8dbe2;font-size:18px}.page-hero.editorial{background:linear-gradient(125deg,var(--navy),#0d4a64)}.route-grid,.article-index{max-width:1180px;margin:-42px auto 90px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.route-grid a,.article-index a{background:#fff;padding:28px;box-shadow:0 10px 30px rgba(5,27,43,.07)}.route-grid span,.article-index span{display:block;color:#71828b;font-size:12px}.reading{background:#fff;padding:48px;max-width:900px}.article-index{grid-template-columns:1fr 1fr}.article-index a p{color:#60727e}.dispatch-article{max-width:900px;margin:0 auto;padding:90px 24px}.dispatch-article header{border-bottom:2px solid var(--navy);padding-bottom:36px}.dispatch-article header span{display:block;color:var(--coral);margin:18px 0}.dispatch-article h1{font-size:clamp(38px,6vw,68px);line-height:1.12;letter-spacing:0}.dispatch-article header p{font-size:19px;color:#526b78}.dispatch-body{max-width:720px;margin:60px auto}.dispatch-body section{margin:0 0 58px}.dispatch-body h2{font-size:30px;line-height:1.3}.dispatch-body p{font-size:17px}.dispatch-article aside{border-top:1px solid var(--line);padding-top:25px;display:flex;gap:20px;flex-wrap:wrap}.dispatch-article aside b{width:100%}footer{background:#021522;color:#d1dfe4;padding:55px 6vw 30px;display:grid;grid-template-columns:1fr auto;gap:25px}footer a{margin-left:22px}footer>p{grid-column:1/-1;border-top:1px solid #29414e;padding-top:20px}.text-link{color:var(--coral);font-weight:800}@media(max-width:760px){nav{height:66px;padding:0 18px}.links{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.links.open{display:flex}.login{margin-left:auto;padding:9px 12px}.menu{display:block;border:0;background:none;font-size:22px}.hero{min-height:610px;background-position:62% center;padding-top:90px;align-items:flex-end}.hero h1{font-size:46px}.weather{display:none}.device-dock{grid-template-columns:1fr 1fr;margin:-1px 14px 60px}.device-dock a{padding:20px}.split,.prepared{grid-template-columns:1fr;gap:35px;margin:60px 0;padding:55px 22px}.split{margin:60px auto;padding:0 22px}.signal{height:190px}.status-band{grid-template-columns:1fr 1fr;padding:0}.status-band>div{grid-column:1/-1}.dispatch-grid{grid-template-columns:1fr}.dispatch:first-child{grid-row:auto;min-height:280px}.identity{grid-template-columns:1fr;margin:50px 20px 0;padding:25px 0}.route-grid,.article-index{grid-template-columns:1fr;margin-top:-24px}.page-hero{min-height:350px}.dispatch-article{padding-top:55px}.dispatch-article h1{font-size:38px}footer{grid-template-columns:1fr}footer a{margin:0 18px 0 0}}