:root{--ink:#0a1f33;--ink-2:#12334d;--cyan:#00a8c6;--cyan-pale:#e8f8fa;--paper:#f7fafb;--line:#d8e3e8;--muted:#607285;--white:#fff;--orange:#ee743b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;line-height:1.7;overflow-x:hidden}
.topline{background:#b9eff4;color:#10364e;font:500 12px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em}
.topline-inner,.nav-inner,.container{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}
.topline-inner{padding-top:9px;padding-bottom:9px}
.nav{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.nav-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}
.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-weight:700;text-decoration:none;min-width:0}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--cyan);font:700 15px/1 "JetBrains Mono",monospace;color:var(--cyan);flex:none}
.brand small{display:block;color:var(--muted);font:400 10px/1.4 "JetBrains Mono",monospace;letter-spacing:.12em}
.nav-links{display:flex;gap:18px;align-items:center;font-size:14px;min-width:0}
.nav-links a{color:#36556a;text-decoration:none}
.nav-links a:hover,.nav-links a.current{color:var(--cyan)}
.hero{background:var(--ink);color:white;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black 45%,transparent)}
.hero-inner{position:relative;z-index:1;max-width:1160px;margin:auto;padding:76px 24px 64px}
.eyebrow{margin:0 0 16px;color:#8fe9f4;font:500 12px/1.4 "JetBrains Mono",monospace;letter-spacing:.14em}
.hero h1{max-width:800px;margin:0;font:700 clamp(38px,6vw,66px)/1.12 "Noto Serif SC",serif;letter-spacing:-.03em;overflow-wrap:anywhere}
.hero h1 em{font-style:normal;color:#67ddea}
.hero p{max-width:710px;margin:20px 0 0;color:#c7d9e4;font-size:17px}
.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#a9c5d5;font-size:13px}
.hero-meta span{min-width:0}
.hero-meta b{color:white;font-weight:600}
.section{padding:52px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.section-head h2{margin:0;font:700 27px/1.3 "Noto Serif SC",serif}
.section-head p{margin:0;color:var(--muted);font-size:14px}
.lead-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:24px}
.lead-grid>*{min-width:0}
.lead,.method,.topic-card,.source-card{background:white;border:1px solid var(--line)}
.lead{padding:30px;min-width:0}
.tag{display:inline-block;background:var(--cyan-pale);color:#14728c;padding:4px 8px;font-size:12px;font-weight:600}
.lead h3{margin:16px 0 10px;font:700 30px/1.35 "Noto Serif SC",serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.lead p{margin:0;color:#4e6373}
.source-name{margin-top:20px;color:var(--muted);font-size:13px}
.source-name a{color:#156f88;text-decoration:none}
.insight-list{display:grid;gap:12px}
.insight{background:white;border:1px solid var(--line);padding:18px 20px;min-width:0}
.insight strong{display:block;font-size:16px;overflow-wrap:anywhere}
.insight span{display:block;margin-top:5px;color:var(--muted);font-size:14px}
.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.news-card{background:white;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;min-height:225px;min-width:0}
.news-card time{color:#598095;font:400 11px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em}
.news-card h3{margin:12px 0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.news-card p{margin:0;color:var(--muted);font-size:14px}
.news-card a{color:var(--ink);text-decoration:none}
.news-card a:hover{color:#137d97}
.news-card .read{margin-top:auto;padding-top:18px;color:#157992;font-size:13px;font-weight:600}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.topic-card{padding:22px;min-width:0}
.topic-card h3{margin:0;font-size:18px}
.topic-card p{color:var(--muted);font-size:14px;margin:8px 0 0}
.method{padding:28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}
.method>*{min-width:0}
.method h2{margin:0 0 10px;font:700 25px/1.35 "Noto Serif SC",serif}
.method p{color:var(--muted);font-size:14px;margin:0}
.method ul{margin:0;padding-left:20px;color:#466173;font-size:14px}
.method li+li{margin-top:7px}
.cta{margin-top:26px;background:var(--orange);color:white;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cta h2{margin:0;font:700 25px/1.35 "Noto Serif SC",serif}
.cta p{margin:5px 0 0;color:#fff2ea;font-size:14px}
.cta a{display:inline-block;background:white;color:#b34a1d;padding:10px 16px;text-decoration:none;font-weight:700;white-space:nowrap}
.footer{background:#081a2a;color:#b8cad5;margin-top:56px}
.footer-inner{max-width:1160px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:20px;font-size:13px}
.footer a{color:#d8f3f6;text-decoration:none}
@media(max-width:760px){.nav-links a:not(.current){display:none}
.topline-inner,.nav-inner,.container{padding-left:18px;padding-right:18px}
.hero-inner{padding:58px 18px 48px}
.hero h1{font-size:clamp(34px,11vw,44px)}
.hero h1 em{display:block;margin-top:4px}
.hero p{font-size:16px}
.hero-meta{gap:10px 16px}
.lead-grid,.method{grid-template-columns:minmax(0,1fr)}
.news-list,.topic-grid{grid-template-columns:minmax(0,1fr)}
.section{padding:36px 0}
.lead h3{font-size:25px;word-break:break-word}
.section-head{display:block}
.section-head p{margin-top:7px}
.cta,.footer-inner{align-items:flex-start;flex-direction:column}
.cta a{width:100%;text-align:center}
}

.topic-hero h1 { max-width: 1000px; text-wrap: balance; }
.breadcrumbs { color: #c7d9e4; font-size: 14px; margin-bottom: 22px; }
.breadcrumbs a { color: #8fe9f4; }
.breadcrumbs span + span::before { content: "/"; margin: 0 8px; }
.topic-card h3 a { color: #12677d; text-underline-offset: 3px; }
.news-card .source-meta { color: #466173; font-size: 13px; }
.news-card .source-meta time { color: inherit; font: inherit; letter-spacing: normal; }