:root{--bg:#f8f8f8;--card:#fff;--ink:#34495e;--text:#52677c;--muted:#9ba2ab;--border:#e9edf0;--soft:#f9f9fa;--accent:#607ab3;--accent-bg:#f0f2f9;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--radius:11px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.8 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}button{border:0;padding:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover,button:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:#dfe8f0}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:18px;z-index:40;padding:12px 20px;background:var(--card);border:1px solid var(--border)}.skip-link:focus{top:15px}
.mobile-header{display:none}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 240px;gap:22px;max-width:1280px;margin:30px auto 0;padding:0 24px;align-items:start}.left-sidebar{position:sticky;top:25px;min-width:0}.sidebar-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:23px 17px 20px}.brand{display:flex;align-items:center;gap:10px;margin:0 5px 28px}.brand-symbol{width:29px;height:29px;display:grid;place-items:center;background:var(--ink);color:var(--card);border-radius:7px;font-size:18px;font-weight:600}.brand-name{font-size:20px;font-weight:650;letter-spacing:1px}.brand small{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:2px;align-self:flex-end;margin-bottom:4px}.author{display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:#e8ecef;color:#6d7d8a;border-radius:10px;font-size:18px;font-weight:500;font-family:"Songti SC","SimSun",serif}.avatar.large{width:50px;height:50px;border-radius:13px;font-size:26px}.profile-card{padding:0 6px 22px;border-bottom:1px solid var(--border)}.profile-card h2{font-size:15px;font-weight:600}.profile-card .handle{font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}.profile-intro{font-size:12px;color:var(--text);line-height:1.9;margin-top:15px}.profile-stats{display:flex;justify-content:space-between;margin-top:18px;padding-right:10px}.profile-stats a{display:flex;align-items:baseline;gap:5px}.profile-stats strong{font-size:14px;font-weight:500}.profile-stats span{font-size:10px;color:var(--muted)}.side-nav{display:grid;gap:5px;margin:18px 0 20px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;font-size:14px;color:var(--text);border-radius:7px}.side-nav a.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.side-nav a:not(.active):hover{background:var(--soft)}.side-nav .nav-count{margin-left:auto;font-size:10px;font-weight:400;color:var(--muted)}.side-nav .icon{width:17px;height:17px}.sidebar-note{font-size:11px;line-height:1.9;color:var(--muted);margin:0 6px;padding:18px 0 0;border-top:1px solid var(--border)}.sidebar-note p{display:flex;gap:7px;align-items:center}.status-dot{height:5px;width:5px;border-radius:50%;background:#8b9baa;display:inline-block}.side-tools{display:flex;gap:18px;align-items:center;margin-top:15px}.side-tools a,.side-tools button{color:var(--muted);display:flex;align-items:center;justify-content:center}.side-tools .icon{width:16px;height:16px}
.main-content{min-width:0}.content-heading{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:2px 3px 13px}.content-heading h1{font-size:18px;font-weight:600}.content-heading>span{font-size:11px;color:var(--muted)}.content-heading .heading-right{display:flex;gap:12px;align-items:center}.heading-right a,.heading-right button{color:var(--muted);font-size:11px}.welcome-strip{display:flex;align-items:center;gap:9px;color:var(--text);font-size:12px;padding:14px 19px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:15px}.welcome-strip .icon{height:15px;width:15px;color:var(--muted)}.welcome-strip span{flex:1}.welcome-strip small{font-size:10px;color:var(--muted)}.filter-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin:0 2px 17px;gap:12px}.filters{display:flex;gap:23px;flex-wrap:wrap}.filter{font-size:12px;padding:8px 0 12px;position:relative;color:var(--muted);white-space:nowrap}.filter.active{font-weight:500;color:var(--ink)}.filter.active:after{position:absolute;content:"";height:2px;background:var(--accent);border-radius:2px;bottom:-1px;left:0;right:0}.filter:hover{color:var(--ink)}.filter .count{font-size:10px;margin-left:4px;color:var(--muted);font-weight:400}.section-count{font-size:10px;color:var(--muted);white-space:nowrap}.article-list{display:grid;gap:16px}.feed-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:23px 25px 17px}.feed-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.author-info strong{font-size:12px;font-weight:600;display:block;line-height:1.5}.author-info .post-time{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:4px}.post-time a:hover{color:var(--accent)}.post-badge{font-size:10px;display:flex;gap:4px;align-items:center;color:var(--muted);align-self:flex-start;margin-top:5px}.post-badge .icon{width:11px;height:11px}.feed-body{padding-left:47px}.article-title{font-size:19px;line-height:1.7;font-weight:550;letter-spacing:.1px;margin-bottom:8px}.article-title button{text-align:left;line-height:inherit}.article-summary{font-size:13px;color:var(--text);line-height:1.95}.feed-photo{width:100%;padding:0;display:block;margin-top:16px;border-radius:7px;overflow:hidden;aspect-ratio:1.95;background:var(--soft)}.feed-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.62);transition:filter .3s}.feed-photo:hover img{filter:saturate(.9)}.feed-photo.is-small{aspect-ratio:2.2;max-height:195px}.post-attachment{display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--border);border-radius:6px;padding:13px 15px;margin-top:16px}.attachment-symbol{width:31px;height:34px;border:1px solid #c9d1d9;border-radius:4px;background:var(--card);display:grid;place-items:center;color:#8d9baa;font-size:11px;flex-shrink:0}.attachment-text strong{font-size:11px;font-weight:500;display:block}.attachment-text span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.post-attachment>.icon{margin-left:auto;width:14px;height:14px;color:var(--muted)}.feed-footer{display:flex;align-items:center;justify-content:space-between;margin:17px 0 0 47px;padding-top:13px;border-top:1px solid var(--border);gap:15px}.read-post{font-size:11px;color:var(--text);display:flex;align-items:center;gap:5px}.read-post .icon{width:13px;height:13px}.post-actions{display:flex;gap:16px;color:var(--muted)}.post-actions button{font-size:10px;display:flex;gap:5px;align-items:center}.post-actions .icon{width:14px;height:14px}.list-end{text-align:center;font-size:11px;color:var(--muted);padding:26px 0 10px}.list-end:before,.list-end:after{content:"";height:1px;width:23px;background:var(--border);display:inline-block;vertical-align:middle;margin:0 13px}
.right-sidebar{min-width:0;display:grid;gap:17px}.sidebar-search{display:flex;align-items:center;gap:9px;padding:13px 15px;border:1px solid var(--border);border-radius:8px;width:100%;background:var(--card);color:var(--muted);font-size:11px;height:45px;text-align:left}.sidebar-search .icon{width:15px;height:15px}.sidebar-search kbd{font:10px var(--font);border:1px solid var(--border);padding:0 5px;border-radius:3px;margin-left:auto;color:#b4bac1}.widget{background:var(--card);border:1px solid var(--border);padding:19px 18px;border-radius:var(--radius)}.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.widget-heading h2{font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px}.widget-heading .icon{height:14px;width:14px;color:var(--muted)}.widget-heading small{font-size:10px;color:var(--muted)}.latest-list{display:grid;gap:16px}.latest-item{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}.latest-item .index{font-size:11px;line-height:1.6;color:#b3bac2}.latest-item h3{font-size:11px;font-weight:400;line-height:1.8}.latest-item time{font-size:9px;color:var(--muted);display:block;margin-top:3px}.now-widget p{font-size:12px;color:var(--text);line-height:1.9}.now-widget time{font-size:10px;color:var(--muted);display:block;margin-top:12px}.text-link{font-size:10px;display:inline-flex;gap:5px;align-items:center;color:var(--accent);margin-top:15px}.text-link .icon{height:12px;width:12px}.site-info{font-size:10px;color:var(--muted);line-height:1.9;padding:0 8px}.site-info a:hover{color:var(--accent)}.site-info p+p{margin-top:7px}.site-info .info-links{display:flex;gap:8px;margin-top:10px}
.page-description{font-size:12px;color:var(--text);margin:0 3px 22px;line-height:1.9}.daily-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin:0 2px 18px}.daily-topline>span{font-size:10px;color:var(--muted)}.timeline{display:grid;gap:16px}.moment-card p{font-size:13px;color:var(--text);line-height:2}.moment-card p+p{margin-top:7px}.moment-tag{font-size:10px;color:var(--muted)}.like-button{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.like-button .icon{width:14px;height:14px}.like-button.liked{color:var(--accent)}.like-button.liked .icon{fill:var(--accent-bg)}.note-quote{font-size:15px!important;color:var(--ink)!important;line-height:1.9!important;padding:3px 0 3px 13px;border-left:2px solid #b9c7d3;margin:4px 0 14px!important}.day-notice{font-size:12px;color:var(--text);padding:12px 16px;border:1px solid var(--border);background:var(--card);border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.day-notice button{color:var(--accent);font-size:11px}
.content-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:27px 30px}.about-top{display:flex;align-items:center;gap:16px;padding:3px 0 25px;border-bottom:1px solid var(--border);margin-bottom:26px}.about-top .avatar{width:64px;height:64px;font-size:33px;border-radius:14px}.about-top h2{font-size:20px;font-weight:500;line-height:1.6}.about-top p{font-size:12px;color:var(--muted);margin-top:5px}.prose-section{margin-bottom:28px}.prose-section h2{font-size:15px;font-weight:500;margin-bottom:13px}.prose-section p{color:var(--text);font-size:13px;line-height:2.1;margin-bottom:12px}.prose-section p:last-child{margin:0}.interest-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.interest-list li{font-size:12px;line-height:1.9;color:var(--text);display:flex;gap:12px;align-items:flex-start}.interest-list strong{font-weight:500;color:var(--ink);flex-shrink:0}.interest-list .icon{width:15px;height:15px;margin-top:4px;color:var(--muted)}.about-note{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:16px}.outline-button{display:inline-flex;gap:6px;align-items:center;font-size:11px;padding:7px 12px;border:1px solid #dbe2e8;border-radius:6px;color:var(--text);white-space:nowrap;background:var(--card)}.outline-button:hover{background:var(--soft);color:var(--accent)}.outline-button .icon{height:13px;width:13px}.about-note .outline-button{color:var(--accent)}
.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.friend-card{padding:19px 18px;background:var(--card);border:1px solid var(--border);border-radius:9px;min-width:0;transition:border-color .2s}.friend-top{display:flex;gap:11px;align-items:center;min-width:0}.friend-avatar{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--soft);color:#7c8d9b;display:grid;place-items:center;font-size:16px;font-weight:500}.friend-heading{min-width:0}.friend-card h2{font-size:12px;line-height:1.7;font-weight:500}.friend-domain{font-size:9px;color:var(--muted);overflow-wrap:anywhere;display:block;margin-top:2px}.friend-card p{font-size:11px;color:var(--text);line-height:1.95;margin-top:14px}.friend-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-top:15px}.friend-meta .icon{width:12px;height:12px}.friends-invite{margin-top:23px}.friends-invite h2{font-size:15px;font-weight:500;margin-bottom:12px}.friends-invite>p{font-size:12px;color:var(--text);line-height:1.95;margin-bottom:16px}.link-details{background:var(--soft);border:1px solid var(--border);padding:15px 17px;border-radius:6px;display:grid;gap:5px;font-size:11px;line-height:1.9;margin-bottom:18px}.link-details span{width:43px;display:inline-block;color:var(--muted)}.invite-footer{display:flex;justify-content:space-between;gap:13px;align-items:center}.invite-footer .text-link{margin:0}.empty-state{padding:35px 20px;color:var(--muted);font-size:12px;text-align:center}.empty-state .icon{height:24px;width:24px;display:block;margin:0 auto 14px}
.site-footer{max-width:1280px;margin:30px auto 0;padding:0 24px 24px;text-align:center;font-size:10px;color:var(--muted)}.site-footer a{margin:0 5px}.site-footer span{margin:0 9px}
dialog{border:1px solid var(--border);background:var(--card);color:var(--ink);padding:0;border-radius:12px;width:min(650px,calc(100% - 32px));max-width:none;max-height:85dvh;box-shadow:0 20px 80px #24334220}dialog::backdrop{background:#26313c66;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 0;gap:15px}.dialog-top h2{font-size:14px;font-weight:500}.icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:5px;color:var(--text)}.icon-button:hover{background:var(--soft)}.dialog-body{padding:18px 25px 27px}.search-input-wrap{position:relative}.search-input-wrap>.icon{position:absolute;top:13px;left:14px;color:var(--muted);width:17px;height:17px}.search-input{width:100%;padding:11px 12px 11px 42px;border:1px solid var(--border);background:var(--soft);border-radius:6px;color:var(--ink);font-size:13px}.search-help{font-size:10px;color:var(--muted);margin-top:11px}.search-results{max-height:45dvh;overflow:auto;display:grid;margin-top:17px}.search-result{padding:14px 8px;border-bottom:1px solid var(--border);text-align:left;width:100%}.search-result strong{font-size:13px;font-weight:500;display:block}.search-result span{font-size:10px;color:var(--muted);display:block;margin-top:6px}.search-result:hover{background:var(--soft)}.page-kicker{font-size:11px;color:var(--muted)}.article-dialog{width:min(740px,calc(100% - 32px))}.article-detail h1{font-size:26px;font-weight:500;line-height:1.6;margin:10px 0}.article-detail .article-category{font-size:11px;color:var(--accent)}.article-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.article-detail>img{width:100%;max-height:285px;object-fit:cover;border-radius:7px;margin-bottom:24px;filter:saturate(.7)}.article-detail h2{font-size:17px;font-weight:500;margin:25px 0 13px}.article-detail p{font-size:14px;color:var(--text);line-height:2.05;margin-bottom:16px}.article-detail blockquote{font-size:16px;line-height:1.9;border-left:2px solid #b9c7d3;background:var(--soft);padding:12px 18px;margin:24px 0}.article-detail .article-end{font-size:11px;color:var(--muted);text-align:center;margin-top:30px}.contact-dialog p{font-size:12px;color:var(--text);line-height:1.95;margin-bottom:17px}.contact-address{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:6px;font-size:12px;flex-wrap:wrap}.contact-dialog .demo-note{font-size:10px;color:var(--muted);margin:13px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,14px);padding:11px 19px;background:var(--ink);color:var(--card);border-radius:7px;opacity:0;pointer-events:none;font-size:11px;max-width:calc(100% - 32px);z-index:60;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
html[data-theme="dark"]{--bg:#202428;--card:#292e33;--ink:#dbe1e6;--text:#abb4bd;--muted:#78838e;--border:#353c43;--soft:#30373e;--accent:#9aafc1;--accent-bg:#354451}html[data-theme="dark"] .avatar{background:#3d4852;color:#b4c3cf}html[data-theme="dark"] .attachment-symbol{border-color:#536271}html[data-theme="dark"] .feed-photo img{filter:saturate(.5) brightness(.8)}html[data-theme="dark"] .friend-avatar{color:#a8b7c4}
@media(min-width:1500px){.layout{grid-template-columns:220px minmax(0,1fr) 250px;max-width:1370px;gap:25px;margin-top:36px}.feed-card{padding:25px 28px 18px}.feed-photo{aspect-ratio:2}.site-footer{max-width:1370px}}
@media(max-width:1150px){.layout{grid-template-columns:185px minmax(0,1fr) 210px;gap:18px;padding:0 22px}.sidebar-panel{padding:21px 13px 18px}.widget{padding:17px 15px}.feed-card{padding:21px 21px 16px}.feed-body{padding-left:0}.feed-footer{margin-left:0}.article-title{font-size:18px}.feed-photo{aspect-ratio:1.9}.side-nav a{padding:10px 12px}.brand{margin-bottom:25px}.brand small{display:none}.profile-stats{padding-right:0}.profile-stats a{gap:4px}.latest-item{grid-template-columns:18px 1fr;gap:6px}.friend-card{padding:16px}.friend-top{gap:9px}.friend-avatar{width:34px;height:34px;border-radius:9px}.friend-card h2{font-size:11px}.friend-domain{font-size:8px}.content-panel{padding:25px}}
@media(max-width:960px){.layout{grid-template-columns:175px minmax(0,1fr);gap:22px;max-width:860px;margin-top:24px;padding:0 24px}.right-sidebar{display:none}.feed-body{padding-left:45px}.feed-footer{margin-left:45px}.feed-card{padding:23px 24px 17px}.sidebar-panel{padding:22px 12px}.profile-card{padding-left:5px;padding-right:5px}.profile-intro{font-size:11px}.side-nav a{font-size:13px;gap:10px}.profile-stats strong{font-size:13px}.profile-stats span{font-size:9px}.article-title{font-size:19px}.friend-card{padding:18px}.friend-card h2{font-size:12px}.friend-domain{font-size:9px}}
@media(max-width:680px){.layout{display:block;max-width:none;margin:0;padding:19px 15px 0}.left-sidebar,.right-sidebar{display:none}.mobile-header{display:block;background:var(--card);border-bottom:1px solid var(--border)}.mobile-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px 7px}.mobile-top .brand{margin:0;gap:8px}.mobile-top .brand-symbol{width:25px;height:25px;font-size:16px;border-radius:6px}.mobile-top .brand-name{font-size:19px}.mobile-top .brand small{display:inline;font-size:9px;margin-left:5px;margin-bottom:3px}.mobile-tools{display:flex;gap:9px}.mobile-tools .icon-button{width:29px;height:29px}.mobile-tools .icon{width:17px;height:17px}.mobile-nav{display:flex;justify-content:space-between;gap:10px;padding:0 20px}.mobile-nav a{font-size:12px;position:relative;display:flex;align-items:center;gap:6px;padding:13px 8px 12px;color:var(--muted)}.mobile-nav a.active{color:var(--ink);font-weight:500}.mobile-nav a.active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:var(--accent)}.mobile-nav .icon{width:14px;height:14px}.content-heading{padding:0 3px 12px;min-height:38px}.content-heading h1{font-size:16px}.content-heading>span{font-size:10px}.welcome-strip{padding:12px 14px;font-size:11px;margin-bottom:13px;gap:7px;border-radius:9px}.welcome-strip small{display:none}.welcome-strip .icon{height:14px;width:14px}.filter-bar{margin-bottom:14px}.filters{gap:21px}.filter{font-size:11px;padding:8px 0 10px}.filter .count{font-size:9px;margin-left:3px}.section-count{font-size:9px}.feed-card{padding:18px 17px 14px;border-radius:10px}.article-list,.timeline{gap:13px}.feed-head{margin-bottom:14px}.avatar{width:34px;height:34px;font-size:18px;border-radius:9px}.author{gap:10px}.author-info strong{font-size:12px}.author-info .post-time{font-size:9px;gap:5px}.post-badge{font-size:9px;margin-top:3px}.feed-body{padding-left:0}.article-title{font-size:17px;line-height:1.7;margin-bottom:8px}.article-summary{font-size:12px;line-height:1.95}.feed-photo{margin-top:14px;aspect-ratio:1.8;border-radius:5px}.feed-photo.is-small{aspect-ratio:2;max-height:180px}.feed-footer{margin:15px 0 0;padding-top:12px}.read-post{font-size:10px}.post-actions{gap:14px}.post-actions button{font-size:9px}.post-actions .icon{width:13px;height:13px}.post-attachment{padding:12px;margin-top:14px;gap:10px}.attachment-text strong{font-size:10px}.attachment-text span{font-size:9px}.attachment-symbol{width:28px;height:31px}.widget-heading h2{font-size:11px}.list-end{font-size:10px;padding:24px 0 9px}.page-description{font-size:11px;margin-bottom:17px}.daily-topline{margin-bottom:14px}.daily-topline>span{font-size:9px}.moment-card p{font-size:12px}.moment-tag{font-size:9px}.like-button{font-size:9px}.note-quote{font-size:14px!important}.day-notice{font-size:11px;padding:11px 13px}.day-notice button{font-size:10px}.content-panel{padding:22px 20px;border-radius:10px}.about-top{gap:14px;padding-bottom:20px;margin-bottom:22px}.about-top .avatar{width:53px;height:53px;font-size:28px;border-radius:12px}.about-top h2{font-size:19px}.about-top p{font-size:11px}.prose-section{margin-bottom:24px}.prose-section h2{font-size:14px;margin-bottom:12px}.prose-section p{font-size:12px;line-height:2.1}.interest-list li{font-size:11px;gap:9px}.interest-list .icon{width:14px;height:14px;margin-top:4px}.about-note{font-size:10px;gap:12px;padding-top:18px}.outline-button{font-size:10px;padding:7px 10px}.friend-grid{gap:12px}.friend-card{padding:16px 14px;border-radius:9px}.friend-top{gap:8px;align-items:flex-start}.friend-avatar{width:31px;height:31px;font-size:14px;border-radius:8px}.friend-card h2{font-size:11px;line-height:1.6}.friend-domain{font-size:8px;line-height:1.6}.friend-card p{font-size:10px;line-height:1.95;margin-top:12px}.friend-meta{font-size:8px;margin-top:13px}.friends-invite{margin-top:20px}.friends-invite h2{font-size:14px}.friends-invite>p{font-size:11px}.link-details{padding:13px 14px;font-size:10px;margin-bottom:16px}.link-details span{width:37px}.invite-footer .text-link{font-size:10px}.site-footer{font-size:9px;margin-top:26px;padding:0 18px 22px}.site-footer span{margin:0 6px}.dialog-top{padding:16px 18px 0}.dialog-body{padding:16px 20px 24px}.article-detail h1{font-size:23px}.article-detail p{font-size:13px}.article-detail h2{font-size:16px}.article-detail blockquote{font-size:15px}.article-meta{font-size:10px}.search-input{font-size:12px}.contact-address{font-size:11px}.toast{font-size:10px}}
@media(max-width:370px){.layout{padding-left:12px;padding-right:12px}.mobile-top{padding-left:17px;padding-right:17px}.mobile-nav{padding-left:17px;padding-right:17px}.mobile-top .brand small{display:none}.filters{gap:17px}.filter-bar>.section-count{display:none}.feed-card{padding:16px 14px 13px}.article-title{font-size:16px}.friend-grid{grid-template-columns:1fr}.friend-card{padding:17px}.friend-card h2{font-size:13px}.friend-domain{font-size:9px}.friend-avatar{width:38px;height:38px;font-size:17px}.friend-card p{font-size:11px}.friend-top{gap:11px}.about-note{align-items:flex-start;flex-direction:column}.interest-list li{flex-wrap:wrap;gap:5px 8px}}
.read-post,.post-actions button,.like-button{min-height:30px}.back-link{font-size:12px;color:var(--text);display:flex;align-items:center;gap:6px}.back-link .icon{height:14px;width:14px;transform:rotate(180deg)}.article-page{padding:30px 32px}.article-page>h1{font-size:26px;font-weight:550;line-height:1.7;margin-bottom:17px;letter-spacing:.2px}.article-page>.author{padding-bottom:23px;border-bottom:1px solid var(--border);margin-bottom:26px}.article-page>img{width:100%;max-height:310px;object-fit:cover;filter:saturate(.7);border-radius:7px;margin:0 0 27px}.article-page>p{font-size:14px;line-height:2.15;color:var(--text);margin-bottom:18px}.article-page>h2{font-size:18px;font-weight:550;line-height:1.8;margin:29px 0 13px;scroll-margin-top:25px}.article-page>blockquote{font-size:15px;line-height:2;color:var(--text);margin:24px 0;padding:13px 18px;border-left:2px solid #b7c6d3;background:var(--soft);border-radius:0 6px 6px 0}.article-page .article-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.article-neighbors{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.article-neighbors>a{flex:1;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:15px 18px;min-width:0}.article-neighbors>a:last-child{text-align:right}.article-neighbors small{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.article-neighbors strong{font-size:12px;font-weight:400;line-height:1.8}.toc-list{display:grid;gap:12px;border-left:1px solid var(--border);padding-left:13px;margin-left:3px}.toc-list a{font-size:11px;color:var(--text);line-height:1.8}.toc-list a:hover{color:var(--accent)}.article-sidebar-note{font-size:11px;color:var(--text);line-height:1.9}.feed-photo{max-height:270px;aspect-ratio:2.1}.widget-heading h2{font-size:13px}.latest-item h3{font-size:12px}.latest-item time{font-size:10px}.site-info{font-size:11px}.content-heading{padding-bottom:15px}.friend-card h2{font-weight:550}.friend-heading{overflow-wrap:anywhere}.friend-card p{min-height:43px}
@media(max-width:1150px){.article-page{padding:26px}.article-page>h1{font-size:24px}.latest-item h3{font-size:11px}.widget-heading h2{font-size:12px}}
@media(max-width:680px){html{scroll-padding-top:66px}.mobile-header{position:static}.mobile-top{height:60px;padding:0 18px}.mobile-tools .icon-button{width:38px;height:38px}.feed-photo{max-height:230px;aspect-ratio:1.85}.read-post,.post-actions button,.like-button{min-height:32px}.article-page{padding:23px 20px}.article-page>h1{font-size:22px}.article-page>h2{font-size:17px;scroll-margin-top:66px}.article-page>p{font-size:13px}.article-page>blockquote{font-size:14px;padding:12px 15px}.article-page>.author{padding-bottom:20px;margin-bottom:22px}.article-page>img{max-height:230px;margin-bottom:22px}.article-neighbors{gap:11px}.article-neighbors>a{padding:13px}.article-neighbors strong{font-size:11px}.article-neighbors small{font-size:9px}.site-footer{font-size:10px}.friend-card p{min-height:40px}}
@media(max-width:370px){.article-neighbors{flex-direction:column}.article-neighbors>a:last-child{text-align:left}.friend-card p{min-height:0}}
.filter-tools{display:flex;gap:10px;align-items:center}.liked-filter{height:32px;width:28px;display:grid;place-items:center;color:var(--muted);border-radius:5px}.liked-filter .icon{height:15px;width:15px}.liked-filter.active{background:var(--accent-bg);color:var(--accent)}.liked-filter:hover{background:var(--soft)}.article-neighbors>a.previous{text-align:left}.article-neighbors>a.next{text-align:right}
@media(max-width:680px){.filter-tools{gap:5px}.filter-tools>.section-count{display:none}.liked-filter{width:27px}.filters{gap:19px}}
@media(max-width:370px){.filters{gap:15px}}
/* Readable typography, quieter surfaces, and consistent spacing. */
:root{--muted:#9ba7b7;--border:#ecedef;--radius:12px}
body{font-size:16px}.layout{max-width:1340px;grid-template-columns:212px minmax(0,1fr) 260px;gap:24px;margin-top:32px}.sidebar-panel,.feed-card,.widget,.content-panel{box-shadow:0 2px 9px #24364a04}.sidebar-panel{padding:25px 18px 22px}.brand-name{font-size:22px}.brand small{font-size:11px}.profile-card h2{font-size:17px}.profile-card .handle{font-size:12px}.profile-intro{font-size:14px;line-height:1.85}.profile-stats strong{font-size:16px}.profile-stats span{font-size:12px}.profile-stats{padding-right:0;gap:9px}.profile-stats a{gap:4px}.side-nav{gap:6px;margin:21px 0 23px}.side-nav a{font-size:15px;padding:12px;gap:12px}.side-nav .nav-count{font-size:12px}.side-nav .icon{height:18px;width:18px}.sidebar-note{font-size:12px}.side-tools{gap:20px}.side-tools a,.side-tools button{min-height:28px;min-width:24px}
.content-heading{min-height:49px;padding-bottom:16px}.content-heading h1{font-size:22px;line-height:1.5;font-weight:600}.content-heading>span{font-size:13px}.filter-bar{margin-bottom:19px}.filter{font-size:14px;padding-bottom:13px}.filters{gap:26px}.filter .count,.section-count{font-size:12px}.liked-filter{height:35px;width:30px}.liked-filter .icon{width:17px;height:17px}.article-list,.timeline{gap:19px}.feed-card{padding:26px 27px 18px}.author{gap:12px}.avatar{height:40px;width:40px;font-size:21px}.feed-head{margin-bottom:20px}.author-info strong{font-size:15px;font-weight:550;line-height:1.5}.author-info .post-time{font-size:12px;gap:8px;margin-top:4px;line-height:1.65}.post-badge{font-size:12px;gap:5px}.post-badge .icon{height:13px;width:13px}.feed-body{padding-left:52px}.article-title{font-size:23px;line-height:1.6;font-weight:550;margin-bottom:11px;letter-spacing:0}.article-summary{font-size:16px;line-height:1.9}.feed-photo{margin-top:19px;border-radius:8px}.feed-footer{margin-left:52px;margin-top:20px;padding-top:13px}.read-post{font-size:14px;gap:7px}.read-post .icon{height:15px;width:15px}.post-actions button{font-size:13px;gap:6px}.post-actions .icon{height:16px;width:16px}.post-attachment{padding:16px;gap:13px}.attachment-text strong{font-size:14px;line-height:1.65}.attachment-text span{font-size:12px;margin-top:3px}.attachment-symbol{height:38px;width:34px;font-size:12px}.list-end{font-size:13px;padding-top:29px}.right-sidebar{gap:19px}.sidebar-search{height:49px;font-size:14px;padding:13px 16px;gap:10px}.sidebar-search .icon{width:17px;height:17px}.sidebar-search kbd{font-size:12px}.widget{padding:21px 19px}.widget-heading{margin-bottom:19px}.widget-heading h2{font-size:16px;font-weight:550;gap:8px}.widget-heading .icon{width:16px;height:16px}.widget-heading small{font-size:12px}.latest-list{gap:18px}.latest-item{grid-template-columns:19px minmax(0,1fr);gap:9px}.latest-item .index{font-size:13px;line-height:1.7}.latest-item h3{font-size:14px;font-weight:450;line-height:1.7}.popular-views{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.now-widget p{font-size:14px;line-height:1.8}.now-widget time{font-size:12px}.text-link{font-size:13px;gap:6px}.text-link .icon{height:14px;width:14px}.site-info{font-size:12px;line-height:1.85}.site-footer{font-size:12px;line-height:1.9;padding-bottom:28px}
.page-description{font-size:15px;line-height:1.9}.daily-topline>span{font-size:12px}.moment-card p{font-size:16px;line-height:1.95}.moment-tag{font-size:12px}.like-button{font-size:13px;gap:6px}.like-button .icon{width:16px;height:16px}.note-quote{font-size:18px!important;line-height:1.85!important}.day-notice{font-size:14px;line-height:1.8}.day-notice button{font-size:13px}.content-panel{padding:30px 32px}.about-top h2{font-size:24px;line-height:1.55}.about-top p{font-size:14px}.prose-section{margin-bottom:31px}.prose-section h2{font-size:18px;font-weight:550;margin-bottom:15px}.prose-section p{font-size:16px;line-height:1.95;margin-bottom:16px}.interest-list{gap:16px}.interest-list li{font-size:15px;line-height:1.85;gap:11px}.interest-list .icon{width:17px;height:17px;margin-top:5px}.about-note{font-size:13px;padding-top:22px}.outline-button{font-size:13px;padding:9px 13px}.friend-grid{gap:16px}.friend-card{padding:21px}.friend-avatar{width:41px;height:41px;font-size:20px;border-radius:11px}.friend-card h2{font-size:16px;line-height:1.55;font-weight:550}.friend-domain{font-size:12px;line-height:1.7;margin-top:5px}.friend-top{gap:12px}.friend-card p{font-size:14px;line-height:1.85;margin-top:17px;min-height:51px}.friend-meta{font-size:12px;margin-top:17px}.friend-meta .icon{width:14px;height:14px}.friends-invite h2{font-size:18px;font-weight:550}.friends-invite>p{font-size:15px;line-height:1.9}.link-details{font-size:14px;line-height:1.8;padding:17px 19px;gap:7px}.link-details span{width:48px}.back-link{font-size:14px}.article-page>h1{font-size:28px;line-height:1.6}.article-page>h2{font-size:21px;line-height:1.6}.article-page>p{font-size:16px;line-height:2}.article-page>blockquote{font-size:17px;line-height:1.9}.article-page .article-bottom{font-size:13px}.article-neighbors small{font-size:12px}.article-neighbors strong{font-size:15px;line-height:1.7}.toc-list{gap:15px}.toc-list a{font-size:14px;line-height:1.7}.article-sidebar-note{font-size:14px}.dialog-top h2{font-size:17px}.dialog-body{padding:21px 27px 29px}.search-input{font-size:16px;padding-top:12px;padding-bottom:12px}.search-input-wrap>.icon{top:17px}.search-help{font-size:12px;line-height:1.8}.search-result strong{font-size:16px;line-height:1.7}.search-result span{font-size:12px;line-height:1.7}.search-result{padding:17px 10px}.contact-dialog p{font-size:15px;line-height:1.85}.contact-address{font-size:14px}.contact-dialog .demo-note{font-size:12px;line-height:1.8}.page-kicker{font-size:13px}.toast{font-size:14px}
.recent-comments{display:grid;gap:18px}.comment-preview{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding-bottom:17px;border-bottom:1px solid var(--border)}.comment-preview:last-child{border-bottom:0;padding-bottom:0}.comment-avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:#8a98a5;font-size:14px;flex-shrink:0}.comment-summary{min-width:0}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.6}.comment-meta strong{font-size:13px;font-weight:500;color:var(--ink)}.comment-meta time{font-size:11px;color:var(--muted);white-space:nowrap}.comment-summary p{font-size:13px;line-height:1.85;color:var(--text);margin-top:7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.comment-source{display:inline-flex;align-items:flex-start;gap:6px;max-width:100%;padding:5px 8px;background:var(--accent-bg);border-radius:5px;color:var(--accent);font-size:13px;font-weight:500;line-height:1.65;margin-top:9px}.comment-preview:hover .comment-summary p{color:var(--accent)}.article-comments{margin-top:22px}.comments-heading{display:flex;gap:11px;align-items:baseline;margin-bottom:22px}.comments-heading h2{font-size:18px;font-weight:550}.comments-heading span{font-size:13px;color:var(--muted)}.comment-full{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:20px 0;border-top:1px solid var(--border);scroll-margin-top:25px}.comment-full .comment-avatar{width:38px;height:38px;font-size:17px;border-radius:9px}.comment-full .comment-meta{justify-content:flex-start;gap:12px}.comment-full .comment-meta strong{font-size:14px}.comment-full .comment-meta time{font-size:12px}.comment-full p{font-size:15px;color:var(--text);line-height:1.95;margin-top:10px}.no-comments{font-size:14px;color:var(--muted)}
@media(min-width:1500px){.layout{max-width:1400px;grid-template-columns:220px minmax(0,1fr) 276px;gap:26px;margin-top:36px}.feed-card{padding:28px 29px 20px}}
@media(max-width:1180px){.layout{grid-template-columns:192px minmax(0,1fr) 236px;gap:20px;padding:0 22px}.sidebar-panel{padding:22px 14px}.profile-intro{font-size:13px}.profile-stats strong{font-size:15px}.profile-stats span{font-size:11px}.side-nav a{font-size:14px}.feed-card{padding:24px 23px 18px}.feed-body{padding-left:0}.feed-footer{margin-left:0}.article-title{font-size:22px}.widget{padding:20px 17px}.widget-heading h2{font-size:15px}.comment-meta strong{font-size:13px}.comment-meta time{font-size:11px}.latest-item h3{font-size:14px}.friend-card{padding:19px 17px}.friend-top{gap:10px}.friend-avatar{width:36px;height:36px;font-size:18px}.friend-card h2{font-size:15px}.friend-domain{font-size:11px}.friend-card p{font-size:14px}.content-panel{padding:28px}}
@media(max-width:1000px){.layout{grid-template-columns:182px minmax(0,1fr);max-width:910px;gap:24px}.right-sidebar{display:none}.feed-body{padding-left:0}.feed-footer{margin-left:0}.friend-domain{font-size:12px}}
@media(max-width:680px){body{font-size:15px}.layout{display:block;margin:0;padding:21px 15px 0}.sidebar-panel{display:none}.mobile-top .brand-name{font-size:21px}.mobile-top .brand small{font-size:11px}.mobile-nav a{font-size:14px;gap:7px;padding-top:12px;padding-bottom:12px}.mobile-nav .icon{width:16px;height:16px}.content-heading{min-height:43px;padding-bottom:15px}.content-heading h1{font-size:20px}.content-heading>span{font-size:12px}.filter{font-size:13px;padding:7px 0 12px}.filters{gap:20px}.filter-tools{gap:5px}.filter-bar{margin-bottom:17px}.article-list,.timeline{gap:16px}.feed-card{padding:21px 19px 16px;border-radius:11px}.feed-head{margin-bottom:17px}.avatar{width:38px;height:38px;font-size:20px}.author{gap:11px}.author-info strong{font-size:14px}.author-info .post-time{font-size:12px;gap:6px}.post-badge{font-size:11px}.article-title{font-size:21px;line-height:1.55;margin-bottom:11px}.article-summary{font-size:15px;line-height:1.9}.feed-body{padding-left:0}.feed-footer{margin-left:0;margin-top:17px;padding-top:12px}.read-post{font-size:13px}.post-actions button{font-size:12px}.post-actions .icon{width:15px;height:15px}.feed-photo{margin-top:17px;max-height:230px}.attachment-text strong{font-size:13px}.attachment-text span{font-size:11px}.post-attachment{padding:14px 13px;gap:11px}.attachment-symbol{height:36px;width:31px}.list-end{font-size:12px}.daily-topline>span{font-size:12px}.moment-card p{font-size:15px;line-height:1.95}.moment-tag{font-size:12px}.like-button{font-size:12px}.note-quote{font-size:17px!important}.page-description{font-size:14px;line-height:1.9}.content-panel{padding:25px 22px}.about-top h2{font-size:22px}.about-top p{font-size:13px}.prose-section h2{font-size:17px;margin-bottom:14px}.prose-section p{font-size:15px;line-height:1.95}.interest-list{gap:16px}.interest-list li{font-size:14px;line-height:1.9;gap:9px;flex-wrap:wrap}.interest-list .icon{width:16px;height:16px;margin-top:5px}.interest-list li>span{flex-basis:100%;padding-left:25px}.about-note{font-size:12px;gap:13px}.outline-button{font-size:12px;padding:9px 12px}.friend-grid{gap:14px}.friend-card{padding:19px 17px}.friend-card h2{font-size:15px;line-height:1.6}.friend-domain{font-size:12px;line-height:1.6;margin-top:4px}.friend-card p{font-size:14px;line-height:1.85}.friend-meta{font-size:12px}.friend-avatar{width:37px;height:37px;font-size:18px}.friends-invite h2{font-size:17px}.friends-invite>p{font-size:14px;line-height:1.9}.link-details{font-size:13px;padding:15px 16px;gap:6px}.link-details span{width:44px}.invite-footer .text-link{font-size:12px}.article-page>h1{font-size:25px;line-height:1.6}.article-page>h2{font-size:19px;scroll-margin-top:72px}.article-page>p{font-size:15px;line-height:2}.article-page>blockquote{font-size:16px}.article-page .article-bottom{font-size:12px;align-items:flex-start}.article-neighbors small{font-size:12px}.article-neighbors strong{font-size:14px}.back-link{font-size:13px}.site-footer{font-size:11px;margin-top:30px;line-height:1.9}.dialog-top h2{font-size:16px}.dialog-body{padding:20px 21px 25px}.search-input{font-size:16px}.search-help{font-size:12px}.search-result strong{font-size:15px}.contact-dialog p{font-size:14px}.contact-address{font-size:13px}.contact-dialog .demo-note{font-size:12px}.toast{font-size:13px}.comments-heading h2{font-size:17px}.comment-full{gap:11px;grid-template-columns:34px minmax(0,1fr);scroll-margin-top:75px}.comment-full .comment-avatar{height:34px;width:34px;font-size:16px}.comment-full p{font-size:14px}.comment-full .comment-meta strong{font-size:14px}.comment-full .comment-meta time{font-size:12px}}
@media(max-width:480px){.friend-grid{grid-template-columns:1fr}.friend-top{align-items:center;gap:12px}.friend-avatar{width:42px;height:42px;font-size:20px}.friend-card h2{font-size:16px}.friend-card p{min-height:0;margin-top:14px}.friend-meta{margin-top:15px}}
@media(max-width:370px){.layout{padding-left:12px;padding-right:12px}.feed-card{padding:19px 16px 15px}.filters{gap:14px}.filter{font-size:12px}.article-title{font-size:20px}.article-summary,.moment-card p{font-size:15px}.content-heading>span{font-size:11px}.about-note{flex-direction:column;align-items:flex-start}.article-page>h1{font-size:23px}}
.comment-meta time{font-size:12px}
@media(max-width:680px){.site-footer{font-size:12px}}
/* A restrained blue palette, with a small warm accent for discovery and RSS. */
:root{--avatar-bg:#f0f2f8;--avatar-ink:#8194b1;--site-tint:#f9f1f8;--site-tint-end:#fff9f3;--site-border:#ebedf4;--site-ink:#607ab3;--site-muted:#8f9eb1;--warm-bg:#fff6e8;--warm-ink:#ad8862}
.sidebar-panel{padding-top:29px}.profile-card .author{margin-top:2px}.profile-card .avatar.large{box-shadow:0 0 0 4px var(--card),0 0 0 5px var(--site-border)}.avatar,.comment-avatar,.friend-avatar{background:var(--avatar-bg);color:var(--avatar-ink)}.profile-stats strong{color:var(--ink)}.side-nav a.active{background:var(--accent-bg);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.side-nav a.active .nav-count{color:#869cc0}.filter.active{color:var(--accent)}.status-dot{background:#82a093}.read-post{color:var(--accent)}.post-badge{background:var(--accent-bg);color:var(--accent);border-radius:5px;padding:2px 7px}.widget-heading .icon{color:#8099bd}.latest-item{grid-template-columns:23px minmax(0,1fr);gap:10px}.latest-item .index{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:var(--soft);font-size:12px;color:#8a97a8;margin-top:1px}.latest-item:first-child .index{background:var(--warm-bg);color:var(--warm-ink)}.now-widget{background:linear-gradient(125deg,var(--site-tint-end),var(--card) 80%)}.post-attachment{background:var(--soft);border-color:var(--border)}.attachment-symbol{background:var(--card);border-color:var(--site-border);color:var(--avatar-ink)}.feed-photo img{filter:saturate(.82)}.feed-photo:hover img{filter:saturate(.96)}
html[data-theme="dark"]{--accent:#a0bbed;--accent-bg:#354765;--avatar-bg:#35445d;--avatar-ink:#a8bce1;--site-tint:#2b364b;--site-tint-end:#303e56;--site-border:#455673;--site-ink:#bfd0ed;--site-muted:#90a5c3;--warm-bg:#473d37;--warm-ink:#c9a285}
html[data-theme="dark"] .avatar{background:var(--avatar-bg);color:var(--avatar-ink)}html[data-theme="dark"] .side-nav a.active .nav-count{color:#9fb6db}html[data-theme="dark"] .friend-avatar{color:var(--avatar-ink)}
@media(max-width:1180px){.sidebar-panel{padding-top:26px}}
.article-summary,.article-page>p,.moment-card p{color:var(--ink)}.side-nav a.active{box-shadow:inset 3px 0 0 #a0acd0}
html[data-theme="dark"] .side-nav a.active{box-shadow:inset 3px 0 0 #7189b2}

.station-card{padding:25px 20px 20px;border:1px solid var(--border);border-radius:17px;background:var(--card);box-shadow:0 20px 28px -23px #40598278;text-align:center}.station-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:19px}.station-heading>img{width:24px;height:24px;flex-shrink:0;border-radius:7px}.station-heading>div{text-align:left;min-width:0}.station-heading h2{font-size:15px;font-weight:600;line-height:1.55;letter-spacing:.2px;color:var(--ink)}.station-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:2px}.station-runtime{display:flex;align-items:center;justify-content:center;gap:12px;min-height:72px;padding:11px 12px;background:var(--soft);border-radius:14px}.runtime-ring{position:relative;width:48px;height:48px;flex-shrink:0;color:var(--accent)}.runtime-ring>svg{width:100%;height:100%;fill:none;stroke-width:2.5}.runtime-track{stroke:#e8ecf5}.runtime-arc{stroke:var(--accent);stroke-linecap:round}.runtime-days{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.runtime-days strong{font-size:14px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.runtime-days span{font-size:10px;line-height:1.2}.runtime-copy{text-align:left;min-width:0}.runtime-copy>span{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.runtime-copy>p{font-size:12px;line-height:1.7;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-theme="dark"] .station-card{box-shadow:0 20px 28px -23px #0009}html[data-theme="dark"] .runtime-track{stroke:#404e65}
@media(max-width:1180px){.station-card{padding:23px 16px 18px}.station-heading{gap:8px}.station-heading h2{font-size:14px}.station-heading p{font-size:12px}.station-runtime{gap:9px;padding:10px}.runtime-ring{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* One location for article categories and site links. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-filter-bar{min-height:49px;align-items:stretch;margin-left:0;margin-right:0}.home-filter-bar .filters{align-items:stretch}.home-filter-bar .filter{display:flex;align-items:center;padding-top:9px;padding-bottom:9px}.home-filter-bar .filter-tools{flex-shrink:0}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.site-footer a{margin:0}.site-footer .site-filing{overflow-wrap:anywhere}

/* Keep mobile navigation within reach and clear of the device home indicator. */
@media(max-width:680px){
  :root{--mobile-nav-height:60px;--mobile-nav-space:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px))}
  html{scroll-padding-top:24px;scroll-padding-bottom:calc(var(--mobile-nav-space) + 16px)}
  body{padding-bottom:var(--mobile-nav-space)}
  .mobile-header{padding-top:env(safe-area-inset-top, 0px)}
  .mobile-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:var(--mobile-nav-space);padding:0 max(8px,env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(8px,env(safe-area-inset-left, 0px));background:var(--card);border-top:1px solid var(--border);box-shadow:0 -4px 18px #34495e08}
  .mobile-nav a{justify-content:center;gap:7px;min-height:calc(var(--mobile-nav-height) - 1px);padding:0 4px;white-space:nowrap}
  .mobile-nav a.active{color:var(--accent)}
  .mobile-nav a.active:after{top:0;bottom:auto;left:calc(50% - 15px);right:auto;width:30px;border-radius:0 0 2px 2px}
  .toast{bottom:calc(var(--mobile-nav-space) + 16px)}
}

/* Shared card outline: quiet at rest, blue when a mouse hovers. */
:root{--module-hover-border:#a2b1df}
html[data-theme="dark"]{--module-hover-border:#7189b2}
:is(.sidebar-panel,.feed-card,.widget,.content-panel,.friend-card,.sidebar-search,.station-card,.article-neighbors>a){transition:border-color .2s ease}
@media(hover:hover) and (pointer:fine){
  :is(.sidebar-panel,.feed-card,.widget,.content-panel,.friend-card,.sidebar-search,.station-card,.article-neighbors>a):hover{border-color:var(--module-hover-border)}
}

/* Article footer: reading link, metrics, comment strip and likes. */
.article-feed-footer{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"read stats comments like";align-items:center;gap:14px}
.article-feed-footer>.read-post{grid-area:read;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:34px;min-width:60px;padding:0 13px;gap:0;border:1px solid transparent;border-radius:6px;background:var(--accent-bg);color:var(--accent);font-weight:500;letter-spacing:.06em;transition:border-color .2s ease,background-color .2s ease}
@media(hover:hover) and (pointer:fine){.article-feed-footer>.read-post:hover{border-color:var(--module-hover-border)}}
.article-feed-footer>.article-stats{grid-area:stats}
.article-stats{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.article-stats>span,.article-stats>a{display:inline-flex;align-items:center;gap:5px;min-height:34px}
.article-stats .icon{width:15px;height:15px}
.article-like{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:34px;white-space:nowrap;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.article-feed-footer>.article-like{grid-area:like}
.article-like .icon{width:17px;height:17px}
.article-like.liked{color:var(--accent)}.article-like.liked .icon,.liked-filter.active .icon{fill:var(--accent-bg)}
.comment-strip,.comment-strip-empty{grid-area:comments;min-width:0}
.comment-strip{display:flex;align-items:center;gap:4px}
.comment-viewport{--comment-row-height:34px;flex:1;min-width:0;height:var(--comment-row-height);overflow:hidden}
.comment-line::-webkit-scrollbar{display:none}
.comment-viewport:focus-visible{outline-offset:-2px}
.comment-track{display:flex;flex-direction:column;width:100%;min-width:0}
.comment-ticker-item{display:inline-flex;align-items:center;gap:4px;width:max-content;min-height:28px;padding:0 2px;white-space:nowrap;font-size:13px;line-height:1.8;color:var(--text)}
.comment-ticker-item strong{font-weight:500;color:var(--accent)}.comment-ticker-item strong:after{content:"："}
.comment-ticker-item:focus-visible{outline-offset:1px}
.comment-ticker-item:hover{color:var(--accent)}


.comment-strip-empty{font-size:13px;color:var(--muted);line-height:1.8}
.article-page .article-bottom{flex-wrap:wrap;gap:14px}
.article-detail-actions{display:flex;align-items:center;gap:20px;margin-left:auto}
.article-comments,.comment-full{scroll-margin-top:24px}
.comment-full:target{background:var(--accent-bg);border-radius:6px;box-shadow:0 0 0 8px var(--accent-bg)}
.article-comments:target .comments-heading h2{color:var(--accent)}
@media(max-width:1180px){
  .article-feed-footer{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"read stats like" "comments comments comments";gap:7px 14px}
  .article-feed-footer>.article-stats{justify-self:end}
  .article-feed-footer>.comment-strip,.article-feed-footer>.comment-strip-empty{background:var(--soft);border-radius:6px;padding:3px 9px}
  .article-feed-footer>.comment-strip-empty{padding-top:9px;padding-bottom:9px}
}
@media(max-width:680px){
  .article-feed-footer{gap:4px 12px}
  .article-feed-footer>.read-post,.article-like,.article-stats>span,.article-stats>a{min-height:40px}
  .article-stats{font-size:12px;gap:12px}
  .article-detail-actions{width:100%;justify-content:space-between}
}

.comment-source>.icon{width:14px;height:14px;margin-top:3px}
.comment-source>span{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}

/* Show one comment; pan overflowing text before lifting the next row into view. */
.comment-slide{display:flex;align-items:center;flex:none;min-width:0;height:var(--comment-row-height);overflow:hidden}
.comment-line{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto}
.comment-ticker-item>strong,.comment-ticker-item>span{flex-shrink:0}

/* Compact page titles with a quiet blue icon and a fine connecting rule. */
.page-heading{min-height:56px;padding:0 2px 16px;margin-bottom:3px;gap:16px}
.page-heading-title{display:flex;align-items:center;gap:11px;flex-shrink:0;order:1}
.page-heading-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:9px;background:var(--accent-bg);color:var(--accent)}
.page-heading-icon>.icon{width:19px;height:19px;stroke-width:1.7}
.page-heading-title h1{letter-spacing:.04em}
.page-heading:after{content:"";order:2;flex:1;min-width:20px;height:1px;background:linear-gradient(90deg,var(--module-hover-border),var(--border));opacity:.55}
.page-heading-note{order:3;max-width:55%;min-width:0;font-size:13px;line-height:1.7;color:var(--muted);text-align:right}
@media(max-width:680px){
  .page-heading{min-height:50px;padding-bottom:14px;margin-bottom:2px;gap:12px}
  .page-heading-title{gap:9px}
  .page-heading-icon{width:32px;height:32px;border-radius:8px}
  .page-heading-icon>.icon{width:17px;height:17px}
  .page-heading:after{min-width:12px}
  .page-heading-note{font-size:12px}
}
@media(max-width:370px){.page-heading{gap:10px}.page-heading:after{display:none}}