/* darkroom */
.darkroom-page{max-width:960px;padding:16px 0}.darkroom-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.darkroom-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text)}.darkroom-sub{font-size:var(--font-size-sm);color:var(--text-subtle);margin-top:2px}.darkroom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.darkroom-search{display:flex;gap:8px;align-items:center}.darkroom-search input[type=search],.darkroom-search input[type=number]{min-width:180px}.darkroom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.darkroom-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-base)}.darkroom-card-top{display:flex;align-items:center;gap:12px}.darkroom-avatar{position:relative;display:inline-block;width:64px;height:64px;border-radius:10px;overflow:hidden;flex:0 0 auto;background:var(--bg)}.darkroom-avatar img{width:64px;height:64px;object-fit:cover;display:block}.darkroom-card-avatar::before{content:"封";position:absolute;top:3px;right:3px;z-index:2;background:var(--danger);color:var(--panel);font-size:var(--font-size-xs);line-height:1.2;font-weight:600;padding:2px 5px;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.darkroom-avatar::after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:linear-gradient(rgba(12,12,34,.3),rgba(12,12,34,.3)),repeating-linear-gradient(0deg,rgba(0,0,0,.5) 0 3px,rgba(0,0,0,0) 3px 11px)}.darkroom-card-user{display:flex;flex-direction:column;min-width:0}.darkroom-card-name{font-size:var(--font-size-md);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.darkroom-card-meta{font-size:var(--font-size-xs);color:var(--text-subtle)}.darkroom-card-reason{font-size:var(--font-size-sm);color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.darkroom-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-size-sm);color:var(--text-muted);border-top:1px solid var(--line-soft);padding-top:8px}.darkroom-card-foot strong{color:var(--danger);font-weight:600}.darkroom-empty{padding:40px 16px;text-align:center;color:var(--text-muted);background:var(--panel);border:1px solid var(--line);border-radius:12px}.darkroom-masked{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.darkroom-masked-inner{display:flex;align-items:flex-start;gap:14px;padding:16px}.darkroom-masked-avatar{width:56px;height:56px}.darkroom-masked-avatar img{width:56px;height:56px}.darkroom-masked-text{display:flex;flex-direction:column;gap:4px;min-width:0}.darkroom-masked-text strong{font-size:var(--font-size-md);font-weight:600;color:var(--text)}.darkroom-masked-uid{margin-left:8px;font-size:var(--font-size-xs);font-weight:400;color:var(--text-subtle)}.darkroom-masked-desc{font-size:var(--font-size-sm);color:var(--text-muted)}.darkroom-masked-meta{margin-left:2px;font-size:var(--font-size-xs);color:var(--text-subtle);word-break:break-all}.darkroom-masked-link{display:inline-flex;align-items:center;align-self:flex-start;margin-top:2px;padding:5px 12px;font-size:var(--font-size-sm);color:var(--brand);background:var(--brand-soft);border:1px solid var(--line);border-radius:999px}.darkroom-profile-actions{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.darkroom-ban-btn:before,.darkroom-report-btn:before{width:14px;height:14px}.darkroom-ban-btn:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M5.7 5.7l12.6 12.6%27/%3E%3C/svg%3E") center/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M5.7 5.7l12.6 12.6%27/%3E%3C/svg%3E") center/14px 14px no-repeat}.darkroom-report-btn:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 22V4%27/%3E%3Cpath d=%27M4 4h14l-3 5 3 5H4%27/%3E%3C/svg%3E") center/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 22V4%27/%3E%3Cpath d=%27M4 4h14l-3 5 3 5H4%27/%3E%3C/svg%3E") center/14px 14px no-repeat}.darkroom-admin-panel{max-width:960px;padding:16px}.darkroom-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px}.darkroom-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.darkroom-filters a{font-size:var(--font-size-sm);color:var(--text-muted);padding:4px 10px;border:1px solid var(--line);border-radius:999px}.darkroom-filters a.active{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.darkroom-table{width:100%;border-collapse:collapse}.darkroom-table th,.darkroom-table td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:var(--font-size-sm);text-align:left;vertical-align:middle}.darkroom-table th{color:var(--text-muted);font-weight:600;white-space:nowrap}.darkroom-table tr:last-child td{border-bottom:none}.darkroom-table td em{font-style:normal;color:var(--danger);font-size:var(--font-size-xs)}.darkroom-user{display:flex;align-items:center;gap:10px;min-width:150px}.darkroom-user .avatar-img{width:40px;height:40px;border-radius:8px;flex:0 0 auto}.darkroom-user-info{display:flex;flex-direction:column;min-width:0;line-height:1.35}.darkroom-user-info strong{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.darkroom-user-uid{font-size:var(--font-size-xs);color:var(--text-subtle)}.darkroom-ops{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.darkroom-ops form{display:inline}.darkroom-edit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;touch-action:manipulation}.darkroom-link{font-size:var(--font-size-sm);color:var(--brand);white-space:nowrap}.darkroom-badge{font-size:var(--font-size-xs);color:var(--text-muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;white-space:nowrap}.darkroom-badge.on{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.darkroom-badge.danger{color:var(--warning);border-color:var(--warning);background:var(--warning-soft)}.darkroom-warn{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--warning);background:var(--warning-soft);border-radius:10px;margin-bottom:14px;font-size:var(--font-size-sm)}.darkroom-warn strong{color:var(--text);font-weight:600}.darkroom-warn span{color:var(--text-muted);word-break:break-all;line-height:1.6}.darkroom-notice{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--info);background:var(--info-soft);border-radius:10px;margin-bottom:14px;font-size:var(--font-size-sm)}.darkroom-notice a{color:var(--brand);word-break:break-all}.darkroom-muted{color:var(--text-muted);font-size:var(--font-size-sm)}.darkroom-subtabs{margin-top:6px}.darkroom-duration-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.darkroom-duration-select select{min-width:140px;background-color:var(--bg);color:var(--text)}.darkroom-modal select{background-color:var(--bg);color:var(--text)}.darkroom-act,.darkroom-preset-btn,.darkroom-modal-submit,.darkroom-modal-cancel,.darkroom-edit-btn,.darkroom-masked-link{-webkit-tap-highlight-color:var(--brand-soft)}.darkroom-report{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.darkroom-report-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--font-size-sm)}.darkroom-report-head strong{color:var(--text);font-weight:600}.darkroom-report-reason{font-size:var(--font-size-sm);color:var(--text);line-height:1.6;word-break:break-all}.darkroom-report-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.darkroom-report-form{margin-top:4px;border-top:1px dashed var(--line);padding-top:10px}.darkroom-review-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.darkroom-review-row textarea{flex:1 1 260px;min-height:64px}.darkroom-review-row select{width:auto}.darkroom-review-row input{width:150px}.darkroom-review-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.darkroom-modal-backdrop{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}.darkroom-modal-backdrop[hidden]{display:none}.darkroom-modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(480px,100%);max-height:90vh;overflow:auto;overscroll-behavior:contain;box-shadow:var(--shadow-lg)}.darkroom-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.darkroom-modal-title{font-size:var(--font-size-md);color:var(--text)}.darkroom-modal-close{border:none;background:none;font-size:var(--font-size-xl);line-height:1;color:var(--text-muted);cursor:pointer;padding:2px 6px}.darkroom-modal-close:hover{color:var(--text)}.darkroom-modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.darkroom-modal-body .grid{display:flex;flex-direction:column;gap:6px}.darkroom-modal-body .grid>span{font-size:var(--font-size-sm);color:var(--text)}.darkroom-modal-body textarea{min-height:96px}.darkroom-modal-warn{padding:10px 12px;border:1px solid var(--warning);background:var(--warning-soft);border-radius:10px;font-size:var(--font-size-sm);color:var(--text)}.darkroom-reason-count{margin-left:8px;font-size:var(--font-size-xs);color:var(--text-muted)}.darkroom-presets-wrap{display:flex;flex-direction:column;gap:6px}.darkroom-presets-label{font-size:var(--font-size-sm);color:var(--text)}.darkroom-presets{display:grid;gap:6px}.darkroom-preset-btn{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);padding:6px 8px;min-height:0;text-align:center;cursor:pointer;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation}.darkroom-preset-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.darkroom-custom-field input{max-width:160px}.darkroom-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.darkroom-modal-submit{background:var(--brand);color:var(--panel);border:none;border-radius:8px;padding:8px 18px;font-size:var(--font-size-sm);cursor:pointer;touch-action:manipulation}.darkroom-modal-cancel{background:transparent;color:var(--text-muted);border:1px solid var(--line);border-radius:8px;padding:8px 16px;font-size:var(--font-size-sm);cursor:pointer;touch-action:manipulation}.darkroom-modal-submit[disabled]{opacity:.6;cursor:wait}@media (max-width:640px){.darkroom-page{padding:10px;min-width:0}.darkroom-grid{grid-template-columns:1fr}.darkroom-admin-panel{max-width:100%;padding:10px;min-width:0}.darkroom-panel{padding:12px;overflow-x:auto}.darkroom-card{padding:12px}.darkroom-avatar,.darkroom-avatar img{width:48px;height:48px;border-radius:8px}.darkroom-avatar::after{border-radius:8px}.darkroom-card-top{gap:10px}.darkroom-card-reason{font-size:var(--font-size-sm)}.darkroom-search{width:100%;flex-wrap:nowrap}.darkroom-search input[type=search],.darkroom-search input[type=number]{flex:1 1 auto;min-width:0;max-width:180px}.darkroom-table th,.darkroom-table td{padding:6px;font-size:var(--font-size-xs)}.darkroom-table th{font-size:var(--font-size-xs)}.darkroom-user{min-width:0;gap:6px}.darkroom-user .avatar-img{width:32px;height:32px;border-radius:6px}.darkroom-ops{gap:4px}.darkroom-ops button,.darkroom-edit-btn{min-height:26px;padding:2px 9px;font-size:var(--font-size-xs)}}
/* lazy_iframe */
.lazy-iframe-slot{position:relative;display:block;width:100%;max-width:640px;aspect-ratio:16/9;margin:8px 0;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--panel);overflow:hidden}
.lazy-iframe-slot iframe{display:block;width:100%;height:100%;border:0}
.lazy-iframe-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;color:var(--text-muted);font-size:var(--font-size-xs);text-align:center;overflow-wrap:anywhere}
.lazy-iframe-placeholder svg{width:28px;height:28px;color:var(--text-subtle)}
.lazy-iframe-placeholder:hover{background:var(--brand-soft);color:var(--brand);cursor:pointer}
/* mermaid_chart */
.mermaid-chart{display:flex;justify-content:center;align-items:center;margin:10px 0;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);overflow:auto}.mermaid-chart svg{max-width:100%;height:auto}.mermaid-chart-failed{display:grid;justify-content:start;align-items:start;gap:6px}.mermaid-chart-error{color:var(--danger);font-size:var(--font-size-sm);white-space:normal;word-break:break-word}.mermaid-chart-source{width:100%;max-width:100%;margin:0;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:var(--font-size-xs);overflow:auto;white-space:pre-wrap;word-break:break-word}
/* new_ns_style */
:root:not([data-color-scheme-dark-mode-theme]){ --brand:var(--new-ns-style-accent,#2ea44f); --brand-hover:var(--new-ns-style-accent-hover,#45ca6b); --brand-soft:var(--new-ns-style-accent-soft,rgba(46,164,79,.1)); --success:var(--new-ns-style-accent,#2ea44f); --success-soft:var(--new-ns-style-accent-soft,rgba(46,164,79,.1)); --focus-ring:var(--new-ns-style-focus,rgba(46,164,79,.3)); --panel:var(--new-ns-style-panel,#fff); --bg:var(--new-ns-style-sub-bg,#fbfbfb); --line:var(--new-ns-style-line,#e9e9e9); --line-soft:var(--new-ns-style-line-soft,#f2f2f2); --text:var(--new-ns-style-text,#333); --text-muted:var(--new-ns-style-muted,#555); --text-subtle:var(--new-ns-style-subtle,#888); --radius:8px; --radius-sm:4px } html{background-color:var(--new-ns-style-page-bg,#fffcf8)} html body{background:transparent;color:var(--text);font-size:var(--font-size-sm)} @media(min-width:500px){ html{background-image:var(--new-ns-style-grid-image,linear-gradient(var(--new-ns-style-grid-line,#e9e5df) 1px,transparent 1px),linear-gradient(to right,var(--new-ns-style-grid-line,#e9e5df) 1px,transparent 1px));background-repeat:repeat;background-position:0 0;background-size:32px 32px} } html .top{position:var(--new-ns-style-top-position,sticky);top:0;z-index:35;border-bottom:0;background:var(--panel);box-shadow:var(--new-ns-style-bar-shadow,0 0 5px rgba(0,0,0,.1))} html .forum-more-region{border-bottom:0;background:var(--panel);box-shadow:0 4px 6px var(--shadow-base)} html .bar{max-width:var(--new-ns-style-width,1080px);grid-template-rows:var(--site-logo-bar-row,44px)} html .brand{font-size:var(--site-logo-brand-font-size,var(--font-size-xl));font-weight:700} html .forum-link{max-width:110px;height:26px;padding:0 8px;border-radius:3px;color:var(--text-muted)} html .forum-link:hover,html .forum-more-toggle:hover{background:transparent;color:var(--brand)} html .forum-link.active{background:transparent;color:var(--text);font-weight:700} html .forum-more-toggle{height:26px;padding:0 8px;border-radius:3px;background:transparent} html .forum-more-toggle[aria-expanded="true"]{background:transparent;color:var(--brand)} html .forum-more-link{border-radius:3px} html .search-form{height:28px;border-radius:4px;box-shadow:inset 0 1px 3px var(--shadow-medium)} html .search-form:focus-within{border-color:var(--brand);box-shadow:inset 0 1px 3px var(--shadow-medium),0 0 0 3px var(--focus-ring)} html .wrap{max-width:var(--new-ns-style-width,1080px);padding:15px 12px 20px} html .home-shell{margin:0;padding:22px 24px;border:0;border-radius:14px;background:var(--panel);box-shadow:0 3px 8px var(--new-ns-style-shell-shadow,rgba(0,0,0,.07))} html .home-shell .forum-layout{gap:20px} html .footer{max-width:var(--new-ns-style-width,1080px);font-size:var(--font-size-xs)} html .post-list>.post-item{position:relative;min-height:0;gap:10px;padding:var(--new-ns-style-row-pad,8px);border-bottom:1px solid var(--new-ns-style-divider,rgba(0,0,0,.05))} html .post-list>.post-item:last-child{border-bottom:0} html .post-list>.post-item:hover{background:var(--new-ns-style-hover,rgba(0,0,0,.02))} html .post-avatar{width:40px;height:40px;border-radius:6px;box-shadow:0 0 3px var(--shadow-medium)} html .post-avatar .avatar-profile-link,html .post-avatar .avatar-img{border-radius:6px} html .post-item .post-title{font-size:var(--font-size-md);font-weight:700;line-height:1.5} html .post-item .post-title:hover{color:var(--brand)} html .post-item .post-meta{margin-top:1px;gap:0 9px;font-size:var(--new-ns-style-meta-size,11px);color:var(--text-muted)} html .post-item .meta-icon{width:12px;height:12px;flex:0 0 12px} html .topic-badge{height:18px;border-radius:3px;font-size:var(--new-ns-style-meta-size,11px)} html .empty-state{padding:32px 14px} html .post-topic-title{margin-bottom:10px;padding:0 8px} html .post-content-title{font-size:var(--font-size-xl);line-height:1.5} html .post-entry{grid-template-columns:40px minmax(0,1fr)} html .topic-post-list>.post-entry{padding:8px;border-bottom:1px solid var(--new-ns-style-divider,rgba(0,0,0,.05))} html .topic-post-list>.post-entry:last-child{border-bottom:0} html .post-entry .post-author{font-size:var(--font-size-lg);font-weight:700;color:var(--text)} html .post-entry .post-meta{margin-top:0;font-size:var(--new-ns-style-meta-size,11px);color:var(--text-subtle)} html .post-floor{font-family:var(--font-mono)} html .post-highlight{border-radius:6px} html .post-user-group,html .user-state-tag{margin:0 2px;padding:0 3px;border:1px solid currentColor;border-radius:3px;color:var(--text-subtle);font-size:var(--new-ns-style-meta-size,11px);line-height:1.5} html .post-content{margin-top:6px;line-height:1.62;color:var(--new-ns-style-content-text,#444)} html .post-content p{margin:0 0 10px} html .post-content a{color:var(--new-ns-style-content-link,#0dbc79)} html .post-content a:hover{color:var(--brand)} html .post-content h2{margin:14px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--line);color:var(--brand);font-size:var(--font-size-xl);line-height:1.5} html .post-content h3{margin:12px 0 6px;color:var(--text);line-height:1.5} html .post-content blockquote{margin:10px 0;padding:5px 10px;border-left:4px solid var(--new-ns-style-quote-line,rgba(0,0,0,.1));background:var(--new-ns-style-quote-bg,rgba(0,0,0,.04));color:var(--text-muted)} html .post-content code{padding:2px 5px;border:1px solid var(--new-ns-style-icode-border,var(--new-ns-style-soft-code-border,#eeeecc));border-radius:2px;background:var(--new-ns-style-icode-bg,var(--new-ns-style-soft-code-bg,rgba(255,255,153,.33)));color:var(--new-ns-style-icode-text,var(--new-ns-style-soft-code-text,#444))} html .post-content pre{margin:12px 0;padding:9px 11px;border:1px solid var(--new-ns-style-code-border,var(--new-ns-style-soft-code-border,#eeeecc));border-radius:2px;background:var(--new-ns-style-code-bg,var(--new-ns-style-soft-code-bg,rgba(255,255,153,.33)))!important;color:var(--new-ns-style-code-text,var(--new-ns-style-soft-code-text,#333));box-shadow:none;line-height:1.6} html .post-content pre code{border:0;background:transparent!important;color:inherit} html .post-content img{border-radius:2px;box-shadow:0 0 4px var(--new-ns-style-img-shadow,rgba(0,0,0,.25))}html .post-content table,html .markdown-table-wrap table{border:1px solid var(--new-ns-style-table-line,#dcdcdc);border-collapse:separate;border-spacing:0;border-radius:4px;background:var(--new-ns-style-table-bg,#f2f6fc);font-size:var(--font-size-sm)} html .post-content th,html .markdown-table-wrap th{border:0;border-right:1px solid var(--new-ns-style-table-line,#dcdcdc);border-bottom:1px solid var(--new-ns-style-table-line,#dcdcdc);background:var(--new-ns-style-table-head,#ebeef5);color:var(--text);font-weight:500} html .post-content td,html .markdown-table-wrap td{border:0;border-right:1px solid var(--new-ns-style-table-line,#dcdcdc);border-bottom:1px solid var(--new-ns-style-table-line,#dcdcdc)} html .post-content tr>:last-child,html .markdown-table-wrap tr>:last-child{border-right:0} html .post-content tbody tr:last-child>*,html .markdown-table-wrap tbody tr:last-child>*{border-bottom:0} html .reply-panel{border:0;border-radius:10px;box-shadow:var(--new-ns-style-panel-shadow,0 0 5px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1))} html .sidebar .card,html .sidebar .box,html .sidebar-card,html .user-card{border:0;border-radius:10px;box-shadow:var(--new-ns-style-panel-shadow,0 0 5px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1))} html .quick-title,html .stats-title,html .new-users-title{color:var(--text);font-weight:700} html .quick-links li{border-bottom-color:var(--new-ns-style-divider,rgba(0,0,0,.05))} html .btn-post{border-radius:6px} html .tab-bar>.tab{min-height:0;padding:2px 10px;font-size:var(--font-size-sm);line-height:1.7} html .pagination ul{gap:4px} html .pagination a,html .pagination .ellipsis{min-width:20px;height:20px;padding:0 5px;border-radius:3px;font-family:var(--font-mono);font-size:var(--font-size-md)} html .pagination a:hover{background:var(--brand-soft);color:var(--brand)} html .pagination li.active a{background:var(--new-ns-style-sub-bg,#fbfbfb);color:var(--text-muted);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.07),0 0 0 1px rgba(27,31,35,.15)} @media(max-width:720px){ html .wrap{padding:8px 6px 14px} html .home-shell{padding:10px;border-radius:10px} html .bar{height:var(--site-logo-bar-height,44px)} html .post-list>.post-item{padding:8px 2px} } /* 框架与侧栏：保留插件内容，仅统一外观。 */ html body{font-size:13px;line-height:1.6} html .top{border-bottom:1px solid var(--line);box-shadow:var(--new-ns-style-bar-shadow,0 1px 5px rgba(0,0,0,.05))} html .bar{grid-template-rows:var(--site-logo-bar-row,48px)} html .forum-link{height:30px;padding:0 9px;font-size:13px} html .forum-link.active{border-radius:4px;background:var(--brand-soft);color:var(--brand)} html .search-form{height:30px;border:1px solid var(--line);border-radius:6px;background:var(--bg)} html .home-shell .forum-layout{gap:24px} html .forum-main,html .main-panel,html .sidebar,html .sidebar>*{min-width:0} html .sidebar{gap:16px} html .sidebar :is(.card,.box),html .sidebar-card,html .user-card{border:1px solid var(--line);border-radius:8px;box-shadow:var(--new-ns-style-panel-shadow,0 1px 4px rgba(0,0,0,.04))} html .sidebar :is(.quick-title,.stats-title,.new-users-title){margin:0 0 10px;font-size:14px;line-height:1.5} html .sidebar :is(.card,.box){overflow-wrap:anywhere} html .quick-links li>a{min-height:34px;gap:8px;color:var(--text-muted)} html .quick-links li>a:hover{color:var(--brand)} /* 为版块标签保留真实网格空间，通知与详情不参与此布局。 */ html .post-list>[data-slot~="topic.after_render"]{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 10px;min-height:62px;border-bottom-color:var(--line-soft)} html .post-list>[data-slot~="topic.after_render"]>.post-avatar{grid-column:1;grid-row:1;margin-top:2px;box-shadow:none} html .post-list>[data-slot~="topic.after_render"]>.post-body{grid-column:2;grid-row:1;min-width:0;gap:3px;padding:0} html .post-list>[data-slot~="topic.after_render"] .post-title-row{min-width:0;flex-wrap:wrap;gap:4px} html .post-list>[data-slot~="topic.after_render"] .post-title{min-width:0;font-size:14px;line-height:1.55} html .post-list>[data-slot~="topic.after_render"] .post-meta{gap:2px 8px;font-size:11px;line-height:1.65;color:var(--text-subtle)} html .post-list>[data-slot~="topic.after_render"] .post-meta>*{max-width:100%;overflow-wrap:anywhere} html .post-list>[data-slot~="topic.after_render"]>.post-forum-badge{display:inline-flex;position:static;grid-column:3;grid-row:1;align-self:end;max-width:110px;height:auto;margin:0 0 2px;padding:1px 6px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--text-muted);font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;box-shadow:none} html .post-list>[data-slot~="topic.after_render"]>.post-forum-badge:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)} html .tab-bar{gap:4px;padding-bottom:10px;border-bottom:1px solid var(--line)} html .tab-bar>.tab{min-height:30px;padding:4px 10px;border-radius:4px;font-size:13px} html .tab-bar>.tab.active{background:var(--brand-soft);color:var(--brand);font-weight:700} html .pagination ul{flex-wrap:wrap}html .pagination a,html .pagination .ellipsis{min-width:28px;height:28px;font-size:12px} html .post-content-title{font-size:20px;overflow-wrap:anywhere} html .post-content{min-width:0;font-size:14px;line-height:1.8;overflow-wrap:anywhere} html .post-content pre{max-width:100%;overflow-x:auto;border-radius:5px} html .post-content pre code{padding:0;overflow-wrap:normal} html .post-content img{max-width:100%;height:auto;box-shadow:none;border-radius:4px} html .reply-panel{border:1px solid var(--line);border-radius:8px;box-shadow:none} html :is(.forum-link,.post-title,.post-forum-badge,.quick-links a):focus-visible{outline:2px solid var(--brand);outline-offset:3px} @media(min-width:721px){ html .home-shell .forum-layout-has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 240px} html .home-shell .sidebar{width:240px} } @media(min-width:721px) and (max-width:960px){ html .home-shell{padding:16px}html .home-shell .forum-layout{gap:16px} html .home-shell .forum-layout-has-sidebar{grid-template-columns:minmax(0,1fr) 230px}html .home-shell .sidebar{width:230px} html .post-list>[data-slot~="topic.after_render"]>.post-forum-badge{max-width:76px} } @media(max-width:720px){ html{background-image:none}html .wrap{padding:10px 8px 20px} html .home-shell{padding:12px 8px;border-radius:9px}html .home-shell .sidebar{width:auto} html .bar{height:var(--site-logo-bar-height,48px)}html .post-list>[data-slot~="topic.after_render"]{grid-template-columns:36px minmax(0,1fr);gap:3px 9px;padding:var(--new-ns-style-row-pad,8px) 4px} html .post-list>[data-slot~="topic.after_render"]>.post-avatar{width:36px;height:36px;grid-row:1 / span 2} html .post-list>[data-slot~="topic.after_render"] .post-title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.55} html .post-list>[data-slot~="topic.after_render"]>.post-forum-badge{grid-column:2;grid-row:2;justify-self:start;align-self:start;max-width:100%;margin:2px 0 0;font-size:10px} html .post-content-title{font-size:18px}html .topic-post-list>.post-entry{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:12px 4px} html .post-entry>.post-avatar{width:32px;height:32px}html .post-entry .post-meta{flex-wrap:wrap;overflow-wrap:anywhere} html .tab-bar>.tab{min-height:34px;padding:6px 10px}html .pagination a,html .pagination .ellipsis{min-width:32px;height:32px} html .footer{padding:14px 10px;font-size:11px} } @media(prefers-reduced-motion:reduce){html .post-list>.post-item{transition:none}}/* 列表排序采用参考站的紧邻灰色按钮，保留插件追加入口。 */ html .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs){gap:0;padding:0;margin:0 8px 12px;border:0} html .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs)>.tab{min-height:22px;height:auto;margin:0 0 0 -1px;padding:0 5px;border:1px solid #737373;border-radius:0;background:var(--panel);color:var(--text-muted);font-size:12px;font-weight:400;line-height:20px} html .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs)>.tab:first-child{margin-left:0;border-radius:3px 0 0 3px} html .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs)>.tab:not(:has(~.tab)){border-radius:0 3px 3px 0} html .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs)>.tab.active{border-color:#737373;background:#888;color:#fff;font-weight:400} html .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs)>.tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px;z-index:2} @media(max-width:720px){ html .bar{height:40px;padding-left:0} html .bar-left{padding-left:46px} html .bar-right>.mobile-menu-button{position:absolute;left:0;top:0;width:40px;height:40px;min-height:40px;border-radius:0;background:#111;color:var(--new-ns-style-menu-text,#fff)!important} html .mobile-menu-button svg{width:19px;height:19px} html .mobile-menu-backdrop{background:rgba(0,0,0,.38);backdrop-filter:none} html .mobile-menu-drawer{left:0;right:auto;width:65vw;max-width:360px;background:var(--new-ns-style-menu-bg,#4f7d70);box-shadow:2px 0 8px rgba(0,0,0,.15)} html .mobile-menu-head{min-height:48px;padding:8px 12px;background:var(--panel);border-bottom:0} html .mobile-menu-body{padding:16px 12px;background:var(--new-ns-style-menu-bg,#4f7d70);color:var(--new-ns-style-menu-text,#fff)} html .mobile-menu-links{grid-template-columns:minmax(0,1fr);gap:0} html .mobile-menu-section h3{margin:0 0 4px;padding-bottom:8px;border-bottom:1px dashed var(--new-ns-style-menu-line,rgba(255,255,255,.25));color:var(--new-ns-style-menu-text,#fff);font-size:15px} html .mobile-menu-section+.mobile-menu-section{margin-top:22px;padding-top:0;border-top:0} html .mobile-menu-link{min-height:38px;padding:7px 0;border-bottom:1px dashed var(--new-ns-style-menu-line,rgba(255,255,255,.2));border-radius:0;background:transparent;color:var(--new-ns-style-menu-text,#fff);font-size:14px;white-space:normal;overflow-wrap:anywhere} html .mobile-menu-link:hover,html .mobile-menu-link:focus-visible{background:rgba(255,255,255,.12);color:var(--new-ns-style-menu-text,#fff)} }/* 仅缩小回复者信息，主楼与正文排版保持原样。 */ html .topic-post-list>.post-entry[data-slot~="reply.after_render"]{grid-template-columns:32px minmax(0,1fr);gap:6px 9px;padding:10px 6px} html .topic-post-list>.post-entry[data-slot~="reply.after_render"]>.post-avatar{width:32px;height:32px} html .topic-post-list>.post-entry[data-slot~="reply.after_render"] .post-author{font-size:13px;line-height:1.5} @media(max-width:720px){ /* 外层让出底色，版块导航和帖子工具栏分别形成独立卡片。 */ html .home-shell:has(.mobile-forum-strip){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} html .main-panel:has(>.mobile-forum-strip){background:transparent;overflow:visible} html .mobile-forum-strip{margin:0 0 14px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 2px 8px var(--shadow-base)} html .main-panel:has(>.mobile-forum-strip)>.topic-toolbar{margin:0;padding:12px 8px 8px;border-radius:8px 8px 0 0;background:var(--panel)} html .main-panel:has(>.mobile-forum-strip)>.post-list{padding:0 8px 8px;border-radius:0 0 8px 8px;background:var(--panel)} html .main-panel:has(>.mobile-forum-strip)>.pagination{margin-top:0;padding:12px 8px;background:var(--panel)} /* 复用核心已有的内联版块链接，不额外生成或复制入口。 */ html .post-list>[data-slot~="topic.after_render"]>.post-forum-badge{display:none} html .post-list>[data-slot~="topic.after_render"]>.post-avatar{grid-row:1} html .post-list>[data-slot~="topic.after_render"] .post-meta .post-forum-meta{display:inline-flex;order:1;max-width:100%;margin:0;color:var(--text-muted)} html .post-list>[data-slot~="topic.after_render"] .post-forum-meta>.meta-icon{display:none} html .post-list>[data-slot~="topic.after_render"] .post-forum-meta>a{padding:0;border:0;background:transparent;color:inherit;font-size:inherit} html .topic-post-list>.post-entry[data-slot~="reply.after_render"]{grid-template-columns:28px minmax(0,1fr);gap:6px 8px} html .topic-post-list>.post-entry[data-slot~="reply.after_render"]>.post-avatar{width:28px;height:28px} }/* 首页缩小留白，保留紧凑/舒适两档配置和原有 PC 版块标签。 */ html .post-list>[data-slot~="topic.after_render"]:not(.post-entry){grid-template-columns:36px minmax(0,1fr) auto;gap:3px 9px;min-height:54px;padding:calc(var(--new-ns-style-row-pad,8px) - 2px) 6px} html .post-list>[data-slot~="topic.after_render"]:not(.post-entry)>.post-avatar{width:36px;height:36px;margin-top:1px} html .post-list>[data-slot~="topic.after_render"]:not(.post-entry) .post-title{font-size:13px;line-height:1.45} html .post-list>[data-slot~="topic.after_render"]:not(.post-entry) .post-meta{gap:1px 6px;line-height:1.5} @media(max-width:720px){ html .wrap{padding:7px 6px 16px}html .bar{height:36px;gap:2px} html .bar-left{padding-left:40px}html .brand{font-size:var(--site-logo-brand-font-size,16px)} html .bar-right{gap:2px}html .bar-right>.mobile-menu-button{width:36px;height:36px;min-height:36px} html .bar-right :is(.search-page-link,.nav-mine){width:26px;height:26px;min-height:26px;flex-basis:26px} html .bar-right .search-page-fake-icon,html .mobile-menu-button svg{width:19px;height:19px;flex-basis:19px} html .mobile-forum-strip{margin-bottom:8px;padding:4px 8px;border-radius:6px;gap:9px} html .mobile-forum-link{min-height:22px;font-size:12px} html .main-panel:has(>.mobile-forum-strip)>.topic-toolbar{padding:8px 6px 5px} html .main-panel:has(>.mobile-forum-strip)>.post-list{padding:0 6px 5px} html .post-list>[data-slot~="topic.after_render"]:not(.post-entry){grid-template-columns:32px minmax(0,1fr);min-height:50px;gap:2px 8px;padding:calc(var(--new-ns-style-row-pad,8px) - 2px) 4px} html .post-list>[data-slot~="topic.after_render"]:not(.post-entry)>.post-avatar{width:32px;height:32px} html .mobile-menu-head{min-height:30px;padding:4px 8px}html .mobile-menu-head strong{font-size:12px} html .mobile-menu-close{width:22px;height:22px;min-width:22px;min-height:22px;font-size:17px} html .new-ns-style-mobile-user{flex:0 0 auto;max-height:36dvh;overflow:auto;background:var(--panel)} html .new-ns-style-mobile-user .user-card{margin:0;border:0;border-radius:0;box-shadow:none} html .new-ns-style-mobile-user .user-wrap{padding:8px 10px}html .new-ns-style-mobile-user .user-header{margin-bottom:5px} html .new-ns-style-mobile-user .user-header-info{gap:8px}html .new-ns-style-mobile-user .user-avatar-big{width:32px;height:32px;font-size:13px;border-radius:5px} html .new-ns-style-mobile-user .user-name{font-size:13px;overflow-wrap:anywhere}html .new-ns-style-mobile-user .user-rank{font-size:10px;line-height:1.4} html .new-ns-style-mobile-user .user-card-extra{font-size:11px}html .new-ns-style-mobile-user :is(.user-links,.btn-post){display:none} html .new-ns-style-mobile-user .side-auth{gap:6px;margin-top:5px}html .new-ns-style-mobile-user .side-auth a{min-height:26px;padding:3px 6px;font-size:12px} html .mobile-menu-body{min-height:0;padding:10px 12px}html .mobile-menu-section h3{font-size:13px;padding-bottom:6px} html .mobile-menu-section+.mobile-menu-section{margin-top:14px}html .mobile-menu-link{min-height:30px;padding:5px 0;font-size:13px;line-height:1.4} html .mobile-menu-section:nth-of-type(2) .mobile-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px} html .mobile-menu-drawer:has(.new-ns-style-mobile-user .side-auth) .mobile-menu-section:nth-of-type(2){display:none} html .mobile-menu-link .meta-icon{width:12px;height:12px;color:inherit} html .mobile-menu-section:nth-of-type(2) .mobile-menu-link{min-height:28px;padding:4px 6px;border:0;border-radius:3px;background:rgba(255,255,255,.08);font-size:12px;justify-content:center;text-align:center} }/* 色系插件接管核心颜色变量，主题只映射自己的表面与排版颜色。 */ html[data-color-scheme-dark-mode-theme]{--radius:8px;--radius-sm:4px;--new-ns-style-page-bg:var(--new-ns-style-config-bg,var(--bg));--new-ns-style-grid-line:var(--line-soft);--new-ns-style-sub-bg:var(--bg);--new-ns-style-panel:var(--panel);--new-ns-style-line:var(--line);--new-ns-style-line-soft:var(--line-soft);--new-ns-style-text:var(--text);--new-ns-style-muted:var(--text-muted);--new-ns-style-subtle:var(--text-subtle);--new-ns-style-divider:var(--line-soft);--new-ns-style-hover:var(--bg);--new-ns-style-content-text:var(--text);--new-ns-style-content-link:var(--brand);--new-ns-style-quote-bg:var(--bg);--new-ns-style-quote-line:var(--line);--new-ns-style-table-bg:var(--panel);--new-ns-style-table-head:var(--bg);--new-ns-style-table-line:var(--line);--new-ns-style-shell-shadow:var(--shadow-base);--new-ns-style-panel-shadow:0 1px 4px var(--shadow-base);--new-ns-style-bar-shadow:0 1px 4px var(--shadow-base);--new-ns-style-img-shadow:var(--shadow-base);--new-ns-style-menu-bg:var(--brand);--new-ns-style-menu-text:var(--inverse-text)} html[data-color-scheme-dark-mode-theme="light"]{color-scheme:light} html[data-color-scheme-dark-mode-theme="dark"]{color-scheme:dark;--new-ns-style-menu-bg:var(--panel);--new-ns-style-menu-text:var(--text);--new-ns-style-menu-line:var(--line);--new-ns-style-page-bg:var(--bg);--new-ns-style-soft-code-bg:#302d22;--new-ns-style-soft-code-text:#e5dcc0;--new-ns-style-soft-code-border:#514b35;} html[data-color-scheme-dark-mode-theme="dark"] .home-shell .tab-bar:not(.admin-tabs):not(.plugin-tabs)>.tab.active{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)}#new-ns-style-left-panel{display:none;position:fixed;top:55px;left:calc(50% - 710px);width:150px;z-index:30}#new-ns-style-left-panel[hidden]{display:none!important} #new-ns-style-left-panel .new-ns-style-category-list{box-sizing:border-box;width:100px;max-height:calc(100dvh - 70px);margin-left:auto;overflow:auto;border-radius:12px;background:var(--panel);box-shadow:2px 0 8px rgba(0,0,0,.08);font-size:14px} #new-ns-style-left-panel ul{list-style:none;margin:0;padding:0}#new-ns-style-left-panel li:not(.current-category){opacity:.5;transition:opacity .3s}#new-ns-style-left-panel li:hover{opacity:1} #new-ns-style-left-panel a{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;color:var(--text-muted);text-decoration:none;transition:background .2s,color .2s}#new-ns-style-left-panel li:first-child>a{padding-top:8px}#new-ns-style-left-panel li:last-child>a{padding-bottom:8px} #new-ns-style-left-panel svg{width:16px;height:16px;flex:0 0 16px}#new-ns-style-left-panel a>span{min-width:0;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #new-ns-style-left-panel :is(.current-category a,a:hover){background:var(--bg);color:var(--brand)}#new-ns-style-left-panel a:focus-visible{outline:2px solid var(--brand);outline-offset:-2px} @media(min-width:1361px){#new-ns-style-left-panel{display:block}}@media(prefers-reduced-motion:reduce){#new-ns-style-left-panel li,#new-ns-style-left-panel a{transition:none}}
/* reading_progress */
.reading-progress-track{position:fixed;top:0;left:0;z-index:80;width:100%;height:3px;background:transparent;pointer-events:none}.reading-progress-bar{display:block;width:0;height:100%;background:var(--brand);box-shadow:0 0 8px var(--focus-ring);transform-origin:left center;transition:width 80ms linear}.reading-progress-track[hidden]{display:none}@media(prefers-reduced-motion:reduce){.reading-progress-bar{transition:none}}
/* reply_visible */
.reply-visible-editor-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px}.reply-visible-editor-button{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.reply-visible-editor-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.reply-visible-editor-button:focus-visible,.reply-visible-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.reply-visible-editor-note{color:var(--text-subtle);font-size:var(--font-size-xs)}.reply-visible-content{display:grid;gap:12px}.reply-visible-content>p{margin:0}.reply-visible-card{display:grid;gap:10px;margin:2px 0;padding:14px;border:1px dashed var(--brand);border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--text)}.reply-visible-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.reply-visible-card-head strong{font-size:var(--font-size-md)}.reply-visible-card-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.reply-visible-card-message{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}.reply-visible-action{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:32px;padding:0 10px;border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--panel);color:var(--brand);font-size:var(--font-size-sm);font-weight:600}.reply-visible-card .reply-visible-action:hover{background:var(--brand);color:var(--inverse-text)}.reply-visible-action.reply-visible-action-disabled{border-color:var(--line);background:var(--bg);color:var(--text-disabled);cursor:not-allowed}.reply-visible-action.reply-visible-action-disabled:hover{background:var(--bg);color:var(--text-disabled)}.reply-visible-admin{display:grid;gap:12px}.reply-visible-admin-warning{margin:0;padding:10px 12px;border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-size:var(--font-size-sm);line-height:1.6}.reply-visible-admin-hint{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}.reply-visible-admin-field textarea{min-height:96px;resize:vertical}.reply-visible-admin-example{padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-sm)}.reply-visible-admin-example strong{display:block;margin-bottom:6px}.reply-visible-admin-example pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.reply-visible-admin-actions{margin:0}@media(max-width:600px){.reply-visible-editor-tools{align-items:flex-start}.reply-visible-editor-note{flex-basis:100%}.reply-visible-card{padding:12px}.reply-visible-card-head{align-items:flex-start;flex-direction:column;gap:3px}.reply-visible-action{width:100%}}