/* attachment_upload */ .attachment-uploader{display:grid;gap:8px}.attachment-input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.attachment-drop{display:grid;justify-items:start;gap:2px;padding:0;border:0;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.attachment-drop strong{color:var(--text);font-size:var(--font-size-md);line-height:1.4;display:inline-flex;align-items:center;justify-content:flex-start;gap:3px;vertical-align:middle}.attachment-drop strong svg.meta-icon{display:block;width:14px;height:14px;flex:none;margin:0}.attachment-drop span{font-size:var(--font-size-sm);line-height:1.45}.attachment-uploader:focus-within .attachment-drop,.attachment-drop:hover{background:transparent;color:var(--brand)}.attachment-field-muted>span{color:var(--text-subtle)}.attachment-field-muted .attachment-uploader{gap:6px}.attachment-field-muted .attachment-drop{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;color:var(--text-subtle)}.attachment-field-muted .attachment-drop strong{flex:0 0 auto;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.attachment-field-muted .attachment-drop span{min-width:0;font-size:11px}.attachment-field-muted .attachment-uploader:focus-within .attachment-drop,.attachment-field-muted .attachment-drop:hover{background:transparent;color:var(--text-muted)}.attachment-upload-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;color:var(--text-subtle);font-size:11px}.attachment-upload-toolbar[hidden],.attachment-upload-list[hidden]{display:none}.attachment-upload-insert{min-height:28px;padding:4px 9px;font-size:var(--font-size-sm);white-space:nowrap}.attachment-upload-list{display:grid;gap:6px;margin-top:2px;margin-bottom:8px}.attachment-upload-item{display:grid;gap:6px;min-width:0;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}.attachment-upload-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.attachment-upload-name{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.attachment-upload-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.attachment-upload-status{max-width:220px;color:var(--text-subtle);font-size:11px;line-height:1.4;text-align:right;overflow-wrap:anywhere}.attachment-upload-head-actions .attachment-upload-remove{display:grid;place-items:center;justify-self:auto;width:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);font-size:18px;line-height:1;box-shadow:none}.attachment-upload-remove:hover{background:var(--line-soft);color:var(--danger)}.attachment-upload-remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-progress{display:block;width:100%;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.attachment-upload-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--brand);transition:width .15s ease}.attachment-upload-item[data-state="success"] .attachment-upload-status{color:var(--success)}.attachment-upload-item[data-state="success"] .attachment-upload-progress{display:none}.attachment-upload-item[data-state="success"][data-markdown]{cursor:pointer;transition:border-color .15s,background .15s}.attachment-upload-item[data-state="success"][data-markdown]:hover{border-color:var(--brand);background:var(--brand-soft)}.attachment-upload-item[data-state="success"][data-markdown]:focus-visible{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-item[data-state="error"] .attachment-upload-status{color:var(--danger)}.attachment-upload-item[data-state="error"] .attachment-upload-progress>span{background:var(--danger)} .attachment-upload-settings{max-width:none}.attachment-upload-settings-section{display:grid;gap:10px;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.attachment-upload-settings-section>strong{font-size:12px}.attachment-upload-settings-section .grid{margin:0}.attachment-upload-settings-groups{display:grid;grid-template-columns:1fr;gap:10px}.attachment-upload-settings-groups .grid{grid-template-columns:minmax(90px,140px) minmax(0,1fr)} @media(max-width:600px){.attachment-upload-settings-groups .grid{grid-template-columns:1fr}} .attachment-upload-env-list{display:grid;gap:6px}.attachment-upload-env-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.attachment-upload-env-item strong{color:var(--text);font-size:var(--font-size-sm);font-weight:500}.attachment-upload-env-status{flex:0 0 auto;font-size:var(--font-size-sm);font-weight:600}.attachment-upload-env-status-ok{color:var(--ok)}.attachment-upload-env-status-bad{color:var(--danger)}.attachment-upload-env-detail{min-width:0;font-size:12px;color:var(--text-muted)}.attachment-upload-env-note{margin-top:2px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:8px;font-size:12px;line-height:1.8;color:var(--text-muted)}.attachment-upload-env-note strong{color:var(--text)}.attachment-upload-env-note p{margin:6px 0 0}.attachment-upload-env-note ul{margin:6px 0 0;padding-left:18px;display:grid;gap:2px}.attachment-upload-env-note-bad{border-color:var(--warn)}.attachment-upload-env-note-ok{border-color:var(--ok)} .form-panel .attachment-field{margin:0}.attachment-drop-float{position:absolute;right:4px;bottom:4px;z-index:2;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05)}.attachment-drop-float:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.attachment-drop-float:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-drop-float span{display:none} /* attachment-card */ .attachment-card{display:flex;width:100%;max-width:100%;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);text-decoration:none;box-shadow:var(--shadow-base);transition:border-color var(--transition-normal),background var(--transition-normal)} .attachment-card:hover,.attachment-card:focus-visible{border-color:var(--brand);background:var(--brand-soft)} .attachment-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px} .attachment-card-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:7px;box-sizing:border-box;border-radius:var(--radius-sm);background-color:var(--line-soft);background-repeat:no-repeat;background-position:center;background-size:contain;color:var(--text-subtle)} .attachment-card-letter{display:block;font-size:var(--font-size-lg);font-weight:700;line-height:1;color:var(--attachment-card-brand,var(--text-subtle))} .attachment-card-icon-image .attachment-card-letter{display:none} @supports (background:color-mix(in srgb,red 10%,white)){.attachment-card[data-attachment-card="netdisk"] .attachment-card-icon{background-color:color-mix(in srgb,var(--attachment-card-brand,#888) 14%,var(--panel))}} .attachment-card-svg{display:block;width:20px;height:20px} .attachment-card-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px} .attachment-card-name{max-width:340px;font-size:var(--font-size-md);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .attachment-card-meta{font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .attachment-card-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600} .attachment-card:hover .attachment-card-action,.attachment-card:focus-visible .attachment-card-action{background:var(--line);color:var(--text)} .attachment-card-action .attachment-card-svg{width:16px;height:16px} .attachment-card[data-attachment-card="archive"] .attachment-card-icon{background:var(--warning-soft);color:var(--warning)} .attachment-card[data-attachment-card="app"] .attachment-card-icon{background:var(--brand-soft);color:var(--brand)} .attachment-card[data-attachment-card="doc"] .attachment-card-icon{background:var(--info-soft);color:var(--info)} .attachment-card[data-attachment-card="audio"] .attachment-card-icon{background:var(--success-soft);color:var(--success)} .attachment-card[data-attachment-card="video"] .attachment-card-icon{background:var(--danger-soft);color:var(--danger)} .attachment-card[data-attachment-card="code"] .attachment-card-icon{background:var(--line-soft);color:var(--text-muted)} .attachment-card-form .grid{max-width:520px} @media (max-width:480px){.attachment-card{gap:8px;padding:8px 10px}.attachment-card-icon{width:32px;height:32px;padding:5px}.attachment-card-name{max-width:100%}.attachment-card-action{padding:6px 8px}} /* auth_brand */ .auth-brand{display:flex;align-items:center;justify-content:center;padding:16px 0 32px}.auth-brand-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);width:100%;max-width:940px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px var(--shadow-medium);overflow:hidden}.auth-brand-side{display:flex;flex-direction:column;gap:12px;padding:32px 28px;background:linear-gradient(155deg,var(--brand-soft),var(--panel) 72%);border-right:1px solid var(--line-soft)}.auth-brand-headline{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 20px}.auth-brand-frame i{position:absolute;width:22px;height:22px;border:3px solid #6366f1;animation:auth-brand-frame 2.4s ease-in-out infinite}.auth-brand-frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:8px 0 0 0;animation-delay:0s}.auth-brand-frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 8px 0 0;animation-delay:.3s}.auth-brand-frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 8px;animation-delay:.6s}.auth-brand-frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 8px 0;animation-delay:.9s}@keyframes auth-brand-frame{0%,100%{opacity:1}50%{opacity:.3}}.auth-brand-logo{display:flex;align-items:center;min-width:0}.auth-brand-logo-img{max-width:150px;max-height:48px;width:auto;height:auto;object-fit:contain}.auth-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);background:var(--brand);color:var(--inverse-text)}.auth-brand-mark svg{width:24px;height:24px}.auth-brand-headline .auth-brand-name{margin:0;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.auth-brand-intro{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.auth-brand-stats{display:flex;flex-wrap:wrap;gap:18px;margin:6px 0 0;padding:0;list-style:none}.auth-brand-stats li{display:flex;flex-direction:column;gap:2px}.auth-brand-stats strong{font-size:var(--font-size-lg);line-height:1.2}.auth-brand-stats span{color:var(--text-subtle);font-size:var(--font-size-xs)}.auth-brand-note{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--line-soft);color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.8;overflow-wrap:anywhere}.auth-brand-main{min-width:0;padding:30px 28px}.auth-brand-tabs{display:inline-flex;gap:4px;padding:3px;background:var(--bg);border:1px solid var(--line-soft);border-radius:999px}.auth-brand-tab{padding:6px 18px;border-radius:999px;color:var(--text-muted);font-size:var(--font-size-sm);text-decoration:none}.auth-brand-tab.is-active{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 3px var(--shadow-base)}.auth-brand-title{margin:18px 0 4px;font-size:var(--font-size-lg);font-weight:600}.auth-brand-subtitle{margin:0 0 18px;color:var(--text-muted);font-size:var(--font-size-sm)}.auth-brand-alert{margin:0 0 14px;padding:10px 12px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-sm)}.auth-brand-form{display:grid;gap:14px}.auth-brand-field{min-width:0}.auth-brand-field>label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:var(--font-size-sm)}.auth-brand-control{display:flex;align-items:center;position:relative}.auth-brand-lead{position:absolute;left:14px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-subtle);pointer-events:none}.auth-brand-lead svg{width:18px;height:18px}.auth-brand-control input{width:100%;min-height:46px;padding:0 14px 0 42px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:var(--font-size-md);font-family:inherit}.auth-brand-control input::placeholder{color:var(--text-subtle)}.auth-brand-control input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.auth-brand-control.has-toggle input{padding-right:46px}.auth-brand-toggle{position:absolute;right:7px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:none;border-radius:8px;color:var(--text-subtle);cursor:pointer}.auth-brand-toggle:hover{color:var(--text)}.auth-brand-toggle svg{width:19px;height:19px}.auth-brand-eye{display:inline-flex}.auth-brand-toggle .icon-eye-off{display:none}.auth-brand-toggle.is-shown .icon-eye{display:none}.auth-brand-toggle.is-shown .icon-eye-off{display:inline-flex}.auth-brand-game{display:grid;gap:10px;margin-top:20px}.auth-brand-game-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-brand-game-badge{padding:4px 14px;border-radius:999px;border:1px solid var(--line-soft);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em}.auth-brand-game-hint{color:var(--text-muted);font-size:var(--font-size-sm)}.auth-brand-game-area{overflow:hidden;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,#ffffff,#f6efe0);cursor:pointer;outline:none}.auth-brand-game-area:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.auth-brand-game-area canvas{display:block;width:100%;height:auto}.auth-brand-game-foot{margin:0;color:var(--text-subtle);font-size:var(--font-size-xs);text-align:center}.auth-brand-game-foot kbd{display:inline-block;padding:1px 8px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--bg);font-family:inherit;font-size:var(--font-size-xs);color:var(--text-muted)}.auth-brand-submit{width:100%;margin-top:2px}.auth-brand-extra{margin-top:14px}.auth-brand-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft);color:var(--text-muted);font-size:var(--font-size-sm)}.auth-brand-foot a{color:var(--brand)}.auth-brand-home{margin-left:auto}.auth-brand-row{margin:0}.auth-brand-field-admin{min-width:0}.auth-brand-thumb{display:inline-flex;align-items:center;justify-content:center;width:140px;height:78px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.auth-brand-thumb img{max-width:100%;max-height:100%}.auth-brand-thumb-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.auth-brand-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.auth-brand-url{flex:1 1 240px;min-width:0;max-width:450px}.auth-brand-controls button{flex:0 0 auto;min-width:64px}.auth-brand-tip{display:block;margin-top:6px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}.auth-brand-usercard{padding:0}.auth-brand-uc-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--line-soft);background:var(--panel);background:radial-gradient(circle at top,color-mix(in srgb,var(--brand) 18%,transparent),transparent 42%),linear-gradient(135deg,#fffffff2,#f1f5f9fa)}.auth-brand-uc-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--brand);color:var(--inverse-text);overflow:hidden}.auth-brand-uc-logo svg{width:26px;height:26px}.auth-brand-uc-logo.has-img img{width:100%;height:100%;object-fit:cover;display:block}.auth-brand-uc-title{min-width:0}.auth-brand-uc-name{font-size:var(--font-size-lg);font-weight:700;line-height:1.45;color:var(--text);overflow-wrap:anywhere}.auth-brand-uc-sub{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;overflow-wrap:anywhere}.auth-brand-uc-body{padding:14px 16px;border-bottom:1px solid var(--line-soft);color:var(--text);font-size:var(--font-size-md);line-height:1.8;overflow-wrap:anywhere}.auth-brand-uc-stats{padding:12px 16px 0;color:var(--text-subtle);font-size:var(--font-size-xs)}.auth-brand-uc-actions{display:flex;gap:10px;padding:14px 16px 16px}.auth-brand-uc-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:var(--font-size-md);font-weight:600;text-decoration:none;white-space:nowrap}.auth-brand-uc-btn:hover{border-color:var(--text-subtle);color:var(--text)}.auth-brand-uc-btn.is-primary{border-color:var(--inverse);background:var(--inverse);color:var(--inverse-text)}.auth-brand-uc-btn.is-primary:hover{border-color:var(--inverse);color:var(--inverse-text);opacity:.9}.auth-brand-usercard .auth-brand-uc-actions:only-child{padding-top:16px}@media(max-width:860px){.auth-brand{padding:12px 0 24px}.auth-brand-card{grid-template-columns:minmax(0,1fr)}.auth-brand-side{gap:10px;padding:24px 20px;border-right:0;border-bottom:1px solid var(--line-soft)}.auth-brand-game{display:none}.auth-brand-note{margin-top:6px}.auth-brand-main{padding:24px 20px}} /* avatar_upload */ .avatar-upload-panel{min-width:0}.avatar-upload-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.avatar-upload-current{display:flex;width:72px;height:72px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--bg)}.avatar-upload-row strong{display:block;margin-bottom:3px}.avatar-upload-row p{margin:0 0 10px;color:var(--text-muted)}.avatar-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-upload-select{width:auto}.avatar-upload-status{min-height:0;margin-top:8px;color:var(--text-muted)}.avatar-upload-status:empty{display:none}.avatar-upload-status.error{color:var(--danger)}.avatar-upload-preset-options[hidden]{display:none!important}.avatar-upload-preset-options{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.avatar-crop-modal{z-index:1200}.avatar-crop-dialog{width:min(360px,calc(100vw - 24px))}.avatar-crop-dialog canvas{display:block;width:min(280px,100%);height:auto;margin:0 auto;border-radius:var(--radius);background:var(--bg);cursor:grab;touch-action:none}.avatar-crop-dialog canvas.dragging{cursor:grabbing}.avatar-crop-zoom{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-top:14px}.avatar-crop-zoom input{padding:0}.avatar-field{display:none!important}@media(max-width:600px){.avatar-upload-row{grid-template-columns:56px minmax(0,1fr)}.avatar-upload-current{width:56px;height:56px}} /* back_to_top */ .back-to-top-button{position:fixed;right:max(20px,calc((100vw - 1100px)/2 - 48px));bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:grid;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text-muted);box-shadow:0 4px 14px var(--shadow-medium);transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal)}.back-to-top-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.back-to-top-button:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.back-to-top-button:active{transform:translateY(1px)}.back-to-top-button[hidden]{display:none}body:has([data-back-to-top-layout][data-top-fixed="1"]) .top{position:sticky;top:0;z-index:35;box-shadow:0 3px 10px var(--shadow-base)}@media(min-width:721px){body:has([data-back-to-top-layout][data-sidebar-fixed="1"]) .sidebar{position:sticky;top:12px}body:has([data-back-to-top-layout][data-top-fixed="1"][data-sidebar-fixed="1"]) .sidebar{top:60px}html.back-to-top-sidebar-tall body:has([data-back-to-top-layout][data-sidebar-fixed="1"]) .sidebar{position:static;top:auto}}@media(max-width:720px){.back-to-top-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}} /* batch_management */ .batch-management-trash-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px}.batch-management-trash-row .admin-row-check{width:38px;height:22px;margin:0}.batch-management-trash-main{gap:9px}.batch-management-trash-title{display:flex;align-items:center;gap:7px;min-width:0}.batch-management-trash-title strong{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-md);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.batch-management-trash-type{display:inline-flex;align-items:center;flex:0 0 auto;min-height:22px;padding:0 7px;border:1px solid var(--brand-soft);border-radius:5px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:700;line-height:1}.batch-management-trash-id{flex:0 0 auto;color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs)}.batch-management-trash-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.batch-management-trash-meta time:before{content:"·";margin-right:7px;color:var(--text-subtle)}.batch-management-trash-details summary{width:max-content;max-width:100%;color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer}.batch-management-trash-details summary:hover{color:var(--brand)}.batch-management-trash-details .admin-trash-data{max-height:320px;margin:9px 0 0;padding:10px;overflow:auto;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.batch-management-trash-ops{align-self:start;margin:0}.batch-management-trash-ops .post-action-form{margin:0}.batch-management-trash-ops button{min-height:32px;margin:0;white-space:nowrap}@media(max-width:720px){.batch-management-trash-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.batch-management-trash-title{align-items:flex-start;flex-wrap:wrap;gap:6px}.batch-management-trash-title strong{flex:1 1 130px;white-space:normal;overflow-wrap:anywhere}.batch-management-trash-id{margin-top:3px}.batch-management-trash-ops{display:flex!important;grid-column:1!important;align-items:center;gap:8px!important;width:100%;margin:2px 0 0!important;overflow:visible!important}.batch-management-trash-ops .post-action-form{flex:1 1 96px}.batch-management-trash-ops button{width:100%;justify-content:center}.batch-management-trash-ops .admin-row-check{flex:0 0 38px}.batch-management-trash-details .admin-trash-data{max-height:240px;padding:9px}} /* blue_horizon */ /* ============ 蓝色天涯 · 前台模板（--blue-horizon-* 变量由 page.head 注入） ============ */ /* 品牌色接管：仅前台生效（后台存在 .blue-horizon-admin-marker 标记时整体失效） */ html:not(:has(.blue-horizon-admin-marker)) { --brand: var(--blue-horizon-brand, #2563eb); --brand-hover: var(--blue-horizon-brand-hover, #1d4ed8); --brand-soft: var(--blue-horizon-brand-soft, #e8f0fe); --success: var(--blue-horizon-brand-hover, #1d4ed8); --success-soft: var(--blue-horizon-brand-soft, #e8f0fe); --focus-ring: var(--blue-horizon-brand-hover, #1d4ed8); --focus-halo: var(--blue-horizon-brand-soft, #e8f0fe) } /* ---------- 顶部导航：深蓝渐变 ---------- */ /* background-color 必须单独声明（不能用 background 简写），否则计算值是透明的， 「网站 Logo 自定义」插件会判定顶栏为浅色而选用浅色版 Logo，深色 Logo 落在深色顶栏上就看不见。 */ html:not(:has(.blue-horizon-admin-marker)) .top { background-color: var(--blue-horizon-header-solid, #1b4e8f); background-image: var(--blue-horizon-header, linear-gradient(135deg, #1b4e8f, #2e6cb8)); border-bottom: 0; box-shadow: 0 10px 24px -18px rgba(9, 30, 66, .65) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .bar { gap: 8px } html:not(:has(.blue-horizon-admin-marker)) .top .brand { color: var(--inverse-text) !important } /* 顶栏恒为深色：优先使用深色外观的 Logo 图片，未设置时才退回默认 Logo */ :where(html:not(:has(.blue-horizon-admin-marker))) .top .brand { background-image: var(--site-logo-image-dark, var(--site-logo-image, none)) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .brand:before { filter: brightness(0) invert(1) } /* 站点 Logo（前缀/整图、日间/夜间）与二级导航下拉交互改为按请求内联输出， 见 blue_horizon_head_dynamic_css()：覆盖插件 / 保存设置后立即生效，无需等待资源重建。 */ :where(html:not(:has(.blue-horizon-admin-marker))) .top .forum-link { max-width: 120px; height: 30px; padding: 0 10px; border-radius: var(--radius-sm); color: rgba(255, 255, 255, .82) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .forum-link:hover { background: rgba(255, 255, 255, .14); color: var(--inverse-text) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .forum-link.active { background: rgba(255, 255, 255, .2); color: var(--inverse-text) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .forum-more-toggle { height: 30px; padding: 0 10px; border-radius: var(--radius-sm); border-color: transparent; background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .9) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .forum-more-toggle:hover, :where(html:not(:has(.blue-horizon-admin-marker))) .top .forum-more-toggle[aria-expanded="true"] { background: rgba(255, 255, 255, .22); border-color: transparent; color: var(--inverse-text) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-link { width: 200px; height: 32px; border-radius: 999px; border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .9) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-link:hover { border-color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .24); color: var(--inverse-text); box-shadow: none } :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-fake-input, :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-fake-icon { color: inherit } :where(html:not(:has(.blue-horizon-admin-marker))) .top .mobile-menu-button, :where(html:not(:has(.blue-horizon-admin-marker))) .top .nav-mine { color: var(--inverse-text) } :where(html:not(:has(.blue-horizon-admin-marker))) .top .nav-mine .mobile-nav-avatar { border: 1px solid rgba(255, 255, 255, .5) } /* ---------- 二级导航条（整页级通栏，位于顶部导航之下） ---------- */ :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav { background: var(--panel); border-bottom: 1px solid var(--line) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-box { display: flex; align-items: center; gap: 8px; max-width: 1200px; margin: 0 auto; padding: 6px 12px; min-height: 46px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; flex: 1; min-width: 0 } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-link { flex: 0 0 auto; display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: var(--radius-sm); color: var(--text-muted); font-size: var(--font-size-md); white-space: nowrap; transition: background var(--transition-normal), color var(--transition-normal) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-link:hover { background: var(--brand-soft); color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-link-active { background: var(--brand-soft); color: var(--brand); font-weight: 700 } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-discover { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 12px; border-radius: var(--radius-sm); background: var(--brand-soft); color: var(--brand); font-size: var(--font-size-sm); font-weight: 700 } /* 核心 .meta-icon 显式写了 color:var(--text-subtle)（灰色），图标不会跟随文字； 这里改为继承，常态随文字为品牌色、悬停（入口变白底/深底）时随文字一起变白。 */ :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-discover svg { width: 15px; height: 15px; color: inherit } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-discover:hover { background: var(--brand); color: var(--inverse-text) } /* 二级导航 · 多版块下拉菜单 */ :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-drop { position: relative; flex: 0 0 auto } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-toggle { border: 0; background: transparent; font: inherit; cursor: pointer; gap: 6px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-toggle:hover, :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-drop.active > .blue-horizon-subnav-toggle { background: var(--brand-soft); color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-drop.active > .blue-horizon-subnav-toggle { font-weight: 700 } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-plus { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: 0 0 16px; border-radius: 4px; background: var(--brand-soft); color: var(--brand); font-size: var(--font-size-xs); font-weight: 700; line-height: 1; transition: transform var(--transition-normal), background var(--transition-normal), color var(--transition-normal) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-toggle[aria-expanded="true"] .blue-horizon-subnav-plus { background: var(--brand); color: var(--inverse-text); transform: rotate(45deg) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; display: none; flex-direction: column; gap: 2px; min-width: 168px; max-width: 280px; max-height: 60vh; overflow: auto; padding: 6px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 16px 34px -20px rgba(9, 30, 66, .62) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-drop:hover .blue-horizon-subnav-menu, :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-toggle[aria-expanded="true"] + .blue-horizon-subnav-menu { display: flex } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-menu-link { display: block; padding: 7px 10px; border-radius: 6px; color: var(--text-muted); font-size: var(--font-size-md); white-space: nowrap; overflow: hidden; text-overflow: ellipsis } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-menu-link:hover, :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-menu-link.active { background: var(--brand-soft); color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-menu-link.active { font-weight: 700 } /* ---------- 内容区：卡片与主题列表边框 ---------- */ :where(html:not(:has(.blue-horizon-admin-marker))) .home-shell { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none } :where(html:not(:has(.blue-horizon-admin-marker))) .home-shell .forum-layout { gap: 16px } :where(html:not(:has(.blue-horizon-admin-marker))) .main-panel { padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: 0 8px 22px var(--shadow-base) } :where(html:not(:has(.blue-horizon-admin-marker))) .sidebar { gap: 14px } :where(html:not(:has(.blue-horizon-admin-marker))) .sidebar-card { border-color: var(--line); box-shadow: 0 8px 22px var(--shadow-base) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-discover-shell .main-panel { padding: 0; background: transparent; border: 0; box-shadow: none } :where(html:not(:has(.blue-horizon-admin-marker))) .main-panel .post-list { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--panel) } :where(html:not(:has(.blue-horizon-admin-marker))) .main-panel .post-list > .post-item { margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--line-soft) } :where(html:not(:has(.blue-horizon-admin-marker))) .main-panel .post-list > .post-item:last-child { border-bottom: 0 } :where(html:not(:has(.blue-horizon-admin-marker))) .main-panel .post-list > .post-item:hover { background: var(--brand-soft) } :where(html:not(:has(.blue-horizon-admin-marker))) .post-title { font-weight: 600 } :where(html:not(:has(.blue-horizon-admin-marker))) .post-title:hover { color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .post-meta a:hover { color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .post-tag.post-forum-badge { border: 0; border-radius: 999px; padding: 3px 10px; background: var(--brand-soft); color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .post-forum-badge:hover { background: var(--brand); color: var(--inverse-text) } /* ---------- Tab 与按钮 ---------- */ html:not(:has(.blue-horizon-admin-marker)) .tab-bar > .tab { margin-left: 0; padding: 5px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--panel); color: var(--text-muted); font-size: var(--font-size-sm) } html:not(:has(.blue-horizon-admin-marker)) .tab-bar > .tab + .tab { margin-left: 6px } html:not(:has(.blue-horizon-admin-marker)) .tab-bar > .tab:hover { color: var(--brand); border-color: var(--brand) } html:not(:has(.blue-horizon-admin-marker)) .tab-bar > .tab.active { background: var(--brand); border-color: var(--brand); color: var(--inverse-text); font-weight: 600 } html:not(:has(.blue-horizon-admin-marker)) .topic-toolbar .tab-post { background: var(--blue-horizon-grad, var(--brand)); border-color: transparent; border-radius: 999px; padding: 5px 16px; color: var(--inverse-text); font-weight: 600 } html:not(:has(.blue-horizon-admin-marker)) .btn-post { background: var(--blue-horizon-grad, var(--brand)); border-radius: var(--radius-sm); color: var(--inverse-text); font-weight: 700; box-shadow: 0 12px 20px -14px var(--brand) } html:not(:has(.blue-horizon-admin-marker)) .btn-post:hover { background: var(--blue-horizon-grad, var(--brand)); filter: brightness(1.06) } :where(html:not(:has(.blue-horizon-admin-marker))) .user-wrap { padding: 16px } :where(html:not(:has(.blue-horizon-admin-marker))) .user-avatar-big { border-radius: 50%; overflow: hidden } :where(html:not(:has(.blue-horizon-admin-marker))) .user-links a:hover { color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .quick-title:before, :where(html:not(:has(.blue-horizon-admin-marker))) .stats-title:before, :where(html:not(:has(.blue-horizon-admin-marker))) .new-users-title:before { content: ""; display: inline-block; width: 3px; height: 13px; margin-right: 7px; border-radius: 2px; background: var(--blue-horizon-grad, var(--brand)); vertical-align: -1px } :where(html:not(:has(.blue-horizon-admin-marker))) .quick-links a:hover { color: var(--brand) } /* ---------- 发现页 ---------- */ :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-discover { display: grid; gap: 16px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-hero { padding: 22px 24px; border-radius: 10px; color: var(--inverse-text); background: var(--blue-horizon-header, linear-gradient(135deg, #1b4e8f, #2e6cb8)); box-shadow: 0 16px 30px -22px rgba(9, 30, 66, .8) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-hero-title { margin: 0; font-size: var(--font-size-xl); font-weight: 700; color: var(--inverse-text) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-hero-desc { margin: 6px 0 0; color: rgba(255, 255, 255, .86) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-hero-stats { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 12px; font-size: var(--font-size-sm); color: rgba(255, 255, 255, .86) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--panel) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-head { display: flex; align-items: center; gap: 10px; padding: 11px 16px; font-weight: 700; background: var(--blue-horizon-cat-bg, #2e6cab); color: var(--inverse-text) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex: 0 0 22px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-icon img { width: 22px; height: 22px; object-fit: contain; border-radius: 4px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-icon svg { width: 19px; height: 19px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-size-lg) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-count { flex: 0 0 auto; font-size: var(--font-size-sm); font-weight: 400; opacity: .85 } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-cat-body { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 16px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-node { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 6px; color: var(--text-muted); transition: background var(--transition-normal), color var(--transition-normal) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-node:hover { background: var(--brand-soft); color: var(--brand) } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-empty { padding: 28px; text-align: center; border: 1px dashed var(--line); border-radius: 10px; background: var(--panel); color: var(--text-muted) } /* ---------- 后台管理界面 ---------- */ .blue-horizon-admin-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px } .blue-horizon-admin-tab { padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--text-muted); font-size: var(--font-size-md) } .blue-horizon-admin-tab.active { background: var(--brand); border-color: var(--brand); color: var(--inverse-text); font-weight: 700 } .blue-horizon-admin-rows { display: grid; gap: 8px; margin: 0 0 18px } .blue-horizon-admin-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel) } .blue-horizon-admin-row-main { flex: 1; min-width: 140px; display: grid; gap: 2px } .blue-horizon-admin-row-main small { color: var(--text-subtle); font-size: var(--font-size-sm) } .blue-horizon-admin-row form { display: inline-flex; margin: 0 } .blue-horizon-admin-cat-icon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: 0 0 26px } .blue-horizon-admin-cat-icon img { max-width: 100%; max-height: 100%; border-radius: 4px } .blue-horizon-admin-cat-icon svg { width: 20px; height: 20px; color: var(--text-muted) } .blue-horizon-icon-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px } .blue-horizon-inline-check { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); font-size: var(--font-size-sm); white-space: nowrap } .blue-horizon-color-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px } .blue-horizon-color-row input[type="color"] { width: 100%; height: 34px; padding: 2px } .blue-horizon-node-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; max-height: 280px; overflow: auto; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg) } .blue-horizon-node-pick { display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--text-muted); font-size: var(--font-size-md) } .blue-horizon-node-pick span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } /* ---------- 窄屏 ---------- */ @media (max-width: 720px) { :where(html:not(:has(.blue-horizon-admin-marker))) .top .bar { height: 48px } /* 核心样式在窄屏用 color:var(--text-subtle)!important 把顶栏图标压成深灰， 深色顶栏上会发暗看不清，这里用同等优先级覆盖回白色。 */ :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-link, :where(html:not(:has(.blue-horizon-admin-marker))) .top .mobile-menu-button, :where(html:not(:has(.blue-horizon-admin-marker))) .top .nav-mine, :where(html:not(:has(.blue-horizon-admin-marker))) .top .nav-mine > .meta-icon { color: var(--inverse-text) !important } :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-link:hover, :where(html:not(:has(.blue-horizon-admin-marker))) .top .mobile-menu-button:hover { background: rgba(255, 255, 255, .18); border-color: transparent; color: var(--inverse-text) !important } /* 桌面用的 200px 搜索胶囊特异性高于核心窄屏规则，会一直占满右侧把站名挤没，这里收回为图标按钮。 */ :where(html:not(:has(.blue-horizon-admin-marker))) .top .search-page-link { flex: 0 0 30px; width: 30px; min-width: 30px; height: 30px; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-box { min-height: 42px; padding: 5px 10px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-subnav-menu { min-width: 150px; max-width: 74vw } :where(html:not(:has(.blue-horizon-admin-marker))) .main-panel { padding: 12px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-hero { padding: 18px } :where(html:not(:has(.blue-horizon-admin-marker))) .blue-horizon-node-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) } .blue-horizon-node-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) } } /* code_copy */ .code-copy-wrap{position:relative;display:block;min-width:0;margin:10px 0}.code-copy-wrap>pre{margin:0}.code-copy-button{position:absolute;z-index:2;top:9px;right:9px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(17,24,39,.58);color:rgba(255,255,255,.82);box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:0;pointer-events:none;transform:translateY(-3px);cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity var(--transition-normal),transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.code-copy-button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.code-copy-wrap:hover>.code-copy-button,.code-copy-wrap:focus-within>.code-copy-button,.code-copy-button.is-copied,.code-copy-button.is-failed{opacity:1;pointer-events:auto;transform:none}.code-copy-button:hover{border-color:rgba(255,255,255,.38);background:rgba(17,24,39,.82);color:#fff}.code-copy-button:focus-visible{opacity:1;pointer-events:auto;transform:none;outline:2px solid var(--focus-ring);outline-offset:2px}.code-copy-button.is-copied{border-color:var(--success);color:var(--success)}.code-copy-button.is-failed{border-color:var(--danger);color:var(--danger)}@media(hover:none){.code-copy-button{opacity:.68;pointer-events:auto;transform:none}}@media(prefers-reduced-motion:reduce){.code-copy-button{transition:none}} /* color_scheme */ .color-scheme-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.color-scheme-choice{display:block;min-width:0;margin:0}.color-scheme-choice button{display:flex;width:100%;min-width:0;min-height:94px;box-sizing:border-box;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);white-space:normal;cursor:pointer}.color-scheme-choice button:hover{border-color:var(--brand);background:var(--brand-soft)}.color-scheme-choice.active button{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.color-scheme-preview{display:flex;width:40px;height:40px;flex:0 0 40px;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:6px}.color-scheme-preview i{display:block;height:100%}.color-scheme-preview i:nth-child(1){width:54%}.color-scheme-preview i:nth-child(2){width:26%}.color-scheme-preview i:nth-child(3){width:20%}.color-scheme-font-preview{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);font-weight:700;line-height:1}.color-scheme-width-preview{display:flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg)}.color-scheme-width-preview:before,.color-scheme-width-preview:after,.color-scheme-width-preview i{display:block;height:3px;background:var(--text-subtle);content:""}.color-scheme-width-preview:before,.color-scheme-width-preview:after{width:100%;opacity:.38}.color-scheme-width-preview{gap:3px;flex-direction:column}.color-scheme-width-preview i{max-width:100%;background:var(--brand)}.color-scheme-choice-copy{display:grid;flex:1 1 auto;gap:2px;min-width:0}.color-scheme-choice-copy strong,.color-scheme-choice-copy small{white-space:normal}.color-scheme-choice-copy small{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.45;overflow-wrap:anywhere}.color-scheme-section-title{margin:24px 0 8px;font-size:var(--font-size-lg)}.color-scheme-font-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.color-scheme-font-inputs .grid{grid-template-columns:1fr;gap:5px;margin:0}.color-scheme-font-inputs input{box-sizing:border-box;width:100%;max-width:none}.color-scheme-page-actions{margin-top:16px}.color-scheme-admin-list{display:grid;gap:10px}.color-scheme-admin-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:6px}.color-scheme-admin-meta{display:flex;align-items:center;gap:10px;min-width:0}.color-scheme-admin-ops{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.color-scheme-admin-ops form{margin:0}.color-scheme-top-link{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted)}.color-scheme-top-link:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.color-scheme-top-link:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.color-scheme-top-link svg{width:17px;height:17px}.color-scheme-dark-mode-control{position:relative;display:flex;align-items:center;flex:0 0 30px}.color-scheme-dark-mode-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);cursor:pointer;outline:none;position:relative;-webkit-tap-highlight-color:transparent;flex-shrink:0}.color-scheme-dark-mode-toggle-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.color-scheme-dark-mode-toggle-btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-color:var(--brand)}.color-scheme-dark-mode-toggle-btn svg{width:17px;height:17px}.color-scheme-dark-mode-toggle-btn svg:not(.color-scheme-dark-mode-icon-active){display:none}.color-scheme-dark-mode-menu{position:absolute;z-index:110;top:calc(100% + 7px);right:0;display:none;width:132px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);box-shadow:0 8px 20px var(--shadow-base)}.color-scheme-dark-mode-menu.open{display:grid;gap:2px}.color-scheme-dark-mode-option{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:0 7px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.color-scheme-dark-mode-option:hover,.color-scheme-dark-mode-option.active{background:var(--brand-soft);color:var(--brand)}.color-scheme-dark-mode-option:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.color-scheme-dark-mode-option svg{flex:0 0 16px;width:16px;height:16px}@media(max-width:720px){.color-scheme-dark-mode-control{width:28px;height:28px;flex-basis:28px}.color-scheme-dark-mode-toggle-btn{width:28px;height:28px;min-height:28px;border:0;background:transparent;color:var(--text-subtle)!important}.color-scheme-dark-mode-toggle-btn svg{width:24px;height:24px}.color-scheme-dark-mode-toggle-btn:hover{background:var(--bg);color:var(--text)!important}.color-scheme-dark-mode-menu{top:calc(100% + 5px)}}@media(max-width:640px){.color-scheme-font-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.color-scheme-font-inputs{grid-template-columns:1fr}.color-scheme-admin-item{align-items:flex-start;flex-direction:column}.color-scheme-admin-ops{width:100%;justify-content:flex-start}}html[data-color-scheme-dark-mode-theme="dark"]{--bg:#0f121a;--panel:#171b27;--line:#262b3b;--line-soft:#1e2332;--text:#e2e5ed;--text-muted:#9399ab;--text-subtle:#636a80;--text-disabled:#4a5066;--brand:#586779;--brand-hover:#6b7c90;--brand-soft:#1f2937;--success:#2ab86e;--success-soft:#19211d;--danger:#f47278;--danger-soft:#241b20;--warning:#f6a04e;--warning-soft:#252019;--info:#6aaeff;--info-soft:#19212a;--inverse:#0b0f14;--inverse-border:#2b313b;--inverse-text:#f1f5f9;--color-dark-rgb:15,18,26;--backdrop:rgba(var(--color-dark-rgb),.48);--shadow-base:rgba(0,0,0,.38);--shadow-medium:rgba(0,0,0,.52);--focus-ring:rgba(52,217,132,.25);--radius:6px;--radius-sm:4px}html[data-color-scheme-dark-mode-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]),html[data-color-scheme-dark-mode-theme="dark"] textarea,html[data-color-scheme-dark-mode-theme="dark"] select{background:var(--bg);color:var(--text);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] input::placeholder,html[data-color-scheme-dark-mode-theme="dark"] textarea::placeholder{color:var(--text-subtle)}html[data-color-scheme-dark-mode-theme="dark"] ::selection{background:var(--brand-soft);color:var(--text)}html[data-color-scheme-dark-mode-theme="dark"] hr{border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] img:not([src$=".svg"]):not([src*=".svg?"]){filter:brightness(.92)}html[data-color-scheme-dark-mode-theme="dark"] pre,html[data-color-scheme-dark-mode-theme="dark"] code{background:var(--line-soft);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] .post-content a{text-decoration:underline}html[data-color-scheme-dark-mode-theme="dark"] body,html[data-color-scheme-dark-mode-theme="dark"] .box,html[data-color-scheme-dark-mode-theme="dark"] .card,html[data-color-scheme-dark-mode-theme="dark"] .list,html[data-color-scheme-dark-mode-theme="dark"] .top,html[data-color-scheme-dark-mode-theme="dark"] .main-panel,html[data-color-scheme-dark-mode-theme="dark"] .home-shell,html[data-color-scheme-dark-mode-theme="dark"] .footer,html[data-color-scheme-dark-mode-theme="dark"] .tab,html[data-color-scheme-dark-mode-theme="dark"] .post-item,html[data-color-scheme-dark-mode-theme="dark"] .search-form,html[data-color-scheme-dark-mode-theme="dark"] .search-field{color:var(--text);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] a,html[data-color-scheme-dark-mode-theme="dark"] button,html[data-color-scheme-dark-mode-theme="dark"] input,html[data-color-scheme-dark-mode-theme="dark"] textarea,html[data-color-scheme-dark-mode-theme="dark"] select{color:var(--text)}html[data-color-scheme-dark-mode-theme="dark"] .panel,html[data-color-scheme-dark-mode-theme="dark"] .form-panel{background:var(--panel);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] .search-input{background:var(--bg);color:var(--text);border-color:var(--line)} /* community_stats */ .community-stats-card{margin-bottom:0}.community-stats-wrap{padding:14px}.community-stats-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.community-stats-icon{display:flex;flex:0 0 auto;color:#48587d}.community-stats-icon svg{display:block;width:20px;height:20px}.community-stats-title{color:var(--text);font-size:17px;font-weight:700;line-height:1.2}.community-stats-grid{display:grid;gap:8px}.community-stats-grid.is-1{grid-template-columns:minmax(0,1fr)}.community-stats-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.community-stats-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}.community-stats-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.community-stats-label{color:var(--text-subtle);font-size:12px;line-height:1}.community-stats-value{color:var(--text);font-size:17px;font-weight:800;line-height:1;white-space:nowrap}.community-stats-latest{margin-top:16px}.community-stats-latest-title{margin-bottom:12px;color:var(--text);font-size:15px;font-weight:700;line-height:1.2}.community-stats-users{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}.community-stats-user{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.community-stats-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--bg)}.community-stats-avatar img{display:block;width:100%;height:100%;object-fit:cover}.community-stats-username{max-width:48px;overflow:hidden;color:var(--text-subtle);font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.community-stats-user:hover .community-stats-username{color:var(--brand)}.community-stats-admin{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.community-stats-admin>form{flex:1 1 340px;min-width:280px}.community-stats-preview{flex:0 0 240px;max-width:100%}.community-stats-preview-empty{margin:0;color:var(--text-subtle);font-size:var(--font-size-sm)}.community-stats-diag{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft)}.community-stats-diag-title{margin-bottom:8px;color:var(--text);font-size:var(--font-size-md);font-weight:700}.community-stats-diag-row{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line-soft);color:var(--text-muted);font-size:var(--font-size-sm)}.community-stats-diag-row:last-of-type{border-bottom:0}.community-stats-diag-row em{font-style:normal;color:var(--text-subtle)}.community-stats-diag-row b{margin-left:auto;color:var(--text);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums}.community-stats-diag-warn{margin:10px 0 0;padding:9px 12px;border-radius:var(--radius);background:var(--warning-soft);color:var(--warning);font-size:var(--font-size-sm);line-height:1.7}.community-stats-diag-note{margin:10px 0 0;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.7} /* 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-body{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}.darkroom-masked-note{min-width:0}.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;flex:0 0 auto;padding:4px 12px;font-size:var(--font-size-xs);color:var(--brand);background:var(--brand-soft);border:1px solid var(--line);border-radius:999px;white-space:nowrap}.darkroom-masked-fallback{padding:12px 0}.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)}} /* data_convert */ .data-convert-panel .plugin-settings-form{max-width:640px}.data-convert-panel .grid{grid-template-columns:1fr;gap:5px;margin:0}.data-convert-panel .grid[hidden]{display:none!important}.data-convert-panel .data-convert-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.data-convert-stat{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);display:grid;gap:2px}.data-convert-stat span{color:var(--text-muted);font-size:var(--font-size-sm)}.data-convert-stat strong{font-size:var(--font-size-lg)}.data-convert-alert{margin-bottom:14px;padding:10px 12px;border-radius:6px;font-size:var(--font-size-sm);line-height:1.5}.data-convert-alert.ok{border:1px solid var(--line);background:var(--bg)}.data-convert-alert.err{border:1px solid var(--line);background:var(--bg);color:var(--text-error,var(--text))}.data-convert-card{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.data-convert-card h3{margin:0 0 14px;font-size:var(--font-size-md)}.data-convert-actions{display:flex;gap:10px;margin-top:16px}.data-convert-actions button{flex:1 1 0;margin:0}.data-convert-test-result{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:var(--font-size-sm);line-height:1.6}.data-convert-test-result[hidden]{display:none}.data-convert-test-result strong{display:block;margin-bottom:8px}.data-convert-test-result ul{margin:0;padding:0 0 0 18px;list-style:disc}.data-convert-test-result li{margin:3px 0}.data-convert-run-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:0;align-items:flex-end}.data-convert-run-form>form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.data-convert-steps-list{counter-reset:data-task;flex:1 1 100%;margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px;max-width:720px}.data-convert-steps-list .data-convert-step{counter-increment:data-task;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-height:42px;padding:8px 12px 8px 42px;position:relative;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);transition:border-color .15s,background .15s}.data-convert-steps-list .data-convert-step:before{content:counter(data-task);position:absolute;left:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:700}.data-convert-steps-list .data-convert-step.is-running{border-color:var(--brand);background:var(--brand-soft)}.data-convert-steps-list .data-convert-step.is-running:before{background:var(--brand);color:var(--inverse-text)}.data-convert-steps-list .data-convert-step.is-done:before{content:"✓";background:var(--success,var(--brand));color:var(--inverse-text)}.data-convert-steps-list .data-convert-step.is-error{border-color:var(--danger);background:var(--danger-soft)}.data-convert-steps-list .data-convert-step.is-error:before{content:"!";background:var(--danger);color:var(--inverse-text)}.data-convert-step-label{min-width:0;flex:0 0 auto;overflow-wrap:anywhere;font-size:var(--font-size-sm);font-weight:600}.data-convert-step-btn{flex:0 0 auto;margin:0}.data-convert-step-progress{flex:1 1 100%;min-width:0;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.data-convert-steps-list .data-convert-step.is-running .data-convert-step-progress{color:var(--brand)}.data-convert-steps-list .data-convert-step.is-done .data-convert-step-progress{color:var(--success,var(--brand))}.data-convert-steps-list .data-convert-step.is-error .data-convert-step-progress{color:var(--danger)}@media(max-width:720px){.data-convert-actions{flex-direction:column}.data-convert-actions button{width:100%}.data-convert-run-form button{flex:1 1 auto}} /* direct_messages */ .direct-messages-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.direct-messages-list{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--line);background:var(--bg)}.direct-messages-list-head{display:flex;align-items:baseline;justify-content:space-between;padding:14px 13px 8px}.direct-messages-list-head strong{font-size:var(--font-size-lg)}.direct-messages-list-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.direct-messages-user-search{display:flex;gap:6px;padding:0 10px 10px}.direct-messages-user-search input{min-width:0;width:100%;height:32px}.direct-messages-user-search button{min-height:32px;padding:4px 9px;white-space:nowrap}.direct-messages-conversations{display:grid}.direct-messages-conversation{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--line-soft);color:var(--text)}.direct-messages-conversation:hover,.direct-messages-conversation.is-active{background:var(--brand-soft)}.direct-messages-list-avatar,.direct-messages-list-avatar img,.direct-messages-list-avatar .avatar{display:block;width:38px;height:38px;border-radius:50%}.direct-messages-list-main{display:grid;gap:3px;min-width:0}.direct-messages-list-main>span{display:flex;justify-content:space-between;gap:6px}.direct-messages-list-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-messages-list-main time,.direct-messages-list-main small{color:var(--text-muted);font-size:var(--font-size-xs)}.direct-messages-list-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-messages-conversation em{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--font-size-xs);font-style:normal}.direct-messages-list-empty{padding:22px 12px;color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.direct-messages-main{display:flex;min-width:0;flex-direction:column;background:var(--panel)}.direct-messages-thread-head{padding:10px 14px;border-bottom:1px solid var(--line)}.direct-messages-thread-head>a:last-child{display:flex;align-items:center;gap:9px;color:var(--text)}.direct-messages-thread-head img,.direct-messages-thread-head .avatar{width:36px;height:36px;border-radius:50%}.direct-messages-thread-head span{display:grid}.direct-messages-thread-head small{color:var(--text-muted);font-size:var(--font-size-xs)}.direct-messages-mobile-back{display:none}.direct-messages-thread{display:block;height:min(62vh,680px);min-height:400px;padding:0 16px;overflow:auto;overscroll-behavior:contain}.direct-messages-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.direct-messages-message:last-child{border-bottom:0}.direct-messages-avatar img,.direct-messages-avatar .avatar{display:block;width:36px;height:36px;border-radius:var(--radius-sm)}.direct-messages-body{min-width:0}.direct-messages-meta{display:flex;align-items:baseline;gap:9px;margin-bottom:5px}.direct-messages-meta strong{font-size:var(--font-size-sm)}.direct-messages-meta time{color:var(--text-subtle);font-size:var(--font-size-xs)}.direct-messages-content{color:var(--text);font-size:var(--font-size-md);line-height:1.75;white-space:normal;overflow-wrap:anywhere}.direct-messages-content p{margin:0 0 8px}.direct-messages-content p:last-child{margin-bottom:0}.direct-messages-content blockquote{margin:6px 0 10px;padding:0 0 0 10px;border-left:3px solid var(--line);color:var(--text-muted)}.direct-messages-content blockquote:last-child{margin-bottom:0}.direct-messages-content blockquote p{margin-bottom:6px}.direct-messages-content ul{margin:4px 0 8px 18px;padding:0}.direct-messages-content li{margin:2px 0}.direct-messages-thread-empty,.direct-messages-welcome{margin:auto;padding:30px;color:var(--text-muted);text-align:center}.direct-messages-thread-empty{display:flex;min-height:400px;align-items:center;justify-content:center}.direct-messages-welcome strong{color:var(--text);font-size:var(--font-size-lg)}.direct-messages-welcome{max-width:420px}.direct-messages-welcome p{line-height:1.7}.direct-messages-paging{display:flex;justify-content:space-between;padding:8px 16px;font-size:var(--font-size-sm);border-top:1px solid var(--line-soft)}.direct-messages-compose{display:grid;gap:7px;padding:12px;border-top:1px solid var(--line);background:var(--bg)}.direct-messages-compose textarea{width:100%;max-width:none;min-height:88px;resize:vertical}.direct-messages-compose>div{display:flex;align-items:center;justify-content:space-between}.direct-messages-compose span{color:var(--text-muted);font-size:var(--font-size-xs)}.direct-messages-compose button{min-width:78px}.direct-messages-menu-icon{display:contents}.direct-messages-menu-icon .notify-badge{order:2;margin-left:0}@media(max-width:720px){.direct-messages-layout{display:block}.direct-messages-list{border-right:0;max-height:none;overflow:visible}.direct-messages-layout.has-thread .direct-messages-list{display:none}.direct-messages-layout:not(.has-thread) .direct-messages-main{display:none}.direct-messages-mobile-back{display:inline-flex!important;margin-bottom:8px;color:var(--text-muted)!important;font-size:var(--font-size-sm)}.direct-messages-thread{height:52vh;min-height:320px;padding:0 12px}.direct-messages-message{grid-template-columns:32px minmax(0,1fr);padding:12px 0}.direct-messages-avatar img,.direct-messages-avatar .avatar{width:32px;height:32px}.direct-messages-compose{position:sticky;bottom:0}.direct-messages-user-search input{font-size:16px}} /* donate */ /* ===== Donate entry below topic content ===== */ .post-item.post-entry .post-content{position:relative;isolation:isolate} .topic-post-list>.post-entry>.donate-area{display:flex!important;grid-column:1/-1!important;justify-self:stretch;align-self:center;flex-wrap:wrap;clear:both;box-sizing:border-box;width:100%;min-width:0;justify-content:center;margin:16px 0 2px} .donate-area:not(.donate-area-has-entry){height:0;margin:0} .donate-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%} .donate-entry{position:relative;z-index:12;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;padding:9px 16px;border:2px solid #fff;border-radius:10px;outline:1px solid #d97706;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 3px 10px rgba(180,93,9,.24);color:#fff!important;font-size:var(--font-size-md);font-weight:700;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease} .donate-entry-icon{display:block;width:18px;height:18px;flex:0 0 18px} .donate-entry-label{white-space:nowrap} .donate-entry:hover{background:linear-gradient(135deg,#e67a0a,#e5311f);box-shadow:0 5px 14px rgba(180,93,9,.34);color:#fff!important;transform:translateY(-2px)} .donate-entry:focus-visible{outline:3px solid rgba(217,119,6,.28);outline-offset:3px} .donate-barrage-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;padding:8px 14px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1;cursor:pointer;transition:all .18s ease} .donate-barrage-toggle-icon{display:block;width:16px;height:16px;flex:0 0 16px} .donate-barrage-toggle-label{white-space:nowrap} .donate-barrage-toggle:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .donate-barrage-toggle[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .donate-barrage-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px} .donate-area-barrage-hidden .donate-barrage, .donate-area-barrage-hidden .donate-history-grid, body.donate-barrage-hidden .donate-barrage, body.donate-barrage-hidden .donate-history-grid{display:none!important} /* Records - horizontal barrage constrained to the forum main area */ .forum-main.donate-forum-main{position:relative} .donate-barrage{position:fixed;z-index:8;top:0;left:var(--donate-stage-left,0px);width:var(--donate-stage-width,100vw);height:100vh;overflow:hidden;pointer-events:none} .donate-barrage-item{position:absolute;top:-48px;left:var(--donate-left,50%);display:flex;align-items:center;gap:7px;min-height:34px;padding:4px 6px;border:1px solid rgba(223,107,11,.2);border-radius:999px;background:linear-gradient(90deg,var(--donate-item-bg,#df6b0b) 0%,#f09a36 48%,#fff1dc 100%);color:#fff;white-space:nowrap} .donate-barrage-item[href]{cursor:pointer;color:#fff;text-decoration:none} .donate-barrage-item:hover{animation-play-state:paused} .donate-barrage-item[data-donate-color="0"]{--donate-item-bg:#e74c3c} .donate-barrage-item[data-donate-color="1"]{--donate-item-bg:#e67e22} .donate-barrage-item[data-donate-color="2"]{--donate-item-bg:#f39c12} .donate-barrage-item[data-donate-color="3"]{--donate-item-bg:#27ae60} .donate-barrage-item[data-donate-color="4"]{--donate-item-bg:#16a085} .donate-barrage-item[data-donate-color="5"]{--donate-item-bg:#2980b9} .donate-barrage-item[data-donate-color="6"]{--donate-item-bg:#8e44ad} .donate-barrage-item[data-donate-color="7"]{--donate-item-bg:#d35400} .donate-barrage-item[data-donate-color="8"]{--donate-item-bg:#c0392b} .donate-barrage-item[data-donate-color="9"]{--donate-item-bg:#2c3e50} .donate-barrage-avatar-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:#fff;line-height:0} .donate-barrage-avatar-wrap>.avatar-profile-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;line-height:0} .donate-barrage-item .donate-barrage-avatar,.donate-barrage-avatar-wrap .avatar-img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:50%;object-fit:cover;object-position:center;vertical-align:middle} .donate-barrage-user{max-width:120px;overflow:hidden;color:#fff;font-size:var(--font-size-sm);font-weight:700;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(109,45,0,.18)} .donate-barrage-action{color:rgba(255,255,255,.82);font-size:var(--font-size-sm);font-weight:600;line-height:1} .donate-barrage-amount{display:inline-flex;align-items:baseline;gap:2px;color:#a94700;font-size:var(--font-size-sm);font-weight:900;line-height:1;text-shadow:none} .donate-barrage-amount b{font-size:var(--font-size-md);font-weight:900} .donate-barrage-unit{color:rgba(122,55,4,.68);font-size:10px;font-weight:600;line-height:1} .donate-history-grid{position:relative;display:block;grid-column:1/-1;flex:0 0 100%;height:61px;margin-top:10px;overflow:hidden} .donate-history-track{position:absolute;left:0;display:flex;width:max-content;will-change:transform;animation:donate-history-scroll var(--donate-history-duration,18s) linear infinite} .donate-history-track-reverse{animation-name:donate-history-scroll-reverse} .donate-history-cycle{display:flex;gap:5px;padding-right:5px} .donate-history-grid:hover .donate-history-track,.donate-history-grid:focus-within .donate-history-track{animation-play-state:paused} .donate-history-card{position:relative!important;top:auto!important;left:auto!important;display:flex;flex:0 0 auto;width:max-content;max-width:min(100%,300px);min-width:0;min-height:28px;box-sizing:border-box;gap:4px;padding:3px 5px;overflow:hidden;font-size:var(--font-size-xs);line-height:1.2;opacity:1;transform:none;animation:none;white-space:nowrap} .donate-history-card .donate-barrage-avatar-wrap{width:20px;height:20px;flex-basis:20px} .donate-history-card .donate-barrage-user{font-size:var(--font-size-xs)} .donate-history-card .donate-barrage-action{font-size:var(--font-size-xs)} .donate-history-card .donate-barrage-amount{font-size:var(--font-size-xs)} .donate-history-card .donate-barrage-amount b{font-size:var(--font-size-sm)} .donate-history-card .donate-barrage-unit{font-size:9px} .donate-history-card .donate-barrage-user{min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @keyframes donate-history-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @keyframes donate-history-scroll-reverse{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}} .donate-history-card-drop{animation:donate-history-card-drop var(--donate-card-duration,1.45s) linear var(--donate-card-delay,0s) both!important} .donate-barrage .donate-history-card-drop{position:absolute!important;top:var(--donate-card-lane-y,0px)!important;left:0!important;z-index:1;pointer-events:none} .donate-barrage .donate-history-card-drop[href]{pointer-events:auto} @keyframes donate-history-card-drop{0%{transform:translate3d(var(--donate-card-start-x,-100%),0,0)}100%{transform:translate3d(var(--donate-card-end-x,100vw),0,0)}} /* ===== Donate Modal ===== */ .donate-modal{display:grid;gap:16px;padding:8px 0} .donate-modal form[data-donate-form]{display:grid;gap:16px;margin:0} .donate-modal-head strong{font-size:var(--font-size-lg);color:var(--text);line-height:1.3} .donate-modal-info{color:var(--text-muted);font-size:var(--font-size-sm)} .donate-presets{display:flex;flex-wrap:wrap;gap:8px} .donate-preset-btn{flex:1;min-width:60px;padding:10px 8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);color:var(--text);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .2s ease} .donate-preset-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .donate-preset-btn.active{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)} .donate-custom{margin:0} .donate-custom .donate-grid{display:flex;align-items:center;gap:10px} .donate-custom .donate-grid span{flex:0 0 auto;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap} .donate-custom-input{flex:1;min-width:0;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg);color:var(--text);font-size:var(--font-size-md);text-align:center} .donate-custom-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--focus-ring)} .donate-submit-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:2px;padding:13px;border:none;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .2s ease} .donate-submit-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)} .donate-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none} /* ===== Message Section ===== */ .donate-message-section{margin-top:4px;padding:0;border-top:1px solid var(--line-soft)} .donate-message-section summary{padding:9px 0 2px;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;list-style-position:inside} .donate-message-section[open] summary{padding-bottom:8px} .donate-msg-select{width:100%;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--panel);color:var(--text);font-size:var(--font-size-sm);cursor:pointer} .donate-msg-select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--focus-ring)} .donate-msg-custom{width:100%;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--font-size-sm);margin-top:6px;box-sizing:border-box} .donate-msg-custom:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--focus-ring)} /* Admin donation records */ .donate-admin-record .admin-row-main{width:100%;min-width:0} .donate-admin-record .admin-user-cell{display:flex;align-items:center;width:100%;min-width:0;gap:10px} .donate-admin-record .table-avatar{flex:0 0 32px;width:32px;height:32px} .donate-admin-record-user{flex:0 0 auto;color:var(--text);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap} .donate-admin-record-desc{min-width:0;flex:1;overflow:hidden;color:var(--text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap} .donate-admin-record-amount{flex:0 0 auto;color:var(--warning);font-size:var(--font-size-sm);font-weight:800;white-space:nowrap} /* Responsive */ @media(max-width:600px){ .donate-preset-btn{min-width:50px;padding:8px 6px;font-size:var(--font-size-sm)} .topic-post-list>.post-entry>.donate-area{margin-top:14px} .donate-entry{gap:5px;padding:8px 12px;font-size:var(--font-size-sm)} .donate-entry-icon{width:16px;height:16px;flex-basis:16px} .donate-barrage-toggle{gap:5px;padding:7px 12px;font-size:var(--font-size-sm)} .donate-barrage-toggle-icon{width:14px;height:14px;flex-basis:14px} .donate-barrage{width:var(--donate-stage-width,100vw);height:100vh} .donate-barrage-user{max-width:88px} .donate-history-card .donate-barrage-user{max-width:104px} .donate-admin-record .admin-user-cell{gap:7px} .donate-admin-record-desc{font-size:var(--font-size-xs)} } @media(prefers-reduced-motion:reduce){ .donate-barrage-item{animation-duration:.01ms!important;animation-iteration-count:1!important} .donate-history-track{animation:none!important} .donate-history-card-drop{animation-duration:.01ms!important;animation-delay:0s!important} } /* featured_topics */ .featured-topics{margin:0 0 10px;padding:0;border-bottom:1px dotted var(--line);background:transparent} .featured-topics .featured-topics-item{min-height:0} .featured-topics .featured-topics-item .post-avatar{flex:0 0 36px} .featured-topics .featured-topics-item-avatar{margin-top:4px;background:var(--brand-soft);color:var(--brand)} .featured-topics .featured-topics-item-avatar .featured-topics-pin-icon{width:18px;height:18px;flex:0 0 18px;color:var(--brand)} .featured-topics .featured-topics-line{padding:9px 0;border-bottom:1px solid var(--bg);max-width:100%;overflow:hidden} .featured-topics .featured-topics-line:last-child{border-bottom:none} .featured-topics .featured-topics-line .post-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;min-width:0;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400;line-height:1.4} .featured-topics .featured-topics-line .post-title:hover{color:var(--brand)} .featured-topics .featured-topics-line-first .post-title{color:var(--text);font-size:var(--font-size-md);font-weight:700} .featured-topics-card .featured-topics-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px} .featured-topics-card .featured-topics-sidebar-list{display:grid;gap:0;margin:0;padding:0;list-style:none} .featured-topics-card .featured-topics-item a{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border:0;border-radius:0;background:transparent} .featured-topics-card .featured-topics-item a:before{display:none} .featured-topics-card .featured-topics-card-rank{display:flex;flex:0 0 18px;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xxs);font-weight:700;line-height:1} .featured-topics-card .featured-topics-card-rank-top{background:var(--brand-soft);color:var(--brand)} .featured-topics-card .featured-topics-card-content{display:block;flex:1;min-width:0} .featured-topics-card .featured-topics-card-title{display:block;color:var(--text);font-size:var(--font-size-sm);line-height:1.4;overflow-wrap:anywhere} .featured-topics-card .featured-topics-item a:hover .featured-topics-card-title{color:var(--brand)} @media(prefers-reduced-motion:reduce){.featured-topics-line{animation:none}} .featured-topics-pin-action: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=%27M9 4h6l-1 5 3 3v1H7v-1l3-3-1-5Zm3 9v7%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=%27M9 4h6l-1 5 3 3v1H7v-1l3-3-1-5Zm3 9v7%27/%3E%3C/svg%3E") center/14px 14px no-repeat} .featured-topics-pin-action{min-height:0;padding:0;border:0;background:transparent;color:var(--text-muted)} .featured-topics-pin-action:hover{background:var(--line-soft);color:var(--text)} .featured-topics-pin-action.is-pinned{color:var(--brand);opacity:1} .featured-pin-form{display:grid;gap:14px;min-width:220px;padding:2px 0} .featured-pin-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--font-size-sm);color:var(--text);cursor:pointer} .featured-pin-switch input{position:absolute;width:0;height:0;margin:0;opacity:0} .featured-pin-track{position:relative;flex:0 0 38px;height:22px;border-radius:11px;background:var(--line);transition:background .18s ease} .featured-pin-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .18s ease} .featured-pin-switch input:checked~.featured-pin-track{background:var(--brand)} .featured-pin-switch input:checked~.featured-pin-track:after{transform:translateX(16px)} .featured-pin-switch input:focus-visible~.featured-pin-track{outline:var(--focus-ring);outline-offset:2px} .featured-pin-days{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text)} .featured-pin-days-input{width:88px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit} .featured-pin-days-input:focus{border-color:var(--brand);outline:var(--focus-ring)} .featured-pin-days small{color:var(--text-muted)} .featured-pin-cost{display:grid;gap:3px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg);font-size:var(--font-size-xs);color:var(--text-muted)} .featured-pin-cost b{color:var(--text);font-weight:700} .featured-pin-cost strong{font-size:var(--font-size-sm)} .featured-pin-cost strong.is-cost{color:var(--brand)} .featured-pin-cost strong.is-free{color:var(--text-muted)} .featured-pin-refund-note{font-size:var(--font-size-xs);color:var(--text-muted)} .featured-pin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px} .featured-pin-actions button{min-height:36px;padding:0 14px;border-radius:var(--radius-sm);cursor:pointer;font:inherit} .featured-pin-unpin{margin-right:auto;border:1px solid var(--line);background:transparent;color:var(--danger)} .featured-pin-unpin:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)} .featured-pin-cancel{border:1px solid var(--line);background:var(--bg);color:var(--text)} .featured-pin-cancel:hover{background:var(--line-soft);color:var(--text)} .featured-pin-submit{border:1px solid var(--brand);background:var(--brand);color:var(--inverse-text)} .featured-pin-submit:disabled{opacity:.6;cursor:default} /* feidao */ .feidao-direct-shell{position:fixed;inset:0;z-index:899;background:#05070f;color:#dbe4f5} .feidao-direct-mount{position:absolute;inset:0} .feidao-direct-room-toggle{position:fixed;right:16px;top:16px;z-index:1100;height:36px;padding:0 15px;border:1px solid rgba(120,160,255,.22);border-radius:11px;background:rgba(13,19,35,.92);color:#8290ab;font:600 12px system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.28)} .feidao-direct-room-toggle:hover{border-color:rgba(120,180,255,.55);color:#dbe4f5} .feidao-direct-room{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(3,5,12,.68);backdrop-filter:blur(8px)} .feidao-direct-room[hidden]{display:none} .feidao-direct-room-backdrop{position:absolute;inset:0} .feidao-direct-room-box{position:relative;width:min(540px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;border:1px solid rgba(120,160,255,.25);border-radius:18px;background:#0d1323;box-shadow:0 24px 80px rgba(0,0,0,.58);font-family:system-ui,-apple-system,"PingFang SC",sans-serif} .feidao-direct-room-box h2{margin:8px 0 5px;color:#eef4ff;font-size:25px}.feidao-direct-room-box p{margin:0;color:#8290ab;font-size:12px;line-height:1.7}.feidao-direct-kicker{color:#fbbf24;font-size:10px;font-weight:800;letter-spacing:.22em}.feidao-direct-room-close{position:absolute;right:14px;top:14px;width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#8290ab;font-size:22px;cursor:pointer}.feidao-direct-room-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.feidao-direct-room-actions button{height:34px;padding:0 14px;border:1px solid rgba(120,160,255,.22);border-radius:8px;background:rgba(120,160,255,.12);color:#dbe4f5;font:600 12px system-ui,sans-serif;cursor:pointer}.feidao-direct-room-actions button:hover{border-color:#4da3ff;color:#9ed0ff}.feidao-direct-room-actions input{height:34px;min-width:0;flex:1;padding:0 10px;border:1px solid rgba(120,160,255,.2);border-radius:8px;background:rgba(3,7,16,.62);color:#eef4ff;text-align:center;letter-spacing:.18em;text-transform:uppercase;outline:none}.feidao-direct-room-actions input:focus{border-color:#4da3ff}.feidao-direct-room-info{display:grid;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid rgba(120,160,255,.14);color:#8290ab;font-size:12px}.feidao-direct-room-info b{margin-left:5px;color:#fbbf24;font-size:17px;letter-spacing:.15em}.feidao-direct-room-info span{float:right;color:#8290ab}.feidao-direct-room-players{display:flex;flex-wrap:wrap;gap:6px}.feidao-direct-room-player{padding:6px 10px;border:1px solid rgba(120,160,255,.18);border-radius:999px;color:#aab9d2;background:rgba(120,160,255,.06)}.feidao-direct-room-player.me{border-color:rgba(251,191,36,.4);color:#fbbf24}@media(max-width:560px){.feidao-direct-room{align-items:end;padding:10px}.feidao-direct-room-box{max-height:calc(100dvh - 20px);padding:21px}.feidao-direct-room-actions{flex-wrap:wrap}.feidao-direct-room-actions input{flex-basis:140px}} /* foot_copyright */ .foot-copyright{margin-top:16px;padding:12px 0;border-top:1px solid var(--line-soft);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.7;text-align:center;word-break:break-word;overflow-wrap:anywhere} .foot-copyright a{color:var(--brand)} .foot-copyright a:hover{text-decoration:underline} .foot-copyright img{max-width:100%;height:auto;vertical-align:middle} .foot-copyright p{margin:0 0 .4em} .foot-copyright p:last-child{margin-bottom:0} .foot-copyright ul,.foot-copyright ol{margin:.2em 0;padding-left:1.2em} .foot-copyright-table{margin:.3em auto;border-collapse:collapse} .foot-copyright-code textarea{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-sm);line-height:1.6;white-space:pre;overflow-x:auto;resize:vertical} .foot-copyright-admin-actions{display:flex;align-items:center;gap:10px;margin-top:4px} .foot-copyright-admin-actions button{font-size:var(--font-size-md)} .foot-copyright-admin-actions span{color:var(--text-muted);font-size:var(--font-size-xs)} @media(max-width:600px){ .foot-copyright{font-size:var(--font-size-xs)} } /* gacha */ /* ====== 称号徽章 ====== */ .gacha-title-badge{display:inline-flex;align-items:center;gap:3px;padding:0 5px;border-radius:var(--radius-sm);background:var(--gacha-bg);color:var(--gacha-color);font-size:10px;line-height:1.3;vertical-align:middle;white-space:nowrap;pointer-events:none} /* 主题帖/回复里的称号徽章：保留稀有度配色的底色，跟用户名同一排显示 */ .topic-post-list .gacha-title-badge{justify-content:flex-start;padding:0 4px;border-radius:var(--radius-sm);background:var(--gacha-bg)} .topic-post-list .gacha-title-badge,.topic-post-list .gacha-title-icon{font-size:inherit} .topic-post-list .gacha-title-rarity{font-size:.8em;line-height:1.2} .topic-post-list .gacha-title-name,.topic-post-list .gacha-title-rarity{font-weight:inherit} .post-info .gacha-title-badge{box-sizing:border-box;margin:0;line-height:1.3} .post-info .gacha-title-icon{font-size:inherit;line-height:1.3} .gacha-title-icon{font-size:11px;line-height:1} .gacha-title-name{font-weight:600} .gacha-title-rarity{margin-left:1px;padding:0 3px;border-radius:2px;background:var(--gacha-color);color:#fff;font-size:9px;font-weight:700;line-height:1.2} /* ====== 称号系统主页 ====== */ .gacha-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 4px;flex-wrap:wrap;gap:10px} .gacha-header-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text)} .gacha-actions{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 16px 4px} .gacha-sub-stats{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);padding:2px 16px 10px} .gacha-sub-stats strong{color:var(--text);font-weight:600} .gacha-sub-stats-sep{padding:0 8px;color:var(--line-soft)} .gacha-pull-btn{min-height:44px;padding:0 24px;border:2px solid var(--brand);border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--info));color:var(--inverse-text);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .15s ease} .gacha-pull-btn:hover{filter:brightness(1.1);box-shadow:0 4px 14px rgba(37,99,235,.25)} .gacha-pull-btn:disabled{border-color:var(--line-soft);background:var(--line-soft);color:var(--text-disabled);cursor:not-allowed;filter:none;box-shadow:none} .gacha-pull-10{background:linear-gradient(135deg,#f59e0b,#ef4444);border-color:#f59e0b} .gacha-pull-100{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#8b5cf6} /* ====== 称号池 ====== */ .gacha-pool-section,.gacha-all-titles{padding:0 16px 16px} .gacha-pool-section h3,.gacha-all-titles h3{margin:0 0 10px;font-size:var(--font-size-md);color:var(--text)} .gacha-pool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .gacha-pool-rarity{padding:12px;border:1px solid var(--gacha-border);border-radius:var(--radius-sm);background:var(--gacha-bg);text-align:center} .gacha-pool-rarity-label{font-size:var(--font-size-md);font-weight:700;color:var(--gacha-color)} .gacha-pool-rarity-count{margin-top:2px;font-size:var(--font-size-xs);color:var(--text-muted)} .gacha-pool-rarity-rate{margin-top:4px;font-size:var(--font-size-lg);font-weight:700;color:var(--gacha-color)} /* ====== 全部称号 ====== */ .gacha-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px} .gacha-all-item{display:flex;justify-content:center;padding:8px} .gacha-all-item .gacha-title-badge{font-size:var(--font-size-xs);padding:3px 10px} /* ====== 抽卡结果 ====== */ .gacha-result{padding:16px;text-align:center} .gacha-result h2{margin:0 0 20px;font-size:var(--font-size-xl);color:var(--text)} .gacha-result-card{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:30px 40px;border:2px solid var(--gacha-border);border-radius:16px;background:var(--gacha-bg);animation:gacha-card-pop .3s ease both} @keyframes gacha-card-pop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}} .gacha-result-ssr{animation:gacha-card-glow 1s ease infinite alternate} @keyframes gacha-card-glow{from{box-shadow:0 0 20px rgba(245,158,11,.3)}to{box-shadow:0 0 40px rgba(245,158,11,.6)}} .gacha-result-rarity{font-size:var(--font-size-lg);font-weight:700;color:var(--gacha-color)} .gacha-result-icon{font-size:48px;line-height:1} .gacha-result-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text)} .gacha-result-new{display:inline-block;padding:2px 12px;border-radius:20px;background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;font-size:var(--font-size-xs);font-weight:700;animation:gacha-new-pulse 1s ease infinite alternate} @keyframes gacha-new-pulse{from{transform:scale(1)}to{transform:scale(1.1)}} .gacha-result-desc{margin-top:4px;color:var(--text-muted);font-size:var(--font-size-sm)} .gacha-result-actions{display:flex;gap:10px;justify-content:center;margin-top:20px} /* ====== 十连抽 ====== */ .gacha-pull-10-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:600px;margin:0 auto} .gacha-pull-10-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1px solid var(--gacha-border);border-radius:10px;background:var(--gacha-bg);position:relative;animation:gacha-card-pop .3s ease both} .gacha-pull-10-item:nth-child(1){animation-delay:0s} .gacha-pull-10-item:nth-child(2){animation-delay:.1s} .gacha-pull-10-item:nth-child(3){animation-delay:.2s} .gacha-pull-10-item:nth-child(4){animation-delay:.3s} .gacha-pull-10-item:nth-child(5){animation-delay:.4s} .gacha-pull-10-item:nth-child(6){animation-delay:.5s} .gacha-pull-10-item:nth-child(7){animation-delay:.6s} .gacha-pull-10-item:nth-child(8){animation-delay:.7s} .gacha-pull-10-item:nth-child(9){animation-delay:.8s} .gacha-pull-10-item:nth-child(10){animation-delay:.9s} .gacha-pull-multi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:900px;margin:0 auto} .gacha-pull-multi-grid.is-100{grid-template-columns:repeat(10,1fr);max-width:100%} .gacha-pull-multi-grid.is-100 .gacha-pull-10-item{padding:10px 4px} .gacha-pull-10-icon{font-size:28px;line-height:1} .gacha-pull-10-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text);text-align:center} .gacha-pull-10-rarity{font-size:10px;font-weight:700;color:var(--gacha-color)} .gacha-pull-10-new{position:absolute;top:-6px;right:-6px;padding:1px 6px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;font-size:9px;font-weight:700;animation:gacha-new-pulse 1s ease infinite alternate} /* ====== 通用顶部卡片 ====== */ .gacha-header-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 16px 12px;padding:18px 20px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.03)} .gacha-header-card-main{flex:1;min-width:0} .gacha-header-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin-bottom:4px} .gacha-header-card-desc{font-size:var(--font-size-sm);color:var(--text-muted)} .gacha-header-card-badge{flex:0 0 auto} .gacha-header-card-badge span{display:inline-block;padding:8px 16px;border-radius:20px;background:var(--bg);border:1px solid var(--line);color:var(--text);font-size:var(--font-size-sm);font-weight:600} /* ====== 标签栏 ====== */ .gacha-tabs{display:flex;gap:6px;margin:0 16px 14px;padding:6px;border-radius:12px;background:var(--bg);border:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none} .gacha-tabs::-webkit-scrollbar{display:none} .gacha-tabs a{flex:1 0 auto;text-align:center;padding:8px 14px;border-radius:8px;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:all .12s ease;border:1px solid transparent} .gacha-tabs a:hover{color:var(--text);background:var(--line-soft)} .gacha-tabs a.active{color:var(--text);background:var(--panel);border-color:var(--line);box-shadow:0 1px 2px var(--shadow-base)} html[data-color-scheme-dark-mode-theme="dark"] .gacha-tabs{background:var(--panel);border-color:var(--line)} html[data-color-scheme-dark-mode-theme="dark"] .gacha-tabs a:hover{background:var(--line-soft)} html[data-color-scheme-dark-mode-theme="dark"] .gacha-tabs a.active{background:var(--line-soft);border-color:var(--line);box-shadow:none} /* ====== 区块标题 ====== */ .gacha-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 16px 10px;padding:0 4px} .gacha-section-title-wrap{display:flex;align-items:baseline;gap:8px} .gacha-section-title-wrap strong{font-size:var(--font-size-md);font-weight:700;color:var(--text)} .gacha-section-title-wrap span{font-size:var(--font-size-sm);color:var(--text-muted)} .gacha-section-count{padding:0;background:transparent;border:none;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600} /* ====== 个人主页称号 ====== */ .gacha-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 16px} .gacha-profile-item{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);overflow:hidden;transition:all .15s ease;min-width:0} .gacha-profile-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateY(-1px)} .gacha-profile-item.is-equipped{border-color:var(--brand);background:linear-gradient(180deg,var(--panel),var(--brand-soft))} .gacha-profile-badge{display:flex;justify-content:center;padding:16px 14px 10px;min-height:auto} .gacha-profile-badge .gacha-title-badge{font-size:var(--font-size-sm);padding:4px 12px} .gacha-profile-info{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px 12px;min-width:0;flex:1;text-align:center} .gacha-profile-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:1.5em} .gacha-profile-meta{display:flex;align-items:center;justify-content:center;gap:16px;font-size:var(--font-size-xs);color:var(--text-subtle)} .gacha-title-count{padding:1px 8px;border-radius:10px;background:var(--bg);border:1px solid var(--line-soft);color:var(--text);font-weight:600} .gacha-status-tag{padding:1px 8px;border-radius:10px;font-size:10px;font-weight:600;line-height:1.6} .gacha-status-permanent{background:var(--success-soft);color:var(--success)} .gacha-profile-action{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;padding:12px 14px;margin-top:auto;border-top:1px solid var(--line-soft);background:var(--bg);width:100%;box-sizing:border-box} .gacha-profile-action form{flex:1 1 0;min-width:60px;display:flex} .gacha-profile-action form button{width:100%} .gacha-profile-action>a{flex:1 1 0;min-width:60px;text-align:center} .gacha-equip-btn{flex:1;min-height:32px;padding:6px 0;border:1px solid #334155;border-radius:var(--radius-sm);background:#334155;color:#fff;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .12s ease} .gacha-equip-btn:hover{background:#1e293b;border-color:#1e293b} .gacha-equipped-label{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 0;border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success);font-size:var(--font-size-xs);font-weight:700} .gacha-unequip-btn{flex:1;min-height:32px;padding:6px 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer} .gacha-unequip-btn:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)} .gacha-gift-btn-outline{flex:1;min-height:32px;padding:6px 0;border:1px solid #334155;border-radius:var(--radius-sm);background:var(--bg);color:#334155;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .12s ease} .gacha-gift-btn-outline:hover{background:#f1f5f9;color:#1e293b} .gacha-trade-btn-outline{flex:1;min-height:32px;padding:6px 0;border:1px solid #334155;border-radius:var(--radius-sm);background:var(--bg);color:#334155;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .12s ease} .gacha-trade-btn-outline:hover{background:#f1f5f9;color:#1e293b} /* ====== 称号回收 ====== */ .gacha-status-recycle{background:#fef3c7;color:#b45309} .gacha-placeholder{padding:40px 16px;text-align:center} .gacha-recycle-top{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 16px 14px;align-items:stretch} .gacha-recycle-info-card{display:flex;flex-direction:column;justify-content:center;padding:16px 18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .gacha-recycle-info-title{font-size:var(--font-size-md);font-weight:700;color:var(--text)} .gacha-recycle-info-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px} .gacha-recycle-submit-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 28px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;text-align:center;cursor:pointer;transition:all .15s ease;min-width:190px} .gacha-recycle-submit-card:hover{filter:brightness(1.05);box-shadow:0 4px 14px rgba(239,68,68,.25)} .gacha-recycle-submit-card:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none} .gacha-recycle-submit-title{font-size:var(--font-size-md);font-weight:700} .gacha-recycle-submit-sub{font-size:var(--font-size-xs);opacity:.95} .gacha-recycle-selectbar{display:flex;align-items:center;margin:0 16px 10px;padding:0 4px} .gacha-recycle-control{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px;margin-top:auto;border-top:1px solid var(--line-soft);background:var(--bg);width:100%;box-sizing:border-box} .gacha-recycle-qty{width:64px;min-height:32px;padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);text-align:center;font-size:var(--font-size-sm);font-weight:600} .gacha-recycle-qty:focus{outline:none;border-color:var(--brand)} .gacha-recycle-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600} .gacha-recycle-switch input{position:absolute;opacity:0;width:0;height:0} .gacha-recycle-slider{position:relative;width:40px;height:22px;flex:0 0 40px;background:var(--line);border-radius:22px;transition:all .2s ease} .gacha-recycle-slider:before{content:'';position:absolute;left:2px;top:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease} .gacha-recycle-switch input:checked + .gacha-recycle-slider{background:var(--danger)} .gacha-recycle-switch input:checked + .gacha-recycle-slider:before{left:20px} .gacha-recycle-switch-label{user-select:none} /* ====== 称号熔炼 ====== */ .gacha-smelt-top{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 16px 14px;align-items:stretch} .gacha-smelt-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .gacha-smelt-recipe-card{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);text-align:center} .gacha-smelt-recipe-title{font-size:var(--font-size-md);font-weight:700;color:var(--text)} .gacha-smelt-recipe-count,.gacha-smelt-recipe-consume{font-size:var(--font-size-xs);color:var(--text-muted)} .gacha-smelt-recipe-active{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 3px rgba(245,158,11,.12)} .gacha-smelt-recipe-ready{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 3px rgba(239,68,68,.12)} .gacha-smelt-recipe-consume span{font-weight:700;color:var(--text)} .gacha-smelt-submit-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 28px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;text-align:center;cursor:pointer;transition:all .15s ease;min-width:140px} .gacha-smelt-submit-card:hover{filter:brightness(1.05);box-shadow:0 4px 14px rgba(239,68,68,.25)} .gacha-smelt-submit-card:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none} .gacha-smelt-submit-title{font-size:var(--font-size-md);font-weight:700} .gacha-smelt-submit-sub{font-size:var(--font-size-xs);opacity:.95} /* ====== 管理后台 ====== */ .gacha-settings{max-width:none} .gacha-settings-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:12px} .gacha-settings-block{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)} .gacha-settings-block.is-wide{grid-column:1/-1;width:100%;box-sizing:border-box} .gacha-settings-block-title{color:var(--text);font-size:var(--font-size-xs);font-weight:700} .gacha-settings-block-help{color:var(--text-muted);font-size:var(--font-size-xs)} .gacha-json-textarea{width:100%;min-height:90px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:var(--font-size-sm);line-height:1.5;resize:vertical;box-sizing:border-box} .gacha-settings-field{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)} .gacha-settings-field-title{color:var(--text);font-size:var(--font-size-xs);font-weight:700} .gacha-settings-field .grid{display:grid;align-content:start;gap:5px;min-width:0} .gacha-settings-field input:not([type=checkbox]),.gacha-settings-field select{width:100%;max-width:none} .gacha-settings-field input[type=checkbox]{width:38px;max-width:38px;height:22px} .gacha-settings-actions{display:flex;gap:8px;margin-top:14px} .gacha-settings .gacha-settings-actions button{margin:0} .gacha-admin-form{max-width:400px} .gacha-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px} .gacha-modal-actions .button{min-height:36px;padding:0 18px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .12s ease} .gacha-modal-actions .button:hover{border-color:var(--brand-soft);color:var(--brand)} .gacha-modal-actions #gachaModalSubmit{min-height:36px;padding:0 20px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .12s ease} .gacha-modal-actions #gachaModalSubmit:hover{background:var(--brand-hover);border-color:var(--brand-hover)} .gacha-modal-actions #gachaGiftSubmit,.gacha-modal-actions #gachaAdminGiftSubmit{min-height:36px;padding:0 20px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer} .gacha-gift-title{margin-bottom:12px;color:var(--text-muted);font-size:var(--font-size-sm)} .gacha-gift-title strong{color:var(--text)} .gacha-prob-custom{background:var(--danger-soft);color:var(--danger);font-weight:700} .gacha-prob-disclosure-toggles{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:4px} .gacha-prob-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text);font-size:var(--font-size-sm)} .gacha-prob-toggle input{margin:0} /* ====== UR 合成 ====== */ .gacha-ur-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px 16px} .gacha-ur-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .gacha-ur-card.is-owned{opacity:.75} .gacha-ur-top{display:flex;align-items:center;gap:12px;justify-content:space-between} .gacha-ur-target{flex:0 0 auto} .gacha-ur-target .gacha-title-badge{padding:4px 10px;font-size:var(--font-size-sm);gap:5px;border-color:var(--gacha-color);border-radius:8px} .gacha-ur-target .gacha-title-name{font-weight:700} .gacha-ur-title{flex:1 1 auto;text-align:right;font-size:var(--font-size-lg);font-weight:800;color:var(--text)} .gacha-ur-reqs{display:flex;flex-wrap:wrap;gap:8px} .gacha-ur-req{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:#fff0f0;border:1px solid #fecaca;color:#ef4444;font-size:var(--font-size-xs)} .gacha-ur-req.is-met{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280} .gacha-ur-card form{margin-top:auto;width:100%} .gacha-ur-submit{width:100%;min-height:46px;padding:0;border:none;border-radius:var(--radius);background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .15s ease} .gacha-ur-submit:hover{filter:brightness(1.05);box-shadow:0 4px 14px rgba(236,72,153,.25)} .gacha-ur-submit:disabled{background:#6b7280;color:#fff;cursor:not-allowed;filter:none;box-shadow:none} .gacha-recipe-rows{display:flex;flex-direction:column;gap:10px;margin:10px 0} .gacha-recipe-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:end} .gacha-recipe-form{max-width:760px} .gacha-recipe-form-card{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)} .gacha-recipe-form-header{display:flex;align-items:flex-start;gap:20px;justify-content:space-between} .gacha-recipe-form-fields{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px} .gacha-recipe-form-fields .grid{margin:0} .gacha-recipe-form-fields input,.gacha-recipe-form-fields select{width:100%;max-width:none;box-sizing:border-box} .gacha-recipe-form-meta{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end} .gacha-recipe-form-meta .grid{margin:0} .gacha-recipe-form-meta input[type=checkbox]{width:38px;height:22px} .gacha-recipe-form-preview{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:140px;min-height:90px;padding:16px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel)} .gacha-recipe-preview-placeholder{color:var(--text-muted);font-size:var(--font-size-xs);text-align:center} .gacha-recipe-form-body{padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .gacha-recipe-form-section-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text);margin-bottom:6px} .gacha-recipe-form-actions{display:flex;gap:10px;justify-content:flex-start} .admin-table .gacha-title-badge{font-size:12px} /* ====== 称号交易 ====== */ .gacha-trade-shell{padding:0 16px 16px} .gacha-trade-tabs{display:flex;gap:8px;padding:10px 0 14px;border-bottom:1px solid var(--line-soft);margin-bottom:16px} .gacha-trade-tabs a{padding:6px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;text-decoration:none} .gacha-trade-tabs a.active{background:var(--bg);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.05)} .gacha-trade-notice{margin:0 0 16px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm)} .gacha-trade-filter{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch;margin:0 0 16px} .gacha-trade-filter input,.gacha-trade-filter select{flex:1;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:var(--font-size-sm);box-sizing:border-box} .gacha-trade-filter input{min-width:160px} .gacha-trade-filter input::placeholder{color:#94a3b8} .gacha-trade-filter-btn{padding:0 16px;min-height:36px;border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap} .gacha-trade-filter-reset{display:flex;align-items:center;padding:0 16px;min-height:36px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;white-space:nowrap} .gacha-trade-filter-reset:hover{background:#f8fafc;color:var(--text)} .gacha-trade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px} .gacha-trade-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .gacha-trade-card-top{display:flex;justify-content:center} .gacha-trade-card-info{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:var(--font-size-sm);text-align:center} .gacha-trade-card-info strong{color:var(--text);font-weight:700} .gacha-trade-buy-form{display:flex;gap:8px;margin-top:auto} .gacha-trade-buy-form input{flex:1;min-width:0;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);text-align:center} .gacha-trade-buy-btn{flex:1;min-height:36px;padding:0 12px;border:1px solid #334155;border-radius:var(--radius-sm);background:#334155;color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer} .gacha-trade-buy-btn:hover{background:#1e293b} .gacha-trade-section{margin-bottom:16px;padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)} .gacha-trade-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} .gacha-trade-section-head strong{font-size:var(--font-size-lg);color:var(--text)} .gacha-trade-section-head span{color:var(--text-muted);font-size:var(--font-size-sm)} .gacha-trade-publish-form{display:flex;flex-direction:column;gap:12px} .gacha-trade-publish-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:12px;align-items:end} .gacha-trade-publish-row label{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-xs);color:var(--text-muted)} .gacha-trade-publish-row input,.gacha-trade-publish-row select{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:var(--font-size-sm);box-sizing:border-box} .gacha-trade-publish-row input:disabled,.gacha-trade-publish-row select:disabled{color:var(--text-muted);background:#f1f5f9;cursor:not-allowed} .gacha-trade-publish-help{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:-4px} .gacha-trade-publish-btn{width:100%;min-height:40px;padding:0 28px;border:none;border-radius:var(--radius-sm);background:#334155;color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer;box-sizing:border-box} .gacha-trade-publish-btn:hover{background:#1e293b} .gacha-trade-publish-btn:disabled{background:#94a3b8;color:#fff;cursor:not-allowed} .gacha-trade-my-list{display:flex;flex-direction:column;gap:10px} .gacha-trade-my-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .gacha-trade-my-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px} .gacha-trade-my-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .gacha-trade-order-no{color:var(--text-muted);font-size:var(--font-size-xs)} .gacha-trade-time{color:var(--text-muted);font-size:var(--font-size-xs)} .gacha-trade-my-info{display:flex;gap:24px;align-items:center;color:var(--text);font-size:var(--font-size-sm)} .gacha-trade-my-info strong{font-weight:700} .gacha-trade-my-status{min-width:40px;text-align:center;font-size:var(--font-size-sm);font-weight:700;color:var(--text)} .gacha-trade-my-status.active{color:#334155} .gacha-trade-my-status.sold,.gacha-trade-my-status.cancelled,.gacha-trade-my-status.expired{color:var(--text-muted)} .gacha-trade-cancel-form{margin-left:auto} .gacha-trade-cancel-btn{min-height:32px;padding:0 18px;border:none;border-radius:var(--radius-sm);background:#ef4444;color:#fff;font-size:var(--font-size-xs);font-weight:600;cursor:pointer} .gacha-trade-cancel-btn:hover{background:#dc2626} .gacha-trade-history-list{display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:var(--radius);background:#fff;overflow:hidden} .gacha-trade-history-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line-soft);background:#fff} .gacha-trade-history-item:last-child{border-bottom:none} .gacha-trade-history-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px} .gacha-trade-history-title{display:flex;align-items:center} .gacha-trade-history-meta{color:var(--text-muted);font-size:var(--font-size-xs)} .gacha-trade-history-info{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;min-width:100px;color:var(--text);font-size:var(--font-size-sm)} .gacha-trade-history-info strong{font-weight:700} .gacha-trade-history-points{flex:0 0 auto;margin-left:auto;font-weight:700;font-size:var(--font-size-md)} .gacha-trade-points-out{color:var(--danger)} .gacha-trade-points-in{color:#166534} .gacha-trade-pagination{display:flex;gap:8px;justify-content:center;margin-top:16px} .gacha-trade-pagination a{padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-sm);text-decoration:none} .gacha-trade-pagination a.active{background:var(--brand);color:#fff;border-color:var(--brand)} /* ====== 个人主页称号 Tab ====== */ .post-list > .empty-state:first-child:last-child{display:none} /* ====== 称号时效 ====== */ .gacha-result-duration{margin-top:14px;padding:6px 14px;border-radius:20px;background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-sm)} .gacha-expired-label{color:var(--danger);font-size:var(--font-size-xs);font-weight:600} .gacha-pull-10-expiry{margin-top:2px;font-size:9px;color:var(--text-subtle)} /* ====== 喜报（参考游戏中心样式） ====== */ .gacha-good-news{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg);overflow:hidden} .gacha-good-news-label{flex:0 0 auto;padding:2px 8px;border-radius:4px;background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap} .gacha-good-news-viewport{flex:1;overflow:hidden;min-width:0} .gacha-good-news-track{display:flex;gap:48px;width:max-content;animation:gacha-news-scroll 40s linear infinite} .gacha-good-news:hover .gacha-good-news-track{animation-play-state:paused} .gacha-good-news-item{display:inline-flex;align-items:center;gap:0;font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap} .gacha-good-news-item b{color:var(--text);font-weight:600} .gacha-good-news-item em{font-style:normal;color:var(--danger);font-weight:600} @keyframes gacha-news-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} /* ====== 横幅广告 ====== */ .gacha-profile-toolbar{padding:10px 16px 0} .gacha-banner{display:flex;flex-direction:row;align-items:center;gap:0;padding:0 14px;height:70px;border:1px solid rgba(251,191,36,.35);border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff7ed,#fef3c7 50%,#fde68a);box-shadow:0 2px 10px rgba(251,191,36,.12);text-decoration:none;transition:all .2s ease;cursor:pointer;box-sizing:border-box} .gacha-banner-icon{flex:0 0 auto;font-size:28px;line-height:1;margin-right:12px} .gacha-banner .gacha-profile-info{flex:1 1 auto;min-width:0;align-items:flex-start;gap:2px;width:auto} .gacha-banner-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text)} .gacha-banner-sub{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .gacha-banner .gacha-profile-action{flex:0 0 auto;margin-left:12px} .gacha-banner-cta{display:inline-block;padding:5px 18px;border:1px solid var(--brand);border-radius:20px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;transition:all .12s ease} .gacha-banner:hover .gacha-banner-cta{background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 2px 8px rgba(37,99,235,.2)} .home-shell.gacha-shell{padding:12px} .home-shell.gacha-shell .gacha-header-card{margin:0 0 12px;padding:18px 16px} .home-shell.gacha-shell .gacha-tabs{margin:0 0 14px;padding:6px 16px} .home-shell.gacha-shell .gacha-actions{padding:10px 16px 4px} .home-shell.gacha-shell .gacha-good-news{margin:0 0 12px} .home-shell.gacha-shell .gacha-pool-section{padding:0 16px 16px} .home-shell.gacha-shell .gacha-all-titles{padding:0 16px 16px} .home-shell.gacha-shell .gacha-section-head{margin:0 0 10px;padding:0 16px} .home-shell.gacha-shell .gacha-profile-grid{padding:0 16px 16px} .home-shell.gacha-shell .gacha-recycle-top{margin:0 0 14px} .home-shell.gacha-shell .gacha-recycle-selectbar{margin:0 0 10px;padding:0 16px} .home-shell.gacha-shell .gacha-smelt-top{margin:0 0 14px} .home-shell.gacha-shell .gacha-placeholder{padding:40px 16px} .home-shell.gacha-shell .gacha-ur-list{padding:0 16px 16px} /* ====== 响应式 ====== */ @media(max-width:600px){ .home-shell.gacha-shell{padding:8px} .home-shell.gacha-shell .gacha-header-card{margin:0 0 12px;padding:18px 12px} .home-shell.gacha-shell .gacha-tabs{margin:0 0 14px;padding:6px 12px} .home-shell.gacha-shell .gacha-actions{padding:10px 12px 4px} .home-shell.gacha-shell .gacha-good-news{margin:0 0 12px} .home-shell.gacha-shell .gacha-pool-section{padding:0 12px 16px} .home-shell.gacha-shell .gacha-all-titles{padding:0 12px 16px} .home-shell.gacha-shell .gacha-section-head{margin:0 0 10px;padding:0 12px} .home-shell.gacha-shell .gacha-profile-grid{padding:0 12px 16px} .home-shell.gacha-shell .gacha-recycle-top{margin:0 0 14px} .home-shell.gacha-shell .gacha-recycle-selectbar{margin:0 0 10px;padding:0 12px} .home-shell.gacha-shell .gacha-smelt-top{margin:0 0 14px} .home-shell.gacha-shell .gacha-placeholder{padding:40px 12px} .home-shell.gacha-shell .gacha-ur-list{grid-template-columns:1fr;padding:0 12px 16px} .gacha-recipe-row{grid-template-columns:1fr} .gacha-recipe-form-header{flex-direction:column;align-items:stretch} .gacha-recipe-form-preview{width:100%;min-height:auto;box-sizing:border-box} .gacha-recipe-form-actions{flex-direction:column;align-items:stretch} .gacha-recipe-form-actions .button,.gacha-recipe-form-actions button{width:100%;box-sizing:border-box;text-align:center} .gacha-trade-filter{flex-wrap:wrap} .gacha-trade-filter input,.gacha-trade-filter select,.gacha-trade-filter-btn,.gacha-trade-filter-reset{flex:1 1 45%} .gacha-trade-publish-row{grid-template-columns:1fr} .gacha-trade-grid{grid-template-columns:1fr} .gacha-trade-history-item,.gacha-trade-my-item{flex-direction:column;align-items:flex-start} .gacha-trade-history-info{width:100%;flex-direction:row;gap:24px;margin-top:4px} .gacha-trade-history-points{margin-left:0;width:100%} .gacha-trade-my-left,.gacha-trade-my-info{width:100%} .gacha-trade-my-info{justify-content:space-between} .gacha-trade-cancel-form{margin-left:0} .gacha-header-card{flex-direction:column;align-items:flex-start;gap:10px} .gacha-header-card-badge{width:100%} .gacha-header-card-badge span{display:block;text-align:center;width:100%;box-sizing:border-box} .gacha-actions{flex-direction:column;align-items:stretch;gap:8px} .gacha-actions form{display:block} .gacha-pull-btn{width:100%;box-sizing:border-box} .gacha-pool-grid{grid-template-columns:repeat(2,1fr)} .gacha-all-grid{grid-template-columns:1fr} .gacha-profile-grid{grid-template-columns:1fr} .gacha-recycle-top{grid-template-columns:1fr} .gacha-recycle-submit-card{min-width:0;width:100%;box-sizing:border-box} .gacha-smelt-top{grid-template-columns:1fr} .gacha-smelt-recipes{grid-template-columns:1fr} .gacha-smelt-submit-card{min-width:0;width:100%;box-sizing:border-box} .gacha-pull-multi-grid.is-100{grid-template-columns:repeat(5,1fr)} .gacha-tabs a{padding:8px 10px;font-size:var(--font-size-xs)} } @media(max-width:720px){ .gacha-settings-fields{grid-template-columns:1fr} } /* home_portal */ /* 门户主区域 */ .home-portal-main{display:flex;flex-direction:column;gap:18px} .home-portal-sections{display:grid;gap:14px} .home-portal-charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px} .home-portal-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden} .home-portal-chart{min-width:0} .home-portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-soft)} .home-portal-section-title{margin:0;padding-left:10px;border-left:4px solid var(--brand);font-size:var(--font-size-lg);font-weight:700;color:var(--text);line-height:1.4} .home-portal-section-tools{display:flex;align-items:center;gap:12px} .home-portal-section-more{flex:0 0 auto;font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none} .home-portal-section-more:hover{color:var(--brand)} .home-portal-pref-toggle{color:var(--brand);font-weight:600} .home-portal-list{list-style:none;margin:0;padding:0} .home-portal-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-md)} .home-portal-row:last-child{border-bottom:0} .home-portal-row:hover{background:var(--brand-soft)} .home-portal-row-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto} .home-portal-row-forum{flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 7px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);text-decoration:none} .home-portal-row-forum:hover{background:var(--brand);color:#fff} .home-portal-row-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--font-size-md);text-decoration:none} .home-portal-w-bold .home-portal-row-title{font-weight:600} .home-portal-w-medium .home-portal-row-title{font-weight:500} .home-portal-w-normal .home-portal-row-title{font-weight:400} .home-portal-row:hover .home-portal-row-title{color:var(--brand)} .home-portal-row-author{display:inline-flex;align-items:center;gap:4px} .home-portal-row-user{flex:0 0 auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand);text-decoration:none} .home-portal-row-user:hover{text-decoration:underline} .home-portal-row-avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto} .home-portal-row-avatar .avatar-profile-link{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden} .home-portal-row-avatar .avatar-profile-link img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%} .home-portal-row-meta{flex:0 0 auto;display:flex;align-items:center;gap:10px;font-size:var(--font-size-md);color:var(--text-muted)} .home-portal-row-replies,.home-portal-row-time{display:inline-flex;align-items:center;gap:3px} .home-portal-row-replies .meta-icon,.home-portal-row-time .meta-icon{width:14px;height:14px;color:var(--text-subtle)} .home-portal-empty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:var(--font-size-md)} @media (max-width:720px){ .home-portal-section{margin:0;border-radius:6px} .home-portal-row{padding:8px 10px} .home-portal-charts{grid-template-columns:1fr} } /* 顶部模式切换条 */ .home-portal-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)} .home-portal-topbar-info{display:flex;align-items:center;gap:8px} .home-portal-topbar-info strong{font-size:var(--font-size-md);font-weight:700;color:var(--brand)} .home-portal-topbar-info span{font-size:var(--font-size-xs);color:var(--text-muted)} .home-portal-topbar-action{display:inline-flex;align-items:center;padding:5px 12px;border-radius:6px;background:var(--brand);color:#fff;font-size:var(--font-size-xs);text-decoration:none;white-space:nowrap} .home-portal-topbar-action:hover{background:var(--text-muted);color:#fff} /* 空内容提示 */ .home-portal-row-empty{padding:18px 0;color:var(--text-muted);font-size:var(--font-size-sm);text-align:center} /* 首页偏好弹窗 */ .hp-pref-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)} .hp-pref-box{position:relative;width:min(92%,420px);padding:28px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.18);text-align:center} .hp-pref-close{position:absolute;top:12px;right:16px;font-size:28px;line-height:1;color:var(--text-muted);text-decoration:none;transition:color .15s} .hp-pref-close:hover{color:var(--text)} .hp-pref-box h3{margin:0 0 10px;font-size:var(--font-size-lg);color:var(--text)} .hp-pref-box p{margin:0 0 20px;color:var(--text-subtle);line-height:1.6} .hp-pref-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:14px} .hp-pref-actions .btn{display:block;padding:12px 16px;border-radius:8px;font-size:var(--font-size-md);font-weight:600;text-decoration:none;transition:opacity .15s} .hp-pref-portal{background:var(--brand);color:#fff} .hp-pref-classic{background:var(--brand-soft);color:var(--brand)} .hp-pref-actions .btn:hover{opacity:.9} .hp-pref-tip{font-size:var(--font-size-xs);color:var(--text-muted)} /* 后台设置页 */ .home-portal-settings-page{--hp-fs-sm:12px;--hp-fs-md:13px;--hp-fs-lg:14px} .home-portal-settings-page .form-panel + .form-panel{margin-top:20px} .home-portal-settings-page .form-panel{padding:22px 24px} .home-portal-settings-head{margin-bottom:16px} .home-portal-settings-head strong{display:block;font-size:var(--hp-fs-lg);color:#212a33} .home-portal-settings-head span{display:block;margin-top:6px;font-size:var(--hp-fs-sm);line-height:1.7;color:#5a6b7b} .home-portal-option-row{margin-bottom:14px} .home-portal-number-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px} .home-portal-number-row label{display:flex;align-items:center;gap:8px;font-size:var(--hp-fs-md);font-weight:600;color:#5a6b7b} .home-portal-number-row input{width:80px;padding:6px 9px;border:1px solid #d9e0e8;border-radius:6px;font-size:var(--hp-fs-md);background:#fff;color:#212a33} .home-portal-groups-head{margin:24px 0 14px} .home-portal-groups-head strong{display:block;font-size:var(--hp-fs-lg);color:#212a33} .home-portal-groups-head span{display:block;margin-top:6px;font-size:var(--hp-fs-sm);line-height:1.7;color:#5a6b7b} .home-portal-group-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:16px;padding:16px;background:#f7f9fb;border:1px solid #d9e0e8;border-radius:8px} .home-portal-block-editor-wrap{margin-bottom:4px} .home-portal-group-del{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;margin-top:4px} .home-portal-group-del button{border:0;background:#fdecec;color:#c0392b;font-size:var(--hp-fs-sm);padding:6px 16px;border-radius:6px;cursor:pointer;white-space:nowrap} .home-portal-group-del button:hover{background:#f5c6c6} .home-portal-add-row-wrap{margin:-4px 0 0} .home-portal-add-row{display:block;width:100%;border:1px dashed #b6c2cf;background:#fff;color:#3a7bd5;font-size:var(--hp-fs-md);padding:9px 16px;border-radius:8px;cursor:pointer;text-align:center;box-sizing:border-box} .home-portal-add-row:hover{background:#f0f6ff;border-color:#3a7bd5} .hp-row-template[hidden]{display:none} .home-portal-group-field label{display:block;margin-bottom:6px;font-size:var(--hp-fs-sm);font-weight:600;color:#5a6b7b} .home-portal-group-field input[type="text"],.home-portal-group-field input[type="number"],.home-portal-group-field select{width:100%;padding:7px 10px;border:1px solid #d9e0e8;border-radius:6px;font-size:var(--hp-fs-md);background:#fff;color:#212a33;box-sizing:border-box} .home-portal-group-field select[multiple]{height:auto;padding:6px} .home-portal-time-wrap{display:flex;gap:8px;align-items:center} .home-portal-time-wrap select{flex:1 1 auto} .home-portal-time-wrap input[type="number"]{flex:0 0 80px} .home-portal-wide-field{grid-column:1 / -1} .home-portal-check-field{display:flex;align-items:flex-end;padding-bottom:8px} .home-portal-inline-check{display:inline-flex;align-items:center;gap:6px;font-size:var(--hp-fs-sm);color:#212a33;cursor:pointer} .home-portal-inline-check input{width:15px;height:15px;margin:0;cursor:pointer} .home-portal-side-check{display:inline-flex;align-items:center;gap:6px;font-size:var(--hp-fs-md);color:#212a33;cursor:pointer} .home-portal-side-check input{width:15px;height:15px;margin:0;cursor:pointer} .home-portal-side-check select{padding:6px 8px;border:1px solid #d9e0e8;border-radius:6px;font-size:var(--hp-fs-md);background:#fff;color:#212a33;cursor:pointer} .home-portal-settings-page .form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} .home-portal-settings-page .form-actions button{margin:0} @media (max-width:720px){.home-portal-group-row{grid-template-columns:1fr;gap:12px;padding:14px}} /* image_lightbox */ .post-content .image-lightbox-clickable{max-height:min(75vh,720px);object-fit:contain;object-position:left top}.image-lightbox-clickable{cursor:zoom-in}.image-lightbox-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:var(--backdrop);cursor:zoom-out}.image-lightbox-overlay[hidden]{display:none}.image-lightbox-dialog{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(96vw,1400px);height:92vh;cursor:default}.image-lightbox-stage{position:relative;min-height:0;overflow:hidden;border-radius:8px;contain:paint}.image-lightbox-image{position:absolute;top:50%;left:50%;display:block;max-width:100%;max-height:100%;border-radius:8px;background:var(--panel);box-shadow:0 12px 36px var(--shadow-medium);object-fit:contain;transform:translate3d(-50%,-50%,0) translate3d(var(--image-lightbox-pan-x,0px),var(--image-lightbox-pan-y,0px),0) scale(var(--image-lightbox-scale,1));transform-origin:center;transition:transform .12s ease-out;will-change:transform;touch-action:none;user-select:none}.image-lightbox-image.image-lightbox-zoomed{cursor:grab}.image-lightbox-image.image-lightbox-dragging{cursor:grabbing;transition:none}.image-lightbox-close,.image-lightbox-nav,.image-lightbox-reset{position:absolute;z-index:1;display:grid;padding:0;place-items:center;border:1px solid var(--inverse-border);border-radius:50%;background:var(--inverse);color:var(--inverse-text);line-height:1;cursor:pointer}.image-lightbox-close{top:8px;right:8px;width:34px;min-width:34px;height:34px;min-height:34px;font-size:var(--font-size-xl)}.image-lightbox-reset{top:8px;right:50px;width:34px;min-width:34px;height:34px;min-height:34px;font-size:20px}.image-lightbox-nav{top:50%;width:44px;min-width:44px;height:44px;min-height:44px;font-size:32px;transform:translateY(-50%)}.image-lightbox-nav[hidden],.image-lightbox-reset[hidden]{display:none}.image-lightbox-prev{left:12px}.image-lightbox-next{right:12px}.image-lightbox-caption{max-width:min(90vw,900px);justify-self:center;margin:10px 0 0;padding:6px 10px;border-radius:6px;background:var(--inverse);color:var(--inverse-text);font-size:var(--font-size-sm);text-align:center;overflow-wrap:anywhere;pointer-events:none}@media(max-width:720px){.image-lightbox-overlay{padding:10px}.image-lightbox-dialog{width:96vw;height:88vh}.image-lightbox-prev{left:6px}.image-lightbox-next{right:6px}.image-lightbox-caption{margin-top:6px}.image-lightbox-reset{right:48px}} /* infinite-scroll */ .infinite-scroll-loader { text-align: center; padding: 20px; color: var(--text-muted); } .infinite-scroll-loader .spinner { display: inline-block; width: 24px; height: 24px; border: 3px solid var(--line-soft); border-top-color: var(--brand); border-radius: 50%; animation: infinite-scroll-spin 0.8s linear infinite; } .infinite-scroll-end { text-align: center; padding: 20px; color: var(--text-disabled); } .infinite-scroll-error { text-align: center; padding: 10px 20px; color: var(--danger); cursor: pointer; } .infinite-scroll-error:hover { text-decoration: underline; } .infinite-scroll-trigger { text-align: center; padding: 12px; } .infinite-scroll-trigger button { padding: 8px 24px; border: 1px solid var(--brand); border-radius: 6px; background: var(--bg); color: var(--brand); cursor: pointer; font-size: var(--font-size-sm); } .infinite-scroll-trigger button:hover { background: var(--brand-soft); } .infinite-scroll-trigger button:disabled { opacity: 0.6; cursor: not-allowed; } @keyframes infinite-scroll-spin { to { transform: rotate(360deg); } } /* keyword_moderation */ .keyword-review-card{border-color:var(--brand-soft);background:linear-gradient(180deg,var(--success-soft) 0,var(--panel) 100%)}.keyword-review-wrap{display:grid;gap:10px;padding:12px}.keyword-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.keyword-review-title{color:var(--text);font-size:13px;font-weight:700}.keyword-review-sub{margin-top:3px;color:var(--text-muted);font-size:11px}.keyword-review-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--brand);color:var(--inverse-text);font-size:12px}.keyword-review-action{display:flex;align-items:center;justify-content:center;min-height:31px;padding:0 10px;border-radius:var(--radius-sm,4px);background:var(--brand);color:var(--inverse-text);font-size:12px;font-weight:700}.keyword-review-action:hover{background:var(--brand-hover);color:var(--inverse-text)}.keyword-author-card{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--bg);color:var(--text-muted);font-size:12px}.keyword-author-card strong{color:var(--text)}.keyword-author-card a{color:var(--brand);overflow-wrap:anywhere}.keyword-defaults-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--bg)}.keyword-defaults-action>div{display:grid;gap:3px;min-width:0}.keyword-defaults-action strong{color:var(--text);font-size:13px}.keyword-defaults-action span{color:var(--text-muted);font-size:12px;line-height:1.4}.keyword-defaults-action form{flex:0 0 auto}.keyword-defaults-action button{white-space:nowrap}@media(max-width:640px){.keyword-author-card{align-items:flex-start;flex-direction:column;gap:3px}.keyword-defaults-action{align-items:stretch;flex-direction:column}.keyword-defaults-action button{width:100%}} /* leaderboard */ .leaderboard-header{padding:20px 20px 14px} .leaderboard-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text);line-height:1.3} .leaderboard-subtitle{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--text-subtle)} .leaderboard-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;margin:0 20px 16px;background:var(--bg);border:1px solid var(--line-soft);border-radius:10px} .leaderboard-tab{padding:7px 16px;border-radius:7px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:all .2s ease;white-space:nowrap} .leaderboard-tab:hover{color:var(--brand)} .leaderboard-tab.active{background:var(--brand);color:var(--inverse-text);box-shadow:var(--shadow-base)} .leaderboard-podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;padding:0 20px 20px} .leaderboard-podium-col{display:flex;flex-direction:column;align-items:center;flex:0 1 200px;min-width:0;text-decoration:none} .leaderboard-podium-col-1{flex-basis:220px} .leaderboard-podium-col-2{flex-basis:190px} .leaderboard-podium-col-3{flex-basis:170px} .leaderboard-podium-profile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 12px;border-radius:16px 16px 0 0;width:100%;text-decoration:none;transition:all .2s ease;position:relative} .leaderboard-podium-col-1 .leaderboard-podium-profile{background:linear-gradient(180deg,#fffbeb,#fef3c7);padding-top:24px} .leaderboard-podium-col-2 .leaderboard-podium-profile{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding-top:16px} .leaderboard-podium-col-3 .leaderboard-podium-profile{background:linear-gradient(180deg,#fff7ed,#fed7aa);padding-top:12px} .leaderboard-podium-profile:hover{filter:brightness(.97)} .leaderboard-podium-avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid var(--line);display:block} .leaderboard-podium-col-1 .leaderboard-podium-avatar{border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.2);flex:0 0 64px;width:64px;height:64px} .leaderboard-podium-col-2 .leaderboard-podium-avatar{border-color:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.2);flex:0 0 52px;width:52px;height:52px} .leaderboard-podium-col-3 .leaderboard-podium-avatar{border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.15);flex:0 0 48px;width:48px;height:48px} .leaderboard-podium-avatar .avatar-img{width:100%;height:100%} .leaderboard-podium-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;text-align:center} .leaderboard-podium-col-1 .leaderboard-podium-name{font-size:var(--font-size-lg);color:#92400e} .leaderboard-podium-col-2 .leaderboard-podium-name{color:#334155} .leaderboard-podium-col-3 .leaderboard-podium-name{color:#78350f} .leaderboard-podium-group{color:var(--text-subtle);font-size:10px;line-height:1.2;display:block;text-align:center} .leaderboard-podium-count{font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;line-height:1;padding:5px 14px;border-radius:999px;display:inline-block} .leaderboard-podium-col-1 .leaderboard-podium-count{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.35);font-size:var(--font-size-md)} .leaderboard-podium-col-2 .leaderboard-podium-count{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px rgba(100,116,139,.25)} .leaderboard-podium-col-3 .leaderboard-podium-count{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 2px 8px rgba(180,83,9,.25)} .leaderboard-podium-step{display:flex;align-items:center;justify-content:center;width:100%;font-size:var(--font-size-sm);font-weight:800;color:rgba(255,255,255,.8)} .leaderboard-podium-col-1 .leaderboard-podium-step{height:60px;background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:var(--font-size-lg)} .leaderboard-podium-col-2 .leaderboard-podium-step{height:44px;background:linear-gradient(135deg,#94a3b8,#64748b)} .leaderboard-podium-col-3 .leaderboard-podium-step{height:32px;background:linear-gradient(135deg,#d97706,#b45309)} .leaderboard-list{display:grid;gap:6px;padding:0 20px 20px} .leaderboard-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid transparent;border-radius:10px;background:var(--bg);text-decoration:none;transition:all .2s ease} .leaderboard-item:hover{background:var(--panel);border-color:var(--brand-soft);box-shadow:var(--shadow-medium)} .leaderboard-rank-badge{flex:0 0 auto;min-width:30px;height:30px;padding:0 8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;line-height:1;transition:all .2s ease} .leaderboard-rank-1{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.35)} .leaderboard-rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px rgba(100,116,139,.25)} .leaderboard-rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 2px 8px rgba(180,83,9,.25)} .leaderboard-rank-other{background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs)} .leaderboard-self-item .leaderboard-rank-badge:not(.leaderboard-rank-1):not(.leaderboard-rank-2):not(.leaderboard-rank-3){background:var(--brand);color:var(--inverse-text)} .leaderboard-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden} .leaderboard-avatar .avatar-img{width:36px;height:36px} .leaderboard-body{min-width:0;flex:1;display:grid;gap:2px} .leaderboard-name{font-size:var(--font-size-md);font-weight:600;color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .leaderboard-item:hover .leaderboard-name{color:var(--brand)} .leaderboard-group{color:var(--text-subtle);font-size:10px;line-height:1.3} .leaderboard-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;line-height:1;min-height:32px;background:var(--brand-soft);color:var(--brand)} .leaderboard-empty{padding:40px 20px;text-align:center;color:var(--text-subtle);font-size:var(--font-size-sm)} .leaderboard-card .leaderboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px} .leaderboard-card .leaderboard-card-more{color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap;text-decoration:none} .leaderboard-card .leaderboard-card-more:hover{color:var(--brand)} .leaderboard-card .leaderboard-card-list .leaderboard-item{padding:6px 0;border:0;border-radius:0;background:transparent;gap:8px;min-height:44px} .leaderboard-card .leaderboard-card-list .leaderboard-item:before{display:none} .leaderboard-card .leaderboard-card-list .leaderboard-item:hover{background:transparent} .leaderboard-card .leaderboard-card-list .leaderboard-rank-badge{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:5px;font-size:11px} .leaderboard-card .leaderboard-card-list .leaderboard-rank-1,.leaderboard-card .leaderboard-card-list .leaderboard-rank-2,.leaderboard-card .leaderboard-card-list .leaderboard-rank-3{background:var(--brand-soft);color:var(--brand);box-shadow:none} .leaderboard-card .leaderboard-card-list .leaderboard-avatar{flex:0 0 28px;width:28px;height:28px} .leaderboard-card .leaderboard-card-list .leaderboard-avatar .avatar-img{width:28px;height:28px} .leaderboard-card .leaderboard-card-list .leaderboard-name{font-size:var(--font-size-sm)} .leaderboard-card .leaderboard-card-list .leaderboard-count{padding:3px 8px;font-size:11px;min-height:auto;border-radius:5px} .leaderboard-card .leaderboard-card-list .leaderboard-group{display:none} @media(max-width:600px){ .leaderboard-header{padding:14px 14px 12px} .leaderboard-title{font-size:var(--font-size-lg)} .leaderboard-tabs{padding:4px;margin:0 14px 12px} .leaderboard-tab{padding:6px 12px;font-size:12px} .leaderboard-podium{gap:8px;padding:0 10px 14px} .leaderboard-podium-col{flex-basis:1px;flex:1} .leaderboard-podium-col-1 .leaderboard-podium-profile{padding-top:16px} .leaderboard-podium-col-2 .leaderboard-podium-profile{padding-top:10px} .leaderboard-podium-col-3 .leaderboard-podium-profile{padding-top:8px} .leaderboard-podium-avatar{flex:0 0 40px;width:40px;height:40px;border-width:2px} .leaderboard-podium-col-1 .leaderboard-podium-avatar{flex:0 0 48px;width:48px;height:48px;border-width:3px} .leaderboard-podium-col-2 .leaderboard-podium-avatar{flex:0 0 38px;width:38px;height:38px} .leaderboard-podium-col-3 .leaderboard-podium-avatar{flex:0 0 34px;width:34px;height:34px} .leaderboard-podium-name{font-size:12px} .leaderboard-podium-col-1 .leaderboard-podium-name{font-size:var(--font-size-sm)} .leaderboard-podium-count{font-size:11px;padding:3px 10px} .leaderboard-podium-col-1 .leaderboard-podium-count{font-size:12px} .leaderboard-podium-col-1 .leaderboard-podium-step{height:44px;font-size:var(--font-size-md)} .leaderboard-podium-col-2 .leaderboard-podium-step{height:34px} .leaderboard-podium-col-3 .leaderboard-podium-step{height:26px} .leaderboard-list{gap:5px;padding:0 10px 16px} .leaderboard-item{padding:10px 12px;gap:10px} .leaderboard-rank-badge{flex:0 0 auto;min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;font-size:12px} .leaderboard-name{font-size:var(--font-size-sm)} .leaderboard-count{padding:5px 10px;font-size:12px;min-height:28px;display:inline-flex;align-items:center;justify-content:center} } /* like_coin */ .like-coin-form{display:inline-flex}.like-coin-form .like-coin-action.active{color:var(--text-muted);opacity:.55}.like-coin-form .like-coin-action.active:hover{color:var(--text-muted);opacity:.55}.like-coin-form .like-coin-action[data-like-coin-self="1"]{cursor:default}.like-coin-icon{width:14px;height:14px;flex:0 0 14px}.like-coin-icon path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.like-coin-action.active .like-coin-icon path{fill:currentColor}.like-coin-gate-unlocked-note{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.45}.like-coin-gate-unlocked-note:before{content:"点赞投币";padding:2px 5px;border:1px solid var(--line-soft);border-radius:3px;background:var(--bg);color:var(--brand);font-size:10px;font-weight:700;line-height:1.25}.like-coin-dialog{display:grid;gap:14px}.like-coin-dialog p{margin:0;color:var(--text);font-size:var(--font-size-lg);line-height:1.65}.like-coin-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.like-coin-option{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-md)}.like-coin-option input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--brand)}.like-coin-option span{min-width:0;overflow-wrap:anywhere}.like-coin-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.like-coin-dialog-actions button{margin:0}.like-coin-likes-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;margin:10px 0}.like-coin-likes-head h1{margin:0;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em;color:var(--text)}.like-coin-likes-total{color:var(--text-subtle);font-size:var(--font-size-sm);font-weight:400}@media(max-width:560px){.like-coin-options{grid-template-columns:1fr}}.like-coin-note-field{display:grid;gap:6px}.like-coin-note-field span{color:var(--text-muted);font-size:var(--font-size-sm)}.like-coin-note-field input,.like-coin-note-field select{width:100%;box-sizing:border-box;margin:0;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--font-size-md);line-height:1.5}.like-coin-note-field input:focus,.like-coin-note-field select:focus{border-color:var(--brand);outline:none}.like-coin-reviews{margin:10px 0;padding:8px 16px;border:1px solid var(--line-soft); border-radius:var(--radius); display:grid;gap:6px}.like-coin-reviews-head{display:flex;align-items:center;gap:6px;color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:600}.like-coin-reviews-count{min-width:16px;padding:0 5px;border-radius:999px;background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xxs);font-weight:700;line-height:16px;text-align:center}.like-coin-review-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.like-coin-review{display:flex;align-items:flex-start;gap:8px;min-width:0}.like-coin-review .avatar-profile-link{flex:0 0 24px;width:24px;height:24px;border-radius:50%;overflow:hidden}.like-coin-review .avatar-img{width:24px;height:24px;max-width:none;object-fit:cover;border-radius:50%}.like-coin-review-main{display:grid;gap:2px;min-width:0}.like-coin-review-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.like-coin-review-name{color:var(--text);font-size:var(--font-size-xs);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.like-coin-review-name:hover{color:var(--brand)}.like-coin-review-time{margin-left:auto;color:var(--text-subtle);font-size:var(--font-size-xxs)}.like-coin-review-score{display:inline-flex;align-items:center;gap:2px;padding:0 6px;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg);color:var(--brand);font-size:var(--font-size-xxs);font-weight:700;line-height:1.5}.like-coin-review-score .like-coin-icon{width:10px;height:10px;flex:0 0 10px}.like-coin-review-score .like-coin-icon path{fill:currentColor}.like-coin-review-score.is-penalty{color:var(--danger)}.like-coin-review-note{min-width:0;color:var(--text);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere}.like-coin-review.is-self .like-coin-review-name{color:var(--brand)}.like-coin-review-self{padding:0 5px;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg);color:var(--brand);font-size:var(--font-size-xxs);font-weight:700;line-height:1.4}.like-coin-admin+.like-coin-admin{margin-top:14px}.like-coin-admin .plugin-panel-body{display:grid;gap:12px}.like-coin-admin-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.like-coin-admin-filter input,.like-coin-admin-filter select{min-height:34px;max-width:220px;padding:5px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.like-coin-admin-filter input:focus-visible,.like-coin-admin-filter select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.like-coin-admin-inline-form{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px;border:1px dashed var(--line-soft);border-radius:var(--radius);background:var(--bg)}.like-coin-admin-field{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)}.like-coin-admin-field input{min-height:34px;padding:5px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.like-coin-admin-field input:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.like-coin-admin-field small{color:var(--text-subtle);font-size:var(--font-size-xxs)}.like-coin-admin-form-actions{flex:0 0 100%}.like-coin-admin-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius)}table.like-coin-admin-table{width:100%;min-width:680px;border-collapse:collapse;font-size:var(--font-size-sm)}.like-coin-admin-table th{padding:9px 12px;background:var(--bg);color:var(--text-subtle);font-size:var(--font-size-xxs);font-weight:700;letter-spacing:.05em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line-soft)}.like-coin-admin-table td{padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}.like-coin-admin-table tbody tr{transition:background var(--transition-normal)}.like-coin-admin-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,transparent)}.like-coin-admin-table tbody tr:last-child td{border-bottom:0}.like-coin-admin-check{width:52px;text-align:center}.like-coin-admin-user{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.like-coin-admin-user .avatar-profile-link{flex:0 0 22px;width:22px;height:22px;border-radius:50%;overflow:hidden;display:inline-block}.like-coin-admin-user .avatar-img{width:22px;height:22px;max-width:none;object-fit:cover;border-radius:50%}.like-coin-admin-user a{color:var(--text);font-weight:600;text-decoration:none}.like-coin-admin-user a:hover{color:var(--brand)}.like-coin-admin-deleted{color:var(--text-disabled)}.like-coin-admin-time{white-space:nowrap}.like-coin-admin-time span{display:block;color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.like-coin-admin-time small{display:block;color:var(--text-subtle);font-size:var(--font-size-xxs)}.like-coin-admin-badge,.like-coin-admin-state{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:var(--font-size-xxs);font-weight:700;line-height:1.6;white-space:nowrap;background:var(--line-soft);color:var(--text-muted)}.like-coin-admin-badge.is-coin{background:var(--warning-soft);color:var(--warning)}.like-coin-admin-badge.is-penalty{background:var(--danger-soft);color:var(--danger)}.like-coin-admin-badge.is-like{background:var(--brand-soft);color:var(--brand)}.like-coin-admin-state.is-permanent,.like-coin-admin-state.is-active{background:var(--danger-soft);color:var(--danger)}.like-coin-admin-state.is-expired{background:var(--line-soft);color:var(--text-subtle)}.like-coin-admin-note{min-width:180px;max-width:380px}.like-coin-admin-note-text{color:var(--text);line-height:1.55;overflow-wrap:anywhere}.like-coin-admin-muted{color:var(--text-disabled);font-size:var(--font-size-xxs);margin-left:4px}.like-coin-admin-place{display:flex;flex-direction:column;gap:3px;min-width:0}.like-coin-admin-target{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);text-decoration:none}.like-coin-admin-target:hover{color:var(--brand)}.like-coin-admin-floor{align-self:flex-start;padding:1px 7px;border-radius:999px;background:var(--bg);border:1px solid var(--line-soft);color:var(--text-subtle);font-size:var(--font-size-xxs);white-space:nowrap}.like-coin-admin-actions{white-space:nowrap}.like-coin-admin-batch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-soft)}.like-coin-admin-batch .like-coin-admin-muted{margin-left:0;font-size:var(--font-size-xs)}.like-coin-admin-empty{padding:26px;text-align:center;color:var(--text-subtle);font-size:var(--font-size-sm);border:1px dashed var(--line-soft);border-radius:var(--radius);background:var(--bg)}.like-coin-admin .plugin-settings-form .grid>input[type=checkbox],.like-coin-admin .forum-group-checks input[type=checkbox],.like-coin-admin .like-coin-admin-table input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:24px;margin:0;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal);vertical-align:middle}.like-coin-admin .plugin-settings-form .grid>input[type=checkbox]::after,.like-coin-admin .forum-group-checks input[type=checkbox]::after,.like-coin-admin .like-coin-admin-table input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-disabled);transition:transform var(--transition-normal),background var(--transition-normal)}.like-coin-admin .plugin-settings-form .grid>input[type=checkbox]:checked,.like-coin-admin .forum-group-checks input[type=checkbox]:checked,.like-coin-admin .like-coin-admin-table input[type=checkbox]:checked{background:var(--brand);border-color:var(--brand)}.like-coin-admin .plugin-settings-form .grid>input[type=checkbox]:checked::after,.like-coin-admin .forum-group-checks input[type=checkbox]:checked::after,.like-coin-admin .like-coin-admin-table input[type=checkbox]:checked::after{transform:translateX(20px);background:var(--inverse-text)}.like-coin-admin .plugin-settings-form .grid>input[type=checkbox]:focus-visible,.like-coin-admin .forum-group-checks input[type=checkbox]:focus-visible,.like-coin-admin .like-coin-admin-table input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-soft)}@media(max-width:720px){.like-coin-admin-filter input,.like-coin-admin-filter select{flex:1 1 46%;max-width:none}.like-coin-admin-field{flex:1 1 100%}.like-coin-admin-note{max-width:240px}.like-coin-admin-target{max-width:160px}}@media(max-width:640px){.like-coin-admin .plugin-settings-form .grid>input:not([type=checkbox]),.like-coin-admin .plugin-settings-form .grid>textarea,.like-coin-admin .plugin-settings-form .grid>select{min-height:44px}.like-coin-admin .plugin-settings-form>button,.like-coin-admin-filter button,.like-coin-admin-inline-form>button,.like-coin-admin-batch .btn{min-height:44px}.like-coin-admin-inline-form button,.like-coin-admin .plugin-settings-form>button{width:100%}.like-coin-admin-wrap{border:0;overflow:visible}table.like-coin-admin-table{display:block;min-width:0}.like-coin-admin-table thead{display:none}.like-coin-admin-table tbody tr{display:block;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg);padding:10px 12px;margin-bottom:10px}.like-coin-admin-table tbody tr:last-child{margin-bottom:0}.like-coin-admin-table tbody tr:hover{background:var(--bg)}.like-coin-admin-table td{display:flex;align-items:flex-start;gap:10px;padding:4px 0;border:0}.like-coin-admin-table td[data-label]::before{content:attr(data-label);flex:0 0 52px;color:var(--text-subtle);font-size:var(--font-size-xxs);font-weight:700;line-height:2}.like-coin-admin-table td.like-coin-admin-check{display:block;padding:0 0 8px;border-bottom:1px dashed var(--line-soft);margin-bottom:4px}.like-coin-admin-table td.like-coin-admin-time span{display:inline}.like-coin-admin-table td.like-coin-admin-time small{display:inline;margin-left:6px}.like-coin-admin-note{max-width:none;min-width:0}.like-coin-admin-target{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}.like-coin-admin-time{white-space:normal}} /* link_enhance */ .post-content a.link-enhance-link .link-enhance-text{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.post-content a.link-enhance-link .link-enhance-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin-right:.28em;vertical-align:-.14em}.post-content a.link-enhance-link .link-enhance-icon svg{display:block;width:100%;height:100%}.link-enhance-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:var(--backdrop)}.link-enhance-overlay[hidden]{display:none}.link-enhance-dialog{width:min(100%,460px);max-height:86vh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 36px var(--shadow-medium)}.link-enhance-title{margin:0 0 10px;font-size:var(--font-size-xl);font-weight:700;color:var(--text)}.link-enhance-desc{margin:0 0 12px;font-size:var(--font-size-md);line-height:1.6;color:var(--text-muted);overflow-wrap:anywhere}.link-enhance-url{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line-soft);color:var(--text-subtle);font-size:var(--font-size-sm);word-break:break-all}.link-enhance-host{margin:10px 0 0;font-size:var(--font-size-sm);line-height:1.6;color:var(--text-muted);overflow-wrap:anywhere}.link-enhance-host strong{color:var(--text);font-weight:600}.link-enhance-host[hidden],.link-enhance-desc[hidden]{display:none}.link-enhance-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}.link-enhance-actions button{min-height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.link-enhance-cancel{border:1px solid var(--line);background:var(--panel);color:var(--text-muted)}.link-enhance-cancel:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}.link-enhance-confirm{border:1px solid transparent;background:var(--brand);color:var(--inverse-text)}.link-enhance-confirm:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}.link-enhance-actions button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus-ring)}@media(max-width:480px){.link-enhance-overlay{padding:14px}.link-enhance-dialog{padding:18px}.link-enhance-actions{flex-direction:column-reverse}.link-enhance-actions button{width:100%}} /* link_exchange */ /* 侧栏卡片：两列友链入口 */ .link-exchange-card .link-exchange-card-inner { padding: 10px 14px } .link-exchange-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px } .link-exchange-card-title { display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--text); font-size: var(--font-size-sm); font-weight: 600; line-height: 1.3; white-space: nowrap } .link-exchange-card-icon { display: inline-flex; flex: 0 0 auto; color: var(--brand) } .link-exchange-card-icon svg { display: block; width: 15px; height: 15px } .link-exchange-card-more { flex: 0 0 auto; color: var(--text-subtle); font-size: var(--font-size-xs); text-decoration: none; white-space: nowrap } .link-exchange-card-more:hover { color: var(--brand) } .link-exchange-card-list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; row-gap: 2px; margin: 10px 0 0; padding: 0; list-style: none } .link-exchange-card-list a { display: flex; align-items: center; gap: 6px; overflow: hidden; color: var(--text-muted); font-size: var(--font-size-sm); line-height: 1.9; text-decoration: none } .link-exchange-card-list a:hover { color: var(--brand) } .link-exchange-card-list .link-exchange-card-logo { flex: 0 0 auto; width: 16px; height: 16px; border-radius: 4px; object-fit: contain } .link-exchange-card-list .link-exchange-card-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .link-exchange-card-list .link-exchange-card-empty { grid-column: 1 / -1; overflow: hidden; color: var(--text-subtle); font-size: var(--font-size-sm); line-height: 1.9; text-overflow: ellipsis; white-space: nowrap } /* 目录页 */ .link-exchange-page { --link-exchange-hero-size: 24px; --link-exchange-logo-size: 38px } .link-exchange-hero { position: relative; overflow: hidden; padding: 18px; border: 1px solid rgba(17, 24, 39, 0.07); border-radius: var(--radius); background: var(--panel); background: radial-gradient(130% 150% at 6% 28%, color-mix(in srgb, #4ca4ff 16%, transparent), rgba(76, 164, 255, 0) 55%), linear-gradient(108deg, color-mix(in srgb, #4ca4ff 18%, var(--panel)) 0%, var(--panel) 47%, color-mix(in srgb, #f4c463 18%, var(--panel)) 100%); box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05), 0 18px 40px -18px rgba(17, 24, 39, 0.20); } .link-exchange-hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px } .link-exchange-hero-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--brand-soft); border-radius: 14px; background: var(--panel); color: var(--brand); box-shadow: var(--shadow-base) } .link-exchange-hero-icon svg { width: 22px; height: 22px } .link-exchange-hero-title { margin: 14px 0 0; color: var(--text); font-size: var(--link-exchange-hero-size); font-weight: 700; line-height: 1.2 } .link-exchange-hero-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px } .link-exchange-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0 } .link-exchange-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--panel); color: var(--text-muted); font-size: var(--font-size-sm); line-height: 1.4; white-space: nowrap } .link-exchange-badge svg { flex: 0 0 auto; width: 13px; height: 13px } .link-exchange-badge b { color: var(--text); font-weight: 600 } .link-exchange-badge-open { border-color: var(--brand-soft); background: var(--brand-soft); color: var(--brand) } .link-exchange-badge-open b { color: var(--brand) } .link-exchange-badge-closed { color: var(--text-subtle) } .link-exchange-btn-ghost { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 32px; padding: 7px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--panel); color: var(--text); font-size: var(--font-size-sm); font-weight: 500; text-decoration: none; white-space: nowrap } .link-exchange-btn-ghost:hover { border-color: var(--brand); color: var(--brand) } .link-exchange-apply-btn { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; min-height: 34px; padding: 8px 16px; border: 0; border-radius: 999px; background: var(--inverse); color: var(--inverse-text); font: inherit; font-size: var(--font-size-sm); font-weight: 600; cursor: pointer } .link-exchange-apply-btn svg { width: 14px; height: 14px } .link-exchange-apply-btn:hover { background: var(--inverse-border); color: var(--inverse-text) } .link-exchange-apply-btn[disabled] { opacity: .5; cursor: not-allowed } .link-exchange-layout { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 14px; margin-top: 14px } .link-exchange-panel { padding: 16px } .link-exchange-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px } .link-exchange-panel-head h2 { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--text); font-size: var(--font-size-lg); font-weight: 700; line-height: 1.3 } .link-exchange-panel-icon { display: inline-flex; color: var(--brand) } .link-exchange-panel-icon svg { width: 17px; height: 17px } .link-exchange-catalog-count { flex: 0 0 auto; color: var(--text-subtle); font-size: var(--font-size-xs); letter-spacing: .04em } .link-exchange-intro-body p { margin: 0 0 10px; color: var(--text-muted); font-size: var(--font-size-sm); line-height: 1.8 } .link-exchange-intro-body p:last-child { margin-bottom: 0 } .link-exchange-intro-body .link-exchange-intro-state { padding: 8px 10px; border-radius: var(--radius-sm); background: var(--bg); color: var(--text-subtle); font-size: var(--font-size-xs) } .link-exchange-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px } .link-exchange-item { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 12px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--panel); color: var(--text); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease } .link-exchange-item:hover { border-color: var(--brand); color: var(--text); box-shadow: var(--shadow-base) } .link-exchange-logo { position: relative; display: grid; flex: 0 0 var(--link-exchange-logo-size); place-items: center; width: var(--link-exchange-logo-size); height: var(--link-exchange-logo-size); overflow: hidden; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--bg) } .link-exchange-logo img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; background: var(--panel) } .link-exchange-logo-letter { position: absolute; inset: 0; display: grid; place-items: center; color: var(--text-subtle); font-size: var(--font-size-md); font-weight: 700 } .link-exchange-logo-failed img { display: none } .link-exchange-item-body { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; gap: 2px } .link-exchange-item-name { overflow: hidden; color: var(--text); font-size: var(--font-size-sm); font-weight: 600; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap } .link-exchange-item-domain { overflow: hidden; color: var(--text-subtle); font-size: var(--font-size-xs); line-height: 1.4; text-overflow: ellipsis; white-space: nowrap } .link-exchange-item-arrow { display: inline-flex; flex: 0 0 auto; color: var(--text-disabled) } .link-exchange-item-arrow svg { width: 14px; height: 14px } .link-exchange-item:hover .link-exchange-item-arrow { color: var(--brand) } .link-exchange-empty { grid-column: 1 / -1; margin: 0; padding: 26px 10px; color: var(--text-subtle); font-size: var(--font-size-sm); text-align: center } /* 申请弹窗 */ .link-exchange-modal { position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center; padding: 16px } .link-exchange-modal[hidden] { display: none } .link-exchange-modal-mask { position: absolute; inset: 0; background: var(--backdrop) } .link-exchange-modal-panel { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 620px; max-height: calc(100vh - 32px); overflow: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 20px 60px var(--shadow-medium) } .link-exchange-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--line-soft) } .link-exchange-modal-head h2 { margin: 0; color: var(--text); font-size: var(--font-size-lg); font-weight: 700; line-height: 1.3 } .link-exchange-modal-head p { margin: 4px 0 0; color: var(--text-subtle); font-size: var(--font-size-xs); line-height: 1.6 } .link-exchange-modal-x { flex: 0 0 auto; padding: 4px 8px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-muted); font: inherit; font-size: var(--font-size-sm); cursor: pointer } .link-exchange-modal-x:hover { background: var(--bg); color: var(--text) } .link-exchange-form { display: block; padding: 18px 20px 0 } .link-exchange-notice { margin-bottom: 16px; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--bg) } .link-exchange-notice strong { display: block; margin-bottom: 4px; color: var(--text); font-size: var(--font-size-sm) } .link-exchange-notice p { margin: 0; color: var(--text-muted); font-size: var(--font-size-sm); line-height: 1.7 } .link-exchange-message { margin-bottom: 14px; padding: 9px 12px; border: 1px solid var(--danger-soft, var(--line)); border-radius: var(--radius-sm); background: var(--danger-soft, var(--bg)); color: var(--danger); font-size: var(--font-size-sm); line-height: 1.6 } .link-exchange-message[hidden] { display: none } .link-exchange-field { display: block; margin-bottom: 16px } .link-exchange-field > span { display: block; color: var(--text); font-size: var(--font-size-md); font-weight: 600; line-height: 1.4 } .link-exchange-field > small { display: block; margin: 2px 0 8px; color: var(--text-subtle); font-size: var(--font-size-xs); line-height: 1.5 } .link-exchange-field input { width: 100%; box-sizing: border-box; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--text); font: inherit; font-size: var(--font-size-sm) } .link-exchange-field input:focus { border-color: var(--brand); outline: 2px solid var(--focus-ring); outline-offset: 0 } .link-exchange-form-foot { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 4px -20px 0; padding: 14px 20px; border-top: 1px solid var(--line-soft) } .link-exchange-btn-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 18px; border: 0; border-radius: 999px; background: var(--brand); color: var(--inverse-text); font: inherit; font-size: var(--font-size-sm); font-weight: 600; cursor: pointer } .link-exchange-btn-primary:hover { background: var(--brand-hover); color: var(--inverse-text) } .link-exchange-btn-primary[disabled] { opacity: .6; cursor: not-allowed } /* 后台 */ .link-exchange-admin .admin-list-panel { margin-top: 16px } .link-exchange-admin-op { color: var(--brand); font-size: var(--font-size-sm); text-decoration: none; white-space: nowrap } .link-exchange-admin .admin-inline-ops .link-exchange-admin-disabled { opacity: .45; cursor: not-allowed } .link-exchange-admin .admin-inline-ops .link-exchange-admin-disabled:hover { border-color: var(--line); background: var(--panel); color: var(--text-muted) } .link-exchange-admin-cancel { align-self: center; color: var(--text-muted); font-size: var(--font-size-sm); text-decoration: none } .link-exchange-admin-preview { display: flex; align-items: center; gap: 8px; min-width: 0 } .link-exchange-admin-logo { width: 24px; height: 24px; margin-right: 6px; border: 1px solid var(--line-soft); border-radius: 6px; object-fit: contain; vertical-align: middle; background: var(--bg) } .link-exchange-admin-logo-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 2px 0 4px; padding: 10px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--bg) } .link-exchange-admin-logo-preview img { width: 58px; height: 58px; border: 1px solid var(--line-soft); border-radius: 8px; object-fit: contain; background: var(--panel) } .link-exchange-admin-logo-preview span { color: var(--text-subtle); font-size: var(--font-size-xs); word-break: break-all } @media (max-width: 760px) { .link-exchange-layout { grid-template-columns: minmax(0, 1fr) } .link-exchange-page { --link-exchange-hero-size: var(--font-size-xl) } .link-exchange-hero { padding: 14px } .link-exchange-hero-title { margin-top: 10px } .link-exchange-hero-foot { gap: 10px } .link-exchange-hero-foot > * { width: 100% } .link-exchange-apply-btn { justify-content: center } .link-exchange-badges { width: 100% } .link-exchange-grid { grid-template-columns: minmax(0, 1fr) } .link-exchange-form { padding: 14px 14px 0 } .link-exchange-form-foot { margin: 4px -14px 0; padding: 12px 14px } .link-exchange-modal { padding: 10px } .link-exchange-modal-panel { max-height: calc(100vh - 20px) } } /* long_content_fold */ .topic-post-list .long-content-fold-content.long-content-fold-is-collapsed{position:relative;max-height:var(--long-content-fold-height);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 64px),transparent 100%)} .topic-post-list .long-content-fold-actions{display:flex;width:100%;align-items:center;justify-content:center;margin:4px 0 0} .topic-post-list .long-content-fold-actions:has(.long-content-fold-toggle[hidden]){display:none} .topic-post-list .long-content-fold-toggle{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:7px;min-height:32px;margin:0;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text-muted);font:inherit;font-size:var(--font-size-sm);line-height:1.2;cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal),color var(--transition-normal)} .topic-post-list .long-content-fold-toggle:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .topic-post-list .long-content-fold-toggle:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .topic-post-list .long-content-fold-toggle[hidden]{display:none} .topic-post-list .long-content-fold-icon{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--transition-normal)} .topic-post-list .long-content-fold-toggle[aria-expanded="true"] .long-content-fold-icon{transform:translateY(2px) rotate(225deg)} @media(max-width:720px){.topic-post-list .long-content-fold-toggle{min-height:36px;padding-inline:14px}} /* mobile_post_layout */ @media (max-width:760px){.topic-post-list>.post-entry>.post-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info info" "meta ops";align-items:center;column-gap:6px;row-gap:2px}.topic-post-list>.post-entry>.post-body>.post-head{display:contents}.topic-post-list>.post-entry>.post-body>.post-head>.post-info{grid-area:info;flex-wrap:nowrap;min-width:0;overflow:hidden;align-items:center;column-gap:4px}.topic-post-list>.post-entry>.post-body>.post-head>.post-info>*{flex:0 0 auto;min-width:0}.topic-post-list>.post-entry>.post-body>.post-meta{grid-area:meta;flex-wrap:nowrap;min-width:0;overflow:hidden;align-items:center;column-gap:4px;margin:0}.topic-post-list>.post-entry>.post-body>.post-head>.post-ops{grid-area:ops;justify-self:end;align-self:center;flex-wrap:nowrap}}@media (max-width:480px){.topic-post-list>.post-entry>.post-body>.post-head>.post-info{column-gap:3px}.topic-post-list>.post-entry>.post-body .post-user-group{padding:1px 5px;font-size:10px}} /* nb_checkin */ .nb-checkin-entry{grid-column:4;grid-row:1;justify-self:end;order:2;display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;height:28px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;line-height:1;white-space:nowrap;transition:background-color var(--transition-normal),color var(--transition-normal)}.nb-checkin-entry:hover{background:var(--brand-hover);color:var(--inverse-text)}.nb-checkin-entry:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.nb-checkin-entry-icon{flex:0 0 auto;width:14px;height:14px}.nb-checkin-entry-done{background:var(--brand-soft);color:var(--brand);font-weight:400}.nb-checkin-entry-done:hover{background:var(--brand-soft);color:var(--brand-hover)}@media(max-width:380px){.nb-checkin-entry{gap:0;padding:0 7px}.nb-checkin-entry-label{display:none}}@media(prefers-reduced-motion:reduce){.nb-checkin-entry{transition:none}}.nb-checkin-boot{display:none}.nb-checkin-drawer-user{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)}.mobile-menu-body>.nb-checkin-drawer-user:first-child{margin-top:0}.nb-checkin-drawer-user+.mobile-menu-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}.nb-checkin-drawer-avatar{display:block;flex:0 0 auto;width:40px;height:40px}.nb-checkin-drawer-avatar img{width:40px;height:40px;border-radius:50%}.nb-checkin-drawer-meta{flex:1;min-width:0}.nb-checkin-drawer-name{display:block;overflow:hidden;color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.nb-checkin-drawer-rank{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.nb-checkin-groups{display:flex;flex-wrap:wrap;gap:6px 14px;min-width:0}.nb-checkin-group{display:inline-flex;align-items:center;gap:6px;min-height:26px;color:var(--text);font-size:var(--font-size-sm);line-height:1.3;white-space:nowrap}.nb-checkin-group input{flex:0 0 auto;margin:0}.nb-checkin-group-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.nb-checkin-page{display:grid;gap:12px}.nb-checkin-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;padding:18px 16px;border:1px solid var(--warning-soft);border-radius:var(--radius);background:var(--warning-soft);text-align:center}.nb-checkin-banner-text{color:var(--text);font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.nb-checkin-banner-done{border-color:var(--brand-soft);background:var(--brand-soft)}.nb-checkin-banner-help{flex:0 0 100%;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.nb-checkin-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.nb-checkin-actions .post-action-form{display:inline-flex;margin:0}.nb-checkin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border:1px solid var(--brand-hover);border-radius:var(--radius-sm);background:var(--brand-hover);color:var(--inverse-text);font-size:var(--font-size-md);font-weight:700;line-height:1;white-space:nowrap}.nb-checkin-btn:hover{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)}.nb-checkin-or{color:var(--text-subtle);font-size:var(--font-size-md)}.nb-checkin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nb-checkin-stats>div{display:grid;gap:3px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center}.nb-checkin-stats strong{color:var(--text);font-size:var(--font-size-xl);line-height:1.2}.nb-checkin-stats span{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.nb-checkin-block{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.nb-checkin-rank-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--text);font-size:var(--font-size-lg);font-weight:700;line-height:1.4}.nb-checkin-rank-title::before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:2px;background:var(--brand)}.nb-checkin-rank{margin:0;padding:0;list-style:none}.nb-checkin-rank-row{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 0;border-top:1px solid var(--line-soft)}.nb-checkin-rank-no{flex:0 0 24px;color:var(--text-muted);font-size:var(--font-size-md);font-weight:700;text-align:center}.nb-checkin-rank-no-1{color:var(--danger)}.nb-checkin-rank-no-2,.nb-checkin-rank-no-3{color:var(--warning)}.nb-checkin-rank-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--text)}.nb-checkin-rank-user:hover .nb-checkin-rank-name{color:var(--brand)}.nb-checkin-rank-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-sm)}.nb-checkin-rank-name{min-width:0;overflow:hidden;font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap}.nb-checkin-rank-points{flex:0 0 auto;color:var(--text);font-size:var(--font-size-md);font-weight:700}@media(max-width:700px){.nb-checkin-banner{padding:14px 12px}.nb-checkin-banner-text{font-size:var(--font-size-md)}.nb-checkin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nb-checkin-stats>div{padding:12px 4px}.nb-checkin-stats strong{font-size:var(--font-size-lg)}} /* nb_editor */ .nb-editor-admin-settings{max-width:none;gap:16px} .nb-editor-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .nb-editor-admin-section{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)} .nb-editor-admin-section-head{display:grid;gap:3px;padding-bottom:2px} .nb-editor-admin-section-head strong{color:var(--text);font-size:var(--font-size-md);line-height:1.4} .nb-editor-admin-section-head span{color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.45} .nb-editor-admin-settings .nb-editor-admin-section>.grid{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:9px 0;border-top:1px solid var(--line-soft)} .nb-editor-admin-settings .nb-editor-admin-section-head+.grid{border-top:0} .nb-editor-admin-settings .nb-editor-admin-section>.grid>span{padding-top:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.45} .nb-editor-admin-settings .nb-editor-admin-section>.grid>span small{margin-top:2px;color:var(--text-subtle);line-height:1.4} .nb-editor-admin-settings .nb-editor-admin-section>.grid input[type=number]{width:100%;max-width:130px} .nb-editor-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:2px} .nb-editor-admin-actions button{margin:0} .nb-editor-admin-actions span{color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.45} @media(max-width:720px){ .nb-editor-admin-grid{grid-template-columns:1fr} .nb-editor-admin-section{padding:12px} .nb-editor-admin-actions{align-items:stretch;flex-direction:column} .nb-editor-admin-actions button{width:100%} } .nb-editor-field{position:relative;display:grid;row-gap:0;margin:8px 0} .reply-panel .nb-editor-field{margin:0} .nb-editor-field>.grid{display:contents} .nb-editor-field>.grid>span{order:1;margin-bottom:6px;padding-top:0} .nb-editor-field>.nb-editor{order:2} /* 正文框固定白底，和主题色工具栏拉开层次；高度仍交给核心按场景决定。 */ .nb-editor-field>.grid>textarea[name=body]{order:3;border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel);resize:vertical} /* 分栏预览：左边写 Markdown，右边常驻渲染结果，随输入更新。 */ .nb-editor-field.nb-editor-live{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .nb-editor-field.nb-editor-live>.grid>span,.nb-editor-field.nb-editor-live>.nb-editor{grid-column:1/-1} .nb-editor-field.nb-editor-live>.grid>textarea[name=body]{grid-column:1;border-bottom-right-radius:0} .nb-editor-field.nb-editor-live>.nb-editor-preview{grid-column:2;max-height:60vh;overflow:auto;border-left:0;border-bottom-left-radius:0} .nb-editor{min-width:0} /* 工具栏跟随站点主题色，不写死中性灰。 */ .nb-editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--brand-soft)} .nb-editor-field:focus-within>.nb-editor>.nb-editor-bar{border-color:var(--brand)} /* 选择器带上根容器，避免被 .reply-panel button 之类的核心规则按特异性压过。 */ .nb-editor .nb-editor-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--brand-hover);cursor:pointer} .nb-editor .nb-editor-btn svg{width:16px;height:16px} .nb-editor .nb-editor-btn:hover{border-color:var(--line);background:var(--panel);color:var(--brand-hover)} .nb-editor .nb-editor-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px} .nb-editor .nb-editor-btn.nb-editor-btn-active{border-color:var(--brand);background:var(--panel);color:var(--brand-hover)} .nb-editor-split{width:1px;height:16px;margin:0 4px;background:var(--line)} .nb-editor-space{flex:1 1 auto;min-width:0} /* 面板用 fixed 浮层：既不挤占正文框空间，也不会被祖先的 overflow:hidden 裁掉。位置由 JS 计算，优先向上弹。 */ .nb-editor-panel{position:fixed;z-index:60;display:flex;flex-direction:column;width:min(360px,100%);max-height:min(60vh,340px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 32px var(--shadow-medium);overflow:hidden} .nb-editor-panel[hidden]{display:none} .nb-editor-panel-title{flex:0 0 auto;padding:8px 12px 0;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.4} .nb-editor-items{flex:1 1 auto;min-height:0;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:3px;margin:0;padding:8px 10px;overflow-y:auto;list-style:none} .nb-editor-items[hidden]{display:none} .nb-editor-items li{padding:4px 7px;border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-sm);line-height:1.4;cursor:pointer;user-select:none} .nb-editor-items li:hover{background:var(--bg)} .nb-editor-items-emoji li{padding:2px 5px;font-size:var(--font-size-xl)} .nb-editor-tabs{flex:0 0 auto;display:flex;align-items:stretch;flex-wrap:wrap;border-top:1px solid var(--line);background:var(--brand-soft)} .nb-editor .nb-editor-tab{min-width:0;min-height:34px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400;cursor:pointer} .nb-editor .nb-editor-tab:hover{background:var(--panel);color:var(--text)} .nb-editor .nb-editor-tab.nb-editor-tab-active{background:var(--panel);color:var(--brand-hover);font-weight:500} /* 预览框借用核心 .post-content 的排版，但要去掉它的 margin-top，否则与正文框差 2px。 */ .nb-editor-preview{order:4;margin-top:0;min-height:120px;padding:12px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel)} .nb-editor-preview[hidden]{display:none} .nb-editor-preview-empty{color:var(--text-subtle);font-size:var(--font-size-sm)} .nb-editor-draft{order:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 10px;border:1px solid var(--line);border-top:0;background:var(--info-soft);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5} .nb-editor-draft[hidden]{display:none} .nb-editor-draft-text{flex:1 1 auto;min-width:0} .nb-editor-status{order:2;padding:6px 10px;border:1px solid var(--line);border-top:0;background:var(--brand-soft);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere} .nb-editor-status[hidden]{display:none} .nb-editor-draft .nb-editor-draft-action{min-width:0;min-height:26px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer} .nb-editor-draft .nb-editor-draft-action:hover{border-color:var(--brand);color:var(--brand-hover)} .nb-editor-field.nb-editor-full{position:fixed;inset:0;z-index:60;align-content:start;margin:0;padding:14px;background:var(--panel);overflow:auto} .nb-editor-field.nb-editor-full>.grid>textarea[name=body]{min-height:calc(100vh - 120px)} .nb-editor-field.nb-editor-full>.nb-editor-preview{min-height:calc(100vh - 120px)} .nb-editor-field.nb-editor-full.nb-editor-live>.nb-editor-preview{max-height:none} .nb-editor-dialog-field{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)} .nb-editor-dialog-field .prompt-input{box-sizing:border-box} .nb-editor-upload{display:grid;gap:7px;margin:2px 0 6px;text-align:center} .nb-editor-upload .nb-editor-upload-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:110px;padding:16px 14px;border:1px dashed var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease} .nb-editor-upload .nb-editor-upload-pick:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--text)} .nb-editor-upload .nb-editor-upload-pick.is-busy{opacity:.6;pointer-events:none} .nb-editor-upload-plus{font-size:36px;line-height:1;color:var(--brand)} .nb-editor-upload-tip{font-size:var(--font-size-xs);line-height:1.5} .nb-editor-upload-status{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5;overflow-wrap:anywhere} /* 窄屏放不下两栏，预览改到正文框下方，仍然实时更新。 */ @media(max-width:820px){ .nb-editor-field.nb-editor-live{grid-template-columns:minmax(0,1fr)} .nb-editor-field.nb-editor-live>.grid>textarea[name=body]{grid-column:1;border-radius:0} .nb-editor-field.nb-editor-live>.nb-editor-preview{grid-column:1;max-height:50vh;border-left:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm)} } @media(max-width:480px){ .nb-editor-bar{gap:1px;padding:4px} .nb-editor .nb-editor-btn{width:28px;min-width:28px} .nb-editor-split{margin:0 2px} } /* next_admin */ .next-admin-app{--next-admin-bg:#f3f5f4;--next-admin-panel:#fff;--next-admin-panel-alt:#f8f9f8;--next-admin-sidebar:#151917;--next-admin-sidebar-text:#d5dad7;--next-admin-text:#171b19;--next-admin-muted:#69716d;--next-admin-subtle:#929a96;--next-admin-line:#dde2df;--next-admin-line-strong:#ccd3cf;--next-admin-accent:#21b67a;--next-admin-accent-dark:#087a50;--next-admin-accent-soft:#e7f8f0;--next-admin-danger:#c94747;--next-admin-danger-soft:#fff0ef;--next-admin-warning:#ad6a14;--next-admin-warning-soft:#fff6e7;--next-admin-cyan:#168aa1;--next-admin-cyan-soft:#e8f7fa;--next-admin-command-bg:#151917;--next-admin-command-hover:#29302c;--next-admin-command-text:#fff;--next-admin-shadow:0 10px 30px rgba(24,35,29,.06);--next-admin-font-size-xs:12px;--next-admin-font-size-sm:13px;--next-admin-font-size-md:14px;--next-admin-font-size-lg:16px;--next-admin-font-size-xl:20px;--next-admin-font-size-title:30px;position:fixed;inset:0;min-height:100vh;overflow:auto;background:var(--next-admin-bg);color:var(--next-admin-text);font-family:"IBM Plex Sans","Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.5;letter-spacing:0;color-scheme:light} .next-admin-app,.next-admin-app *{box-sizing:border-box} .next-admin-app a{color:inherit;text-decoration:none} .next-admin-icon{display:block;width:20px;height:20px;flex:none} .next-admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:236px;flex-direction:column;background:var(--next-admin-sidebar);color:var(--next-admin-sidebar-text);box-shadow:8px 0 30px rgba(0,0,0,.08)} .next-admin-brand{display:flex;align-items:center;gap:11px;height:76px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)} .next-admin-brand>span{display:grid;width:38px;height:38px;place-items:center;border-radius:7px;background:var(--next-admin-accent);color:#072b1d;font-family:Georgia,serif;font-size:var(--next-admin-font-size-md);font-weight:800} .next-admin-brand>div{display:grid;min-width:0}.next-admin-brand strong{overflow:hidden;color:#fff;font-family:Georgia,"Noto Serif SC",serif;font-size:var(--next-admin-font-size-lg);text-overflow:ellipsis;white-space:nowrap}.next-admin-brand small{color:#78827d;font-size:10px;letter-spacing:.14em} .next-admin-brand button{display:none;margin-left:auto;border:0;background:none;color:#fff;padding:6px} .next-admin-sidebar nav{display:grid;align-content:start;gap:4px;min-height:0;flex:1;padding:25px 12px;overflow:auto} .next-admin-nav-label{padding:0 12px 8px;color:#66706b;font-size:10px;font-weight:700;letter-spacing:.16em} .next-admin-sidebar nav a,.next-admin-sidebar-foot a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;border-radius:6px;color:#99a29e;font-size:var(--next-admin-font-size-md);font-weight:600;transition:background .18s,color .18s} .next-admin-sidebar nav a:hover,.next-admin-sidebar-foot a:hover{background:rgba(255,255,255,.06);color:#fff}.next-admin-sidebar nav a.is-active{background:var(--next-admin-accent);color:#092a1d}.next-admin-sidebar nav a.is-active .next-admin-icon{stroke-width:2.2} .next-admin-sidebar-foot{display:grid;gap:4px;margin-top:auto;padding:14px 12px 20px;border-top:1px solid rgba(255,255,255,.08)} .next-admin-workspace{min-height:100vh;margin-left:236px} .next-admin-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;height:76px;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid var(--next-admin-line);background:color-mix(in srgb,var(--next-admin-bg) 90%,transparent);backdrop-filter:blur(16px)} .next-admin-menu-button{display:none;border:0;background:none;color:var(--next-admin-text);padding:7px} .next-admin-global-search{display:flex;align-items:center;gap:10px;width:min(420px,45vw);height:40px;padding:0 12px;border:1px solid var(--next-admin-line);border-radius:6px;background:var(--next-admin-panel);transition:border-color .18s,box-shadow .18s}.next-admin-global-search:focus-within{border-color:var(--next-admin-accent);box-shadow:0 0 0 3px var(--next-admin-accent-soft)}.next-admin-global-search .next-admin-icon{width:17px;color:var(--next-admin-subtle)}.next-admin-global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--next-admin-text);font:inherit;font-size:var(--next-admin-font-size-sm)}.next-admin-global-search kbd{padding:1px 6px;border:1px solid var(--next-admin-line);border-bottom-width:2px;border-radius:4px;color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)} .next-admin-top-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.next-admin-theme{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--next-admin-line);border-radius:6px;background:var(--next-admin-panel);color:var(--next-admin-muted);cursor:pointer}.next-admin-theme span{grid-area:1/1}.next-admin-theme .next-admin-theme-moon{display:none}.next-admin-theme .next-admin-icon{width:17px;height:17px} .next-admin-profile{display:flex;align-items:center;gap:9px}.next-admin-avatar{display:block;width:34px;height:34px;overflow:hidden;border-radius:6px;background:var(--next-admin-panel-alt)}.next-admin-avatar img,.next-admin-avatar svg{display:block;width:100%;height:100%;object-fit:cover}.next-admin-profile>span:last-child{display:grid}.next-admin-profile strong{font-size:var(--next-admin-font-size-sm)}.next-admin-profile small{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)} .next-admin-main{width:min(1480px,100%);margin:0 auto;padding:36px clamp(20px,3vw,44px) 56px} .next-admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.next-admin-page-head h1{margin:4px 0 2px;font-family:Georgia,"Noto Serif SC",serif;font-size:var(--next-admin-font-size-title);line-height:1.2}.next-admin-page-head p{margin:0;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)}.next-admin-eyebrow{color:var(--next-admin-accent-dark);font-size:10px;font-weight:800;letter-spacing:.16em} .next-admin-app .next-admin-primary-button,.next-admin-app .next-admin-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid var(--next-admin-command-bg);border-radius:6px;background:var(--next-admin-command-bg);color:var(--next-admin-command-text);font:inherit;font-size:var(--next-admin-font-size-sm);font-weight:700;white-space:nowrap;cursor:pointer}.next-admin-app .next-admin-secondary-button{border-color:var(--next-admin-line-strong);background:var(--next-admin-panel);color:var(--next-admin-text)}.next-admin-app .next-admin-primary-button:hover{border-color:var(--next-admin-command-hover);background:var(--next-admin-command-hover);color:var(--next-admin-command-text)}.next-admin-app .next-admin-secondary-button:hover{border-color:var(--next-admin-accent);background:var(--next-admin-panel-alt);color:var(--next-admin-text)}.next-admin-primary-button .next-admin-icon,.next-admin-secondary-button .next-admin-icon{width:16px;height:16px} .next-admin-head-actions{display:flex;align-items:center;gap:9px} .next-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.next-admin-stat{display:grid;min-height:144px;padding:18px;border:1px solid var(--next-admin-line);border-radius:7px;background:var(--next-admin-panel);box-shadow:var(--next-admin-shadow)}.next-admin-stat-top{display:flex;align-items:center;justify-content:space-between}.next-admin-stat-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:6px;background:var(--next-admin-panel-alt);color:var(--next-admin-text)}.next-admin-stat-icon .next-admin-icon{width:18px;height:18px}.next-admin-stat-delta{padding:3px 7px;border-radius:4px;background:var(--next-admin-panel-alt);color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);font-weight:700}.next-admin-stat>strong{align-self:end;margin-top:17px;font-family:Georgia,serif;font-size:26px;line-height:1}.next-admin-stat>span:last-child{margin-top:5px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)}.next-admin-tone-cyan .next-admin-stat-icon{background:var(--next-admin-cyan-soft);color:var(--next-admin-cyan)}.next-admin-tone-green .next-admin-stat-icon{background:var(--next-admin-accent-soft);color:var(--next-admin-accent-dark)}.next-admin-tone-amber .next-admin-stat-icon{background:var(--next-admin-warning-soft);color:var(--next-admin-warning)} .next-admin-grid{display:grid;gap:18px;margin-bottom:18px}.next-admin-grid-main{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.next-admin-grid-list{grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr)}.next-admin-grid-system{grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr)} .next-admin-panel{min-width:0;margin-bottom:18px;border:1px solid var(--next-admin-line);border-radius:7px;background:var(--next-admin-panel);box-shadow:var(--next-admin-shadow);overflow:hidden}.next-admin-grid>.next-admin-panel{margin-bottom:0}.next-admin-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:55px;padding:0 18px;border-bottom:1px solid var(--next-admin-line)}.next-admin-panel h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:var(--next-admin-font-size-lg)}.next-admin-panel-note{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)}.next-admin-panel .next-admin-text-link{color:var(--next-admin-accent-dark);font-size:var(--next-admin-font-size-xs);font-weight:700}.next-admin-text-link:hover{text-decoration:underline} .next-admin-chart{position:relative;height:280px;padding:24px 20px 16px}.next-admin-chart:before{position:absolute;inset:24px 20px 45px;content:"";background:repeating-linear-gradient(to bottom,var(--next-admin-line) 0,var(--next-admin-line) 1px,transparent 1px,transparent 25%);opacity:.65}.next-admin-chart-legend{position:absolute;z-index:2;top:14px;right:20px;display:flex;gap:13px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)}.next-admin-chart-legend span:before{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:2px;background:var(--next-admin-accent);content:""}.next-admin-chart-legend .is-reply:before{background:var(--next-admin-cyan)}.next-admin-bars{position:relative;z-index:1;display:grid;height:100%;grid-template-columns:repeat(7,1fr);gap:clamp(8px,2vw,20px);align-items:end}.next-admin-bar-day{display:grid;height:100%;grid-template-rows:1fr 24px;gap:7px;text-align:center}.next-admin-bar-stack{display:flex;align-items:end;justify-content:center;gap:3px}.next-admin-bar-stack i{display:block;width:min(15px,35%);min-height:3px;border-radius:3px 3px 0 0;background:var(--next-admin-accent);transition:filter .18s}.next-admin-bar-stack i.is-reply{background:var(--next-admin-cyan)}.next-admin-bar-day:hover i{filter:brightness(.85)}.next-admin-bar-day>span{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)} .next-admin-health{display:grid;padding:8px 18px}.next-admin-health>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:47px;border-bottom:1px solid var(--next-admin-line);font-size:var(--next-admin-font-size-sm)}.next-admin-health>div:last-child{border-bottom:0}.next-admin-health strong{font-size:var(--next-admin-font-size-xs)}.next-admin-health-dot{width:8px;height:8px;border-radius:50%;background:var(--next-admin-subtle);box-shadow:0 0 0 3px var(--next-admin-panel-alt)}.next-admin-health-dot.is-success{background:var(--next-admin-accent)}.next-admin-health-dot.is-danger{background:var(--next-admin-danger)}.next-admin-health-dot.is-warning{background:var(--next-admin-warning)} .next-admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--next-admin-line)}.next-admin-quick-grid>a{display:flex;align-items:center;gap:12px;min-width:0;padding:18px;background:var(--next-admin-panel);transition:background .18s}.next-admin-quick-grid>a:hover{background:var(--next-admin-panel-alt)}.next-admin-quick-grid>a>span:first-child{display:grid;width:36px;height:36px;place-items:center;border-radius:6px;background:var(--next-admin-panel-alt);color:var(--next-admin-accent-dark)}.next-admin-quick-grid>a>span:first-child .next-admin-icon{width:18px}.next-admin-quick-grid>a>div{display:grid;min-width:0}.next-admin-quick-grid strong{font-size:var(--next-admin-font-size-sm)}.next-admin-quick-grid small{overflow:hidden;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);text-overflow:ellipsis;white-space:nowrap}.next-admin-quick-grid>a>.next-admin-icon{width:15px;margin-left:auto;color:var(--next-admin-subtle)} .next-admin-table-wrap{overflow:auto}.next-admin-table{width:100%;border-collapse:collapse;font-size:var(--next-admin-font-size-sm)}.next-admin-table th{height:40px;padding:0 15px;background:var(--next-admin-panel-alt);color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);font-weight:700;text-align:left;white-space:nowrap}.next-admin-table td{height:66px;padding:9px 15px;border-top:1px solid var(--next-admin-line);vertical-align:middle}.next-admin-table tbody tr:hover{background:var(--next-admin-panel-alt)}.next-admin-primary{display:grid;min-width:210px;max-width:520px}.next-admin-primary>a{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.next-admin-primary>a:hover{color:var(--next-admin-accent-dark)}.next-admin-primary>span,.next-admin-primary>small{overflow:hidden;color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.next-admin-chip{display:inline-flex;padding:3px 7px;border:1px solid var(--next-admin-line);border-radius:4px;background:var(--next-admin-panel-alt);font-size:var(--next-admin-font-size-xs);white-space:nowrap}.next-admin-metric-pair{display:grid;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);white-space:nowrap}.next-admin-table time{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);white-space:nowrap}.next-admin-icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--next-admin-line);border-radius:5px;background:var(--next-admin-panel);color:var(--next-admin-muted)}.next-admin-icon-button:hover{border-color:var(--next-admin-accent);color:var(--next-admin-accent-dark)}.next-admin-icon-button .next-admin-icon{width:15px;height:15px} .next-admin-cell-note{display:block;color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs);font-weight:400}.next-admin-row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.next-admin-inline-form{display:inline-flex;margin:0}.next-admin-app .next-admin-small-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border:1px solid var(--next-admin-line-strong);border-radius:5px;background:var(--next-admin-panel);color:var(--next-admin-text);font:inherit;font-size:var(--next-admin-font-size-xs);font-weight:700;cursor:pointer}.next-admin-app .next-admin-small-button:hover{border-color:var(--next-admin-accent);background:var(--next-admin-panel-alt);color:var(--next-admin-accent-dark)}.next-admin-app .next-admin-small-button.is-primary{border-color:var(--next-admin-command-bg);background:var(--next-admin-command-bg);color:var(--next-admin-command-text)}.next-admin-app .next-admin-small-button.is-primary:hover{border-color:var(--next-admin-command-hover);background:var(--next-admin-command-hover);color:var(--next-admin-command-text)}.next-admin-app .next-admin-small-button.is-danger{border-color:var(--next-admin-danger-soft);background:var(--next-admin-danger-soft);color:var(--next-admin-danger)}.next-admin-app .next-admin-small-button.is-warning{border-color:var(--next-admin-warning-soft);background:var(--next-admin-warning-soft);color:var(--next-admin-warning)} .next-admin-recent-users{display:grid;padding:7px 16px}.next-admin-recent-users>a{display:flex;align-items:center;gap:10px;min-height:57px;border-bottom:1px solid var(--next-admin-line)}.next-admin-recent-users>a:last-child{border-bottom:0}.next-admin-recent-users>a>span:nth-child(2){display:grid;min-width:0}.next-admin-recent-users strong{overflow:hidden;font-size:var(--next-admin-font-size-sm);text-overflow:ellipsis;white-space:nowrap}.next-admin-recent-users small{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)}.next-admin-recent-users>a>.next-admin-icon{width:14px;margin-left:auto;color:var(--next-admin-subtle)} .next-admin-filter{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:12px;border:1px solid var(--next-admin-line);border-radius:7px;background:var(--next-admin-panel)}.next-admin-filter label{display:flex;align-items:center;gap:8px;min-width:220px;max-width:560px;flex:1;height:38px;padding:0 11px;border:1px solid var(--next-admin-line);border-radius:5px;background:var(--next-admin-panel-alt)}.next-admin-filter label:focus-within{border-color:var(--next-admin-accent)}.next-admin-filter label .next-admin-icon{width:16px;color:var(--next-admin-subtle)}.next-admin-filter input,.next-admin-filter select{border:0;outline:0;background:transparent;color:var(--next-admin-text);font:inherit;font-size:var(--next-admin-font-size-sm)}.next-admin-filter input{width:100%}.next-admin-filter select{height:38px;padding:0 30px 0 10px;border:1px solid var(--next-admin-line);border-radius:5px;background:var(--next-admin-panel-alt)}.next-admin-filter button{height:38px;padding:0 16px;border:0;border-radius:5px;background:var(--next-admin-command-bg);color:var(--next-admin-command-text);font:inherit;font-size:var(--next-admin-font-size-sm);font-weight:700;cursor:pointer}.next-admin-filter button:hover{background:var(--next-admin-command-hover)}.next-admin-filter>a{padding:8px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)} .next-admin-filter-users{flex-wrap:wrap}.next-admin-filter-users label{min-width:260px}.next-admin-select-col{width:42px;text-align:center}.next-admin-select-col input{accent-color:var(--next-admin-accent)}.next-admin-bulk{display:flex;align-items:center;gap:9px;margin:-7px 0 18px;padding:12px 14px;border:1px solid var(--next-admin-line);border-radius:7px;background:var(--next-admin-panel)}.next-admin-bulk>label{display:flex;align-items:center;gap:7px;margin-right:auto;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)}.next-admin-bulk input{accent-color:var(--next-admin-accent)}.next-admin-bulk select{height:36px;padding:0 30px 0 10px;border:1px solid var(--next-admin-line-strong);border-radius:5px;background:var(--next-admin-panel-alt);color:var(--next-admin-text);font:inherit;font-size:var(--next-admin-font-size-sm)}.next-admin-bulk button{height:36px;padding:0 14px;border:0;border-radius:5px;background:var(--next-admin-command-bg);color:var(--next-admin-command-text);font:inherit;font-size:var(--next-admin-font-size-sm);font-weight:700;cursor:pointer}.next-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)}.next-admin-pagination>div{display:flex;align-items:center;gap:9px}.next-admin-pagination a{display:inline-flex;min-height:34px;align-items:center;padding:0 11px;border:1px solid var(--next-admin-line-strong);border-radius:5px;background:var(--next-admin-panel);color:var(--next-admin-text)}.next-admin-pagination a:hover{border-color:var(--next-admin-accent)}.next-admin-pagination strong{color:var(--next-admin-text);font-size:var(--next-admin-font-size-xs)} .next-admin-segments{display:inline-flex;margin-bottom:12px;padding:3px;border:1px solid var(--next-admin-line);border-radius:6px;background:var(--next-admin-panel)}.next-admin-app .next-admin-segments a{min-width:72px;padding:7px 12px;border-radius:4px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm);font-weight:700;text-align:center}.next-admin-app .next-admin-segments a:hover{background:var(--next-admin-panel-alt);color:var(--next-admin-text)}.next-admin-app .next-admin-segments a.is-active{background:var(--next-admin-command-bg);color:var(--next-admin-command-text)}.next-admin-table-link{display:block;overflow:hidden;max-width:280px;color:var(--next-admin-text);text-overflow:ellipsis;white-space:nowrap}.next-admin-table-link:hover{color:var(--next-admin-accent-dark)} .next-admin-user{display:flex;align-items:center;gap:10px;min-width:200px}.next-admin-user>span:last-child{display:grid;min-width:0}.next-admin-user strong,.next-admin-user small{overflow:hidden;max-width:220px;text-overflow:ellipsis;white-space:nowrap}.next-admin-user small{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)}.next-admin-badges{display:flex;gap:5px}.next-admin-badge{display:inline-flex;align-items:center;min-height:22px;padding:1px 7px;border-radius:4px;background:var(--next-admin-panel-alt);color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);font-weight:700;white-space:nowrap}.next-admin-badge.is-success{background:var(--next-admin-accent-soft);color:var(--next-admin-accent-dark)}.next-admin-badge.is-danger{background:var(--next-admin-danger-soft);color:var(--next-admin-danger)}.next-admin-badge.is-warning{background:var(--next-admin-warning-soft);color:var(--next-admin-warning)} .next-admin-forum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.next-admin-forum-card{display:flex;min-height:280px;flex-direction:column;padding:18px;border:1px solid var(--next-admin-line);border-radius:7px;background:var(--next-admin-panel);box-shadow:var(--next-admin-shadow)}.next-admin-forum-card-top{display:flex;align-items:center;justify-content:space-between}.next-admin-forum-card-top>span{display:grid;width:40px;height:40px;place-items:center;border-radius:6px;background:var(--next-admin-accent-soft);color:var(--next-admin-accent-dark)}.next-admin-forum-card h2{margin:19px 0 5px;font-family:Georgia,"Noto Serif SC",serif;font-size:var(--next-admin-font-size-xl)}.next-admin-forum-card p{display:-webkit-box;overflow:hidden;min-height:42px;margin:0;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm);-webkit-box-orient:vertical;-webkit-line-clamp:2}.next-admin-forum-count{display:flex;align-items:baseline;gap:6px;margin-top:18px}.next-admin-forum-count strong{font-family:Georgia,serif;font-size:26px}.next-admin-forum-count span{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)}.next-admin-forum-permissions{margin-top:5px;color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)}.next-admin-forum-card .next-admin-forum-open{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:15px;border-top:1px solid var(--next-admin-line);color:var(--next-admin-accent-dark);font-size:var(--next-admin-font-size-sm);font-weight:700}.next-admin-forum-open .next-admin-icon{width:14px} .next-admin-system-tools{display:grid;grid-template-columns:1fr 1fr}.next-admin-system-tools>a{display:flex;align-items:center;gap:11px;min-width:0;min-height:78px;padding:14px 17px;border-right:1px solid var(--next-admin-line);border-bottom:1px solid var(--next-admin-line)}.next-admin-system-tools>a:nth-child(2n){border-right:0}.next-admin-system-tools>a:nth-last-child(-n+2){border-bottom:0}.next-admin-system-tools>a>span{display:grid;width:36px;height:36px;place-items:center;border-radius:6px;background:var(--next-admin-panel-alt);color:var(--next-admin-accent-dark)}.next-admin-system-tools>a>span .next-admin-icon{width:17px}.next-admin-system-tools>a>div{display:grid;min-width:0}.next-admin-system-tools strong{font-size:var(--next-admin-font-size-sm)}.next-admin-system-tools small{overflow:hidden;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);text-overflow:ellipsis;white-space:nowrap}.next-admin-system-tools>a>.next-admin-icon{width:14px;margin-left:auto;color:var(--next-admin-subtle)}.next-admin-system-tools>a:hover{background:var(--next-admin-panel-alt)} .next-admin-environment{display:grid;padding:8px 18px}.next-admin-environment>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;border-bottom:1px solid var(--next-admin-line);font-size:var(--next-admin-font-size-sm)}.next-admin-environment>div:last-child{border-bottom:0}.next-admin-environment span{color:var(--next-admin-muted)}.next-admin-environment strong{font-size:var(--next-admin-font-size-xs)}.next-admin-plugin-list{display:grid;grid-template-columns:1fr 1fr}.next-admin-plugin-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:70px;padding:10px 18px;border-right:1px solid var(--next-admin-line);border-bottom:1px solid var(--next-admin-line)}.next-admin-plugin-list>div:nth-child(2n){border-right:0}.next-admin-plugin-list>div>span:nth-child(2){display:grid;min-width:0}.next-admin-plugin-list strong,.next-admin-plugin-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-admin-plugin-list strong{font-size:var(--next-admin-font-size-sm)}.next-admin-plugin-list small{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)}.next-admin-plugin-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:6px;background:var(--next-admin-panel-alt);color:var(--next-admin-subtle)}.next-admin-plugin-mark.is-on{background:var(--next-admin-accent-soft);color:var(--next-admin-accent-dark)}.next-admin-plugin-mark.is-error{background:var(--next-admin-danger-soft);color:var(--next-admin-danger)}.next-admin-plugin-mark .next-admin-icon{width:16px} .next-admin-editor{display:grid;gap:22px;padding:22px}.next-admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.next-admin-field{display:grid;gap:7px;min-width:0}.next-admin-field>span{display:grid;color:var(--next-admin-text);font-size:var(--next-admin-font-size-sm);font-weight:700}.next-admin-field>span small{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs);font-weight:400}.next-admin-field input,.next-admin-field select,.next-admin-field textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--next-admin-line-strong);border-radius:5px;outline:0;background:var(--next-admin-panel-alt);color:var(--next-admin-text);font:inherit;font-size:var(--next-admin-font-size-sm)}.next-admin-field textarea{resize:vertical}.next-admin-field input:focus,.next-admin-field select:focus,.next-admin-field textarea:focus{border-color:var(--next-admin-accent);box-shadow:0 0 0 3px var(--next-admin-accent-soft)}.next-admin-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.next-admin-check{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--next-admin-line);border-radius:6px;background:var(--next-admin-panel-alt)}.next-admin-check input{margin-top:3px;accent-color:var(--next-admin-accent)}.next-admin-check span{display:grid}.next-admin-check strong{font-size:var(--next-admin-font-size-sm)}.next-admin-check small{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)}.next-admin-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:18px;border-top:1px solid var(--next-admin-line)}.next-admin-form-actions>a{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)}.next-admin-form-actions>button{min-height:40px;padding:0 18px;border:0;border-radius:5px;background:var(--next-admin-command-bg);color:var(--next-admin-command-text);font:inherit;font-size:var(--next-admin-font-size-sm);font-weight:700;cursor:pointer}.next-admin-form-actions>button:hover{background:var(--next-admin-command-hover)}.next-admin-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:17px 20px;border:1px solid var(--next-admin-danger-soft);border-radius:7px;background:var(--next-admin-panel)}.next-admin-danger-zone>div{display:grid}.next-admin-danger-zone strong{color:var(--next-admin-danger);font-size:var(--next-admin-font-size-sm)}.next-admin-danger-zone span{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)} .next-admin-permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-admin-permission{margin:0;padding:14px;border:1px solid var(--next-admin-line);border-radius:6px}.next-admin-permission legend{padding:0 5px;font-size:var(--next-admin-font-size-sm);font-weight:700}.next-admin-permission p{margin:0 0 10px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)}.next-admin-permission>div{display:grid;gap:7px}.next-admin-mini-check{display:flex;align-items:center;gap:7px;font-size:var(--next-admin-font-size-sm)}.next-admin-mini-check input{accent-color:var(--next-admin-accent)} .next-admin-setting-section{display:grid;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--next-admin-line)}.next-admin-setting-section:last-of-type{border-bottom:0}.next-admin-setting-section h3{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:var(--next-admin-font-size-lg)}.next-admin-tool-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:12px 18px;border-bottom:1px solid var(--next-admin-line)}.next-admin-tool-row:last-child{border-bottom:0}.next-admin-tool-row>div{display:grid}.next-admin-tool-row strong{font-size:var(--next-admin-font-size-sm)}.next-admin-tool-row span{color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)} .next-admin-plugin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.next-admin-plugin-cards>article{display:grid;align-content:start;gap:13px;min-height:190px;padding:17px;border:1px solid var(--next-admin-line);border-radius:7px;background:var(--next-admin-panel);box-shadow:var(--next-admin-shadow)}.next-admin-plugin-card-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.next-admin-plugin-card-head>span:nth-child(2){display:grid;min-width:0}.next-admin-plugin-card-head strong,.next-admin-plugin-card-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-admin-plugin-card-head strong{font-size:var(--next-admin-font-size-sm)}.next-admin-plugin-card-head small{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)}.next-admin-plugin-cards p{margin:0;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm)}.next-admin-plugin-features{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs)}.next-admin-plugin-error{padding:8px;border-radius:5px;background:var(--next-admin-danger-soft);color:var(--next-admin-danger);font-size:var(--next-admin-font-size-xs)}.next-admin-plugin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:11px;border-top:1px solid var(--next-admin-line)}.next-admin-plugin-more{position:relative}.next-admin-plugin-more summary{width:max-content;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs);font-weight:700;cursor:pointer}.next-admin-plugin-more>div{margin-top:9px;padding:9px;border-radius:5px;background:var(--next-admin-panel-alt)}.next-admin-uninstall-form{display:flex;align-items:center;justify-content:space-between;gap:12px}.next-admin-plugin-more label{display:flex;align-items:center;gap:7px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-xs)}.next-admin-plugin-more input{accent-color:var(--next-admin-accent)}.next-admin-upload{display:flex;align-items:center;gap:6px}.next-admin-upload label{position:relative;overflow:hidden}.next-admin-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.next-admin-log-message{display:block;overflow:hidden;max-width:360px;color:var(--next-admin-muted);text-overflow:ellipsis;white-space:nowrap} .next-admin-toast{position:fixed;z-index:50;right:24px;bottom:24px;max-width:360px;padding:12px 16px;border:1px solid var(--next-admin-line);border-left:4px solid var(--next-admin-accent);border-radius:6px;background:var(--next-admin-panel);box-shadow:0 14px 35px rgba(0,0,0,.18);font-size:var(--next-admin-font-size-sm);animation:next-admin-toast-in .2s ease-out}.next-admin-toast.is-leaving{opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}@keyframes next-admin-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .next-admin-empty{padding:45px 20px;color:var(--next-admin-muted);font-size:var(--next-admin-font-size-sm);text-align:center}.next-admin-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.next-admin-overlay{display:none} .next-admin-app.is-dark{--next-admin-bg:#111513;--next-admin-panel:#191e1b;--next-admin-panel-alt:#202622;--next-admin-text:#edf1ee;--next-admin-muted:#a2aaa5;--next-admin-subtle:#77807a;--next-admin-line:#2c342f;--next-admin-line-strong:#3a453e;--next-admin-accent-soft:#153a2b;--next-admin-danger-soft:#3a2020;--next-admin-warning-soft:#3c301d;--next-admin-cyan-soft:#17363d;--next-admin-command-bg:#edf1ee;--next-admin-command-hover:#fff;--next-admin-command-text:#171b19;--next-admin-shadow:0 10px 30px rgba(0,0,0,.16);color-scheme:dark}.next-admin-app.is-dark .next-admin-theme-sun{display:none}.next-admin-app.is-dark .next-admin-theme-moon{display:block} @media(max-width:1100px){.next-admin-stats{grid-template-columns:1fr 1fr}.next-admin-grid-list{grid-template-columns:1fr}.next-admin-quick-grid{grid-template-columns:1fr 1fr}.next-admin-forum-grid{grid-template-columns:1fr 1fr}.next-admin-permission-grid{grid-template-columns:1fr}.next-admin-plugin-cards{grid-template-columns:1fr}} @media(max-width:820px){.next-admin-sidebar{transform:translateX(-100%);transition:transform .22s}.next-admin-app.is-menu-open .next-admin-sidebar{transform:translateX(0)}.next-admin-brand button{display:grid}.next-admin-workspace{margin-left:0}.next-admin-menu-button{display:grid}.next-admin-overlay{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.45)}.next-admin-app.is-menu-open .next-admin-overlay{display:block}.next-admin-grid-main,.next-admin-grid-system{grid-template-columns:1fr}.next-admin-topbar{padding:0 18px}.next-admin-main{padding:28px 18px 44px}} @media(max-width:600px){.next-admin-topbar{height:66px;gap:9px}.next-admin-global-search{width:auto;min-width:0;flex:1}.next-admin-global-search kbd,.next-admin-profile>span:last-child{display:none}.next-admin-top-actions{gap:8px}.next-admin-page-head{align-items:flex-start;flex-direction:column}.next-admin-head-actions{width:100%;flex-wrap:wrap}.next-admin-page-head h1{font-size:26px}.next-admin-stats{gap:10px}.next-admin-stat{min-height:126px;padding:14px}.next-admin-stat>strong{font-size:22px}.next-admin-quick-grid,.next-admin-forum-grid,.next-admin-system-tools,.next-admin-plugin-list,.next-admin-form-grid,.next-admin-check-grid{grid-template-columns:1fr}.next-admin-quick-grid>a,.next-admin-system-tools>a,.next-admin-plugin-list>div{border-right:0}.next-admin-system-tools>a:nth-last-child(2){border-bottom:1px solid var(--next-admin-line)}.next-admin-filter{align-items:stretch;flex-direction:column}.next-admin-filter label{width:100%;min-width:0}.next-admin-filter select{width:100%}.next-admin-bulk{align-items:stretch;flex-direction:column}.next-admin-bulk>label{margin-right:0}.next-admin-bulk select,.next-admin-bulk button{width:100%}.next-admin-pagination{align-items:flex-start;flex-direction:column}.next-admin-chart{height:240px;padding-inline:12px}.next-admin-bars{gap:6px}.next-admin-panel>header{padding:0 14px}.next-admin-table th,.next-admin-table td{padding-inline:12px}.next-admin-editor{padding:16px}.next-admin-danger-zone,.next-admin-tool-row{align-items:flex-start;flex-direction:column}.next-admin-toast{right:14px;bottom:14px;left:14px}} .next-admin-filter-content{flex-wrap:wrap}.next-admin-filter-content label{min-width:220px}.next-admin-standalone-input{height:38px;min-width:120px;padding:0 10px;border:1px solid var(--next-admin-line);border-radius:5px;outline:0;background:var(--next-admin-panel-alt);color:var(--next-admin-text);font:inherit;font-size:var(--next-admin-font-size-sm)}.next-admin-standalone-input:focus{border-color:var(--next-admin-accent);box-shadow:0 0 0 3px var(--next-admin-accent-soft)}.next-admin-date-range{display:inline-flex;align-items:center;gap:6px;max-width:100%;flex:none;white-space:nowrap}.next-admin-date-range i{color:var(--next-admin-subtle);font-size:var(--next-admin-font-size-xs);font-style:normal}.next-admin-date-range .next-admin-standalone-input{width:clamp(105px,12vw,135px);min-width:0} /* online_users */ .online-users-boot{display:none}.online-users-host{position:relative;overflow:visible}.online-users-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--panel);border-radius:50%;background:var(--success);pointer-events:none}.user-avatar-big.online-users-host .online-users-dot{width:12px;height:12px}.online-users-wrap{padding:10px 14px 12px}.online-users-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.online-users-title{color:var(--text);font-size:var(--font-size-sm);font-weight:600}.online-users-count{flex:0 0 auto;padding:1px 8px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:var(--font-size-xs);font-weight:600;line-height:1.6;white-space:nowrap}.online-users-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}.online-users-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.online-users-item:hover .online-users-name{color:var(--brand)}.online-users-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--bg)}.online-users-name{max-width:44px;overflow:hidden;color:var(--text-muted);font-size:var(--font-size-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap}.online-users-more{margin-top:8px;color:var(--text-subtle);font-size:var(--font-size-xs)}.online-users-empty{color:var(--text-subtle);font-size:var(--font-size-xs)} /* paste_image_upload */ .paste-image-upload-hint{display:inline-flex;color:var(--text-subtle);font-size:11px}.paste-image-upload-toast{position:fixed;left:50%;bottom:24px;z-index:1100;transform:translateX(-50%);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--inverse);color:var(--inverse-text);font-size:var(--font-size-sm);box-shadow:0 6px 22px var(--shadow-medium)}.paste-image-upload-toast[hidden]{display:none}@media(max-width:600px){.paste-image-upload-hint{display:block}} /* poll */ .poll-create-box,.poll-card{border:1px solid var(--line);background:var(--bg);border-radius:6px;margin:10px 0} .poll-create-box{padding:10px 12px} .poll-create-details{display:grid} .poll-create-details summary{display:inline-flex;align-items:center;width:max-content;max-width:100%;color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1.4;cursor:pointer;list-style:none} .poll-create-details summary::-webkit-details-marker{display:none} .poll-create-details summary:before{content:"";width:0;height:0;margin-right:8px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease} .poll-create-details[open] summary{color:var(--text)} .poll-create-details[open] summary:before{transform:rotate(90deg)} .poll-create-inner{display:grid;gap:10px;margin-top:8px} .poll-create-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px} .poll-more-options{display:grid;grid-column:1/-1;gap:6px;margin-top:3px} .poll-more-options summary{width:max-content;max-width:100%;color:var(--brand);font-size:12px;cursor:pointer;list-style:none} .poll-more-options summary::-webkit-details-marker{display:none} .poll-more-options summary:hover{color:var(--brand-hover)} .poll-more-options-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;margin-top:6px} .poll-create-question,.poll-option-input{height:34px;padding:0 9px;border-color:var(--line);background:var(--panel);font-size:12px} .poll-create-question:focus,.poll-option-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus-ring)} .poll-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .poll-control-card{display:grid;align-content:center;gap:5px;min-width:0;min-height:48px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text-muted);font-size:11px;line-height:1.3} .poll-control-card:focus-within{border-color:var(--brand-soft);background:var(--success-soft)} .poll-control-toggle{grid-template-columns:14px minmax(0,1fr);align-items:center;cursor:pointer} .poll-control-toggle input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--brand)} .poll-control-toggle span{color:var(--text);font-size:12px} .poll-control-number input[type=number]{width:100%;height:26px;padding:0 6px;border-color:var(--line);font-size:12px} .poll-note{color:var(--text-muted);font-size:12px} .poll-card{grid-column:1/-1;width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 4px 14px var(--shadow-medium)} .poll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px 8px} .poll-kicker{margin-bottom:1px;color:var(--brand);font-size:11px;font-weight:700;line-height:1.3} .poll-status{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:700;white-space:nowrap} .poll-body{display:grid;gap:6px;padding:0 12px 10px} .poll-form{display:grid;gap:6px} .poll-choice{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;padding:6px 0;color:var(--text);cursor:pointer} .poll-choice+.poll-choice{border-top:1px solid var(--line-soft)} .poll-choice:hover{background:transparent;color:var(--text)} .poll-choice input{position:absolute;opacity:0;pointer-events:none} .poll-choice-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 3px var(--panel)} .poll-choice.multi .poll-choice-mark{border-radius:4px} .poll-choice input:checked+.poll-choice-mark{border-color:var(--brand);background:var(--brand)} .poll-choice:has(input:checked){color:var(--text)} .poll-choice.disabled{cursor:default;color:var(--text)} .poll-choice.disabled:hover{background:transparent} .poll-choice-text{min-width:0;word-break:break-word;overflow-wrap:anywhere} .poll-result-row{display:grid;gap:5px;padding:6px 0} .poll-result-row+.poll-result-row{border-top:1px solid var(--line-soft)} .poll-result-row.selected{background:transparent} .poll-result-top{display:flex;align-items:center;justify-content:space-between;gap:10px} .poll-result-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text);font-weight:400;word-break:break-word;overflow-wrap:anywhere} .poll-picked{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:700;white-space:nowrap} .poll-result-count{flex:0 0 auto;color:var(--text-muted);font-size:12px;white-space:nowrap} .poll-bar{height:6px;background:var(--line);border-radius:999px;overflow:hidden} .poll-bar span{display:block;height:100%;border-radius:999px;background:var(--brand)} .poll-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:0 12px 10px;color:var(--text-muted);font-size:12px} .poll-foot-main{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .poll-submit-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px} .poll-submit-row button,.poll-login-link,.poll-admin-action button{width:auto} .poll-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-sm,4px);background:var(--brand);color:var(--inverse-text);font-weight:600} .poll-login-link:hover{background:var(--brand-hover);color:var(--inverse-text)} .poll-closed{color:var(--warning)} .poll-admin-row{grid-template-columns:minmax(0,1fr) auto}.poll-admin-row .admin-row-meta span{min-width:0;overflow-wrap:anywhere} @media(max-width:720px){.poll-admin-row{grid-template-columns:minmax(0,1fr)}.poll-admin-row .admin-inline-ops{grid-column:1;justify-content:flex-start;margin-left:0}} @media (max-width:640px){.poll-create-box{margin:8px 0;padding:8px 10px}.poll-create-details summary,.poll-more-options summary{min-height:28px;display:inline-flex;align-items:center}.poll-create-details summary:before{flex:0 0 auto}.poll-create-options,.poll-more-options-body{grid-template-columns:1fr}.poll-create-question,.poll-option-input{width:100%;max-width:none;height:34px;font-size:13px}.poll-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.poll-control-card{min-height:46px;padding:6px 8px}.poll-card{margin:8px 0;box-shadow:0 3px 10px var(--shadow-medium)}.poll-head{display:grid;gap:4px;padding:9px 10px 7px}.poll-status{justify-self:start;min-height:0;padding:0;background:transparent;color:var(--text-subtle);font-size:11px;font-weight:400}.poll-body{padding:0 10px 9px}.poll-choice{grid-template-columns:16px minmax(0,1fr);gap:7px;min-height:34px}.poll-result-row{gap:4px}.poll-result-top{display:grid;gap:3px}.poll-result-title{display:block}.poll-picked{margin-left:0;margin-top:4px}.poll-result-count{justify-self:start;font-size:11px}.poll-foot{display:grid;gap:7px;padding:0 10px 9px}.poll-login-link{width:100%}.poll-submit-row{display:grid;gap:7px}.poll-submit-row button{width:100%;justify-self:stretch}} .poll-control-toggle{grid-template-columns:38px minmax(0,1fr)} .poll-control-toggle input[type=checkbox]{width:38px;height:22px;margin:0;padding:0} .topic-badge.poll-vote{background:var(--brand-soft);color:var(--brand)} /* post_date_badge */ .post-date-badge{font-size:var(--font-size-xxs);color:var(--text-subtle);font-variant-numeric:tabular-nums}.post-info .post-date-badge{margin-left:8px}.post-meta .post-date-badge{margin-left:6px} /* post_edit_time_plus */ .post-edit-time-plus-note{margin-top:14px;padding-top:10px;border-top:1px dashed var(--line);color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5}.post-edit-time-plus-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.post-edit-time-plus-note a:hover{color:var(--brand)}.post-edit-time-plus-rel{position:relative;cursor:default;outline:none}.post-edit-time-plus-tip{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:block;padding:4px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);box-shadow:var(--shadow-medium);font-size:var(--font-size-xs);line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:var(--transition-normal)}.post-edit-time-plus-rel:hover .post-edit-time-plus-tip,.post-edit-time-plus-rel:focus .post-edit-time-plus-tip,.post-edit-time-plus-rel:focus-visible .post-edit-time-plus-tip{opacity:1;visibility:visible}.post-edit-time-plus-meta{margin-left:8px;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5}.post-edit-time-plus-meta a{color:inherit;text-decoration:underline;text-underline-offset:2px}.post-edit-time-plus-meta a:hover{color:var(--brand)}.post-edit-time-plus-fieldset{border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:10px 14px}.post-edit-time-plus-fieldset>legend{font-weight:600;color:var(--text-subtle);padding:0 6px}.post-edit-time-plus-rules{width:100%;border-collapse:collapse;margin-top:6px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-edit-time-plus-rules th,.post-edit-time-plus-rules td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}.post-edit-time-plus-rules th{color:var(--text-subtle);font-weight:600}.post-edit-time-plus-rule{width:120px}.post-edit-time-plus-rule-disabled{opacity:.45;background:var(--line-soft);cursor:not-allowed}.post-edit-time-plus-inline{display:inline-flex;align-items:center;gap:6px;color:var(--text-subtle);font-size:var(--font-size-sm)}.post-edit-time-plus-rules td:last-child{white-space:nowrap} /* post_signature */ .post-signature-settings{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.post-signature-settings h3,.post-signature-settings p{margin:0}.post-signature-settings p{color:var(--text-muted);font-size:var(--font-size-sm)}.post-signature-settings form{display:grid;gap:10px}.post-signature-settings textarea{width:100%;max-width:none;min-height:110px}.post-signature{grid-column:1/-1}.post-signature-content{grid-column:1/-1;margin:12px 0 0;padding:10px 0 0;border-top:1px dashed var(--line);color:var(--text-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere}.post-signature-content,.post-signature-content *{font-weight:400!important}.post-signature-content>:first-child{margin-top:0}.post-signature-content>:last-child{margin-bottom:0}.post-signature-content ul,.post-signature-content ol{margin-top:4px;margin-bottom:4px}.post-signature-content blockquote{border-left:3px solid var(--line);padding-left:10px;color:var(--text-muted)}.post-signature-ico{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:var(--text-muted)}.post-signature-tag{display:inline-flex;align-items:center;gap:3px;margin-right:8px;padding:0 8px;height:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs);line-height:1;text-decoration:none;vertical-align:middle;white-space:nowrap}.post-signature-rows>.post-signature-tag{margin-right:-6px}.post-signature-tag:hover{border-color:var(--brand);color:var(--brand)}.post-signature-tag:hover .post-signature-ico{color:var(--brand)}.post-signature-rows{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:center}.post-signature-rows.post-signature-stacked{display:block}.post-signature-line{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.post-signature-more{display:none}.post-signature-rows.is-expanded .post-signature-more{display:inline}.post-signature-rows.post-signature-stacked.is-expanded .post-signature-more{display:block}.post-signature-toggle{margin-left:8px;padding:0 8px;height:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--brand);font-size:var(--font-size-xs);line-height:18px;cursor:pointer}.post-signature-toggle:hover{border-color:var(--brand)} /* profile_visits */ .profile-visits-box{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel)}.profile-visits-label{color:var(--text-muted);font-size:var(--font-size-sm)}.profile-visits-box b{color:var(--brand);font-size:var(--font-size-md)} /* promo_ads */ /* 侧栏定位：广告卡片固定在个人中心卡片之后。 侧栏是 grid，nav_panel 等插件用 order 重排卡片（user-card -2 / nav-panel-card -1）， 这里用更高优先级把 user-card 压到 -3、广告卡片放到 -2， 这样无论其它插件往哪里插入卡片，广告位都稳定显示在个人中心下面。 */ .sidebar > .card.user-card{order:-3} .sidebar > .card.promo-ads-card{order:-2} @media (max-width:600px){ .profile-mobile-sidebar:not(.profile-mobile-sidebar-own) .sidebar > .card.user-card{order:-3} .profile-mobile-sidebar:not(.profile-mobile-sidebar-own) .sidebar > .card.promo-ads-card{order:-2} } .promo-ads-panel-section{scroll-margin-top:72px} /* 卡片标题与右侧链接统一使用站点标准字号（--font-size-sm / --font-size-xs）， 与 .quick-title、leaderboard-card 等侧栏卡片一致；标题不换行，空间不足时链接整行下移。 */ .promo-ads-card .promo-ads-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px} .promo-ads-head-links{display:flex;align-items:center;gap:8px;flex:0 0 auto} .promo-ads-title{display:flex;align-items:center;gap:7px;min-width:0;font-size:var(--font-size-sm);font-weight:700;color:var(--text);line-height:1.3;white-space:nowrap} .promo-ads-badge{display:inline-flex;flex:0 0 auto} .promo-ads-badge svg{width:16px;height:16px;display:block;color:var(--text-muted)} .promo-ads-card .promo-ads-more{color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap;text-decoration:none} .promo-ads-card .promo-ads-more:hover{color:var(--brand)} .promo-ads-grid{display:grid;gap:8px;margin-bottom:8px} .promo-ads-grid:last-child{margin-bottom:0} .promo-ads-grid-text{grid-template-columns:1fr 1fr} .promo-ads-cell{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;box-sizing:border-box;border:1px dashed var(--line);border-radius:10px;font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none;text-align:center;word-break:break-word;overflow:hidden} a.promo-ads-cell:hover{border-color:var(--brand);color:var(--brand);filter:brightness(.98)} .promo-ads-cell-image{border-style:solid;padding:8px;background:var(--panel);min-height:64px} .promo-ads-cell-image img{display:block;width:100%;height:100%;min-height:48px;max-height:80px;object-fit:contain} /* 文字格子保持单行：侧栏每行两列，格子内宽约 79px，5 字以内不折行， 超过部分隐藏并以 title 提示完整标题，避免广告标题把格子撑成两行。 */ .promo-ads-cell-text{border-style:solid;border-color:transparent;font-weight:600;font-size:var(--font-size-sm);min-height:40px;padding:6px 8px;border-radius:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:clip} .promo-ads-cell-pending,.promo-ads-cell-locked{cursor:default;color:var(--text-subtle)} .promo-ads-cell-locked{opacity:.7} .promo-ads-slot{display:flex;flex-direction:column;gap:4px;min-width:0} .promo-ads-expire{font-size:var(--font-size-xs);color:var(--text-subtle)} .promo-ads-panel{padding:16px} .promo-ads-panel-head{margin-bottom:12px} .promo-ads-panel-head h2{margin:0 0 4px;font-size:var(--font-size-lg)} .promo-ads-sub{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)} .promo-ads-page-head h1{margin:0 0 4px;font-size:var(--font-size-xl)} .promo-ads-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap} .promo-ads-entry-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap} @media (max-width:600px){ .promo-ads-entry-links{width:100%} .promo-ads-head-links{gap:8px} } .promo-ads-grid-page-image{grid-template-columns:1fr} .promo-ads-grid-page-text{grid-template-columns:repeat(3,1fr)} .promo-ads-grid-page-image .promo-ads-cell{min-height:88px} .promo-ads-grid-page-image .promo-ads-cell-image img{max-height:120px;min-height:88px} .promo-ads-buy-form .promo-ads-field,.promo-ads-renew .promo-ads-field{margin:12px 0} .promo-ads-field-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin-bottom:6px} .promo-ads-durations{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px} .promo-ads-dur{position:relative;display:block;margin:0;min-width:0} .promo-ads-dur input{position:absolute;opacity:0;pointer-events:none} .promo-ads-dur span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);border-radius:10px;font-size:var(--font-size-sm);color:var(--text);cursor:pointer;text-align:center;white-space:nowrap;transition:all .15s ease} .promo-ads-dur small{font-size:var(--font-size-xs);color:var(--text-subtle)} .promo-ads-dur input:checked + span{background:var(--inverse);border-color:var(--inverse);color:var(--inverse-text)} .promo-ads-dur input:checked + span small{color:var(--inverse-text);opacity:.75} .promo-ads-dur input:focus-visible + span{outline:2px solid var(--brand)} .promo-ads-price-tip{display:block;margin-top:6px;color:var(--text-muted)} .promo-ads-note{margin:12px 0;padding:10px 12px;background:var(--bg);border:1px dashed var(--line);border-radius:10px;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.8} .promo-ads-current-image{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:10px;border:1px solid var(--line-soft);border-radius:12px;background:var(--bg)} .promo-ads-current-image img{display:block;width:100%;max-width:220px;max-height:56px;object-fit:contain;border-radius:8px;background:var(--panel)} .promo-ads-current-tip{font-size:var(--font-size-xs);color:var(--text-subtle)} .promo-ads-file input[type=file]{width:100%;padding:8px;box-sizing:border-box;border:1px dashed var(--line);border-radius:10px;background:var(--bg);color:var(--text-muted);font:inherit;font-size:var(--font-size-sm)} .promo-ads-file input[type=file]::file-selector-button{margin-right:10px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--brand-soft);color:var(--brand);font:inherit;cursor:pointer} .promo-ads-colors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end;margin:12px 0} .promo-ads-color-item label.grid{margin:0} .promo-ads-preview-wrap .promo-ads-field-label{margin-bottom:6px} .promo-ads-preview{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);font-size:var(--font-size-sm);font-weight:600;color:#0f172a;background:#f8fafc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .promo-ads-renew{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap} .promo-ads-renew .promo-ads-field{margin:0;min-width:0;flex:1 1 240px} .promo-ads-renew button{align-self:flex-end;margin-bottom:2px} .promo-ads-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:var(--font-size-xs);line-height:1.6;vertical-align:middle} .promo-ads-tag-pending{color:var(--warning);background:var(--warning-soft,var(--bg))} .promo-ads-tag-active{color:var(--success);background:var(--success-soft,var(--bg))} .promo-ads-tag-auto{color:var(--brand);background:var(--brand-soft)} .promo-ads-auto{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:var(--font-size-sm);color:var(--text);cursor:pointer} .promo-ads-auto input{margin-top:3px} .promo-ads-auto small{width:100%;color:var(--text-subtle)} .promo-ads-bid-form{display:inline-flex;align-items:center;gap:6px} .promo-ads-bid-form input{width:96px;min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);box-sizing:border-box} .promo-ads-leading{color:var(--success);font-weight:600} .promo-ads-mini{display:inline-block;max-width:180px;padding:2px 8px;border-radius:6px;font-size:var(--font-size-xs);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .promo-ads-mini-image img{display:block;max-width:180px;max-height:28px;border-radius:4px} .promo-ads-edit{display:block;width:100%} .promo-ads-edit summary{cursor:pointer;color:var(--brand);font-size:var(--font-size-sm);white-space:nowrap} .promo-ads-edit .form-panel{margin-top:10px} /* 我的广告：续费表单和“修改广告”整行铺开，避免和标题挤在一行导致错位 */ li.promo-ads-mine-item{align-items:start;row-gap:10px} li.promo-ads-mine-item .admin-inline-ops{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%;margin:0;overflow:visible} .promo-ads-mine-item .promo-ads-renew{flex:1 1 100%;width:100%} .promo-ads-mine-item .promo-ads-edit{flex:1 1 100%;width:100%} .promo-ads-mine-item .promo-ads-renew .promo-ads-field{margin:0} .promo-ads-mine-item .promo-ads-renew button{align-self:flex-end;margin-bottom:0} .promo-ads-op{font-size:var(--font-size-sm);color:var(--brand);text-decoration:none;white-space:nowrap} .promo-ads-op-none{color:var(--text-disabled)} .promo-ads-admin .admin-list-panel,.promo-ads-panel-section{margin-top:16px} @media (max-width:720px){ .promo-ads-grid-page-text{grid-template-columns:1fr 1fr} .promo-ads-durations{grid-template-columns:1fr 1fr} .promo-ads-colors{grid-template-columns:1fr} } /* promo_links */ /* 侧栏定位：个人信息栏 / 推广广告位两张卡片本身带负 order，本组件靠 is-top 挤到它们后面 */.sidebar > .card.user-card{order:-3}.sidebar > .promo-links-widget.is-top,.sidebar > .card.promo-links-card.is-top{order:-2}@media (max-width:600px){.profile-mobile-sidebar:not(.profile-mobile-sidebar-own) .sidebar > .card.user-card{order:-3}.profile-mobile-sidebar:not(.profile-mobile-sidebar-own) .sidebar > .promo-links-widget.is-top,.profile-mobile-sidebar:not(.profile-mobile-sidebar-own) .sidebar > .card.promo-links-card.is-top{order:-2}}/* 推广条本体：固定高 40px（内容为绝对定位，必须显式给高度否则会塌成两条细线）、圆角跟随主题、描边取按钮色 39% 透明度 */.promo-links-widget,.promo-links-items{display:flex;flex-direction:column;gap:8px}.promo-links-item{position:relative;display:block;height:40px;overflow:hidden;font-size:var(--font-size-sm);line-height:40px;border:1px solid var(--pl-border,var(--line));border-radius:var(--radius);background:var(--panel);transition:border-color .3s}.promo-links-item:hover,.promo-links-item:focus-within{border-color:var(--pl-color,var(--brand))}.promo-links-link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius)}.promo-links-text{display:block;padding:0 112px 0 14px;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.promo-links-btn{position:absolute;top:-1px;right:-1px;bottom:-1px;display:flex;align-items:center;justify-content:center;width:100px;overflow:hidden;color:#fff;background:var(--pl-color,var(--brand));border-radius:0 var(--radius) var(--radius) 0;white-space:nowrap;transition:width .3s}.promo-links-item:hover .promo-links-btn,.promo-links-item:focus-within .promo-links-btn{width:116px}@media (max-width:600px){.promo-links-text{padding-right:104px}.promo-links-btn{width:92px}.promo-links-item:hover .promo-links-btn,.promo-links-item:focus-within .promo-links-btn{width:108px}}/* 填写卡片标题时才有的外框 */.promo-links-card .promo-links-wrap{padding:14px}.promo-links-title{margin-bottom:12px;color:var(--text);font-size:var(--font-size-md);font-weight:700}/* 后台 */.promo-links-admin-layout{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.promo-links-admin-layout>form{flex:1 1 380px;min-width:280px}.promo-links-preview{flex:0 0 260px;max-width:100%;padding:14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}.promo-links-preview-title{margin-bottom:12px;color:var(--text-subtle);font-size:var(--font-size-sm)}.promo-links-preview-empty{margin:0 0 10px;color:var(--text-subtle);font-size:var(--font-size-sm)}.promo-links-admin{display:grid;gap:10px}.promo-links-admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)}.promo-links-admin-name{flex:1 1 150px;min-width:0}.promo-links-admin-url{flex:2 1 220px;min-width:0}.promo-links-admin-color{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.promo-links-admin-color input[type=color]{width:34px;height:28px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer}.promo-links-admin-swatches{display:inline-flex;align-items:center;gap:4px}/* 必须显式压掉主题全局 .btn,button 的 min-height:32px，否则 16px 方块会被撑成竖向椭圆 */.promo-links-admin-swatch{display:block;flex:0 0 auto;width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;padding:0;border:1px solid var(--line);border-radius:50%;box-sizing:border-box;cursor:pointer;line-height:0}.promo-links-admin-flag{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.promo-links-admin-move{display:inline-flex;gap:4px}.promo-links-admin-move button,.promo-links-admin-del{padding:3px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer}.promo-links-admin-del{color:var(--danger)}.promo-links-admin-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.promo-links-admin-add{padding:6px 12px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);cursor:pointer}.promo-links-admin-tip{color:var(--text-subtle);font-size:var(--font-size-xs)}/* 点击收藏时的快捷键轻提示（键帽样式） */.promo-links-hint{position:fixed;left:50%;bottom:24px;display:flex;align-items:center;gap:6px;transform:translateX(-50%);z-index:9999;max-width:90vw;padding:9px 16px;border-radius:var(--radius,8px);background:rgba(0,0,0,.82);color:#fff;font-size:var(--font-size-sm,13px);box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .25s}.promo-links-hint.is-show{opacity:1}.promo-links-hint kbd{display:inline-block;min-width:22px;padding:1px 7px;border:1px solid rgba(255,255,255,.5);border-bottom-width:2px;border-radius:4px;background:rgba(255,255,255,.16);color:#fff;font:inherit;font-size:12px;line-height:18px;text-align:center}.promo-links-hint-plus{opacity:.7;font-size:12px}.promo-links-hint-text{margin-left:2px;white-space:nowrap} /* quick_reply */ .quick-reply-main-action{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:10px} .quick-reply-main-action[hidden]{display:none} .quick-reply-home .quick-reply-main-action{width:100%} .quick-reply-main-action input{box-sizing:border-box;min-width:0;flex:1;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm);cursor:text} .quick-reply-main-action input:focus,.quick-reply-home input:focus{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px} .quick-reply-main-action button{flex:0 0 auto;min-height:34px;padding:0 14px;border:1px solid var(--brand);border-radius:4px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);cursor:pointer} .quick-reply-main-action button:hover{background:var(--brand-hover);border-color:var(--brand-hover)} .quick-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px} .quick-reply-mention{color:var(--brand);font-size:var(--font-size-sm);text-decoration:none} .quick-reply-mention:hover{text-decoration:underline} .quick-reply-home{display:flex;align-items:center;justify-content:center;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none} .quick-reply-home[hidden]{display:none} .topic-post-list .post-entry.quick-reply-host-before{grid-template-areas:"avatar body" "content content" "quick-reply-slot quick-reply-slot"} .topic-post-list .post-entry.quick-reply-host-before.has-title{grid-template-areas:"title title" "avatar body" "content content" "quick-reply-slot quick-reply-slot"} .quick-reply-slot{grid-area:quick-reply-slot;min-width:0;margin:10px 0} .quick-reply-slot .reply-panel{margin:0} .topic-post-list .quick-reply-new-reply{margin:10px 0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)} .quick-reply-collapse{margin-left:auto;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.4;text-align:right;cursor:pointer} /* red_packet_wechat */ .red-packet-wechat-badge{display:inline-flex;align-items:center;gap:4px;min-height:20px;margin-left:6px;padding:1px 9px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:middle}.red-packet-wechat-badge.red-packet-wechat-badge-active{background:var(--danger);color:#fff}.red-packet-wechat-badge.red-packet-wechat-badge-finished{background:var(--line-soft);color:var(--text-muted)}.red-packet-wechat-badge-icon{width:12px;height:9px;flex:none}.red-packet-wechat-compose{margin-bottom:12px}.red-packet-wechat-compose-details{border:1px solid var(--line);border-radius:var(--radius)}.red-packet-wechat-compose-details>summary{padding:10px 16px;cursor:pointer;font-weight:600;font-size:var(--font-size-sm);color:var(--text);background:var(--panel);user-select:none}.red-packet-wechat-compose-body{padding:14px 16px;display:grid;gap:12px}.red-packet-wechat-compose-enable{margin-right:8px;vertical-align:middle}.red-packet-wechat-compose-toggle{display:inline-flex;align-items:center;font-size:var(--font-size-sm);cursor:pointer}.red-packet-wechat-compose-grid{display:none;gap:12px}.red-packet-wechat-compose-enable:checked~.red-packet-wechat-compose-grid{display:grid}.red-packet-wechat-compose-grid .grid{display:grid;gap:4px}.red-packet-wechat-compose-grid .grid span{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600}.red-packet-wechat-compose-grid input,.red-packet-wechat-compose-grid select{min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);box-sizing:border-box}.red-packet-wechat-compose-grid input:disabled,.red-packet-wechat-compose-grid select:disabled{opacity:.55;cursor:not-allowed}.red-packet-wechat-compose-note{margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xs)}.red-packet-wechat-card-wrapper{--red-packet-wechat-red:#e2513f;--red-packet-wechat-red-deep:#c93a2a;--red-packet-wechat-red-light:#f47a63;--red-packet-wechat-gold:#f8dc96;--red-packet-wechat-gold-deep:#e0b34a;--red-packet-wechat-gold-text:#8f4a17;--red-packet-wechat-width:340px;--red-packet-wechat-cover-ratio:.68;--red-packet-wechat-seal-size:78px;--red-packet-wechat-seal-text-size:27px;--red-packet-wechat-amount-size:40px;--red-packet-wechat-late-size:17px;--red-packet-wechat-from-size:15px;--red-packet-wechat-bless-size:22px;--red-packet-wechat-fu-size:160px;--red-packet-wechat-pad-x:20px;--red-packet-wechat-cover-pad-top:44px;--red-packet-wechat-cover-pad-bottom:40px;--red-packet-wechat-bottom-pad:56px;--red-packet-wechat-gap:20px;--red-packet-wechat-lip:22px;--red-packet-wechat-lip-radius:40px;--red-packet-wechat-detail-pad:18px;--red-packet-wechat-ease:cubic-bezier(.22,.61,.36,1);width:var(--red-packet-wechat-width);max-width:100%;margin:0 0 18px}@media(max-width:720px){.red-packet-wechat-card-wrapper{margin-left:auto;margin-right:auto}}@media(max-width:420px){.red-packet-wechat-card-wrapper{--red-packet-wechat-width:100%;--red-packet-wechat-cover-ratio:.74;--red-packet-wechat-pad-x:14px;--red-packet-wechat-cover-pad-top:26px;--red-packet-wechat-cover-pad-bottom:24px;--red-packet-wechat-bottom-pad:40px;--red-packet-wechat-gap:12px;--red-packet-wechat-lip:16px;--red-packet-wechat-lip-radius:28px;--red-packet-wechat-detail-pad:14px;--red-packet-wechat-seal-size:64px;--red-packet-wechat-seal-text-size:22px;--red-packet-wechat-amount-size:32px;--red-packet-wechat-late-size:15px;--red-packet-wechat-bless-size:19px;--red-packet-wechat-fu-size:120px;margin:0 0 14px}}.red-packet-wechat-card-wrapper,.red-packet-wechat-card-wrapper *{box-sizing:border-box}.red-packet-wechat-env{position:relative;width:100%;border-radius:14px;overflow:hidden;background:var(--red-packet-wechat-red);box-shadow:0 6px 20px var(--shadow-medium);transition:height .45s var(--red-packet-wechat-ease)}.red-packet-wechat-cover{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--red-packet-wechat-cover-ratio);text-align:center;background:linear-gradient(180deg,var(--red-packet-wechat-red) 0%,var(--red-packet-wechat-red-deep) 100%);transition:opacity .28s ease,transform .4s var(--red-packet-wechat-ease)}.red-packet-wechat-cover::before{content:"福";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:.06;font-size:var(--red-packet-wechat-fu-size);font-weight:700;font-family:"STKaiti","KaiTi","SimSun",serif;line-height:1;pointer-events:none}.red-packet-wechat-cover-art{position:absolute;left:0;right:0;top:0;height:66%;overflow:hidden;opacity:.34;pointer-events:none}.red-packet-wechat-cover-art img{display:block;width:100%;height:100%;object-fit:cover}.red-packet-wechat-cover-top{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--red-packet-wechat-cover-pad-top) var(--red-packet-wechat-pad-x) var(--red-packet-wechat-cover-pad-bottom);min-width:0}.red-packet-wechat-cover-sender{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.red-packet-wechat-cover-avatar{background:rgba(255,255,255,.25);box-shadow:0 0 0 1.5px rgba(255,255,255,.55)}.red-packet-wechat-cover-from{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.92);font-size:var(--red-packet-wechat-from-size);font-weight:600}.red-packet-wechat-cover-bless{margin:var(--red-packet-wechat-gap) 0 0;color:var(--red-packet-wechat-gold);font-size:var(--red-packet-wechat-bless-size);font-weight:700;line-height:1.4;word-break:break-word;text-shadow:0 1px 2px rgba(120,20,5,.28)}.red-packet-wechat-cover-type{display:inline-block;align-self:center;margin-top:var(--red-packet-wechat-gap);padding:2px 10px;border-radius:999px;max-width:100%;background:rgba(255,255,255,.16);color:rgba(255,255,255,.9);font-size:var(--font-size-xxs);font-weight:600}.red-packet-wechat-cover-bottom{position:relative;z-index:1;flex:none;margin-top:calc(var(--red-packet-wechat-lip) * -1);padding:0 var(--red-packet-wechat-pad-x) var(--red-packet-wechat-bottom-pad);background:var(--red-packet-wechat-red-light);border-radius:50% 50% 0 0/var(--red-packet-wechat-lip-radius) var(--red-packet-wechat-lip-radius) 0 0}.red-packet-wechat-seal{display:flex;align-items:center;justify-content:center;width:var(--red-packet-wechat-seal-size);height:var(--red-packet-wechat-seal-size);margin:calc(var(--red-packet-wechat-seal-size) * -.44) auto 0;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff3cd,var(--red-packet-wechat-gold) 46%,var(--red-packet-wechat-gold-deep));color:var(--red-packet-wechat-gold-text);cursor:pointer;user-select:none;box-shadow:0 4px 12px rgba(120,20,5,.34),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -2px 4px rgba(0,0,0,.16);transition:transform .2s ease,opacity .2s ease;animation:red-packet-wechat-glow 2.2s ease-in-out infinite}@keyframes red-packet-wechat-glow{0%,100%{box-shadow:0 4px 12px rgba(120,20,5,.34),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -2px 4px rgba(0,0,0,.16),0 0 0 0 rgba(248,220,150,.6)}50%{box-shadow:0 4px 12px rgba(120,20,5,.34),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -2px 4px rgba(0,0,0,.16),0 0 0 9px rgba(248,220,150,0)}}.red-packet-wechat-seal:hover{transform:scale(1.06);background:radial-gradient(circle at 32% 28%,#fff3cd,var(--red-packet-wechat-gold) 46%,var(--red-packet-wechat-gold-deep));color:var(--red-packet-wechat-gold-text)}.red-packet-wechat-seal:active{transform:scale(.94)}.red-packet-wechat-seal:focus-visible{outline:2px solid #fff;outline-offset:3px}.red-packet-wechat-seal-done{background:radial-gradient(circle at 32% 28%,#f6ead0,#e3cfa4 46%,#c9ae78);animation:none}.red-packet-wechat-seal-text{font-size:var(--red-packet-wechat-seal-text-size);font-weight:900;letter-spacing:1px;line-height:1}.red-packet-wechat-seal.red-packet-wechat-is-spinning{pointer-events:none;animation:red-packet-wechat-spin .7s linear infinite}@keyframes red-packet-wechat-spin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.red-packet-wechat-cover-hint{margin:12px 0 0;color:rgba(255,255,255,.85);font-size:var(--font-size-xs)}.red-packet-wechat-detail{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--red-packet-wechat-cover-ratio);padding:var(--red-packet-wechat-detail-pad) var(--red-packet-wechat-pad-x) 10px;background:var(--panel);transform:translateY(100%);opacity:0;transition:transform .45s var(--red-packet-wechat-ease),opacity .25s ease}.red-packet-wechat-env.red-packet-wechat-is-open .red-packet-wechat-cover{position:absolute;left:0;right:0;top:0;opacity:0;transform:scale(.96);pointer-events:none}.red-packet-wechat-env.red-packet-wechat-is-revealed .red-packet-wechat-detail{transform:translateY(0);opacity:1}.red-packet-wechat-env.red-packet-wechat-is-done .red-packet-wechat-cover{display:none}.red-packet-wechat-card-wrapper [hidden]{display:none}.red-packet-wechat-detail-head{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.red-packet-wechat-detail-avatar{background:var(--line-soft)}.red-packet-wechat-detail-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--font-size-md);font-weight:700}.red-packet-wechat-detail-bless{color:var(--text-subtle);font-size:var(--font-size-xs)}.red-packet-wechat-detail-amount{display:flex;align-items:baseline;justify-content:center;gap:5px;padding:18px 0 2px;color:var(--warning)}.red-packet-wechat-detail-amount b{font-size:var(--red-packet-wechat-amount-size);line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.red-packet-wechat-detail-amount span{font-size:var(--font-size-sm);font-weight:600}.red-packet-wechat-detail-tip{margin:6px 0 0;color:var(--text-subtle);font-size:var(--font-size-xs);text-align:center}.red-packet-wechat-detail-late{padding:26px 8px 20px;color:var(--text-muted);font-size:var(--red-packet-wechat-late-size);font-weight:700;text-align:center;line-height:1.5}.red-packet-wechat-detail-stat{margin-top:14px;padding:9px 2px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xs)}.red-packet-wechat-detail-stat b{font-weight:700;color:var(--text)}.red-packet-wechat-detail-list{list-style:none!important;margin:0!important;padding:0!important;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.red-packet-wechat-record{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line-soft);list-style:none!important;margin:0!important}.red-packet-wechat-record:last-child{border-bottom:none}.red-packet-wechat-record-avatar{background:var(--line-soft)}.red-packet-wechat-record-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.red-packet-wechat-record-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--font-size-sm);font-weight:600;line-height:1.3}.red-packet-wechat-record-time{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.3}.red-packet-wechat-record-amount{display:flex;align-items:center;gap:6px;flex:none;color:var(--text);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.red-packet-wechat-record-amount b{font-weight:700}.red-packet-wechat-record-best{padding:1px 6px;border-radius:3px;background:var(--warning-soft);color:var(--warning);font-style:normal;font-size:var(--font-size-xxs);font-weight:600;white-space:nowrap}.red-packet-wechat-record-me .red-packet-wechat-record-name{color:var(--warning)}.red-packet-wechat-record-empty{padding:22px 2px;color:var(--text-subtle);font-size:var(--font-size-xs);text-align:center;list-style:none!important;margin:0!important}.red-packet-wechat-refund{display:flex;justify-content:center;padding:10px 0 0}.red-packet-wechat-refund-btn{min-height:28px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.red-packet-wechat-refund-btn:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.red-packet-wechat-refund-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.red-packet-wechat-env,.red-packet-wechat-cover,.red-packet-wechat-detail{transition:none}.red-packet-wechat-seal,.red-packet-wechat-seal.red-packet-wechat-is-spinning{animation:none}}.red-packet-wechat-admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.red-packet-wechat-admin-card{display:grid;gap:4px;padding:16px;border-radius:var(--radius);background:var(--panel);text-align:center}.red-packet-wechat-admin-card span{font-size:var(--font-size-xs);color:var(--text-muted)}.red-packet-wechat-admin-card strong{font-size:var(--font-size-xl);font-weight:700}.red-packet-wechat-group-checks{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.red-packet-wechat-group-check{display:flex;align-items:center;gap:5px;font-size:var(--font-size-sm);cursor:pointer}.red-packet-wechat-group-check input[type="checkbox"]{accent-color:var(--danger)}.red-packet-wechat-form{display:grid;gap:16px}.red-packet-wechat-form .grid{display:grid;gap:6px}.red-packet-wechat-form .grid>span{font-weight:600;font-size:var(--font-size-sm)}.red-packet-wechat-form .grid>span small{display:block;margin-top:2px;font-weight:400;color:var(--text-muted)}.red-packet-wechat-form button{justify-self:start;min-width:120px;min-height:38px;padding:0 20px;border:none;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.red-packet-wechat-note{color:var(--text-muted);font-size:var(--font-size-sm)} /* reg_agreement */ .reg-agreement-page{max-width:720px;margin:auto}.reg-agreement-line{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--font-size-sm)}.reg-agreement-line a{color:var(--brand)} /* reply_quote_nest */ /* 子帖（引用了他人楼层的回帖）缩进挂接到被引用楼层下方 */ .topic-post-list>.post-entry.reply-quote-nest-child{position:relative;margin-left:34px} /* 样式一：缩进 + 左侧连线 */ .topic-post-list>.post-entry.reply-quote-nest-child.reply-quote-nest-style-line{padding:9px 0 10px 13px;border-left:1px solid var(--line-soft)} .topic-post-list>.post-entry.reply-quote-nest-child.reply-quote-nest-style-line::before{position:absolute;top:18px;left:-1px;width:9px;border-top:1px solid var(--line-soft);content:""} /* 样式二：缩进 + 卡片边框 */ .topic-post-list>.post-entry.reply-quote-nest-child.reply-quote-nest-style-card{padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius-sm);background:var(--bg)} /* 同一讨论串内部不再重复画分隔线，只在串尾收口 */ .topic-post-list>.post-entry.reply-quote-nest-thread-item{border-bottom:0} .topic-post-list>.post-entry.reply-quote-nest-thread-end{border-bottom:1px solid var(--line)} /* 引用标记：↳回复 #N */ .reply-quote-nest-reference{display:inline-flex;align-items:center;gap:3px;margin-left:6px;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap} .reply-quote-nest-reference::before{color:var(--text-subtle);content:"↳";font-size:14px;line-height:1} .reply-quote-nest-cross-page .reply-quote-nest-reference::after{color:var(--text-subtle);content:"· 跨页";font-weight:400} /* 讨论串折叠 */ .topic-post-list>.post-entry.reply-quote-nest-is-collapsed{display:none} .reply-quote-nest-toggle-row{display:flex;align-items:center;margin:0 0 8px 34px;padding:6px 0 8px 13px;border-left:1px solid var(--line-soft);list-style:none} .reply-quote-nest-toggle{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 9px;border:0;border-radius:var(--radius-sm);background:var(--line-soft);color:var(--text-muted);font:inherit;font-size:var(--font-size-xs);font-weight:600;line-height:1.2;cursor:pointer} .reply-quote-nest-toggle:hover{background:var(--brand-soft);color:var(--brand)} .reply-quote-nest-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px} /* 前台脚本读取配置的载体 */ .reply-quote-nest-config{display:none} @media(max-width:720px){ .topic-post-list>.post-entry.reply-quote-nest-child{margin-left:25px} .topic-post-list>.post-entry.reply-quote-nest-child.reply-quote-nest-style-line{padding-left:10px} .reply-quote-nest-toggle-row{margin-left:25px;padding-left:10px} } /* reply_redpacket */ .reply-redpacket-compose{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.reply-redpacket-compose-details summary{display:flex;align-items:center;gap:8px;color:var(--text);font-size:var(--font-size-md);font-weight:600;cursor:pointer;list-style:none}.reply-redpacket-compose-details summary::-webkit-details-marker{display:none}.reply-redpacket-compose-details summary:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease}.reply-redpacket-compose-details[open] summary:before{transform:rotate(90deg)}.reply-redpacket-compose-body{display:grid;gap:9px;padding:14px}.reply-redpacket-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:var(--font-size-md);font-weight:600;cursor:pointer}.reply-redpacket-toggle input{flex:0 0 38px;width:38px;height:22px;margin:0}.reply-redpacket-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0}.reply-redpacket-fields label{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)}.reply-redpacket-compose small{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5}.reply-redpacket-badge{display:inline-flex;align-items:center;min-height:21px;margin-left:7px;padding:0 7px;border-radius:4px;background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-xs);font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:1px}.reply-redpacket-badge.is-finished{background:var(--line-soft);color:var(--text-subtle)}.reply-redpacket-rules{margin:0 0 14px;padding:0;border:0;background:none;display:flex;align-items:center;gap:6px}.reply-redpacket-line-icon{flex:none;width:15px;height:15px;color:var(--warning)}.reply-redpacket-rules-line{margin:0;color:var(--brand);font-size:var(--font-size-sm);line-height:1.6}.reply-redpacket-rules-line b{color:var(--danger)}.reply-redpacket-rules.is-finished .reply-redpacket-rules-line b{color:var(--text-muted)}.reply-redpacket-rules.is-finished .reply-redpacket-line-icon{color:var(--text-subtle)}.reply-redpacket-granted{display:inline-flex;align-items:center;gap:5px;margin:0 0 8px;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5}.reply-redpacket-granted .reply-redpacket-granted-icon{flex:none;width:15px;height:15px;color:var(--warning)}.reply-redpacket-granted b{color:var(--warning);font-size:var(--font-size-sm);font-weight:700}.reply-redpacket-granted span{display:inline-flex;align-items:center;gap:4px}.reply-redpacket-admin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.reply-redpacket-admin-card{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.reply-redpacket-admin-card span{color:var(--text-muted);font-size:var(--font-size-xs)}.reply-redpacket-admin-card b{font-size:var(--font-size-md)}.reply-redpacket-admin-card b.accent{color:var(--brand)}.reply-redpacket-admin-section{margin-top:14px}.reply-redpacket-admin-section-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.reply-redpacket-admin-section-head h3{margin:0;font-size:var(--font-size-md)}.reply-redpacket-admin-section-head span{color:var(--text-subtle);font-size:var(--font-size-xs)}.reply-redpacket-settings-card{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.reply-redpacket-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}@media(max-width:720px){.reply-redpacket-fields{grid-template-columns:1fr}.reply-redpacket-admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reply-redpacket-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* site_link_card */ .site-link-card { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; margin: 12px 0 !important; padding: 12px 14px !important; border: 1px solid var(--line) !important; border-radius: var(--radius-sm) !important; background: var(--panel) !important; color: var(--text) !important; text-decoration: none !important; box-shadow: 0 2px 8px var(--shadow-base) !important; transition: border-color .15s ease, background-color .15s ease !important; } .site-link-card:hover, .site-link-card:focus-visible { border-color: var(--brand) !important; background: var(--brand-soft) !important; color: var(--text) !important; text-decoration: none !important; } .site-link-card-mark { display: grid !important; flex: 0 0 32px !important; place-items: center !important; width: 32px !important; height: 32px !important; border: 1px solid var(--brand-soft) !important; border-radius: 50% !important; background: var(--brand-soft) !important; color: var(--brand) !important; font-size: var(--font-size-lg) !important; line-height: 1 !important; } .site-link-card-body { display: flex !important; flex: 1 1 auto !important; min-width: 0 !important; flex-direction: column !important; gap: 3px !important; } .site-link-card-title, .site-link-card-description, .site-link-card-meta { display: block !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .site-link-card-title { color: var(--text) !important; font-size: var(--font-size-md) !important; line-height: 1.4 !important; } .site-link-card-description { color: var(--text-muted) !important; font-size: var(--font-size-sm) !important; line-height: 1.4 !important; } .site-link-card-meta { color: var(--text-subtle) !important; font-size: var(--font-size-xs) !important; line-height: 1.4 !important; } @media (max-width: 560px) { .site-link-card { gap: 9px !important; margin: 10px 0 !important; padding: 10px !important; } .site-link-card-mark { flex-basis: 28px !important; width: 28px !important; height: 28px !important; } } @media (max-width: 360px) { .site-link-card-description, .site-link-card-meta { white-space: normal !important; overflow-wrap: anywhere !important; } } .site-link-card { align-items: flex-start !important; gap: 11px !important; margin: 14px 0 !important; padding: 13px 15px !important; border-radius: var(--radius-md, var(--radius-sm)) !important; box-shadow: 0 1px 4px var(--shadow-base) !important; } .site-link-card-mark { flex: 0 0 28px !important; width: 28px !important; height: 28px !important; margin-top: 2px !important; font-size: var(--font-size-md) !important; } .site-link-card-body { align-items: stretch !important; gap: 0 !important; } .site-link-card-author { display: flex !important; align-items: center !important; min-width: 0 !important; margin-bottom: 6px !important; } .site-link-card-author-avatar { display: block !important; flex: 0 0 30px !important; width: 30px !important; height: 30px !important; margin-right: 8px !important; overflow: hidden !important; border-radius: 50% !important; } .site-link-card-avatar { display: block !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; object-fit: cover !important; } .site-link-card-author-text { display: flex !important; min-width: 0 !important; flex-direction: column !important; line-height: 1.25 !important; } .site-link-card-author-text strong { overflow: hidden !important; color: var(--text) !important; font-size: var(--font-size-sm) !important; font-weight: 600 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .site-link-card-author-text small { overflow: hidden !important; color: var(--text-subtle) !important; font-size: var(--font-size-xs) !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .site-link-card-heading { display: flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; } .site-link-card-status { flex: 0 0 auto !important; padding: 2px 5px !important; border-radius: 4px !important; background: var(--brand-soft) !important; color: var(--brand) !important; font-size: var(--font-size-xs) !important; line-height: 1.2 !important; } .site-link-card-title { flex: 1 1 auto !important; min-width: 0 !important; font-size: var(--font-size-lg) !important; font-weight: 600 !important; line-height: 1.45 !important; } .site-link-card-description { margin-top: 4px !important; color: var(--text-muted) !important; font-size: var(--font-size-sm) !important; line-height: 1.45 !important; } .site-link-card-meta { margin-top: 6px !important; color: var(--brand) !important; font-size: var(--font-size-xs) !important; } .site-link-card-stats { display: flex !important; flex-wrap: wrap !important; gap: 0 10px !important; min-width: 0 !important; margin-top: 5px !important; color: var(--text-subtle) !important; font-size: var(--font-size-xs) !important; line-height: 1.4 !important; } .site-link-card-stat, .site-link-card-last, .site-link-card-time { white-space: nowrap !important; } @media (max-width: 560px) { .site-link-card { gap: 9px !important; margin: 11px 0 !important; padding: 11px !important; } .site-link-card-mark { flex-basis: 25px !important; width: 25px !important; height: 25px !important; } .site-link-card-author-avatar, .site-link-card-avatar { flex-basis: 28px !important; width: 28px !important; height: 28px !important; } } @media (max-width: 360px) { .site-link-card-description, .site-link-card-meta { white-space: normal !important; overflow-wrap: anywhere !important; } } .site-link-card { display: flex !important; width: 75% !important; max-width: 75% !important; height: 62px !important; min-height: 62px !important; max-height: 62px !important; box-sizing: border-box !important; align-items: center !important; gap: 9px !important; margin: 0 !important; padding: 11px 13px !important; overflow: hidden !important; border: 1px solid var(--line, rgba(15, 23, 42, .12)) !important; border-radius: 8px !important; background: var(--panel, #fff) !important; box-shadow: 0 2px 6px var(--shadow-base, rgba(15, 23, 42, .06)) !important; } .site-link-card:hover { background: var(--panel, #fff) !important; } .site-link-card-lead-avatar { display: block !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; overflow: hidden !important; border-radius: 50% !important; } .site-link-card-lead-avatar .site-link-card-avatar { display: block !important; width: 40px !important; height: 40px !important; object-fit: cover !important; border-radius: 50% !important; } .site-link-card-mark { flex: 0 0 24px !important; width: 24px !important; height: 24px !important; margin: 0 !important; font-size: 13px !important; } .site-link-card-body { display: flex !important; min-width: 0 !important; height: 40px !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: stretch !important; justify-content: center !important; gap: 0 !important; overflow: hidden !important; } .site-link-card-heading { display: flex !important; min-width: 0 !important; height: 20px !important; align-items: center !important; gap: 5px !important; overflow: hidden !important; } .site-link-card-status { display: none !important; } .site-link-card-title { display: block !important; min-width: 0 !important; overflow: hidden !important; color: var(--text, #222) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .site-link-card-stats { display: flex !important; height: 20px !important; min-width: 0 !important; align-items: center !important; gap: 7px !important; margin: 0 !important; overflow: hidden !important; color: var(--text-muted, #555) !important; font-size: 12px !important; line-height: 20px !important; white-space: nowrap !important; } .site-link-card-stat, .site-link-card-last, .site-link-card-time { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 3px !important; white-space: nowrap !important; } .site-link-card-stats .meta-icon { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; color: currentColor !important; } .site-link-card-meta, .site-link-card-description { display: none !important; } @media (max-width: 560px) { .site-link-card { gap: 8px !important; padding: 11px 10px !important; } .site-link-card-lead-avatar { flex-basis: 38px !important; width: 38px !important; height: 38px !important; } .site-link-card-lead-avatar .site-link-card-avatar { width: 38px !important; height: 38px !important; } .site-link-card-stats { gap: 5px !important; font-size: 11px !important; } } /* topic_author_transfer */ .topic-author-transfer-panel .topic-author-transfer-form{max-width:520px;gap:12px}.topic-author-transfer-panel .topic-author-transfer-form .grid{grid-template-columns:1fr;gap:5px;margin:0}.topic-author-transfer-panel .topic-author-transfer-form .grid>span{padding-top:0;color:var(--text-muted);font-size:var(--font-size-sm)}.topic-author-transfer-panel .topic-author-transfer-form input{max-width:450px}.topic-author-transfer-panel .topic-author-transfer-form button{justify-self:start;margin-top:4px}.topic-author-transfer-panel .topic-author-transfer-preview,.topic-author-transfer-panel .topic-author-transfer-message{display:grid;gap:4px;max-width:680px;margin:0 0 16px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);overflow-wrap:anywhere}.topic-author-transfer-panel .topic-author-transfer-preview strong{font-size:var(--font-size-md);line-height:1.45}.topic-author-transfer-panel .topic-author-transfer-preview span,.topic-author-transfer-panel .topic-author-transfer-message{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}@media(max-width:720px){.topic-author-transfer-panel .topic-author-transfer-form input{max-width:none}.topic-author-transfer-panel .topic-author-transfer-form button{width:100%;justify-self:stretch}} /* topic_favorites */ .topic-favorites-action .fav-btn{margin:0;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.topic-favorites-action .fav-btn:hover{background:transparent}.topic-favorites-action .fav-btn:disabled{opacity:.55} /* topic_quick_actions */ .topic-quick-actions-toggle{display:inline-flex;align-items:center;flex-shrink:0;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer}.topic-quick-actions-pick{display:inline-flex;align-items:center;flex-shrink:0;margin:0 0 0 auto;cursor:pointer}@media (min-width:721px){.post-item{position:relative}.post-item .topic-quick-actions-pick{position:absolute;right:0;top:auto;bottom:auto;margin:0}}.topic-quick-actions-toggle input[type=checkbox],.topic-quick-actions-pick input[type=checkbox]{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.topic-quick-actions-box{position:relative;box-sizing:border-box;display:block;flex-shrink:0;width:16px;height:16px;border:1px solid var(--line);border-radius:4px;background:var(--panel);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.topic-quick-actions-toggle:hover .topic-quick-actions-box,.topic-quick-actions-pick:hover .topic-quick-actions-box{border-color:var(--brand)}.topic-quick-actions-toggle input[type=checkbox]:checked+.topic-quick-actions-box,.topic-quick-actions-pick input[type=checkbox]:checked+.topic-quick-actions-box,.topic-quick-actions-toggle input[type=checkbox]:indeterminate+.topic-quick-actions-box{border-color:var(--brand);background:var(--brand)}.topic-quick-actions-toggle input[type=checkbox]:checked+.topic-quick-actions-box::after,.topic-quick-actions-pick input[type=checkbox]:checked+.topic-quick-actions-box::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid var(--inverse-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.topic-quick-actions-toggle input[type=checkbox]:indeterminate+.topic-quick-actions-box::after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background:var(--inverse-text)}.topic-quick-actions-toggle input[type=checkbox]:focus-visible+.topic-quick-actions-box,.topic-quick-actions-pick input[type=checkbox]:focus-visible+.topic-quick-actions-box{outline:2px solid var(--focus-ring);outline-offset:2px}.topic-quick-actions-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;padding:10px 14px;border-top:1px solid var(--line);background:var(--panel);box-shadow:0 -6px 24px var(--shadow-medium)}.topic-quick-actions-bar.topic-quick-actions-open{display:block}.topic-quick-actions-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1120px;margin:0 auto}.topic-quick-actions-head{display:flex;align-items:center;gap:10px;min-width:0}.topic-quick-actions-count{color:var(--text);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.topic-quick-actions-plain{min-height:0;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer}.topic-quick-actions-plain:hover{background:transparent;color:var(--brand)}.topic-quick-actions-ops{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.topic-quick-actions-op{min-height:28px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-normal),color var(--transition-normal)}.topic-quick-actions-op:hover{border-color:var(--brand);background:var(--panel);color:var(--brand)}.topic-quick-actions-op.topic-quick-actions-danger:hover{border-color:var(--danger);color:var(--danger)}.topic-quick-actions-op.topic-quick-actions-on{border-color:var(--brand);color:var(--brand);font-weight:600}.topic-quick-actions-caret{margin-left:3px;color:var(--text-subtle);font-size:var(--font-size-xs)}.topic-quick-actions-menu-wrap{position:relative}.topic-quick-actions-menu{position:absolute;left:0;bottom:calc(100% + 6px);z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:150px;max-width:min(280px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 30px var(--shadow-medium)}.topic-quick-actions-menu[hidden]{display:none}.topic-quick-actions-swatches{display:flex;flex-wrap:wrap;gap:4px}.topic-quick-actions-field{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--text-muted);font-size:var(--font-size-xs)}.topic-quick-actions-field select{min-height:28px;max-width:100%;padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font-size:var(--font-size-sm)}.topic-quick-actions-highlight{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border:1px solid var(--line-soft);border-radius:var(--radius)}.topic-quick-actions-swatch{width:18px;height:18px;min-height:18px;padding:0;border:2px solid transparent;border-radius:4px;box-shadow:none;cursor:pointer}.topic-quick-actions-swatch.active{border-color:var(--text)}.topic-quick-actions-swatch:hover{filter:brightness(.95)}.topic-quick-actions-badge,.topic-quick-actions-tag{display:inline-flex;align-items:center;flex-shrink:0;gap:3px;height:18px;padding:0 7px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;line-height:1;vertical-align:middle;white-space:nowrap}.topic-quick-actions-badge{margin-right:4px}.topic-quick-actions-tag{margin-left:4px}.topic-quick-actions-badge-pin1{background:var(--warning-soft);color:var(--warning)}.topic-quick-actions-badge-pin2{background:var(--danger-soft);color:var(--danger)}.topic-quick-actions-tag-digest{background:var(--danger-soft);color:var(--danger)}.topic-quick-actions-tag-recommend{background:var(--success-soft);color:var(--success)}.topic-quick-actions-tag-bump{background:#8b4513;color:var(--inverse-text)}.topic-quick-actions-icon{width:12px;height:12px;flex-shrink:0}.topic-quick-actions-tag-closed{background:var(--bg);color:var(--text-muted)}.topic-quick-actions-notice{margin-left:8px;color:var(--danger);font-size:var(--font-size-xs);line-height:1.4}.topic-quick-actions-closed-note{margin-top:8px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:720px){.topic-quick-actions-bar{padding:8px 10px}.topic-quick-actions-inner{gap:6px 8px}.topic-quick-actions-op{padding:4px 8px}.topic-quick-actions-badge,.topic-quick-actions-tag{height:16px;gap:2px;padding:0 5px;font-size:var(--font-size-xxs)}.topic-quick-actions-badge{margin-right:3px}.topic-quick-actions-tag{margin-left:3px}.topic-quick-actions-icon{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.topic-quick-actions-op,.topic-quick-actions-box{transition:none}} /* topic_reward */ .topic-reward-compose{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.topic-reward-compose-details summary{display:flex;align-items:center;gap:8px;color:var(--text);font-size:var(--font-size-md);font-weight:600;cursor:pointer;list-style:none}.topic-reward-compose-details summary::-webkit-details-marker{display:none}.topic-reward-compose-details summary:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease}.topic-reward-compose-details[open] summary:before{transform:rotate(90deg)}.topic-reward-compose-body{display:grid;gap:9px;margin-top:11px}.topic-reward-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:var(--font-size-md);font-weight:600;cursor:pointer}.topic-reward-toggle input,.topic-reward-group input{flex:0 0 38px;width:38px;height:22px;margin:0}.topic-reward-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-reward-fields label{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)}.topic-reward-compose small{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5}.topic-reward-title-status{display:inline-flex;align-items:center;min-height:21px;margin-left:7px;padding:0 6px;border-radius:4px;background:var(--warning-soft);color:var(--warning);font-size:var(--font-size-xs);font-weight:600;vertical-align:1px}.topic-reward-title-status.completed{background:var(--success-soft);color:var(--success)}.topic-reward-title-status.expired{background:var(--text-subtle);color:var(--inverse-text)}.topic-reward-title-status.disputed{background:var(--danger-soft);color:var(--danger)}.topic-reward-panel{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:11px 12px;border:0;border-radius:6px;background:var(--warning-soft);color:var(--warning)}.topic-reward-panel.completed{background:var(--success-soft);color:var(--success)}.topic-reward-panel.expired{background:var(--bg);color:var(--text-muted)}.topic-reward-panel.disputed{background:var(--danger-soft);color:var(--danger)}.topic-reward-panel div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.topic-reward-panel strong{font-size:var(--font-size-md)}.topic-reward-panel span{font-size:var(--font-size-sm)}.topic-reward-reply-actions{display:flex;justify-content:flex-end;grid-column:1/-1;margin-top:8px}.topic-reward-answer{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--success);border-radius:4px;background:var(--success-soft);color:var(--success);font-size:var(--font-size-sm);font-weight:600}.topic-reward-answer.accept,.topic-reward-answer.dispute{margin:0}.topic-reward-answer.dispute{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.topic-reward-admin{display:block}.topic-reward-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:16px}.topic-reward-admin-stat{display:grid;gap:3px;padding:13px 14px;border:0;border-radius:var(--radius-sm);background:var(--bg)}.topic-reward-admin-stat span{color:var(--text-muted);font-size:var(--font-size-xs)}.topic-reward-admin-stat b{color:var(--text);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.topic-reward-admin-stat b.accent{color:var(--success)}.topic-reward-admin-stat b.danger{color:var(--danger)}.topic-reward-admin-section{display:grid;gap:10px;margin-top:18px}.topic-reward-admin-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.topic-reward-admin-section-head h3{margin:0;color:var(--text);font-size:var(--font-size-md)}.topic-reward-admin-section-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.topic-reward-settings{max-width:none;gap:10px}.topic-reward-settings-card{display:grid;gap:10px;padding:12px;border:0;border-radius:var(--radius-sm);background:var(--bg)}.topic-reward-settings-card>.grid{min-width:0}.topic-reward-settings-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.topic-reward-settings-grid .grid{grid-template-columns:1fr;gap:5px}.topic-reward-settings-grid input,.topic-reward-settings-grid select{box-sizing:border-box;width:100%;max-width:none;margin:0}.topic-reward-settings-wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.topic-reward-groups{display:flex;flex-wrap:wrap;gap:8px}.topic-reward-group{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-width:max-content;color:var(--text);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.topic-reward-admin-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:14px;align-items:start}.topic-reward-admin-row p{margin:7px 0 0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}.topic-reward-admin-actions{display:grid;gap:8px}.topic-reward-admin-actions form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;margin:0}.topic-reward-admin-actions form+form{grid-template-columns:minmax(0,1fr) auto}.topic-reward-admin-actions select,.topic-reward-admin-actions input,.topic-reward-admin-actions button{min-width:0;margin:0}@media(max-width:720px){.topic-reward-fields,.topic-reward-settings-grid,.topic-reward-settings-wide{grid-template-columns:1fr}.topic-reward-admin-section-head{align-items:flex-start;flex-direction:column;gap:3px}.topic-reward-admin-row{grid-template-columns:1fr}.topic-reward-admin-actions form,.topic-reward-admin-actions form+form{grid-template-columns:1fr}.topic-reward-admin-actions button{width:100%}} /* topic_tags */ /* 图标 + 标签 + 标签列表三者始终在同一行（nowrap 防止整块被挤到下一行）； 列表用 flex:1 1 0 让基宽为 0 必然落在第一行并占满剩余宽度，标签只在列表内部放不下时换行。 */ .topic-tags-bar{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:6px;margin-top:10px;padding:7px 10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg);font-size:var(--font-size-sm);line-height:1.6;text-align:left} .topic-tags-bar-icon{display:inline-flex;align-items:center;flex:0 0 auto;padding:2px 0;color:var(--text-subtle)} .topic-tags-bar-icon svg{width:14px;height:14px} .topic-tags-bar-label{flex:0 0 auto;padding:0;color:var(--text-subtle);font-size:var(--font-size-xxs);line-height:1.7;white-space:nowrap} .topic-tags-bar-list{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;min-width:0} /* 选择器提到 (0,3,0)：主题的 .post-content a(0,1,1) 会给正文里所有链接加下划线， 标签行就插在 .post-content 内，不显式压掉就会变成"带下划线的散字"。 */ /* 纯文字标签：无底色、无描边、无内边距，仅靠品牌色 + 列表 gap 区分。 */ .topic-tags-bar .topic-tags-bar-list .topic-tags-chip{display:inline-block;flex:0 0 auto;width:auto;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--brand);font-size:var(--font-size-xxs);line-height:1.7;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .topic-tags-bar .topic-tags-bar-list .topic-tags-chip:hover,.topic-tags-bar .topic-tags-bar-list .topic-tags-chip:focus-visible{color:var(--brand-hover);text-decoration:underline} .topic-tags-hashtag{color:var(--brand);text-decoration:none;border-bottom:1px dashed var(--brand-soft);overflow-wrap:anywhere} .topic-tags-hashtag:hover{color:var(--brand-hover);border-bottom-style:solid} .topic-tags-field{display:grid;gap:8px} .topic-tags-hidden{display:none} .topic-tags-label{color:var(--text);font-weight:700} .topic-tags-input-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .topic-tags-input-row input{flex:1;min-width:0} .topic-tags-input-row button{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:var(--font-size-sm)} .topic-tags-input-row button:hover{border-color:var(--brand);color:var(--brand)} .topic-tags-counter{color:var(--text-subtle);font-size:var(--font-size-xs)} .topic-tags-counter.topic-tags-over{color:var(--warning)} .topic-tags-picker{padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)} .topic-tags-picker-head{margin-bottom:8px;color:var(--text-subtle);font-size:var(--font-size-xs)} .topic-tags-picker-list{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow:auto} .topic-tags-picker-list button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit;font-size:var(--font-size-xs)} .topic-tags-picker-list button:hover{border-color:var(--brand);color:var(--brand)} .topic-tags-picker-list small{color:var(--text-subtle);font-size:var(--font-size-xxs)} /* 已加入标签框的按钮显示选中态：灰底 + 白字，一眼看出选了什么（可再点一次取消）。 */ .topic-tags-picker-list button.topic-tags-pick-on{border-color:var(--text-muted);background:var(--text-muted);color:#fff;font-weight:700} .topic-tags-picker-list button.topic-tags-pick-on:hover{border-color:var(--text);background:var(--text);color:#fff} .topic-tags-picker-list button.topic-tags-pick-on small{color:#fff} .topic-tags-page{padding:2px 0} .topic-tags-page-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:14px} .topic-tags-page-title{margin:0;color:var(--text);font-size:var(--font-size-xl);font-weight:700;overflow-wrap:anywhere} .topic-tags-page-meta{color:var(--text-subtle);font-size:var(--font-size-sm)} .topic-tags-hub-grid{display:flex;flex-wrap:wrap;gap:8px} .topic-tags-hub-item{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 12px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel);color:var(--text);font-size:var(--font-size-sm);text-decoration:none;overflow-wrap:anywhere} .topic-tags-hub-item:hover{border-color:var(--brand);color:var(--brand)} .topic-tags-hub-count{color:var(--text-subtle);font-size:var(--font-size-xs)} .topic-tags-search{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} .topic-tags-search input[type="text"]{flex:1;min-width:160px} .topic-tags-search button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:var(--font-size-sm)} .topic-tags-search button:hover{border-color:var(--brand);color:var(--brand)} .topic-tags-related{margin-bottom:16px} .topic-tags-empty{color:var(--text-subtle);font-size:var(--font-size-sm);padding:8px 0} .topic-tags-admin-ov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px} .topic-tags-admin-cell{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .topic-tags-admin-cell span{color:var(--text-subtle);font-size:var(--font-size-xs)} .topic-tags-admin-cell b{color:var(--text);font-size:var(--font-size-lg);font-weight:800;font-variant-numeric:tabular-nums} .topic-tags-admin-note{margin:6px 0 8px;color:var(--text-subtle);font-size:var(--font-size-sm)} .topic-tags-admin-tags{display:flex;flex-wrap:wrap;gap:6px} .topic-tags-scan{margin-top:14px;padding:14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)} .topic-tags-scan-actions,.topic-tags-scan-actions form{display:inline-flex;flex-wrap:wrap;gap:8px} .topic-tags-scan-actions{margin-top:10px} .topic-tags-scan-form button,.topic-tags-scan-more button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:var(--font-size-sm)} .topic-tags-scan-form button:hover{border-color:var(--brand);color:var(--brand)} .topic-tags-scan-more{margin-top:10px} .topic-tags-scan-result{margin:8px 0;padding:10px 12px;border:1px solid var(--brand-soft);border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-sm)} .topic-tags-scan-error{border-color:var(--warning);background:var(--bg);color:var(--warning);overflow-wrap:anywhere} @media(max-width:600px){.topic-tags-input-row button{width:100%}.topic-tags-admin-ov{grid-template-columns:1fr}.topic-tags-bar{gap:5px;margin-top:8px;padding:6px 9px}.topic-tags-bar-list{gap:6px}} /* topic_update_notice */ .topic-update-notice-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)} .topic-update-notice-bar:hover{background:var(--brand);color:var(--inverse-text);border-color:var(--brand)} .topic-update-notice-bar:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus-ring)} .topic-update-notice-bar[hidden]{display:none} .topic-update-notice-bar .topic-update-notice-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:10px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:600;line-height:1} .topic-update-notice-bar:hover .topic-update-notice-count{background:var(--inverse-text);color:var(--brand)} .topic-update-notice-new{animation:topic-update-notice-flash 0.8s ease} @keyframes topic-update-notice-flash{0%{background:var(--brand-soft)}100%{background:transparent}} .topic-update-notice-list{margin:0 0 12px;padding:0;list-style:none;border-bottom:1px solid var(--line)} .topic-update-notice-list:empty{display:none} /* two_factor */ .two-factor-profile-card{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)} .two-factor-profile-card .profile-disclosure-detail{padding:0;border:0;background:transparent} .two-factor-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .two-factor-action-form{display:grid;gap:8px;max-width:450px} .two-factor-options{display:grid;gap:7px} .two-factor-option{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:9px 10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);cursor:pointer} .two-factor-option input{width:16px;height:16px;margin-top:2px;accent-color:var(--brand)} .two-factor-option span{display:grid;gap:2px;min-width:0} .two-factor-option strong{color:var(--text);font-size:13px;line-height:1.35} .two-factor-option small{color:var(--text-subtle);font-size:12px;line-height:1.35} .two-factor-qr-wrap{display:inline-flex;align-items:center;justify-content:center;margin:2px 0 10px;padding:10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--panel)} .two-factor-qr{display:block;width:180px;height:180px;max-width:100%} .two-factor-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none} .two-factor-codes code{display:block;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px} .two-factor-option input[type=checkbox]{width:38px;height:22px;margin-top:0} /* unread_topic_notice */ .unread-topic-notice{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:var(--brand);font-size:11px;font-weight:600;line-height:1;vertical-align:1px;white-space:nowrap} .unread-topic-notice:hover{color:var(--brand-hover)} .unread-topic-notice:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor} .topic-toolbar .post-action-form{flex:0 0 auto!important} .topic-toolbar button.unread-topic-read-all{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text-disabled)!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap!important} .topic-toolbar button.unread-topic-read-all:hover{background:transparent!important;color:var(--text-muted)!important} /* user_badge_style */ .post-entry .post-user-group:not(.oltime-badge):not(.user-uid-badge),.post-entry .user_level-badge{display:inline-flex;align-items:center;box-sizing:border-box;height:calc(var(--font-size-xs) * 1.4 + 4px)!important;margin:0;padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)!important;line-height:1.4!important;white-space:nowrap;vertical-align:middle}.post-entry .post-user-group:not(.uid-reserve-lucky):not(.oltime-badge):not(.user-uid-badge),.post-entry .user_level-badge:not(.uid-reserve-lucky){border:1px solid var(--line);background:transparent}.post-entry .post-meta .post-user-group.user-uid-badge{border:1px solid var(--line);background:transparent;border-radius:var(--radius-sm);padding:1px 6px;min-height:18px}.post-entry .user-state-tags .user-state-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:calc(var(--font-size-xs) * 1.4 + 4px);margin:0;padding:1px 6px;border:1px solid var(--danger);border-radius:var(--radius-sm);font-size:var(--font-size-xs)!important;line-height:1.4!important;white-space:nowrap;vertical-align:middle}.post-entry .post-user-group>.post-user-group-icon,.post-entry .post-user-group>.user-uid-icon{display:inline-flex;align-items:center;margin-right:3px}.post-entry .post-user-group-icon svg,.post-entry .user-uid-icon svg{width:13px;height:13px}.post-entry .user_level-badge-link{display:inline-flex;align-items:center;vertical-align:middle}.post-entry .user_level-badge-link{padding:0!important;border:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;min-height:0!important}.post-entry .user_level-badge{display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;height:calc(var(--font-size-xs) * 1.4 + 4px)!important;min-height:0!important;margin:0!important;padding:1px 6px!important;border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;font-size:var(--font-size-xs)!important;line-height:1.4!important;white-space:nowrap!important}.post-entry .user_level-badge>.user_level-badge-emoji{font-size:.75em;line-height:1}.post-entry .post-info:has(.post-user-group),.post-entry .post-meta:has(.post-user-group){flex-wrap:nowrap!important;min-width:0}.post-entry .post-info>.post-title{flex:0 0 auto}.post-entry .post-user-group,.post-entry .user_level-badge,.post-entry .user_level-badge-link,.post-entry .gacha-title-badge{flex-shrink:1!important;min-width:auto!important}.post-entry .post-user-group>.post-user-group-icon,.post-entry .post-user-group>.user-uid-icon,.post-entry .user_level-badge>.user_level-badge-emoji,.post-entry .gacha-title-badge>.gacha-title-icon{flex:0 0 auto!important}.post-entry .gacha-title-badge>.gacha-title-name,.post-entry .gacha-title-badge>.gacha-title-rarity,.post-entry .oltime-badge>.oltime-badge-lv{flex:0 0 auto!important} /* user_files */ /* * 用户文件中心 */ .user-files-page .user-files-profile-toolbar{ margin-bottom:12px; } .user-files-page .user-files-panel{ min-width:0; } .user-files-page .user-files-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:10px; } .user-files-page .user-files-heading{ min-width:0; display:flex; align-items:center; gap:10px; } .user-files-page .user-files-heading-icon{ display:grid; place-items:center; width:40px; height:40px; flex:0 0 auto; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--panel); color:var(--brand); } .user-files-page .user-files-heading-icon .meta-icon{ width:19px; height:19px; } .user-files-page .user-files-heading h1{ margin:0; font-size:var(--font-size-lg); } .user-files-page .user-files-heading p{ margin:3px 0 0; color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-page .user-files-search{ min-width:280px; display:flex; align-items:center; gap:6px; } .user-files-page .user-files-search input{ min-width:0; flex:1; } .user-files-page .user-files-search a{ color:var(--text-muted); white-space:nowrap; font-size:var(--font-size-xs); } .user-files-page .user-files-toolbar{ margin-bottom:9px; } .user-files-page .user-files-filter-tabs{ margin:0; } .user-files-page .user-files-list{ display:grid; gap:7px; } .user-files-page .user-files-item{ min-width:0; display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg); transition:border-color .15s ease,background .15s ease; } .user-files-page .user-files-item:hover{ border-color:var(--line); background:var(--panel); } .user-files-page .user-files-preview{ min-width:0; } .user-files-page .user-files-thumb, .user-files-page .user-files-file-icon{ display:grid; place-items:center; width:56px; height:56px; overflow:hidden; border-radius:var(--radius-sm); background:var(--panel); color:var(--text-muted); } .user-files-page .user-files-thumb img{ display:block; width:100%; height:100%; object-fit:cover; } .user-files-page .user-files-file-icon{ font-size:var(--font-size-xxs); font-weight:700; } .user-files-page .user-files-info{ min-width:0; display:grid; gap:3px; } .user-files-page .user-files-name{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--font-size-sm); } .user-files-page .user-files-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-page .user-files-reference-line{ min-height:16px; } .user-files-page .user-files-reference-count{ color:var(--brand); font-size:var(--font-size-xs); } .user-files-page .user-files-reference-count-empty{ color:var(--text-subtle); } .user-files-page .user-files-more{ margin-top:2px; color:var(--text-subtle); font-size:var(--font-size-xs); } .user-files-page .user-files-more summary{ cursor:pointer; width:max-content; } .user-files-recent-mobile-bottom{ display:none; } .user-files-recent-mobile-bottom .user-files-recent-sidebar{ margin-top:12px; } .user-files-recent-notify{margin-top:12px;} .user-files-recent-notify .user-files-recent-sidebar{padding:10px;} .user-files-page .user-files-detail-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:7px; } .user-files-page .user-files-detail-grid>div:last-child{ grid-column:1 / -1; } .user-files-page .user-files-detail-grid>div{ min-width:0; display:grid; gap:2px; padding:7px 8px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--panel); } .user-files-page .user-files-detail-grid span{ color:var(--text-subtle); font-size:var(--font-size-xxs); } .user-files-page .user-files-detail-grid strong{ min-width:0; overflow-wrap:anywhere; color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-page .user-files-detail-grid code{ overflow-wrap:anywhere; } @media(max-width:700px){ .user-files-page .user-files-detail-grid{ grid-template-columns:1fr; } .user-files-page .user-files-detail-grid>div:last-child{ grid-column:auto; } } .user-files-page .user-files-copy-button{ flex:0 0 auto; min-height:28px; padding:4px 9px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg); color:var(--text); font-size:var(--font-size-xs); cursor:pointer; } .user-files-page .user-files-copy-button:hover{border-color:var(--brand);color:var(--brand);} .user-files-page .user-files-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; white-space:nowrap; } .user-files-page .user-files-actions a{ font-size:var(--font-size-xs); } .user-files-page .user-files-actions form{ margin:0; } .user-files-page .user-files-delete{ padding:4px; border:0; background:transparent; color:var(--danger); font-size:var(--font-size-xs); } .user-files-page .user-files-empty{ display:grid; justify-items:center; gap:5px; padding:45px 12px; text-align:center; color:var(--text-muted); } .user-files-page .user-files-empty-icon{ display:grid; place-items:center; width:42px; height:42px; margin-bottom:3px; border-radius:50%; background:var(--panel); color:var(--text-subtle); } .user-files-page .user-files-empty-icon .meta-icon{ width:19px; height:19px; } .user-files-page .user-files-empty strong{ color:var(--text); font-size:var(--font-size-md); } .user-files-page .user-files-empty span{ max-width:420px; font-size:var(--font-size-xs); } /* * 引用位置 */ .user-files-page .user-files-reference-nav{ margin-bottom:10px; } .user-files-page .user-files-reference-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px; margin-bottom:9px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg); } .user-files-page .user-files-reference-file{ min-width:0; display:flex; align-items:center; gap:10px; } .user-files-page .user-files-reference-file-icon{ display:grid; place-items:center; width:44px; height:44px; flex:0 0 auto; overflow:hidden; border-radius:var(--radius-sm); background:var(--panel); color:var(--brand); } .user-files-page .user-files-reference-file-icon img{ display:block; width:100%; height:100%; object-fit:cover; } .user-files-page .user-files-reference-file-icon .meta-icon{ width:18px; height:18px; } .user-files-page .user-files-reference-file-info{ min-width:0; display:grid; gap:2px; } .user-files-page .user-files-reference-file-info strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--font-size-sm); } .user-files-page .user-files-reference-file-info span{ color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-page .user-files-download{ white-space:nowrap; font-size:var(--font-size-xs); } .user-files-page .user-files-reference-summary{ margin:4px 0 8px; color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-page .user-files-reference-summary strong{ color:var(--text); } .user-files-page .user-files-reference-list{ display:grid; gap:7px; } .user-files-page .user-files-reference-item{ min-width:0; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 10px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg); } .user-files-page .user-files-reference-icon{ display:grid; place-items:center; width:36px; height:36px; border-radius:var(--radius-sm); background:var(--brand-soft); color:var(--brand); font-size:var(--font-size-xs); font-weight:700; } .user-files-page .user-files-reference-body{ min-width:0; display:grid; gap:3px; } .user-files-page .user-files-reference-top{ min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px; } .user-files-page .user-files-reference-type{ color:var(--brand); font-size:var(--font-size-xs); } .user-files-page .user-files-reference-forum{ color:var(--text-subtle); font-size:var(--font-size-xs); } .user-files-page .user-files-reference-title{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--font-size-sm); } .user-files-page .user-files-reference-title-disabled{ color:var(--text-muted); } .user-files-page .user-files-reference-meta{ color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-page .user-files-reference-go{ white-space:nowrap; font-size:var(--font-size-xs); } .user-files-page .user-files-reference-go-disabled{ color:var(--text-disabled); } .user-files-page .user-files-back{ margin-top:11px; } .user-files-page .user-files-back a{ color:var(--text-muted); font-size:var(--font-size-xs); } /* * 文件预览 */ .user-files-preview-page{ min-width:0; } .user-files-preview-card{ min-width:0; overflow:hidden; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg); } .user-files-preview-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 12px; border-bottom:1px solid var(--line-soft); } .user-files-preview-title{ min-width:0; } .user-files-preview-title strong{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .user-files-preview-title span{ display:block; margin-top:3px; color:var(--text-muted); font-size:var(--font-size-xs); } .user-files-preview-body{ display:grid; place-items:center; min-height:280px; padding:12px; } .user-files-preview-body img{ display:block; max-width:100%; max-height:70vh; height:auto; object-fit:contain; } .user-files-preview-body iframe{ display:block; width:100%; height:72vh; min-height:420px; border:0; background:#fff; } .user-files-preview-body audio{ width:min(680px,100%); } .user-files-preview-body video{ display:block; width:min(100%,960px); max-height:72vh; } .user-files-preview-code{ width:100%; max-height:70vh; overflow:auto; margin:0; padding:12px; box-sizing:border-box; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--panel); white-space:pre-wrap; overflow-wrap:anywhere; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:12px; line-height:1.6; text-align:left; } .user-files-preview-foot{ display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; padding:10px 12px; border-top:1px solid var(--line-soft); } @media(max-width:700px){ .user-files-preview-head{ align-items:flex-start; flex-direction:column; } .user-files-preview-body{ min-height:220px; padding:8px; } .user-files-preview-body iframe{ height:65vh; min-height:320px; } .user-files-preview-body video{ max-height:55vh; } .user-files-preview-foot{ justify-content:stretch; } .user-files-preview-foot a, .user-files-preview-foot button{ flex:1 1 auto; text-align:center; } } .user-files-folders{margin:0 0 12px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);} .user-files-folders-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;} .user-files-folders-head>div{display:grid;gap:2px;min-width:0;} .user-files-folders-head strong{font-size:var(--font-size-sm);} .user-files-folders-head span{color:var(--text-muted);font-size:var(--font-size-xxs);} .user-files-folder-create-form{display:flex;gap:6px;min-width:0;} .user-files-folder-create-form input{width:150px;min-width:0;padding:6px 8px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);} .user-files-folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;} .user-files-folder-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0;padding:8px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);} .user-files-folder-card-active{border-color:var(--brand);} .user-files-folder-main{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;} .user-files-folder-icon,.user-files-recent-folder-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--bg);color:var(--brand);} .user-files-folder-icon .meta-icon,.user-files-recent-folder-icon .meta-icon{width:17px;height:17px;} .user-files-folder-copy{display:grid;min-width:0;gap:2px;} .user-files-folder-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);} .user-files-folder-copy small{color:var(--text-muted);font-size:var(--font-size-xxs);} .user-files-folder-actions{display:flex;align-items:flex-start;gap:4px;} .user-files-folder-actions form{margin:0;} .user-files-folder-actions button,.user-files-folder-menu summary{padding:3px 5px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xxs);cursor:pointer;} .user-files-folder-menu{position:relative;} .user-files-folder-menu summary{list-style:none;} .user-files-folder-menu summary::-webkit-details-marker{display:none;} .user-files-folder-menu-body{position:absolute;right:0;z-index:5;display:grid;gap:7px;width:210px;margin-top:4px;padding:8px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-sm);} .user-files-folder-menu-body form{display:grid;gap:5px;} .user-files-folder-menu-body input{min-width:0;padding:6px 7px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);} .user-files-folder-menu-body button{width:100%;} .user-files-folders-empty{color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-current-folder{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-current-folder strong{color:var(--text);} .user-files-upload-folder{margin-bottom:10px;} .user-files-folder-select{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);} .user-files-folder-select span{color:var(--text-muted);white-space:nowrap;} .user-files-folder-select select{min-width:180px;padding:6px 8px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);} .user-files-page .user-files-move-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;padding:8px 0 1px;border-top:1px dashed var(--line-soft);} .user-files-page .user-files-move-form label{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text-muted);font-size:var(--font-size-xxs);} .user-files-page .user-files-move-form select{max-width:220px;min-width:150px;padding:4px 7px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);} .user-files-page .user-files-move-form button{padding:4px 8px;font-size:var(--font-size-xxs);} .user-files-recent-pinned{display:grid;gap:6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line-soft);} .user-files-recent-folder{min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);overflow:hidden;} .user-files-recent-folder>summary{display:flex;align-items:center;gap:5px;min-width:0;padding:6px 7px;cursor:pointer;list-style:none;font-size:var(--font-size-xxs);} .user-files-recent-folder>summary::-webkit-details-marker{display:none;} .user-files-recent-folder-icon{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--bg);} .user-files-recent-folder-icon .meta-icon{width:13px;height:13px;} .user-files-recent-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .user-files-recent-folder-arrow{margin-left:auto;color:var(--text-subtle);transition:transform .15s ease;} .user-files-recent-folder[open] .user-files-recent-folder-arrow{transform:rotate(180deg);} .user-files-recent-folder-body{display:grid;gap:6px;padding:0 7px 7px;} .user-files-recent-folder-files{display:grid;gap:4px;} .user-files-recent-folder-file{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:5px 0;border-top:1px solid var(--line-soft);} .user-files-recent-folder-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xxs);} .user-files-recent-folder-file-actions{display:flex;align-items:center;gap:6px;white-space:nowrap;} .user-files-recent-folder-file-actions a,.user-files-recent-folder-file-actions button,.user-files-recent-folder-open{padding:0;border:0;background:none;color:var(--brand);font-size:var(--font-size-xxs);cursor:pointer;text-decoration:none;} .user-files-recent-folder-empty{padding:4px 0;color:var(--text-muted);font-size:var(--font-size-xxs);} .user-files-recent-folder-open{display:inline-block;padding-top:2px;} .user-files-head-actions{display:flex;align-items:center;gap:8px;min-width:0;} .user-files-upload-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:var(--font-size-xs);} .user-files-upload-button .meta-icon{width:15px;height:15px;} .user-files-upload-card{min-width:0;padding:14px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);} .user-files-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px;} .user-files-upload-head h1{margin:0;font-size:var(--font-size-lg);} .user-files-upload-head p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-upload-drop{display:grid;justify-items:center;gap:7px;padding:34px 16px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel);text-align:center;cursor:pointer;} .user-files-upload-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;} .user-files-upload-drop strong{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);} .user-files-upload-drop .meta-icon{width:20px;height:20px;} .user-files-upload-drop small{max-width:620px;color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-upload-actions{display:flex;align-items:center;gap:9px;margin-top:10px;} .user-files-upload-actions button{min-width:96px;} .user-files-upload-actions span{color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-upload-result{display:grid;gap:6px;margin-top:10px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);font-size:var(--font-size-xs);} .user-files-upload-result-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:6px 0;border-bottom:1px solid var(--line-soft);} .user-files-upload-result-item:last-of-type{border-bottom:0;} .user-files-upload-result-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;} .user-files-upload-result-item button{flex:0 0 auto;padding:3px 7px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--brand);font-size:var(--font-size-xxs);cursor:pointer;} .user-files-upload-result-back{justify-self:start;margin-top:2px;font-size:var(--font-size-xs);} .user-files-direct-upload-result{display:grid;gap:6px;width:min(100%,520px);margin-top:8px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);font-size:var(--font-size-xs);} .user-files-direct-upload-title{color:var(--text-muted);} .user-files-head-actions>input[type="file"]{display:none;} .user-files-upload-button{border:0;background:none;padding:0;color:inherit;cursor:pointer;font:inherit;} .user-files-upload-button:disabled{opacity:.55;cursor:wait;} .user-files-path-row{display:flex;align-items:center;gap:6px;min-width:0;} .user-files-path-row code{min-width:0;flex:1;overflow-wrap:anywhere;white-space:normal;} .user-files-path-row button,.user-files-admin-stored button{flex:0 0 auto;padding:3px 7px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xxs);cursor:pointer;} .user-files-admin-stored{display:flex;align-items:center;gap:6px;min-width:0;margin-top:5px;} .user-files-admin-stored code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media(max-width:700px){ .user-files-head-actions{width:100%;align-items:stretch;flex-direction:column;} .user-files-head-actions .user-files-search{min-width:0;width:100%;} .user-files-upload-button{justify-content:center;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);} .user-files-upload-head{flex-direction:column;} .user-files-upload-head>a{align-self:flex-start;} .user-files-upload-drop{padding:28px 12px;} .user-files-path-row{align-items:stretch;flex-direction:column;} .user-files-path-row button{width:100%;} .user-files-admin-stored{align-items:stretch;flex-direction:column;} .user-files-admin-stored code{white-space:normal;overflow-wrap:anywhere;} .user-files-admin-stored button{width:100%;} } /* 最近文件侧边卡片 */ .user-files-recent-sidebar{min-width:0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);} .user-files-recent-sidebar .sidebar-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;} .user-files-recent-sidebar .sidebar-card-head strong{font-size:var(--font-size-sm);} .user-files-recent-sidebar .sidebar-card-head a{color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-recent-list{display:grid;gap:8px;} .user-files-recent-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;min-width:0;padding-bottom:8px;border-bottom:1px solid var(--line-soft);} .user-files-recent-item:last-child{padding-bottom:0;border-bottom:0;} .user-files-recent-thumb,.user-files-recent-icon{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:9px;font-weight:700;} .user-files-recent-thumb img{display:block;width:100%;height:100%;object-fit:cover;} .user-files-recent-main{min-width:0;display:grid;gap:2px;} .user-files-recent-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);} .user-files-recent-meta{color:var(--text-muted);font-size:var(--font-size-xxs);} .user-files-recent-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px;} .user-files-recent-actions a,.user-files-recent-actions button{padding:0;border:0;background:none;color:var(--brand);font-size:var(--font-size-xxs);cursor:pointer;text-decoration:none;} .user-files-recent-empty{color:var(--text-muted);font-size:var(--font-size-xs);} /* * 移动端 * * 这里不复制核心 mobile menu。 * user.menu_links 已经被核心 mobile_menu_content_html() * 复用，所以“我的文件”会自动进入移动端菜单。 */ /* 管理后台增强 */ .user-files-page .user-files-admin-tabs{margin-bottom:14px;} .user-files-page .user-files-admin-summary-grid, .user-files-admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));} .user-files-admin-quick-panel,.user-files-admin-settings,.user-files-admin-large-files{margin-bottom:14px;} .user-files-admin-setting-field{display:grid;gap:5px;margin-top:12px;max-width:760px;} .user-files-admin-setting-field>span{font-size:var(--font-size-xs);color:var(--text-muted);} .user-files-admin-setting-field input{width:100%;min-width:0;} .user-files-admin-setting-field small{color:var(--text-subtle);font-size:var(--font-size-xxs);line-height:1.5;} .user-files-admin-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;} .user-files-admin-quick{display:grid;gap:3px;min-width:0;padding:11px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);text-decoration:none;} .user-files-admin-quick:hover{background:var(--panel);border-color:var(--line);} .user-files-admin-quick strong{font-size:var(--font-size-sm);} .user-files-admin-quick span{color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-admin-setting-form{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(320px,1.25fr) auto;align-items:start;gap:14px;padding:12px;} .user-files-admin-setting-form>.user-files-admin-switch{min-height:52px;padding:8px 0;} .user-files-admin-setting-form>.user-files-admin-setting-field{margin-top:0;} .user-files-admin-setting-form>button{align-self:center;white-space:nowrap;} .user-files-admin-switch{display:flex;align-items:flex-start;gap:9px;min-width:0;flex:1;} .user-files-admin-switch input{margin-top:3px;flex:0 0 auto;} .user-files-admin-switch span{display:grid;gap:3px;min-width:0;} .user-files-admin-switch small{color:var(--text-muted);font-size:var(--font-size-xs);} .user-files-admin-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;} .user-files-admin-ranking{min-width:0;} .user-files-admin-ranking ol{margin:0;padding:0 12px 12px;list-style:none;display:grid;gap:5px;} .user-files-admin-ranking li{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-xs);} .user-files-admin-ranking li:last-child{border-bottom:0;} .user-files-admin-rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--panel);color:var(--text-muted);} .user-files-admin-rank-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .user-files-admin-ranking li>span:last-child{color:var(--text-muted);white-space:nowrap;} .user-files-admin-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:9px 11px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel);font-size:var(--font-size-xs);} .user-files-admin-context a{margin-left:auto;} .user-files-admin-stored{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin-top:7px; padding:8px 9px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--panel); } .user-files-admin-stored code{ min-width:0; overflow-wrap:anywhere; word-break:break-all; color:var(--text-muted); font-size:11px; line-height:1.5; } .user-files-admin-stored button{ min-height:30px; padding:5px 10px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg); color:var(--text); font-size:var(--font-size-xs); white-space:nowrap; cursor:pointer; } .user-files-admin-stored button:hover{border-color:var(--brand);color:var(--brand);} @media(max-width:700px){ .user-files-admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .user-files-admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:700px){ .user-files-admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;} .user-files-admin-summary-grid>div{padding:10px;} .user-files-admin-summary-grid strong{font-size:17px;} .user-files-admin-quick-grid{grid-template-columns:1fr;padding:9px;} .user-files-admin-setting-form{display:flex;align-items:flex-start;flex-direction:column;} .user-files-admin-ranking-grid{grid-template-columns:1fr;gap:9px;} .user-files-admin-ranking li{grid-template-columns:26px minmax(0,1fr);} .user-files-admin-ranking li>span:last-child{grid-column:2;white-space:normal;} .user-files-admin-filter-grid,.user-files-admin-user-filters .user-files-admin-filter-grid{grid-template-columns:1fr;} .user-files-admin-filter-wide{grid-column:auto;} .user-files-admin-context a{width:100%;margin-left:0;} } @media (max-width:700px){ .user-files-folders-head{align-items:stretch;flex-direction:column;} .user-files-folder-create-form{width:100%;} .user-files-folder-create-form input{flex:1;width:auto;} .user-files-folder-list{grid-template-columns:1fr;} .user-files-folder-menu-body{position:static;width:auto;margin-top:5px;} .user-files-folder-actions{align-items:flex-start;} .user-files-folder-select{align-items:flex-start;flex-direction:column;} .user-files-folder-select select{width:100%;min-width:0;} } @media (max-width: 720px){ .user-files-recent-mobile-bottom{ display:block; } } /* user_level */ .post-avatar{position:relative}.user_level-avatar-badge{position:absolute;right:0;bottom:0;line-height:1;font-size:var(--font-size-sm);white-space:nowrap;text-shadow:0 1px 2px var(--bg)}.user_level-form{max-width:none}.user_level-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:12px}.user_level-topic-gate{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.user_level-topic-gate summary{cursor:pointer;padding:10px 12px;font-weight:700;color:var(--text)}.user_level-topic-gate-body{display:grid;gap:8px;padding:12px}.user_level-topic-gate-body small{color:var(--text-muted);font-size:var(--font-size-xs)}.user_level-topic-gate-badge{display:inline-flex;align-items:center;margin-right:8px;padding:2px 7px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:var(--font-size-xxs);font-weight:700;white-space:nowrap}.post-topic-title>.user_level-topic-gate-badge{margin-right:0;margin-left:2px}.user_level-fields-wide{grid-template-columns:1fr;margin-top:12px}.user_level-field{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);min-width:0}.user_level-field-title{color:var(--text);font-size:12px;font-weight:700}.user_level-field .grid{display:grid;align-content:start;gap:5px;min-width:0}.user_level-field input:not([type=checkbox]),.user_level-field select,.user_level-field textarea{width:100%;max-width:none}.user_level-field input[type=checkbox]{width:38px;max-width:38px;height:22px}.user_level-field textarea{min-height:88px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-xs);line-height:1.5;resize:vertical}.user_level-tier-wrap{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}.user_level-tier-table{min-width:720px;width:100%;border-collapse:collapse}.user_level-tier-table th,.user_level-tier-table td{padding:8px 10px;border-bottom:1px solid var(--line-soft);text-align:left;font-size:var(--font-size-sm);white-space:nowrap}.user_level-tier-table thead th{color:var(--text);font-weight:700;white-space:nowrap}.user_level-tier-table tbody th{color:var(--text-muted);font-weight:400;white-space:nowrap}.user_level-tier-table tbody tr:nth-child(even){background:var(--panel)}.user_level-tier-table tbody tr:hover{background:var(--brand-soft)}.user_level-tier-table td input{width:100%;max-width:120px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-sm)}.user_level-tier-table td input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.user_level-tier-table td.user_level-na{color:var(--text-subtle);white-space:nowrap}.user_level-actions{display:flex;gap:8px;margin-top:14px}.user_level-actions button{margin:0}.user_level-honor-list{display:block;margin:14px 0 0;padding:0;border:1px solid var(--line-soft);border-radius:10px;list-style:none;overflow:hidden}.user_level-honor-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0;padding:12px 14px;border-bottom:1px solid var(--line-soft);transition:background .15s ease}.user_level-honor-row:last-child{border-bottom:none}.user_level-honor-row:hover{background:var(--brand-soft)}.user_level-honor-main{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text);min-width:0}.user_level-honor-main strong{font-weight:700}.user_level-honor-pill{display:inline-flex;align-items:center;min-height:19px;padding:0 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xxs);font-weight:600;white-space:nowrap}.user_level-honor-pill.user_level-pill-locked{background:var(--warning-soft);color:var(--warning)}.user_level-honor-revoke{margin-left:auto;flex-shrink:0}.user_level-honor-revoke button{min-height:0;padding:0 10px}.user_level-empty{margin:10px 0 0;font-size:var(--font-size-xs);color:var(--text-muted)}.user_level-trend{display:grid;gap:14px}.user_level-trend-row{display:grid;gap:6px}.user_level-trend-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}.user_level-trend-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text)}.user_level-trend-nums{display:inline-flex;flex-wrap:wrap;gap:2px 12px;font-size:var(--font-size-xs);color:var(--text-muted)}.user_level-trend-nums b{color:var(--text);font-variant-numeric:tabular-nums}.user_level-trend-bars{display:flex;align-items:flex-end;gap:2px;height:52px;min-width:0}.user_level-trend-bars span{flex:1;min-height:2px;border-radius:2px 2px 0 0;background:var(--brand-soft);position:relative}.user_level-trend-bars span:hover{background:var(--brand)}.user_level-trend-bars span.user_level-bar-today{background:var(--brand)}.user_level-trend-bars span.user_level-bar-na{background:var(--line-soft)}.user_level-trend-bars span::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:6px;background:var(--inverse);color:var(--inverse-text);font-size:var(--font-size-xxs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.user_level-trend-bars span[data-tip]:hover::after{opacity:1}.user_level-act-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.user_level-act-head h2{margin:0;font-size:var(--font-size-lg)}.user_level-act-total{font-size:var(--font-size-xs);color:var(--text-subtle)}.user_level-act-tabs{margin:12px 0 2px}.user_level-act{list-style:none;margin:0;padding:0 0 2px 22px;position:relative}.user_level-act:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:var(--line)}.user_level-act-day{position:relative;margin:18px 0 4px;font-size:var(--font-size-xs);font-weight:700;color:var(--text-subtle);letter-spacing:.05em}.user_level-act-day:first-child{margin-top:2px}.user_level-act-day:before{content:"";position:absolute;left:-21px;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;background:var(--brand)}.user_level-act-day span{margin-left:6px;font-weight:400;letter-spacing:0}.user_level-act-item{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:3px;padding:6px 0;font-size:var(--font-size-sm)}.user_level-act-item:before{content:"";position:absolute;left:-19px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--brand);transition:background .15s}.user_level-act-item:hover:before{background:var(--brand)}.user_level-act-text{min-width:0;flex:0 1 auto;color:var(--text-muted)}.user_level-act-link{min-width:0;flex:1 1 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}.user_level-act-link:hover{color:var(--brand)}.user_level-act-empty{padding:14px 0;color:var(--text-muted);font-size:var(--font-size-sm)}.user_level-act-time{flex:0 0 auto;margin-left:auto;font-size:var(--font-size-xs);color:var(--text-subtle);white-space:nowrap}.user_level-badge-link{display:inline-flex;align-items:center;border-radius:999px}.user_level-badge-link:hover .user_level-badge{box-shadow:0 0 0 2px var(--focus-ring)}.user_level-cal-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:var(--font-size-sm);color:var(--text)}.user_level-cal-pager a{color:var(--text-muted)}.user_level-cal-pager a:hover{color:var(--brand)}.user_level-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px}.user_level-cal-head{text-align:center;padding:2px 0;font-size:var(--font-size-xxs);color:var(--text-muted)}.user_level-cal-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:var(--font-size-xs);color:var(--text-muted);border-radius:8px;background:var(--bg);font-variant-numeric:tabular-nums}.user_level-cal-cell.user_level-cal-on{background:var(--brand-soft);color:var(--brand);font-weight:700}.user_level-cal-cell.user_level-cal-today{box-shadow:0 0 0 1.5px var(--brand)}.user_level-page{display:grid;gap:14px}.user_level-page>*{min-width:0}.user_level-card{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;}.user_level-card-next{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.user_level-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:12px}.user_level-card-head h2{margin:0;font-size:var(--font-size-md)}.user_level-card-foot{margin:10px 0 0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.6}.user_level-state{display:inline-flex;align-items:center;min-height:20px;padding:0 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xxs);font-weight:700;white-space:nowrap}.user_level-state.user_level-ok{background:var(--success-soft);color:var(--success)}.user_level-state.user_level-warn{background:var(--warning-soft);color:var(--warning)}.user_level-state.user_level-todo{background:var(--line-soft);color:var(--text-muted)}.user_level-hero{--user-level-hero-emoji:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.user_level-hero-badge{display:flex;align-items:center;gap:14px;min-width:0}.user_level-hero-emoji{font-size:var(--user-level-hero-emoji);line-height:1}.user_level-hero-name{display:flex;flex-direction:column;gap:3px;min-width:0}.user_level-hero-name strong{font-size:var(--font-size-lg);color:var(--text)}.user_level-hero-name span{font-size:var(--font-size-xs);color:var(--text-muted)}.user_level-hero-note{flex:1 1 100%;margin:0;font-size:var(--font-size-xs);color:var(--warning)}.user_level-metrics{display:grid;gap:11px}.user_level-metric{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label num" "meter num";gap:5px 10px;align-items:center;min-width:0}.user_level-metric-label{grid-area:label;font-size:var(--font-size-sm);color:var(--text)}.user_level-metric-done .user_level-metric-label{color:var(--success)}.user_level-meter{grid-area:meter;height:10px;border-radius:999px;background:var(--line-soft);box-shadow:inset 0 1px 2px var(--line);overflow:hidden}.user_level-meter-fill{position:relative;display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-hover));transition:width .4s ease}.user_level-meter-fill:not(.user_level-meter-done)::after{content:"";position:absolute;right:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px var(--line)}.user_level-meter-fill.user_level-meter-done{background:var(--success)}.user_level-metric-num{grid-area:num;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px 8px;min-width:0;max-width:100%;font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.user_level-metric-pct{color:var(--brand);font-weight:700}.user_level-metric-left{color:var(--warning);font-weight:600}.user_level-metric-state{color:var(--success);font-weight:600}.user_level-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.user_level-overview-item{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--panel)}.user_level-overview-item.user_level-cur{border-color:var(--brand);background:var(--brand-soft)}.user_level-overview-emoji{--user-level-overview-emoji:28px;font-size:var(--user-level-overview-emoji);line-height:1}.user_level-overview-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text)}.user_level-overview-need{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.6;overflow-wrap:anywhere}.user_level-overview-flag{display:inline-block;align-self:flex-start;margin-top:4px;padding:1px 8px;border-radius:999px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xxs);font-weight:600;white-space:nowrap}.user_level-overview-flag.user_level-flag-done{background:var(--success)}.user_level-compare-wrap{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}.user_level-compare{width:100%;min-width:620px;border-collapse:collapse}.user_level-compare th,.user_level-compare td{padding:10px 8px;border-bottom:1px solid var(--line-soft);text-align:center;font-size:var(--font-size-sm)}:where(.user_level-compare) tbody tr:nth-child(even)>td,:where(.user_level-compare) tbody tr:nth-child(even)>th{background:color-mix(in srgb,var(--brand-soft) 34%,transparent)}.user_level-compare thead th{background:var(--panel);font-weight:700}.user_level-compare th.user_level-th{line-height:1.4}.user_level-compare th.user_level-ab-col,.user_level-compare td.user_level-ab-col{text-align:left;background:color-mix(in srgb,var(--brand-soft) 22%,transparent)}.user_level-compare .user_level-cur{background:var(--brand-soft)}.user_level-compare td.user_level-gate{color:var(--brand);font-weight:700}.user_level-compare td.user_level-yes{color:var(--success)}.user_level-compare td.user_level-no{color:var(--text-subtle)}.user_level-th-tl{display:block;font-weight:700}.user_level-th-name{display:block;font-size:var(--font-size-xxs);color:var(--text-muted);font-weight:400;white-space:nowrap}.user_level-ab-name{display:block;font-weight:700;color:var(--text)}.user_level-ab-src{display:block;font-size:var(--font-size-xxs);color:var(--text-subtle);font-weight:400}@media (max-width:760px){.user_level-metric{grid-template-columns:1fr auto;grid-template-areas:"label num" "meter num";gap:4px 10px}.user_level-metric-num{white-space:normal;justify-content:flex-end}.user_level-compare{min-width:560px}}@media (max-width:560px){.user_level-hero{--user-level-hero-emoji:32px;padding:14px}.user_level-hero-badge{gap:10px}.user_level-card{padding:13px 14px}.user_level-card-head{gap:4px 10px}.user_level-metric{grid-template-columns:1fr;grid-template-areas:"label" "meter" "num";gap:2px 0}.user_level-metric-num{justify-content:flex-start;margin-top:2px}.user_level-overview{gap:8px}.user_level-compare th,.user_level-compare td{padding:8px 6px}.user_level-trend-bars{height:40px}} /* user_uid_badge */ .post-meta .post-user-group.user-uid-badge{display:inline-flex;align-items:center;box-sizing:border-box;height:16px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-subtle);font-size:var(--font-size-xxs);font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.post-entry .post-info .post-user-group.user-uid-badge{display:inline-flex;align-items:center;gap:3px;margin-left:2px;padding:0 4px;border:0;border-radius:var(--radius-sm);background:#6b7280;color:#fff;font-size:inherit;font-weight:400;line-height:1.3;min-height:0;height:auto;white-space:nowrap}.post-entry .post-info .post-user-group.user-uid-badge .user-uid-num{display:inline-flex;align-items:center;justify-content:center;padding:0 3px;border-radius:2px;background:#374151;color:#fff;font-size:.8em;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.post-meta .user-uid-icon,.post-info .user-uid-icon{display:inline-flex;align-items:center;justify-content:center;width:11px;height:11px;margin-right:2px}.post-meta .user-uid-icon svg,.post-info .user-uid-icon svg{width:11px;height:11px} /* username_change */ .form-panel form>.username-change-inline{margin:0 0 8px}.username-change-inline .profile-disclosure-summary{align-items:center}.username-change-summary-meta{display:flex;align-items:center;gap:8px}.username-change-summary-meta small{color:var(--text-muted);font-size:12px}.username-change-inline-fields{display:flex;gap:8px}.username-change-inline-fields input{min-width:0;flex:1}.username-change-inline-fields button{white-space:nowrap}.username-change-inline p{margin:8px 0 0;color:var(--text-muted);font-size:12px}.username-change-current-password{margin-top:10px}.username-change-current-password input{width:100%} /* wechat_transfer */ .wechat-transfer-panel{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.wechat-transfer-panel .wechat-transfer-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--font-size-sm);font-weight:500;line-height:1.4;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.wechat-transfer-panel .wechat-transfer-toggle svg{flex:0 0 16px;width:16px;height:16px}.wechat-transfer-panel .wechat-transfer-toggle:hover,.wechat-transfer-panel .wechat-transfer-toggle:focus-visible{border-color:var(--inverse);background:var(--inverse);color:#fff}.wechat-transfer-panel .wechat-transfer-toggle:active{opacity:.85}.wechat-transfer-panel .wechat-transfer-box{margin-top:10px;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg)}.wechat-transfer-panel .wechat-transfer-tip{margin:0 0 10px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}.wechat-transfer-panel .wechat-transfer-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wechat-transfer-panel .wechat-transfer-input{flex:1 1 260px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-size:var(--font-size-md)}.wechat-transfer-panel .wechat-transfer-input:focus{border-color:var(--brand);outline:none}.wechat-transfer-panel .wechat-transfer-run{flex:0 0 auto;padding:7px 18px;border:1px solid var(--brand);border-radius:6px;background:var(--brand);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.wechat-transfer-panel .wechat-transfer-run:hover:not(:disabled){border-color:var(--brand-hover);background:var(--brand-hover);color:#fff}.wechat-transfer-panel .wechat-transfer-run:disabled{opacity:.6;cursor:default}.wechat-transfer-status{margin-top:8px;font-size:var(--font-size-sm);color:var(--text-muted);min-height:1em;word-break:break-word}.wechat-transfer-status.is-error{color:var(--danger)}.wechat-transfer-status.is-ok{color:var(--success)}.wechat-transfer-status.is-loading{color:var(--info)}.wechat-transfer-notice{margin-top:10px;padding:8px 10px;border-radius:6px;background:var(--brand-soft);color:var(--text);font-size:var(--font-size-sm)}.wechat-transfer-copy{margin-top:8px}.wechat-transfer-raw{display:none;width:100%;margin-top:8px;min-height:120px;font-size:var(--font-size-xs)}.wechat-transfer-raw.is-open{display:block}.wechat-transfer-group{display:inline-flex;align-items:center;gap:4px;margin:0 14px 6px 0;font-size:var(--font-size-sm)}.wechat-transfer-groups{display:flex;flex-wrap:wrap;margin-top:6px}.wechat-transfer-actions{margin-top:14px}.wechat-transfer-preview{margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:var(--bg)}.wechat-transfer-preview-box{max-height:420px;overflow:auto;padding:10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--panel)}.wechat-transfer-preview pre{max-height:320px;overflow:auto;margin:10px 0 0;font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-word}.wechat-transfer-content h2,.wechat-transfer-content h3,.wechat-transfer-content h4,.wechat-transfer-content h5,.wechat-transfer-content h6{margin:16px 0 8px;line-height:1.45;color:var(--text)}.wechat-transfer-content h2{padding-bottom:6px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-xl);font-weight:700}.wechat-transfer-content h3{font-size:var(--font-size-lg);font-weight:700}.wechat-transfer-content h4{padding-left:8px;border-left:3px solid var(--brand);font-size:var(--font-size-md);font-weight:700}.wechat-transfer-content h5{font-size:var(--font-size-md);font-weight:600;color:var(--text-muted)}.wechat-transfer-content h6{font-size:var(--font-size-sm);font-weight:600;color:var(--text-subtle)}.wechat-transfer-content hr{margin:16px 0;border:0;border-top:1px solid var(--line)}.wechat-transfer-content img{display:block;max-width:100%;height:auto;margin:10px 0}.wechat-transfer-content pre{overflow-x:auto}.wechat-transfer-content pre code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.7}.wechat-transfer-source{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:12px;border-top:1px dashed var(--line);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7}.wechat-transfer-source .wt-source-tag{padding:2px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs)}.wechat-transfer-source a{color:var(--brand)}.wechat-transfer-content p{margin:0 0 14px;line-height:1.8}.wechat-transfer-content p:last-child{margin-bottom:0}.wechat-transfer-content ul,.wechat-transfer-content ol{margin:0 0 14px;padding-left:22px}.wechat-transfer-content li{margin:4px 0;line-height:1.8}.wechat-transfer-content blockquote{margin:0 0 14px;padding:8px 12px;border-left:3px solid var(--brand);background:var(--bg);color:var(--text-muted)}.wt-sync-bar{position:fixed;left:50%;bottom:18px;z-index:9999;display:flex;align-items:center;gap:8px;transform:translateX(-50%);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:var(--font-size-sm);box-shadow:0 6px 20px rgba(0,0,0,.12)}.wt-sync-bar .wt-sync-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.wt-sync-bar.is-running .wt-sync-dot{background:var(--brand);animation:wt-sync-pulse 1s infinite ease-in-out}.wt-sync-bar.is-done{border-color:var(--success);color:var(--success)}.wt-sync-bar.is-done .wt-sync-dot{background:var(--success);animation:none}@keyframes wt-sync-pulse{0%,100%{opacity:.3}50%{opacity:1}}@media (max-width:640px){.wt-sync-bar{left:12px;right:12px;transform:none;justify-content:center;border-radius:10px}}