:root { color-scheme: light; --ink:#18243a; --muted:#596a80; --line:#dce4e9; --sea:#126e72; --paper:#f7f8f5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--sea); }
.wrap { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.site-header { border-bottom:1px solid var(--line); background:#ffffffd9; }
.header-row,.footer-row,.section-title { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.header-row { min-height:76px; }
.brand { font-size:23px; font-weight:800; letter-spacing:-.06em; }
.brand span { color:var(--sea); }
nav { display:flex; gap:28px; color:var(--muted); font-size:14px; }
.hero { padding:106px 0 118px; }
.eyebrow { margin:0 0 16px; color:var(--sea); font-size:12px; font-weight:800; letter-spacing:.18em; }
h1 { margin:0; font-size:clamp(42px,7vw,76px); line-height:1.18; letter-spacing:-.065em; }
h1 span { color:var(--sea); }
.intro { max-width:600px; margin:30px 0 32px; color:var(--muted); font-size:18px; }
.primary-link { display:inline-flex; align-items:center; gap:24px; padding:12px 20px; color:white; background:var(--sea); border-radius:8px; font-weight:700; }
.primary-link:hover { color:white; background:#0a5357; }
.notes-section { padding:72px 0 100px; background:white; }
.section-title { align-items:end; margin-bottom:28px; }
h2 { margin:0; font-size:34px; letter-spacing:-.04em; }
.section-title > p { margin:0 0 5px; color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.note-card { padding:30px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.tag { color:var(--sea); font-size:13px; font-weight:700; }
.note-card h3 { min-height:70px; margin:16px 0; font-size:23px; line-height:1.4; }
.note-card p { color:var(--muted); }
.read-more { display:inline-block; margin-top:12px; color:var(--sea); font-weight:700; }
.site-footer { padding:25px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.article { max-width:760px; padding:74px 0 110px; }
.article h1 { font-size:clamp(35px,5vw,53px); }
.article h2 { margin-top:42px; font-size:25px; }
.article p,.article li { color:#3d4c5f; }
.article pre { overflow:auto; padding:20px; border-radius:10px; background:#18243a; color:#e6f3ed; }
.back { display:inline-block; margin-bottom:24px; color:var(--sea); }
@media(max-width:700px) { .hero{padding:74px 0 88px}.grid{grid-template-columns:1fr}.section-title,.footer-row{align-items:start;flex-direction:column}.note-card h3{min-height:0}nav{gap:15px} }