.article-body img{display:block;max-width:100%;height:auto;margin:18px 0;border-radius:10px}.article-body u{text-decoration:underline}.article-body s{text-decoration:line-through}
.article-list-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#eaf1fa;max-height:280px;margin-bottom:18px}.article-body h1,.article-body h2,.article-body h3,.article-body h4{line-height:1.4;margin:28px 0 12px;color:var(--ink)}.article-body ul,.article-body ol{padding-left:26px;margin:0 0 20px}.article-body li{margin:4px 0}.article-body blockquote{margin:20px 0;padding:3px 18px;border-left:3px solid var(--blue);background:#f4f8fe}.article-body blockquote p{margin:8px 0}.article-body a{color:var(--blue);text-decoration:underline}.article-body code{padding:2px 5px;border-radius:4px;background:#eef3f9;font-size:.9em}.article-body pre{padding:16px;overflow:auto;border-radius:10px;background:#152944;color:#fff;line-height:1.5}.article-body pre code{padding:0;background:transparent;color:inherit}.article-body p{white-space:pre-wrap}
:root{--blue:#1269e8;--ink:#152944;--muted:#728198;--line:#e8edf5;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #83b9ff;outline-offset:3px}.container{max-width:1180px;padding:0 28px;margin:auto}.site-header{height:70px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:65px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;white-space:nowrap}.brand img{width:31px;height:31px;border-radius:9px}.brand span{font-size:11px;font-weight:400;border-left:1px solid #d9e1eb;padding-left:11px;margin-left:3px;color:#8795a9}.header-inner nav{display:flex;gap:32px;align-items:center;flex:1}.header-inner nav a{font-size:14px;color:#566780}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--blue)}.header-cta{background:var(--blue);padding:10px 17px;color:#fff;font-size:13px;white-space:nowrap}.banner{padding:61px 0 68px;background:radial-gradient(circle at 78% 95%,#348df5 0%,transparent 35%),linear-gradient(115deg,#063b94,#0860cf 55%,#1178e6);color:#fff}.eyebrow{font-size:11px;letter-spacing:.18em;color:#b7d8ff;font-weight:800}.eyebrow.blue{color:#3984eb}.banner h1{font-size:44px;margin:15px 0 10px}.banner h1 span{color:#b9dcff;font-weight:500}.banner p{color:#d8eaff;font-size:15px;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:-27px;position:relative;padding-bottom:80px}.feed,.side-card,.side-note{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #193e7610}.feed{padding:26px 30px;min-height:370px}.feed-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.feed-head h2{margin:5px 0 0;font-size:22px}.feed-head a{font-size:13px;color:var(--blue)}.article-list{display:grid}.article-item{display:block;padding:22px 0;border-bottom:1px solid var(--line)}.article-item:hover h3{color:var(--blue)}.article-item h3{font-size:19px;line-height:1.5;margin:10px 0 8px}.article-item p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 12px}.category{font-size:11px;color:var(--blue);background:#ebf4ff;border-radius:4px;padding:5px 9px}.article-item time,.article-detail time{color:#98a5b5;font-size:12px}.article-detail{padding:26px 0}.article-detail h1{font-size:30px;line-height:1.4;margin:16px 0}.article-detail .summary{color:#63758d;background:#f4f8fe;border-left:3px solid var(--blue);padding:15px 18px;line-height:1.8;margin:25px 0}.article-body{font-size:15px;line-height:2.1;color:#30435c;overflow-wrap:anywhere}.article-body p{margin:0 0 20px;white-space:pre-wrap}.article-meta{display:flex;gap:14px;align-items:center}.article-views{color:#98a5b5;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:24px 0 4px}.pagination-button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);padding:8px 13px;cursor:pointer}.pagination-button:disabled{color:#aab5c4;cursor:not-allowed}.pagination-label{color:var(--muted);font-size:13px}.recommendations h3{margin:0 0 16px}.recommendation-list{display:grid;gap:14px}.recommendation-item{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:start}.recommendation-cover{width:86px;height:58px;object-fit:cover;border-radius:7px;background:#eaf1fa}.recommendation-item h3{grid-column:2;margin:-2px 0 0;font-size:13px;line-height:1.45}.recommendation-item .category,.recommendation-item p{display:none}.recommendation-item .article-meta{grid-column:2;margin-top:-5px}.recommendation-item .article-views{font-size:11px}.recommendation-item time{display:none}@media(max-width:760px){.recommendation-item{grid-template-columns:92px 1fr}.recommendation-cover{width:92px;height:62px}}.state{color:var(--muted);font-size:14px;padding:35px 0}.sidebar{display:grid;align-content:start;gap:16px}.side-card{padding:25px}.side-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#eaf3ff;color:var(--blue);font-size:24px}.side-card h3{margin:20px 0 8px}.side-card p,.side-note p{font-size:13px;line-height:1.8;color:var(--muted)}.side-card a{display:block;color:var(--blue);font-size:13px;font-weight:700;margin-top:22px}.side-note{padding:22px}.side-note strong{font-size:14px}.footer{text-align:center;color:#a1adbd;font-size:11px;padding:0 15px 40px}
@media(max-width:760px){.container{padding:0 16px}.site-header{height:auto}.header-inner{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.brand{font-size:18px}.brand span{display:none}.header-inner nav{order:3;width:100%;gap:24px}.header-cta{margin-left:auto}.banner{padding:42px 0 65px}.banner h1{font-size:29px}.banner p{font-size:13px;line-height:1.7}.layout{grid-template-columns:1fr}.feed{padding:22px 17px}.sidebar{grid-template-columns:1fr}.article-detail h1{font-size:24px}}
/* Article cards share a consistent text-first hierarchy across screen sizes. */
.article-item{padding:26px 0;transition:background-color .2s ease}
.article-item h3{margin:0 0 14px;font-size:20px;line-height:1.45;font-weight:700;letter-spacing:-.015em}
.article-item-body{display:grid;grid-template-columns:minmax(0,1fr) 186px;align-items:start;gap:24px}
.article-item-description{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:18px}
.article-excerpt{color:#65758b;font-size:14px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.article-item .article-meta{margin-top:auto}
.article-list-cover{width:186px;height:112px;max-height:none;margin:0;aspect-ratio:5/3;border-radius:10px;object-fit:cover}
.article-list-cover:not(img),.recommendation-cover:not(img){background:linear-gradient(135deg,#eaf3ff,#dce9f9)}
.recommendation-list{gap:0}
.recommendation-list[data-loading-state="ready"],.recommendation-list[data-loading-state="empty"]{min-height:0;align-content:start}
.side-card .recommendation-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;margin-top:0;border-top:1px solid var(--line);color:inherit;font-weight:400}
.side-card .recommendation-item:first-child{border-top:0;padding-top:0}
.recommendation-cover{flex:0 0 86px;width:86px;height:60px}
.recommendation-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
.recommendation-title{font-size:13px;font-weight:650;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.recommendation-item:hover .recommendation-title{color:var(--blue)}
.recommendation-item .article-meta{margin:0}
.article-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.article-neighbor{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fbff;transition:border-color .2s,background-color .2s}
.article-neighbor:hover{border-color:#b5d3fb;background:#eff6ff}
.article-neighbor-label{font-size:12px;color:var(--blue);font-weight:650}
.article-neighbor strong{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:760px){.article-item-body{grid-template-columns:minmax(0,1fr) 124px;gap:14px}.article-list-cover{width:124px;height:84px}.article-item h3{font-size:18px}.article-excerpt{font-size:13px;-webkit-line-clamp:3}.recommendation-cover{flex-basis:92px}}
@media(max-width:420px){.article-item-body{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.article-list-cover{width:96px;height:76px}.article-item-description{gap:10px}.article-meta{flex-wrap:wrap;gap:4px 12px}.article-neighbors{grid-template-columns:1fr}}