/* All component dimensions reference DESIGN-SPEC.md. No inherited styles. */
:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--ink:#0f1419;--muted:#536471;--line:#eff3f4;--blue:#1d9bf0;--nav-size:20px;--nav-weight:400;--nav-active-weight:700;--nav-height:58px;--icon-nav:26px;--icon-action:18px;--body:15px;--body-line:20px;--avatar:40px;--radius-panel:16px;--radius-pill:999px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:var(--body);line-height:var(--body-line)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;background:none;border:0;padding:0;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}i{display:inline-flex;font-style:normal;flex-shrink:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.layout{width:1265px;max-width:100%;margin:0 auto;display:flex;align-items:flex-start}.rail{width:275px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:0 12px}.logo{width:50px;height:64px;display:flex;align-items:flex-start;padding:14px 12px}.logo svg{width:28px;height:28px;fill:var(--ink);stroke:none}.rail nav{display:flex;flex-direction:column}.rail nav a{height:var(--nav-height);width:fit-content;max-width:100%;display:flex;align-items:center;gap:20px;padding:12px;border-radius:var(--radius-pill);position:relative;font-size:var(--nav-size);font-weight:var(--nav-weight);line-height:24px;white-space:nowrap}.rail nav a.active{font-weight:var(--nav-active-weight)}.rail nav a:hover{background:#eff3f4}.rail nav svg{width:var(--icon-nav);height:var(--icon-nav)}.rail nav .active svg{fill:var(--ink);stroke-width:1.6}.dot{position:absolute;top:9px;left:31px;width:7px;height:7px;background:var(--blue);border-radius:50%}.publish{width:233px;min-height:52px;background:var(--ink);color:#fff;border-radius:var(--radius-pill);font-weight:700;margin:18px 0 0;font-size:17px}.publish:hover,.post-button:hover,.follow button:hover{background:#272c30}.account{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:12px;border-radius:var(--radius-pill);margin-top:auto;margin-bottom:12px}.account:hover{background:#eff3f4}.account>span:nth-child(2){display:grid;line-height:20px}.account small{font-size:15px;color:var(--muted)}.account>i{margin-left:auto}.account svg{width:18px}main{width:600px;flex-shrink:0;border-inline:1px solid var(--line);min-height:100vh}.tabs{height:54px;display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:#fffffff5}.tabs>button:not(.plus){flex:1;font-size:15px;font-weight:700;position:relative;color:var(--muted)}.tabs>button.selected{color:var(--ink)}.tabs>button.selected:after{content:"";position:absolute;bottom:0;left:calc(50% - 29px);width:58px;height:4px;background:var(--blue);border-radius:var(--radius-pill)}.tabs button:hover{background:#f7f9f9}.tabs .plus{width:47px;font-size:21px;color:var(--muted)}.composer{display:flex;gap:12px;padding:16px 16px 10px;border-bottom:1px solid var(--line);min-height:120px}.avatar{width:var(--avatar);height:var(--avatar);flex-shrink:0;display:block;border-radius:50%;background-size:2048px 1032px;background-repeat:no-repeat;background-color:#eff3f4}.compose-avatar{background-position:-677px -192px}.owner{background-position:-401px -971px}.zen{background-position:-677px -309px}.nfl{background-position:-677px -432px}.mente{background-position:-677px -870px}.follow-one{background-position:-1305px -842px}.follow-two{background-position:-1305px -906px}.follow-three{background-position:-1305px -971px}.compose-main{flex:1;min-width:0}.compose-main textarea{display:block;width:100%;resize:none;height:50px;min-height:50px;border:0;outline:0;padding:5px 0;font-size:20px;line-height:24px;color:var(--ink)}.compose-main textarea::placeholder{color:var(--muted);opacity:1}.compose-tools{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.compose-tools>div{display:flex;gap:14px;align-items:center;color:#6f95ad}.compose-tools button i svg{width:19px;height:19px}.compose-tools button:disabled{opacity:.4;cursor:default}.post-button{border-radius:var(--radius-pill);background:var(--ink);color:#fff;padding:8px 16px;font-size:14px;font-weight:700}.post-button:disabled{opacity:.25;cursor:default}.post{display:flex;gap:8px;padding:12px 16px 4px;border-bottom:1px solid var(--line)}.post-content{flex:1;min-width:0}.post header{height:20px;display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:15px}.post header strong{font-weight:700}.post header>span:not(.verified){color:var(--muted);overflow:hidden;text-overflow:ellipsis}.verified{display:inline-flex;background:var(--blue);color:#fff;border-radius:50%;font-size:11px;font-weight:800;width:15px;height:15px;justify-content:center;align-items:center;flex-shrink:0}.gold{background:#e0b719}.post-menu{margin-left:auto;color:var(--muted)}.post-menu svg{width:20px;height:20px}.post p{margin:2px 0 11px;font-size:var(--body);line-height:var(--body-line)}.post p a,.show-more,.translation a,.trend a{color:var(--blue)}.show-more{font-size:15px}.actions{display:flex;align-items:center;justify-content:space-between;color:var(--muted);height:32px;gap:8px;font-size:13px}.actions button{display:flex;gap:5px;align-items:center;min-height:28px;font-size:13px}.actions button:hover{color:var(--blue)}.actions svg{width:var(--icon-action);height:var(--icon-action)}.actions .liked{color:#f91880}.actions .liked svg{fill:#f91880}.actions .saved{color:var(--blue)}.video-reference{width:100%;height:291px;border-radius:16px;overflow:hidden;background-size:2048px 1032px;background-position:-725px -523px;background-repeat:no-repeat;background-color:#526348;margin:3px 0 1px}.translation{display:flex;align-items:center;font-size:13px;color:var(--muted);gap:4px;line-height:19px}.translation svg{width:15px;height:15px}.right{width:350px;flex-shrink:0;margin-left:30px;padding-top:6px}.search{height:43px;border:1px solid #cfd9de;border-radius:var(--radius-pill);display:flex;align-items:center;padding:0 15px;gap:12px;margin-bottom:16px;color:var(--muted)}.search svg{width:18px;height:18px}.search input{border:0;outline:0;min-width:0;flex:1;font-size:14px}.search:focus-within{outline:1px solid var(--blue);border-color:var(--blue)}.panel{border:1px solid var(--line);border-radius:var(--radius-panel);overflow:hidden;margin-bottom:16px}.panel h2{font-size:20px;line-height:24px;font-weight:800;margin:0;padding:15px 16px 12px}.subscribe{padding-bottom:16px}.subscribe p{font-size:15px;line-height:20px;margin:0 16px 16px;font-weight:500}.blue-button{background:var(--blue);color:#fff;border-radius:var(--radius-pill);padding:8px 17px;font-weight:700;margin-left:16px}.trend{display:flex;flex-direction:column;position:relative;gap:2px;padding:12px 16px;line-height:20px}.trend strong{font-size:15px;font-weight:700}.trend small{font-size:13px;color:var(--muted)}.trend span{font-size:15px;color:var(--muted)}.trend button{position:absolute;right:16px;top:12px;color:var(--muted)}.trend button svg{width:18px}.trend:hover{background:#f7f9f9}.more-link{color:var(--blue);font-size:15px;padding:16px;width:100%;text-align:left}.more-link:hover{background:#f7f9f9}.follow{display:flex;align-items:center;gap:12px;padding:12px 16px}.follow>div{min-width:0;flex:1}.follow strong{display:flex;align-items:center;gap:3px;font-size:14px;white-space:nowrap}.follow small{display:block;font-size:14px;color:var(--muted)}.follow button{background:var(--ink);color:white;border-radius:var(--radius-pill);padding:7px 17px;font-weight:700;font-size:14px}.local-note{font-size:11px;color:var(--muted);line-height:18px;margin:20px 16px}.local-note a{color:var(--blue)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:6px;padding:12px 20px;color:white;background:#1d9bf0;z-index:30;font-size:14px;max-width:90vw}[hidden]{display:none!important}
@media(max-width:1264px){.layout{width:1080px}.rail{width:90px;padding-inline:12px;align-items:center}.rail nav a span,.account>span:nth-child(2),.account>i{display:none}.rail nav a{width:50px;gap:0}.publish{width:52px;font-size:14px}.account{width:64px}.right{width:350px;margin-left:30px}}
@media(max-width:1090px){.layout{width:690px}.right{display:none}}
@media(max-width:690px){.layout{width:100%;padding-bottom:55px}.rail{position:fixed;top:auto;bottom:0;height:54px;width:100%;background:#fff;border-top:1px solid var(--line);z-index:10;padding:0}.rail .logo,.rail>.publish,.account{display:none}.rail nav{flex-direction:row;justify-content:space-around;width:100%}.rail nav a{height:54px;display:none}.rail nav a:nth-child(-n+4){display:flex}.rail nav a .dot{top:5px}.rail nav a svg{width:24px;height:24px}main{width:100%;border:0}.composer{padding:12px}.compose-tools>div{gap:9px}.compose-tools>div button:nth-child(n+6){display:none}.post{padding-inline:12px}.post header{font-size:13px}.post p{font-size:14px;line-height:20px}.post .avatar{width:36px;height:36px}.video-reference{height:200px;background-size:1408px 710px;background-position:-498px -359px}.actions{font-size:11px}.actions button{font-size:11px}.tabs>button:not(.plus){font-size:14px}.verified{width:13px;height:13px;font-size:10px}}

.logo{font-size:27px;font-weight:800;width:auto;line-height:34px}.avatar{display:flex;align-items:center;justify-content:center;background:#eff3f4;color:#536471;font-weight:600;background-image:none}.avatar.ai{background:#e8f3fa;color:#286080}.rail nav .active svg{fill:none}.account{font-size:13px;color:var(--muted)}.provider{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis}.post header{height:auto;min-height:20px}.post header time{color:var(--muted);font-size:13px;flex-shrink:0}.ai-label{font-size:11px;color:#536471;border:1px solid #cfd9de;padding:0 3px;border-radius:3px;line-height:14px}.post h2{font-size:16px;line-height:23px;font-weight:600;margin:7px 0}.post p{white-space:pre-line;overflow-wrap:anywhere}.post-content{overflow:hidden}.actions button{width:36px;height:36px;justify-content:center}.compose-tools>div{gap:2px;color:#39769b}.compose-tools button{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.compose-tools button.post-button{display:block}.compose-main textarea:focus-visible{outline:2px solid #1d9bf0;outline-offset:3px}.media-slot{margin:9px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.media-slot img{display:block;max-width:100%;height:auto}.media-slot figcaption{font-size:12px;color:var(--muted);padding:12px 14px}.material-placeholder{padding:28px 18px;background:#f7f9f9;display:flex;align-items:center;gap:16px;color:#536471}.material-placeholder svg{width:40px;height:40px}.material-placeholder strong{display:block;color:var(--ink);font-size:15px}.empty{padding:36px 24px;color:var(--muted)}.view-title{padding:15px 16px;font-size:20px;line-height:24px;margin:0;border-bottom:1px solid var(--line)}.view-search{margin:16px}.topic-row{display:block;padding:18px 16px;border-bottom:1px solid var(--line)}.topic-row strong{display:block;margin-bottom:5px}.topic-row small{color:var(--muted)}.topic-row:hover{background:#f7f9f9}.panel .topic-row{padding:12px 16px;border:0}.reading-link{display:block;padding:14px 16px}.reading-link strong{display:block;margin-bottom:6px}.reading-link small{color:var(--muted)}.reading-link:hover{background:#f7f9f9}.panel p{padding:0 16px;color:var(--muted)}.detail{padding:20px 16px}.detail h2{font-size:20px;line-height:28px}.detail p{white-space:pre-line;overflow-wrap:anywhere}.detail a{color:#1677b5}.back{padding:12px 16px;color:var(--blue)}.fields{margin-top:12px;display:grid;gap:10px}.fields label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.fields input{width:100%;padding:8px;border:1px solid #cfd9de;border-radius:6px;color:var(--ink)}.draft-image{max-width:100%;max-height:180px;object-fit:contain}.preview{border-top:1px solid var(--line);padding:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.reading-cover{padding:18px 16px;background:#f7f9f9;border-block:1px solid var(--line);font-size:23px;line-height:32px;font-weight:600}.panel footer{padding:10px 16px;color:var(--muted);font-size:12px}.topic-pill{color:var(--blue);font-size:13px}.loading{padding:24px 16px;color:var(--muted)}.mobile-context{display:none}.end{padding:24px;color:var(--muted);font-size:13px;text-align:center}.post-menu{min-width:28px}.right .local-note{margin-top:10px}.rail nav a{border-radius:999px}.status{font-size:12px;color:var(--muted);margin-top:8px}@media(max-width:1090px){.mobile-context{display:block}}@media(max-width:690px){.rail nav a:nth-child(-n+5){display:flex}.post header{gap:5px}.post header .provider{max-width:170px}.post .avatar{font-size:12px}.compose-tools>div{gap:0}.composer{gap:8px}.post p{font-size:15px}.compose-main textarea{font-size:18px}.post header time{font-size:12px}.view-title{font-size:18px}}

.mechanism{padding:20px 22px;background:#f7f9f9}.mechanism-node{font-size:17px;font-weight:600}.mechanism-edge{display:flex;align-items:center;gap:12px;color:#536471;font-size:12px;padding:8px 0}.mechanism-edge svg{width:20px;height:25px;stroke:#536471}.mechanism small{display:block;color:#536471;line-height:18px;margin-top:14px}.source-locator{display:block;color:#536471;white-space:pre-line;margin-top:8px}.full-work p{font-size:15px;line-height:24px}.full-work h1{font-size:25px;line-height:34px}.full-work h2{margin-top:30px}.detail{overflow-wrap:anywhere}