html{background:#fafcfe}body{margin:0}#root{min-height:100vh}:root{--bg:#f1f5fc;--surface:#fff;--surface-soft:#eef4fb;--line:#dde6f1;--line-strong:#c4d3e6;--ink:#1b2438;--ink-soft:#4d5b75;--ink-mute:#8497ae;--accent:#e8704a;--accent-strong:#d45a32;--accent-soft:#fdebe2;--success:#2f9468;--radius-sm:12px;--radius:18px;--radius-lg:24px;--shadow-1:0 1px 2px #3c28140a;--shadow-2:0 12px 32px #3c28140f, 0 2px 6px #3c28140a;--shadow-3:0 24px 60px #3c28141a, 0 4px 12px #3c28140d;--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01", "tnum";background:radial-gradient(55% 40% at 50% -4%,#c4daf447 0%,#c4daf400 70%),radial-gradient(40% 28% at 96% 102%,#cce0f52e 0%,#cce0f500 55%),radial-gradient(40% 28% at 4% 102%,#cce0f52e 0%,#cce0f500 55%),linear-gradient(#ebf1f9 0%,#f5f8fc 22%,#fff 50%,#fafcfe 100%);margin:0}a{color:inherit}button,input{font:inherit}button{border:0}.app-shell{min-height:100vh}.app-nav{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#f1f5fcb8;border-bottom:1px solid #dde6f1b3;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:32px;width:min(1416px,100% - 64px);min-height:84px;margin:0 auto;display:flex}.search-shell{flex:0 360px;max-width:100%}.brand-link{align-items:center;gap:12px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#e8704a,#f4a072);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;font-weight:800;line-height:1;display:grid;box-shadow:0 6px 20px #e8704a52}.brand-text{gap:2px;min-width:0;display:grid}.brand-text strong{color:var(--ink);font-size:15px;font-weight:700;line-height:1.2}.brand-text small{color:var(--ink-mute);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.nav-links{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:color .2s,background .2s;position:relative}.nav-links a:hover{color:var(--ink);background:#fff9}.nav-links a.active{color:#fff;background:var(--ink)}.search-shell{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--ink-mute);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-shell:focus-within{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px #e8704a1f}.search-shell input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-shell input::placeholder{color:#b5a99a}.search-shell kbd{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-mute);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1}.page-frame{width:min(1416px,100% - 64px);margin:0 auto}.top-stage{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:56px 0 24px;display:grid}.top-stage h1{color:var(--ink);letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(44px,5.2vw,64px);font-weight:800;line-height:1.02}.top-stage h1 .accent{background:linear-gradient(120deg, var(--accent) 0%, #f0a07a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.top-stage p{max-width:600px;color:var(--ink-soft);margin:0;font-size:18px;line-height:1.6}.update-line{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.update-line .pulse{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #2f946880}@keyframes pulse{0%{box-shadow:0 0 #2f946880}70%{box-shadow:0 0 0 8px #2f946800}to{box-shadow:0 0 #2f946800}}.topic-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:620px;display:flex}.topic-tab{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-1);border-radius:999px;padding:0 16px;font-size:13px;font-weight:600;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}.topic-tab:hover{color:var(--ink);box-shadow:var(--shadow-2);transform:translateY(-1px)}.topic-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.content-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;padding-bottom:80px;display:grid}.news-panel,.rail-panel,.subscribe-panel,.empty-state,.article-layout{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--surface-soft) 0%, var(--surface) 100%);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:0 24px;display:flex}.panel-heading h2{color:var(--ink);margin:0;font-size:19px;font-weight:700;line-height:1.2}.panel-heading .badge{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.news-list{display:grid}.news-row{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:200px minmax(0,1fr) 44px;align-items:center;gap:20px;padding:18px 24px;transition:background .2s;display:grid;position:relative}.news-row:last-child{border-bottom:0}.news-row:hover{background:#f5f9ff}.row-image{aspect-ratio:16/10;background:var(--surface-soft);box-shadow:var(--shadow-1);border-radius:14px;display:block;overflow:hidden}.row-image img,.rank-image img,.article-image img{object-fit:cover;width:100%;height:100%;display:block}.row-image img,.rank-image img{transition:transform .5s}.news-row:hover .row-image img,.must-read-item:hover .rank-image img{transform:scale(1.06)}.row-content{min-width:0}.row-meta,.row-foot{color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.3;display:flex}.row-meta .chip{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.row-meta .dot{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.row-foot{gap:12px}.row-foot .stat{align-items:center;gap:4px;display:inline-flex}.news-row h2{letter-spacing:-.01em;margin:10px 0 8px;font-size:clamp(18px,1.8vw,21px);font-weight:700;line-height:1.35}.news-row h2 a{color:var(--ink);text-decoration:none}.news-row h2 a:hover{color:var(--accent)}.news-row p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.save-button{border:1px solid var(--line);background:var(--surface-soft);width:40px;height:40px;color:var(--ink-mute);cursor:pointer;border-radius:12px;align-self:start;place-items:center;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.save-button:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.save-button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.right-rail{gap:20px;display:grid;position:sticky;top:100px}.must-read-list{display:grid}.must-read-item{border-bottom:1px solid var(--line);grid-template-columns:32px 90px minmax(0,1fr);align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:background .2s;display:grid}.must-read-item:last-child{border-bottom:0}.must-read-item:hover{background:#f5f9ff}.must-read-item:hover strong{color:var(--accent)}.rank-number{color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.rank-image{aspect-ratio:16/10;background:var(--surface-soft);border-radius:10px;display:block;overflow:hidden}.rank-copy{gap:6px;min-width:0;display:grid}.rank-copy strong{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.rank-copy small{color:var(--ink-mute);font-size:12px;font-weight:500}.subscribe-panel{background:linear-gradient(160deg,#e8f0fa 0%,#fff 70%);padding:24px}.mail-icon{color:#fff;background:linear-gradient(135deg,#e8704a,#f0a07a);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid;box-shadow:0 8px 24px #e8704a52}.subscribe-panel h2{margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.3}.subscribe-panel p{color:var(--ink-soft);margin:0 0 18px;font-size:14px;line-height:1.65}.subscribe-panel form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.subscribe-panel input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);border-radius:999px;outline:0;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.subscribe-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #e8704a1f}.subscribe-panel button{background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;min-height:44px;padding:0 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.subscribe-panel button:hover{background:var(--accent);transform:translateY(-1px)}.load-zone{border-top:1px solid var(--line);min-height:72px;color:var(--ink-mute);background:var(--surface-soft);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.load-more-button{background:var(--surface);min-height:38px;color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.load-more-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.load-more-button:disabled{cursor:wait;opacity:.72}.primary-action{background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.primary-action:hover{background:var(--accent);transform:translateY(-1px)}.empty-state{text-align:center;margin:24px;padding:56px 40px}.empty-state h1,.empty-state h2{margin:0 0 12px;font-size:22px;font-weight:700}.empty-state p{color:var(--ink-soft);margin:0;font-size:14px}.empty-state .primary-action{margin-top:20px}.loading-screen{min-height:100vh;color:var(--ink-soft);align-content:center;place-items:center;gap:18px;display:grid}.loading-mark{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-shell{width:min(980px,100% - 56px);margin:0 auto;padding:48px 0 80px}.article-layout{padding:clamp(24px,4vw,48px)}.back-link{color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none}.back-link:hover{color:var(--accent)}.article-header{padding:28px 0 24px}.article-header h1{letter-spacing:-.02em;margin:14px 0;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.08}.article-header p{max-width:760px;color:var(--ink-soft);margin:0;font-size:17px;line-height:1.7}.article-image{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);max-height:560px;box-shadow:var(--shadow-1);overflow:hidden}.article-image img{max-height:560px}.article-content{color:#1f2937;max-width:760px;margin:40px auto 0;font-size:18px;line-height:1.85}.article-content p{margin:0 0 22px}.article-footer{border-top:1px solid var(--line);max-width:760px;margin:44px auto 0;padding-top:24px;display:flex}.detail-empty{text-align:center;margin:0;padding:80px 40px}.site-footer{border-top:1px solid var(--line);color:var(--ink-mute);justify-content:space-between;align-items:center;width:min(1416px,100% - 64px);margin:0 auto;padding:28px 0 48px;display:flex}.site-footer strong{color:var(--ink);font-size:14px;font-weight:600}.site-footer a{color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none}.site-footer a:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.nav-inner{flex-wrap:wrap;padding:14px 0}.search-shell{flex:100%}.content-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);position:static}}@media (width<=860px){.page-frame,.site-footer,.detail-shell,.nav-inner{width:min(100% - 32px,1368px)}.top-stage{grid-template-columns:1fr;padding-top:40px}.topic-tabs{justify-content:flex-start}.news-row{grid-template-columns:130px minmax(0,1fr) 40px;gap:14px;padding:16px}.right-rail{grid-template-columns:1fr}}@media (width<=680px){.nav-inner{gap:12px}.brand-link{max-width:100%}.search-shell{flex:100%}.search-shell kbd{display:none}.top-stage h1{font-size:40px}.top-stage p{font-size:15px}.news-row{grid-template-columns:100px minmax(0,1fr)}.row-image{align-self:start}.save-button{width:34px;height:34px;position:absolute;top:14px;right:14px}.news-row h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:42px;font-size:16px;display:-webkit-box;overflow:hidden}.news-row p,.row-meta .dot,.row-meta span:nth-child(4),.row-foot .stat:nth-child(2),.row-foot .stat:nth-child(3){display:none}.must-read-item{grid-template-columns:26px 78px minmax(0,1fr)}.subscribe-panel form{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start;gap:14px}}