:root{color-scheme:light;--brand:#16a34a;--ink:#171b22;--muted:#737b87;--line:#e5e7eb;--soft:#f5f6f8;--white:#fff;--amber:#f59e0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:var(--soft);letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%}.container,.header-inner,.footer-inner{width:min(1200px,calc(100% - 32px));margin:auto}.site-header{position:relative;z-index:10;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:none;gap:10px;min-width:170px}.brand-visual{display:flex;align-items:center;justify-content:center;min-width:42px;height:44px}.brand-visual img{display:block;width:auto;max-width:132px;height:auto;max-height:44px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--brand);color:#fff;font:900 24px/1 Arial}.brand-copy strong{display:block;max-width:180px;overflow:hidden;color:#20242b;font-size:20px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.brand-copy small{display:block;max-width:180px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.primary-nav{display:flex;align-self:stretch;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.primary-nav a{position:relative;display:flex;align-items:center;height:100%;padding:0 15px;flex:none;color:#5d6571;font-size:15px;font-weight:700}.primary-nav a:after{position:absolute;right:15px;bottom:0;left:15px;height:3px;border-radius:3px 3px 0 0;background:var(--brand);content:"";opacity:0;transform:scaleX(.4);transition:.2s}.primary-nav a:first-child,.primary-nav a:hover{color:var(--brand)}.primary-nav a:first-child:after,.primary-nav a:hover:after{opacity:1;transform:scaleX(1)}.search{display:flex;width:246px;height:38px;margin-left:auto;flex:none;border:1px solid #dfe3e8;border-radius:6px;overflow:hidden;background:#fafbfc}.search input{width:100%;min-width:0;padding:0 12px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px}.search button{width:58px;border:0;background:var(--brand);color:#fff;cursor:pointer;font-weight:700}.search button:hover{filter:brightness(.94)}main.container{padding-top:22px;padding-bottom:60px}.focus-strip{display:flex;align-items:center;gap:16px;min-height:48px;margin-bottom:18px;padding:0 16px;border:1px solid var(--line);border-radius:6px;background:var(--white);overflow:hidden}.focus-strip>strong{flex:none;color:var(--brand);font-size:14px}.focus-strip>div{display:flex;min-width:0;gap:28px;overflow:hidden}.focus-strip a{position:relative;min-width:0;overflow:hidden;flex:1;color:#343a43;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.focus-strip a+a:before{position:absolute;left:-15px;color:#c5cad1;content:"·"}.lead-layout{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(300px,1fr);gap:24px;margin-bottom:24px}.headline{position:relative;min-height:440px;overflow:hidden;border-radius:8px;background:#242a33}.headline>a{display:block;height:100%}.headline img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-placeholder{display:grid;place-items:center;min-height:440px;background:#242a33;color:#aab1bb;font-size:38px;font-weight:900}.headline-copy{position:absolute;right:0;bottom:0;left:0;padding:22px 26px 24px;background:rgba(10,13,17,.82);color:#fff}.headline-copy>span{display:inline-flex;padding:4px 9px;border-radius:4px;background:var(--brand);font-size:12px;font-weight:800}.headline-copy h1{margin:10px 0 8px;max-width:800px;font-size:30px;line-height:1.3}.headline-copy p{display:-webkit-box;margin:0 0 10px;overflow:hidden;color:#d5dae1;font-size:14px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.headline-copy time{color:#aeb5bf;font-size:12px}.lead-sidebar,.home-side,.archive-side,.article-side{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--white)}.lead-sidebar{padding:20px 20px 8px}.side-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.side-heading>span{width:4px;height:20px;border-radius:3px;background:var(--brand)}.side-heading h2{margin:0;font-size:18px}.rank-list>a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;padding:13px 0;border-bottom:1px solid #eef0f2}.rank-list>a:last-child{border-bottom:0}.rank-list>a>b{color:#aeb5bf;font-size:20px;font-style:italic;line-height:1.25}.rank-list>a:nth-child(-n+3)>b{color:var(--amber)}.rank-list>a>span{min-width:0;font-size:14px;font-weight:700;line-height:1.45}.rank-list small{display:block;margin-top:5px;color:#9aa1aa;font-size:11px;font-weight:400}.content-layout{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(300px,1fr);gap:24px;align-items:start}.latest-feed{min-width:0;padding:20px 22px 8px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px;padding-bottom:12px;border-bottom:2px solid #252a32}.section-heading>div span{display:block;margin-bottom:2px;color:var(--brand);font-size:10px;font-weight:900}.section-heading h2{margin:0;font-size:22px}.section-heading>a{color:var(--muted);font-size:12px}.stream-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid #eceef1}.stream-item:last-child{border-bottom:0}.stream-media{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#edf0f3}.stream-media img,.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.stream-item:hover img,.news-card:hover img{transform:scale(1.035)}.stream-copy{min-width:0}.item-meta{display:flex;align-items:center;gap:10px;color:#9aa1aa;font-size:11px}.item-meta span{color:var(--brand);font-weight:800}.stream-copy h3{margin:8px 0 7px;font-size:19px;line-height:1.42}.stream-copy h3 a:hover,.card-copy h3 a:hover{color:var(--brand)}.stream-copy p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.media-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;background:#edf0f3;color:#9aa2ad}.media-placeholder b{font-size:17px}.media-placeholder small{margin-top:4px;font-size:10px}.home-side,.archive-side,.article-side{position:sticky;top:18px;padding:20px}.category-links{display:flex;flex-wrap:wrap;gap:8px}.category-links a{padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:#fafafa;font-size:13px}.category-links a:hover{border-color:var(--brand);color:var(--brand)}.side-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.side-note strong{font-size:14px}.side-note p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.category-section{margin-top:36px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{min-width:0}.card-media{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#edf0f3}.card-copy{padding-top:11px}.card-copy h3{margin:7px 0 0;font-size:16px;line-height:1.48}.page-heading{margin-bottom:20px;padding:22px 26px;border-left:4px solid var(--brand);background:var(--white)}.page-heading>span,.article-kicker{color:var(--brand);font-size:12px;font-weight:800}.page-heading h1{margin:5px 0 0;font-size:30px;line-height:1.3}.page-heading p{margin:8px 0 0;color:var(--muted);line-height:1.7}.archive-layout{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(280px,1fr);gap:24px;align-items:start}.archive-layout>section{padding:4px 22px 10px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.pager{display:flex;justify-content:center;gap:10px;padding:22px 0}.pager a,.not-found a{padding:10px 18px;border-radius:5px;background:var(--brand);color:#fff;font-size:13px;font-weight:700}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(260px,1fr);gap:30px;align-items:start}.article-page{padding:32px 38px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.article-page h1{margin:8px 0 14px;font-size:36px;line-height:1.32}.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:#9299a3;font-size:12px}.article-summary{margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--brand);background:#f6f8f7;color:#59616c;font-size:15px;line-height:1.75}.article-cover{display:block;width:100%;margin:26px 0;aspect-ratio:16/9;border-radius:6px;object-fit:cover}.article-content{overflow-wrap:anywhere;font-size:17px;line-height:1.95}.article-content p{margin:0 0 1.25em}.article-content h2,.article-content h3{margin-top:1.7em;line-height:1.4}.article-content img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:5px}.article-content a{color:var(--brand);text-decoration:underline}.article-side{max-height:calc(100vh - 36px);overflow:auto}.tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;margin-top:28px;border-top:1px solid var(--line)}.tags a{padding:7px 11px;border-radius:4px;background:#f0f3f1;color:#4e5b53;font-size:12px}.empty{padding:30px;color:var(--muted);text-align:center}.not-found{padding:100px 20px;text-align:center}.not-found>span{display:block;color:var(--brand);font-weight:800}.not-found strong{display:block;margin:4px 0;color:#242a33;font-size:96px;line-height:1}.not-found h1{margin:10px 0}.not-found p{margin-bottom:28px;color:var(--muted)}.site-footer{background:#1d2229;color:#c6cbd2}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:24px;padding:36px 0}.footer-brand strong{display:block;color:#fff;font-size:18px}.footer-brand span{display:block;margin-top:6px;color:#8f98a4;font-size:12px}.footer-links{display:flex;gap:18px;font-size:13px}.footer-links a:hover{color:#fff}.footer-inner>small{grid-column:1/-1;padding-top:20px;border-top:1px solid #343a43;color:#7e8793;font-size:11px}@media(max-width:980px){.header-inner{flex-wrap:wrap;gap:0;padding-top:12px}.brand{width:50%;padding-bottom:12px}.search{width:50%;margin-left:0;margin-bottom:12px}.primary-nav{order:3;width:100%;height:46px;border-top:1px solid var(--line)}.primary-nav a{padding:0 14px}.lead-layout,.content-layout{grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr)}.headline,.hero-placeholder{min-height:380px}.headline-copy h1{font-size:26px}.article-layout{grid-template-columns:1fr}.article-side{position:static;max-height:none}.article-side .rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:760px){.container,.header-inner,.footer-inner{width:min(100% - 24px,1200px)}main.container{padding-top:14px}.focus-strip{margin-bottom:14px}.focus-strip>div{gap:18px}.focus-strip a{min-width:220px}.lead-layout,.content-layout,.archive-layout{grid-template-columns:1fr}.lead-sidebar{padding-bottom:16px}.lead-sidebar .rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.home-side,.archive-side{position:static}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-page{padding:26px 24px}.article-page h1{font-size:30px}}@media(max-width:520px){.brand{width:100%}.search{width:100%}.brand-copy strong{font-size:18px}.brand-copy small{max-width:220px}.focus-strip{padding:0 12px}.focus-strip>div a:not(:first-child){display:none}.headline,.hero-placeholder{min-height:300px}.headline-copy{padding:18px}.headline-copy h1{font-size:23px}.headline-copy p{display:none}.lead-sidebar .rank-list{display:block}.latest-feed,.archive-layout>section{padding-right:14px;padding-left:14px}.stream-item{grid-template-columns:128px minmax(0,1fr);gap:12px;padding:14px 0}.stream-copy h3{margin-top:6px;font-size:15px;line-height:1.45}.stream-copy p{display:none}.item-meta time{font-size:10px}.card-grid{grid-template-columns:1fr}.page-heading{padding:18px}.page-heading h1{font-size:26px}.article-page{padding:22px 18px}.article-page h1{font-size:27px}.article-content{font-size:16px}.article-side .rank-list{display:block}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-inner>small{grid-column:1}}
.footer-inner{display:grid;grid-template-columns:1fr;gap:22px;padding:34px 0}.footer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-links a:hover,.footer-records a:hover,.footer-friends a:hover{color:#fff}.footer-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid #343a43;color:#8f98a4;font-size:11px}.footer-meta>small{min-width:0;line-height:1.65}.footer-records{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px 16px;flex:none}.footer-friends{display:flex;align-items:flex-start;gap:18px;padding:14px 16px;border:1px solid #343a43;background:#242a32;font-size:12px}.footer-friends>strong{flex:none;color:#fff}.footer-friends>div{display:flex;min-width:0;flex-wrap:wrap;gap:8px 18px;color:#aeb5bf}@media(max-width:520px){.footer-main{grid-template-columns:1fr}.footer-meta{flex-direction:column}.footer-records{justify-content:flex-start}.footer-friends{flex-direction:column;gap:10px}.footer-friends>div{gap:8px 14px}}