:root{--accent:#287fab;--tint:#eaf5fa;--ink:#202d35}*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.article-page{max-width:430px;min-height:100vh;margin:auto;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 18px;font-size:15px}.topbar a,.save-button{width:34px;color:var(--ink);font-size:32px;line-height:1;text-decoration:none}.save-button{border:0;background:transparent;font-size:27px;cursor:pointer}.save-button.is-saved{color:#ef6c70}.hero-photo,.content-photo{position:relative;overflow:hidden;background:linear-gradient(135deg,#cbe9f0,#96cde2)}.hero-photo{height:276px}.hero-photo img,.content-photo img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.hero-photo img.is-missing,.content-photo img.is-missing{display:none}.hero-photo span,.content-photo span{position:absolute;inset:0;display:grid;place-content:center;color:#4b7180;font-size:13px}.article-content{padding:28px 22px 54px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.12em}h1{margin:0;font-size:28px;line-height:1.28;letter-spacing:-.045em}h2{margin:30px 0 11px;font-size:21px;letter-spacing:-.02em}.lead{margin:14px 0 18px;color:#63717a;font-size:16px;line-height:1.7}.article-content>p:not(.eyebrow):not(.lead){color:#4e5c64;font-size:16px;line-height:1.85}.article-meta{display:flex;gap:9px;align-items:center;color:#909ba1;font-size:12px}.article-meta i{width:1px;height:12px;background:#cbd5d9}.article-meta time{margin-left:auto}.info-card{margin-top:25px;padding:15px 16px;border-radius:13px;background:var(--tint)}.info-card b{font-size:14px}.info-card p{margin:7px 0 0;color:#5b8295;font-size:13px}.content-photo{height:205px;margin:22px 0 4px;border-radius:14px}ol{margin:0;padding:0;list-style:none}li{padding:13px 0;border-bottom:1px solid #edf1f2;color:#516069;font-size:15px;line-height:1.6}li b{color:var(--accent)}blockquote{margin:28px 0 0;padding:15px 17px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:#f6fbfd;color:#557181;font-size:14px;line-height:1.75}@media(max-width:360px){.hero-photo{height:238px}.article-content{padding-right:18px;padding-left:18px}h1{font-size:26px}}