/* 17c public-facing visual system. Dense editorial interface without frameworks. */
:root{--red:#D92338;--red-dark:#B91B31;--ink:#1E293B;--navy:#1A202C;--night:#0D1117;--paper:#F4F6F9;--soft:#EAEEF3;--muted:#64748B;--green:#00C853;--line:#DCE2EA;--white:#FFF;--radius:5px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);font:15px/1.68 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:hover{color:var(--red)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ea7180;outline-offset:3px}h1,h2,h3,h4,p,ol,ul{margin-top:0}h1,h2,h3{line-height:1.38;letter-spacing:-.025em}h1{font-size:clamp(26px,3.1vw,39px)}h2{font-size:22px}h3{font-size:17px}p{margin-bottom:0}.shell{width:min(1232px,calc(100% - 36px));margin-inline:auto}.skip-link{position:absolute;z-index:999;background:#fff;padding:9px 14px;top:-55px;left:12px}.skip-link:focus{top:8px}.site-header{background:var(--navy);color:#fff;border-bottom:3px solid var(--red)}.topline{background:#101722;border-bottom:1px solid #2c3440;font-size:11px;letter-spacing:.02em;color:#aeb8c5}.topline-inner{height:28px;display:flex;justify-content:space-between;align-items:center}.on-air{display:inline-flex;gap:7px;align-items:center;color:#dce4ed;font-family:var(--mono)}.on-air i{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #00c85320}.header-main{display:flex;align-items:center;gap:28px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;flex-shrink:0}.brand:hover{color:#fff}.brand img{width:42px;height:42px;object-fit:contain}.brand-word{font-size:32px;font-weight:950;letter-spacing:-.09em;line-height:1;font-style:italic}.brand-word span,.foot-mark>span{color:#f44d61}.brand em{font-size:11px;font-weight:700;font-style:normal;letter-spacing:.07em;align-self:flex-end;margin-bottom:5px;color:#b8c1d0}.main-nav{display:flex;align-items:stretch;gap:4px;height:72px;margin-left:30px}.main-nav a{display:flex;align-items:center;color:#cbd4e2;padding:0 17px;font-weight:800;font-size:14px;border-bottom:3px solid transparent;margin-bottom:-3px;transition:background-color .16s,border-color .16s}.main-nav a:hover,.main-nav a[aria-current=page]{background:#2b3443;color:white;border-bottom-color:var(--red)}.header-domain{margin-left:auto;font:11px var(--mono);background:#0d141f;border:1px solid #344052;padding:9px;color:#b4c1d0;white-space:nowrap}.main-area{padding-block:16px 44px}.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);margin-bottom:14px}.welcome-copy{max-width:760px}.eyebrow{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.17em;font-family:var(--mono)}.welcome-strip h1{margin:4px 0 7px;font-weight:950}.welcome-strip p{color:var(--muted);font-size:13px;line-height:1.8}.solid-btn,.dark-btn,.outline-btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:10px 20px;font-weight:850;white-space:nowrap;font-size:13px;border-radius:3px;border:1px solid transparent;min-height:42px}.solid-btn{background:var(--red);color:#fff;box-shadow:inset 0 -2px 0 #0002}.solid-btn:hover{background:var(--red-dark);color:#fff}.dark-btn{background:var(--navy);color:#fff}.dark-btn:hover{color:#fff;background:#303d50}.outline-btn{border-color:var(--red);color:var(--red);background:transparent}.outline-btn:hover{background:var(--red);color:white}.front-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:14px;align-items:start}.front-primary,.front-aside{min-width:0;display:grid;gap:14px}.lead-card,.flow-panel,.community-preview,.ranking-panel,.aside-note,.safety-card,.bottom-feature,.community-guide,.discussion-card,.submit-panel,.return-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{height:39px;padding:0 13px;background:var(--navy);display:flex;justify-content:space-between;align-items:center;color:#9aaac0;font-size:11px;font-family:var(--mono);border-bottom:2px solid var(--red)}.red-mark{background:var(--red);color:#fff;font:800 12px var(--sans);padding:4px 8px}.lead-inner{display:grid;grid-template-columns:45% minmax(0,1fr);gap:17px;padding:14px}.lead-image{position:relative;aspect-ratio:16/9;background:#dde2e8;overflow:hidden}.lead-image img{width:100%;height:100%;object-fit:cover}.picture-chip{position:absolute;bottom:8px;left:8px;background:#101722d9;color:white;font-size:11px;padding:4px 7px}.lead-text{display:flex;flex-direction:column;align-items:start;min-width:0}.tag-row{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.tag{padding:2px 7px;color:white;font-size:10px;font-weight:850}.tag.hot{background:var(--red)}.lead-text h2{font-size:clamp(19px,1.8vw,25px);font-weight:900;margin:10px 0}.lead-text p{font-size:13px;color:#596577;line-height:1.83}.lead-end{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px;font-size:11px;color:var(--muted)}.arrow-link{font-weight:800;color:var(--red)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:13px 16px 11px;border-bottom:1px solid var(--line)}.section-head h2{margin:2px 0 0;font-size:20px;font-weight:950}.mini-label{display:block;color:var(--red);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.13em}.subhead{font:11px var(--mono);color:var(--muted);padding-bottom:4px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.story-card{min-width:0;display:flex;flex-direction:column;background:#fff}.story-thumb{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#e7eaf0}.story-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .24s}.story-thumb:hover img{transform:scale(1.035)}.thumb-type{position:absolute;bottom:7px;left:8px;background:#101722e8;color:white;font-size:10px;padding:3px 7px;font-weight:800}.story-text{padding:12px 14px 15px;display:flex;flex-direction:column;flex:1}.story-meta{font:10px var(--mono);display:flex;justify-content:space-between;gap:6px;color:var(--muted)}.story-text h3{font-weight:850;font-size:17px;margin:8px 0;line-height:1.48}.story-text p{font-size:12px;color:var(--muted);line-height:1.82}.small-link{font-weight:850;color:var(--red);font-size:12px;margin-top:auto;padding-top:12px;display:inline-flex;gap:6px;align-items:center}.ranking-panel{border-top:3px solid var(--red)}.ranking-head{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:14px 14px 12px;gap:9px}.ranking-head span{font:10px var(--mono);color:#c6d1df;letter-spacing:.05em}.ranking-head h2{font-size:17px;margin:3px 0 0;font-weight:900}.ranking-head .pulse{font:10px var(--sans);border:1px solid #45566e;padding:3px 6px;white-space:nowrap;color:#c9d9e9}.ranking-desc{font-size:11px;color:#6c7889;padding:10px 12px 0}.ranking-list{list-style:none;margin:0;padding:4px 11px 12px;counter-reset:none}.ranking-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:baseline;border-bottom:1px solid #e8edf3;padding:9px 3px;min-width:0}.ranking-list li:last-child{border-bottom:0}.rank{font:900 18px var(--mono);letter-spacing:-.06em;color:#a7b0bd}.rank-hot{color:var(--red)}.ranking-list a{font-weight:750;line-height:1.48;font-size:13px;min-width:0}.rank-cat{grid-column:2;color:#8b96a4;font:10px var(--mono);margin-top:-3px}.aside-note{padding:17px;background:linear-gradient(155deg,#fff 50%,#fef0f1)}.aside-note h2{font-size:20px;margin:7px 0}.aside-note p{font-size:12px;color:var(--muted);line-height:1.84;margin-bottom:14px}.aside-note .outline-btn{width:100%}.safety-card{padding:16px}.safety-card h2{font-size:16px;font-weight:950;margin-bottom:8px}.safety-card ul{padding-left:18px;margin:0;color:var(--muted);font-size:12px}.safety-card li{padding:5px 0}.community-preview .section-head>a{font-size:12px;color:var(--red);font-weight:850}.preview-list{background:var(--line);display:grid;gap:1px}.preview-row{display:grid;grid-template-columns:72px 1fr 20px;align-items:center;gap:12px;padding:14px;background:#fff;min-width:0}.preview-badge{font-size:10px;font-weight:800;background:#fce7ea;color:var(--red);padding:5px 6px;text-align:center}.preview-row h3{font-size:14px;font-weight:850;margin:0 0 4px}.preview-row p{font-size:11px;color:var(--muted);line-height:1.6}.row-arrow{font-size:18px;color:var(--red);font-weight:800}.bottom-feature{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;background:linear-gradient(110deg,#fff 70%,#f2f4f7)}.bottom-feature h2{font-size:21px;margin:5px 0}.bottom-feature p{color:var(--muted);font-size:12px;max-width:700px}.site-footer{background:var(--night);color:#cad3dd;margin-top:0;border-top:4px solid var(--red)}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1.1fr;gap:32px;padding:32px 0 28px}.foot-mark{font-size:30px;font-weight:950;letter-spacing:-.06em;color:#fff}.foot-mark small{font-size:12px;font-weight:700;letter-spacing:0;color:#a7b7ca}.footer-grid h2{font-size:14px;color:white;margin:4px 0 14px}.footer-grid p{max-width:370px;color:#9cabbc;line-height:1.88;font-size:12px;margin-top:10px}.footer-grid strong{color:#f2f6fa;font-weight:750;overflow-wrap:anywhere}.footer-grid a{display:block;padding:4px 0;color:#b4c2d3;font-size:12px}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid #283140;padding:14px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px var(--mono);color:#8898aa}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:0 0 12px}.breadcrumb a{color:var(--red)}.community-main{padding-block:14px 52px}.community-hero{padding:22px 24px 24px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:4px solid var(--red);margin-bottom:14px}.community-hero h1{margin:5px 0 9px;font-size:33px;font-weight:950}.community-hero p{max-width:760px;color:#c3cedc;font-size:13px;line-height:1.85}.hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.hero-chips span{font-size:11px;border:1px solid #455468;padding:4px 9px;color:#d3dde9}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:14px;align-items:start}.community-stream{display:grid;gap:12px;min-width:0}.community-stream>.section-head{background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);padding-top:11px}.discussion-card{scroll-margin-top:15px}.discussion-card:target{box-shadow:0 0 0 2px var(--red)}.discussion-top{display:flex;align-items:center;padding:10px 15px;background:#f9fafc;border-bottom:1px solid var(--line);gap:10px}.topic-index{font:900 16px var(--mono);color:var(--red)}.topic-category{background:#e8edf3;padding:3px 9px;font-size:11px;font-weight:850}.join-link{color:var(--red);font-size:11px;font-weight:850;margin-left:auto}.discussion-content{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;padding:16px}.discussion-content h3{font-weight:950;font-size:19px;margin-bottom:9px}.discussion-content p{font-size:13px;line-height:1.88;color:#566479}.discussion-content img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:var(--soft)}.discussion-prompt{margin-top:12px;background:#f2f5f9;padding:10px 12px;display:flex;align-items:start;gap:8px;border-left:2px solid #b1bbc9;font-size:12px;line-height:1.8}.discussion-prompt strong{flex:0 0 auto;color:#2d3d51}.discussion-prompt span{color:#64748b}.comment-divider{border-top:1px solid var(--line);padding:7px 15px;color:#475569;font-size:11px;font-weight:850;letter-spacing:.04em;background:#fcfdfe}.empty-comments{margin:0;padding:10px 15px 14px;font-size:12px;color:#8994a3}.comments{list-style:none;margin:0;padding:0 15px 15px}.comments li{padding:12px 2px;border-top:1px solid #eef1f5}.comments li strong{font-size:12px;margin-right:12px}.comments li time{font:10px var(--mono);color:#95a2af}.comments li p{margin-top:6px;font-size:12px;color:#526075;line-height:1.8;overflow-wrap:anywhere}.comments .source-ref{color:#60718a}.source-ref a{color:var(--red);text-decoration:underline}.community-aside{display:grid;gap:14px;position:sticky;top:12px}.community-guide{padding:18px 16px;border-top:3px solid var(--red)}.community-guide h2{font-size:19px;font-weight:950;margin:7px 0 14px}.guide-item{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.guide-item b{font:800 13px var(--mono);color:var(--red)}.guide-item h3{font-size:13px;font-weight:850;margin:0 0 5px}.guide-item p{font-size:12px;color:var(--muted)}.return-panel{font-weight:800;font-size:12px;padding:13px 16px;color:var(--red)}.submit-panel{margin-top:16px;display:grid;grid-template-columns:1fr 1.65fr;gap:26px;padding:24px;scroll-margin-top:16px}.submit-intro h2{font-size:26px;font-weight:950;margin:7px 0 10px}.submit-intro p{font-size:13px;color:#596879;line-height:1.94}.privacy-hint{margin-top:14px;padding:10px 11px;border-left:3px solid var(--red);background:#fdf1f3}.form-card{min-width:0}.form-card form{display:grid;gap:8px}.form-card label{font-size:12px;font-weight:800;line-height:1.6;margin-top:5px}.form-card label span{color:var(--red)}.form-card label small{color:#7b8999;font-weight:500}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #cad3dd;background:#fff;padding:10px 12px;color:var(--ink);border-radius:3px;font-size:13px;min-height:42px}.form-card textarea{min-height:160px;resize:vertical}.form-card :is(input,textarea)::placeholder{color:#9aa5b1}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px}.form-footer span{font-size:11px;color:#8391a2}.notice{font-size:12px;line-height:1.75;padding:12px;border:1px solid;margin-bottom:15px}.notice.success{color:#116334;background:#ecfbf2;border-color:#a1dbb5}.notice.error{color:#9d2130;background:#fff0f1;border-color:#f5a9b2}.notice ul{padding-left:19px;margin:5px 0 0}.trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}
/* Small-interaction states */
.story-card:focus-within,.preview-row:focus-within,.discussion-card:focus-within{outline:1px solid #cfdae7;outline-offset:-1px}.story-card:hover h3 a,.preview-row:hover h3 a{color:var(--red)}.solid-btn:active,.dark-btn:active,.outline-btn:active{transform:translateY(1px)}.rank-cat,.story-meta,.topic-index,.mini-label,.subhead{font-variant-numeric:tabular-nums}.discussion-content p,.footer-grid p,.welcome-strip p,.lead-text p,.story-text p{overflow-wrap:break-word}.ranking-list a,.preview-row h3,.discussion-content h3{overflow-wrap:anywhere}
@media(max-width:1100px){.front-grid{grid-template-columns:minmax(0,1fr) 290px}.community-layout{grid-template-columns:minmax(0,1fr) 260px}.header-domain{display:none}.main-nav{margin-left:auto}.lead-inner{grid-template-columns:42% 1fr}.lead-text h2{font-size:20px}}
@media(max-width:850px){.front-grid,.community-layout{grid-template-columns:minmax(0,1fr)}.front-aside{grid-template-columns:1fr 1fr}.ranking-panel{grid-column:1/-1}.ranking-list{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.ranking-list li:nth-last-child(2){border-bottom:0}.community-aside{position:static;grid-template-columns:1fr}.guide-item{display:inline-grid;width:48%;vertical-align:top;margin-right:1%}.submit-panel{grid-template-columns:1fr 1.4fr;gap:20px}}
@media(max-width:640px){.shell{width:min(100% - 24px,1232px)}.topline-inner{height:26px}.topline-inner>span:last-child{display:none}.header-main{min-height:auto;flex-wrap:wrap;gap:0}.brand{height:60px}.brand img{width:36px;height:36px}.brand-word{font-size:29px}.brand em{font-size:10px}.main-nav{width:100%;height:44px;margin:0;overflow-x:auto;scrollbar-width:thin;border-top:1px solid #333e4f;gap:0}.main-nav a{height:44px;padding:0 12px;font-size:12px;white-space:nowrap;flex:1;justify-content:center;margin-bottom:0}.main-nav a[aria-current=page]{border-bottom-width:3px}.main-area{padding-top:12px}.welcome-strip{padding:16px;display:block}.welcome-strip h1{font-size:24px}.welcome-strip .solid-btn{margin-top:14px;width:100%}.lead-inner{grid-template-columns:1fr;gap:10px;padding:10px}.lead-image{aspect-ratio:16/9}.lead-text{padding:2px 3px 5px}.lead-text h2{font-size:21px;margin:7px 0}.lead-end{margin-top:5px}.section-head{padding:11px 12px}.section-head h2{font-size:18px}.story-text{padding:11px}.story-text h3{font-size:15px}.story-text p{font-size:11px}.front-aside{grid-template-columns:1fr}.ranking-list{grid-template-columns:1fr}.ranking-list li:nth-last-child(2){border-bottom:1px solid #e8edf3}.preview-row{grid-template-columns:60px 1fr 16px;gap:8px;padding:12px}.preview-badge{font-size:9px;padding:3px}.bottom-feature{display:block;padding:17px}.bottom-feature .dark-btn{width:100%;margin-top:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:19px;padding:24px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}.community-hero{padding:19px;display:block}.community-hero h1{font-size:27px}.community-hero .solid-btn{margin-top:18px;width:100%}.discussion-content{grid-template-columns:1fr;padding:13px}.discussion-content img{width:100%;max-height:220px}.discussion-content h3{font-size:18px}.guide-item{display:grid;width:100%}.submit-panel{grid-template-columns:1fr;padding:17px;gap:17px}.submit-intro h2{font-size:23px}.form-footer{flex-wrap:wrap}.form-footer .solid-btn{width:100%}}
@media(max-width:380px){.story-grid{grid-template-columns:1fr}.main-nav a{font-size:11px;padding:0 7px}.welcome-strip h1{font-size:22px}.section-head .subhead{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body{background:white}.topline,.main-nav,.solid-btn,.dark-btn,.outline-btn,.join-link,.story-thumb,.site-footer{display:none!important}.shell{width:100%}.front-grid,.community-layout,.story-grid{display:block}.ranking-panel,.story-card,.discussion-card{break-inside:avoid;margin-bottom:15px}.site-header{background:white;color:black}.brand,.brand:hover{color:black}}