/* 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}.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)} /* 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_delete_topics */ .batch-delete-topics-form{display:grid;gap:12px}.batch-delete-topics-rich-input{width:100%;min-height:140px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-md);line-height:1.6;overflow-wrap:anywhere;outline:0;resize:vertical}.batch-delete-topics-rich-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.batch-delete-topics-preview{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}.batch-delete-topics-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.batch-delete-topics-preview-head strong{font-size:var(--font-size-md)}.batch-delete-topics-preview-head span,.batch-delete-topics-actions>span{color:var(--text-muted);font-size:var(--font-size-sm)}.batch-delete-topics-missing{padding:9px 11px;background:var(--warning-soft);color:var(--text);font-size:var(--font-size-sm)}.batch-delete-topics-rows{display:grid;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.batch-delete-topics-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto max-content;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border-bottom:1px solid var(--line-soft);background:var(--panel);cursor:pointer}.batch-delete-topics-row:last-child{border-bottom:0}.batch-delete-topics-row:has(input:checked){background:var(--danger-soft)}.batch-delete-topics-row.is-deleted{opacity:.55}.batch-delete-topics-row.is-failed{background:var(--warning-soft)}.batch-delete-topics-row input{width:38px;height:22px;min-width:38px;margin:0}.batch-delete-topics-row-id{grid-column:4;color:var(--text-subtle);font-size:var(--font-size-xs);font-family:var(--font-mono)}.batch-delete-topics-row-main{display:grid;gap:2px;min-width:0}.batch-delete-topics-row a{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.batch-delete-topics-row a:hover{color:var(--brand)}.batch-delete-topics-row-author{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-delete-topics-row-status{grid-column:3;color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap}.batch-delete-topics-row.is-deleted .batch-delete-topics-row-status{color:var(--success)}.batch-delete-topics-row.is-failed .batch-delete-topics-row-status{color:var(--danger)}.batch-delete-topics-reason{grid-template-columns:1fr;gap:5px}.batch-delete-topics-reason>span{padding-top:0}.batch-delete-topics-reason textarea{width:100%;min-height:76px}.batch-delete-topics-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-delete-topics-actions button{margin:0}.batch-delete-topics-log{display:grid;gap:7px;min-height:0;padding:12px 14px}.batch-delete-topics-log-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-sm)}.batch-delete-topics-log-meta strong{color:var(--text);font-size:var(--font-size-sm)}.batch-delete-topics-log-titles{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;overflow-wrap:anywhere}@media(max-width:640px){.batch-delete-topics-row{grid-template-columns:38px minmax(0,1fr) max-content}.batch-delete-topics-row-id{grid-column:3;grid-row:1}.batch-delete-topics-row-status{grid-column:2;grid-row:2}.batch-delete-topics-actions button{width:100%}} /* 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}} /* checkin_captcha */ .checkin-captcha-wrap{display:grid;gap:10px;padding:12px 14px} .checkin-captcha-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .checkin-captcha-title{color:var(--text);font-size:13px;font-weight:700;line-height:1.35} .checkin-captcha-sub{margin-top:2px;color:var(--text-subtle);font-size:11px;line-height:1.35} .checkin-captcha-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border:1px solid var(--warning-soft);border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:11px;font-weight:600;white-space:nowrap} .checkin-captcha-badge.done{border-color:var(--brand-soft);background:var(--brand-soft);color:var(--brand)} .checkin-captcha-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px} .checkin-captcha-stats>div{display:grid;gap:2px;padding:8px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);text-align:center} .checkin-captcha-stats strong{color:var(--text);font-size:17px;line-height:1.1} .checkin-captcha-stats span{color:var(--text-subtle);font-size:11px;line-height:1.25} .checkin-captcha-action{display:block} .checkin-captcha-action .post-action-form{display:block!important;width:100%!important} .checkin-captcha-action button,.checkin-captcha-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:0 10px;border-radius:7px;font-size:12px;font-weight:700} .checkin-captcha-action button{border:1px solid var(--brand);background:var(--brand);color:var(--inverse-text)} .checkin-captcha-action button:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)} .checkin-captcha-done{border:1px solid var(--brand-soft);background:var(--brand-soft);color:var(--brand)} .checkin-captcha-page-panel .admin-list-head{padding:14px 16px} .checkin-captcha-page-body{display:grid;gap:16px;padding:16px} .checkin-captcha-page-stats{gap:12px} .checkin-captcha-page-stats>div{padding:16px 12px} .checkin-captcha-page-stats strong{font-size:24px} .checkin-captcha-page-stats span{font-size:12px} .checkin-captcha-page-action button,.checkin-captcha-page-action .checkin-captcha-done{min-height:42px;font-size:14px} .checkin-captcha-action .cf-turnstile{display:block;width:100%;margin-bottom:8px} .checkin-captcha-action .cf-turnstile iframe{width:100%!important} .admin-object-row.checkin-captcha-row{grid-template-columns:minmax(0,1fr)} @media (max-width:760px){.admin-object-row.checkin-captcha-row{grid-template-columns:minmax(0,1fr)}} /* ===== 竹知了样式 ===== */ .checkin-zhuzhiliao-wrap{display:block;width:100%} .checkin-zhuzhiliao-canvas-wrap{position:relative;width:100%;height:200px;touch-action:none;border-radius:8px;background:var(--panel);box-shadow:0 2px 12px rgba(0,0,0,0.06);overflow:hidden} .checkin-zhuzhiliao-page .checkin-zhuzhiliao-canvas-wrap{height:320px} .checkin-zhuzhiliao-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab} .checkin-zhuzhiliao-canvas:active{cursor:grabbing} .checkin-zhuzhiliao-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:3px 14px;background:rgba(0,0,0,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px;color:;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;transition:opacity 0.3s} .checkin-zhuzhiliao-progress{position:absolute;top:8px;right:10px;padding:2px 10px;background:rgba(0,0,0,0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;color:;font-size:12px;font-weight:600;pointer-events:none} .checkin-zhuzhiliao-form{display:block!important;width:100%!important;margin-top:8px} .checkin-zhuzhiliao-submit{display:none} /* ===== 红包弹窗 ===== */ .checkin-redpacket-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease} .checkin-redpacket{background:linear-gradient(145deg,,);border-radius:20px;padding:30px 40px 40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5);max-width:320px;width:90%;position:relative;color:;cursor:pointer} .checkin-redpacket-close{position:absolute;top:8px;right:12px;background:transparent;border:none;color:rgba(255,255,255,0.6);font-size:22px;cursor:pointer;line-height:1} .checkin-redpacket-close:hover{color:} .checkin-redpacket-icon{font-size:64px;margin-bottom:8px;display:block;} .checkin-redpacket-title{font-size:22px;font-weight:700;margin-bottom:4px;letter-spacing:2px} .checkin-redpacket-sub{font-size:14px;opacity:0.85;margin-bottom:16px} .checkin-redpacket-btn{display:inline-block;background:;color:;padding:10px 30px;border-radius:999px;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px rgba(0,0,0,0.2)} .checkin-redpacket-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.3)} @keyframes fadeIn{from{opacity:0}to{opacity:1}} /* code-highlight */ /* ===== 高亮与行号样式 ===== */ .post-content pre code { white-space: pre-wrap; word-break: break-word; } .post-content pre { position: relative; padding-top: 2.6em; overflow: auto; } .post-content pre .code-block-lang { position: absolute; top: 0.4em; left: 0.4em; padding: 0.2em 0.8em; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-color: rgba(255, 255, 255, 0.1); color: var(--text-muted, #aaa); font-size: var(--font-size-xs, 12px); font-weight: 600; border-radius: 6px; text-transform: lowercase; user-select: none; pointer-events: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); } .code-line-numbers { display: block; counter-reset: code-line; } .code-line-number { position: relative; display: block; min-height: 1.4em; padding-left: calc(var(--code-line-number-width, 2ch) + 0.95em); white-space: pre-wrap; word-break: break-word; } .code-line-number::before { position: absolute; left: 0; width: var(--code-line-number-width, 2ch); padding-right: 0.45em; border-right: 1px solid var(--inverse-border); color: var(--text-disabled); content: counter(code-line); counter-increment: code-line; text-align: right; user-select: none; pointer-events: none; } .post-content pre.code-line-numbers-pre { overflow: auto; } .hljs { white-space: pre-wrap !important; word-break: break-word !important; } .post-content pre.code-highlight-loading { position: relative; min-height: 3em; } .post-content pre.code-highlight-loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 1.5em; height: 1.5em; margin: -0.75em 0 0 -0.75em; border: 2px solid var(--line-soft); border-top-color: var(--brand); border-radius: 50%; animation: code-highlight-spin 0.8s linear infinite; pointer-events: none; } @keyframes code-highlight-spin { to { transform: rotate(360deg); } } /* ===== 复制按钮样式 ===== */ .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"] 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{background:var(--bg);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)} /* conversation */ .conversation-view{display:inline-flex;align-items:center;margin-left:8px;color:var(--text-subtle);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;line-height:1} .conversation-view:hover{color:var(--brand)} .conversation-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-end;justify-content:center;background:var(--backdrop);overscroll-behavior:contain} .conversation-modal.is-open{display:flex} .conversation-panel{width:min(100%,420px);max-height:min(75vh,600px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-radius:12px 12px 0 0;box-shadow:var(--shadow-medium);animation:conversation-slide-up .18s ease-out} @keyframes conversation-slide-up{from{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}} .conversation-headbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-md);font-weight:600} .conversation-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:2px 6px} .conversation-close:hover{color:var(--text)} .conversation-list{flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px 16px calc(16px + env(safe-area-inset-bottom,0px))} .conversation-list::-webkit-scrollbar{width:6px;height:6px} .conversation-list::-webkit-scrollbar-button{display:none;width:0;height:0} .conversation-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px} .conversation-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)} .conversation-list::-webkit-scrollbar-track{background:transparent} .conversation-list.is-dragging{cursor:grabbing} .conversation-list.is-dragging,.conversation-list.is-dragging *{user-select:none;-webkit-user-select:none} .conversation-item{padding:12px 0;border-bottom:1px solid var(--line-soft)} .conversation-item.is-anchor{background:var(--brand-soft);margin:4px -8px;padding:12px 8px;border-radius:8px;border-bottom:none} .conversation-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;min-width:0} .conversation-author{display:flex;align-items:center;gap:8px;min-width:0} .conversation-author .avatar-profile-link{display:block;flex-shrink:0;width:28px;height:28px;border-radius:4px;overflow:hidden} .conversation-author .avatar-img{width:100%;height:100%;object-fit:cover} .conversation-username{color:var(--text);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .conversation-username:hover{color:var(--brand)} .conversation-meta{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--text-muted)} .conversation-floor{color:var(--text-subtle);text-decoration:none} .conversation-floor:hover{color:var(--brand)} .conversation-content{font-size:var(--font-size-md);color:var(--text);word-break:break-word} .conversation-loading,.conversation-empty,.conversation-error{padding:16px 0;color:var(--text-muted);font-size:var(--font-size-sm)} /* cookie-consent */ /* Cookie consent banner */ .cookie-consent-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10001; background: var(--panel, #fff); border-top: 1px solid var(--line-soft); box-shadow: 0 -4px 20px rgba(0,0,0,0.08); padding: 12px 20px; display: none; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: var(--font-size-sm); color: var(--text); } .cookie-consent-banner.visible { display: flex; } .cookie-consent-banner .cookie-message { flex: 1 1 60%; min-width: 200px; line-height: 1.5; } .cookie-consent-banner .cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .cookie-consent-banner .cookie-btn { padding: 6px 18px; border: 1px solid var(--brand); border-radius: 6px; background: var(--brand); color: var(--inverse-text); font-size: var(--font-size-sm); font-weight: 500; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .cookie-consent-banner .cookie-btn:hover { background: var(--brand-hover); border-color: var(--brand-hover); } .cookie-consent-banner .cookie-btn.secondary { background: transparent; color: var(--text-muted); border-color: var(--line-soft); } .cookie-consent-banner .cookie-btn.secondary:hover { background: var(--bg); color: var(--text); } @media (max-width: 640px) { .cookie-consent-banner { flex-direction: column; align-items: stretch; text-align: center; } .cookie-consent-banner .cookie-actions { justify-content: center; } } /* crowdfunding */ .crowdfunding-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.topic-form-panel .crowdfunding-compose{display:block;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);overflow:hidden}.topic-form-panel .crowdfunding-compose>details{margin:0;padding:0;border:0;border-radius:0;background:var(--panel)}.topic-form-panel .crowdfunding-compose>details>summary{box-sizing:border-box;width:100%;min-height:48px;padding:0 14px}.crowdfunding-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}.crowdfunding-compose-details summary::-webkit-details-marker{display:none}.crowdfunding-compose-details summary:before{content:"";flex:0 0 auto;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease}.crowdfunding-compose-details[open] summary:before{transform:rotate(90deg)}.crowdfunding-compose-body{display:grid;gap:9px}.topic-form-panel .crowdfunding-compose-body{margin:0;padding:14px}.crowdfunding-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:var(--font-size-md);font-weight:600;cursor:pointer}.crowdfunding-toggle input{flex:0 0 38px;width:38px;height:22px;margin:0}.crowdfunding-field{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)}.crowdfunding-field input{height:34px;padding:0 9px;border-color:var(--line);background:var(--panel);font-size:var(--font-size-sm)}.crowdfunding-field input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus-ring)}.crowdfunding-compose small{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5}.crowdfunding-card{margin:0 0 12px;overflow:hidden}.crowdfunding-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 0}.crowdfunding-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:var(--font-size-xs);font-weight:700}.crowdfunding-kicker svg{width:14px;height:14px}.crowdfunding-status{display:inline-flex;align-items:center;min-height:22px;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}.crowdfunding-stats span{font-variant-numeric:tabular-nums}.crowdfunding-stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:8px 12px;color:var(--text-muted);font-size:var(--font-size-sm)}.crowdfunding-raised b{color:var(--brand);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.crowdfunding-mine{color:var(--success)}.crowdfunding-goal-bar{height:6px;margin:8px 12px 0;background:var(--line);border-radius:999px;overflow:hidden}.crowdfunding-goal-bar span{display:block;height:100%;border-radius:999px;background:var(--brand)}.crowdfunding-badge{display:inline-flex;align-items:center;min-height:20px;margin-left:7px;padding:0 6px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:600;vertical-align:1px}.crowdfunding-badge.st-completed{background:var(--success-soft);color:var(--success)}.crowdfunding-badge.st-reviewing{background:var(--warning-soft);color:var(--warning)}.crowdfunding-badge.st-cancelled{background:var(--line-soft);color:var(--text-muted)}.crowdfunding-donate{display:flex;gap:8px;padding:10px 12px}.crowdfunding-amount{flex:1;min-width:0;height:34px;padding:0 9px;border-color:var(--line);background:var(--panel);font-size:var(--font-size-sm)}.crowdfunding-amount:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus-ring)}.crowdfunding-login{display:inline-flex;align-items:center;margin:10px 12px;padding:0 10px;min-height:32px;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600}.crowdfunding-login:hover{background:var(--brand-hover);color:var(--inverse-text)}.crowdfunding-result{margin:8px 12px;padding:9px 11px;border-radius:var(--radius-sm);background:var(--panel)}.crowdfunding-result-head{margin-bottom:5px;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600}.crowdfunding-result-body{color:var(--text);font-size:var(--font-size-sm);line-height:1.6;word-break:break-word;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}.crowdfunding-claimant{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--panel)}.crowdfunding-claimant .avatar-profile-link{display:block;flex:0 0 auto;width:32px;height:32px;border-radius:50%}.crowdfunding-claimant-info{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.crowdfunding-claimant-info a{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--font-size-md);font-weight:600}.crowdfunding-claimant-info a:hover{color:var(--brand)}.crowdfunding-claimant-info em{font-style:normal;color:var(--text-muted);font-size:var(--font-size-xs)}.crowdfunding-claimant.st-reviewing{background:var(--warning-soft)}.crowdfunding-claimant.st-reviewing em{color:var(--warning)}.crowdfunding-claimant.st-completed{background:var(--success-soft)}.crowdfunding-claimant.st-completed em{color:var(--success)}.crowdfunding-reject{margin:8px 12px 0;padding:8px 11px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-sm);line-height:1.5}.crowdfunding-note{margin:8px 12px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.55}.crowdfunding-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 12px;padding-top:8px;border-top:1px solid var(--line-soft)}.crowdfunding-pop{display:contents}.crowdfunding-claim-btn{background:var(--brand);color:var(--inverse-text)}.crowdfunding-approve-open{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.crowdfunding-approve-open:hover{background:var(--brand-hover)}.crowdfunding-reject-open{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.crowdfunding-reject-open:hover{filter:brightness(.96)}.crowdfunding-cancel-btn{background:var(--line);color:var(--text-muted)}.crowdfunding-ghost-btn{background:var(--line);color:var(--text-muted)}.crowdfunding-end-btn{background:var(--line);color:var(--text-muted)}.crowdfunding-donors{margin:8px 12px;padding-top:8px;border-top:1px solid var(--line-soft)}.crowdfunding-donors-head{margin-bottom:7px;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600}.crowdfunding-donor-list{display:flex;flex-wrap:wrap;gap:6px 16px}.crowdfunding-donor-item{display:flex;align-items:center;gap:8px;flex:1 1 240px;min-width:0;padding:6px 10px;border-radius:var(--radius-sm);background:var(--panel)}.crowdfunding-donor-item .avatar-profile-link{display:block;flex:0 0 auto;width:20px;height:20px;border-radius:50%}.crowdfunding-donor-item>a{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--font-size-sm)}.crowdfunding-donor-item>a:hover{color:var(--brand)}.crowdfunding-donor-item b{margin-left:auto;color:var(--brand);font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.crowdfunding-donor-item time{color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap}.crowdfunding-card form button{min-height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.crowdfunding-card form button:active,.crowdfunding-dm-open:active,.crowdfunding-submit-open:active,.crowdfunding-reopen-open:active,.crowdfunding-approve-open:active,.crowdfunding-reject-open:active,.crowdfunding-login:active{transform:translateY(1px)}.crowdfunding-card form button:focus-visible,.crowdfunding-dm-open:focus-visible,.crowdfunding-submit-open:focus-visible,.crowdfunding-reopen-open:focus-visible,.crowdfunding-approve-open:focus-visible,.crowdfunding-reject-open:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:0}.crowdfunding-donate button{min-height:34px;padding:0 14px;background:var(--brand);color:var(--inverse-text)}.crowdfunding-donate button:hover{background:var(--brand-hover)}.crowdfunding-end-btn:hover,.crowdfunding-cancel-btn:hover,.crowdfunding-ghost-btn:hover{color:var(--text)}.crowdfunding-dm-open,.crowdfunding-submit-open,.crowdfunding-reopen-open{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--line);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.crowdfunding-dm-open:hover,.crowdfunding-submit-open:hover,.crowdfunding-reopen-open:hover{background:var(--line);color:var(--text)}.crowdfunding-modal-form{display:grid;gap:8px;min-width:260px;max-width:100%}.crowdfunding-modal-text{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.55}.crowdfunding-modal-label{display:grid;gap:4px;color:var(--text-muted);font-size:var(--font-size-xs)}.crowdfunding-modal-form textarea,.crowdfunding-modal-form input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);line-height:1.5}.crowdfunding-modal-form textarea{resize:vertical}.crowdfunding-modal-form textarea:focus,.crowdfunding-modal-form input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus-ring);outline:0}.crowdfunding-modal-form button{min-height:32px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.crowdfunding-modal-form button:hover{background:var(--brand-hover)}.crowdfunding-admin-claimant{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--text-muted);font-size:var(--font-size-xs);min-width:0}.crowdfunding-admin-claimant .avatar-profile-link{flex:0 0 auto;width:18px;height:18px;border-radius:50%}.crowdfunding-list-progress{display:flex;align-items:center;gap:8px}.crowdfunding-list-progress-track{flex:0 1 220px;min-width:80px;height:5px;background:var(--line);border-radius:999px;overflow:hidden}.crowdfunding-list-progress-track span{display:block;height:100%;border-radius:999px;background:var(--brand);transition:width .3s ease}.crowdfunding-list-progress em{font-style:normal;color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:640px){.topic-form-panel .crowdfunding-compose-body{padding:12px}.crowdfunding-head{padding:9px 10px 0}.crowdfunding-stats{padding:7px 10px;gap:4px 12px}.crowdfunding-donate{flex-direction:row;padding:9px 10px}.crowdfunding-amount{min-width:0}.crowdfunding-result,.crowdfunding-claimant,.crowdfunding-reject{margin:8px 10px 0}.crowdfunding-actions{margin:8px 10px}.crowdfunding-donors{margin:8px 10px}.crowdfunding-donor-item>a{max-width:120px}.crowdfunding-admin-row{grid-template-columns:1fr}} /* custom_link_redirect */ .custom-link-redirect-admin{display:block}.custom-link-redirect-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}.custom-link-redirect-admin-stat{display:grid;gap:3px;padding:13px 14px;border:0;border-radius:var(--radius-sm);background:var(--bg)}.custom-link-redirect-admin-stat span{color:var(--text-muted);font-size:var(--font-size-xs)}.custom-link-redirect-admin-stat b{color:var(--brand);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.custom-link-redirect-admin-section{display:grid;gap:10px}.custom-link-redirect-admin-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.custom-link-redirect-admin-section-head h3,.custom-link-redirect-rule-head h3{margin:0;color:var(--text);font-size:var(--font-size-md)}.custom-link-redirect-admin-section-head span,.custom-link-redirect-rule-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.custom-link-redirect-settings{max-width:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.custom-link-redirect-rule-card{display:grid;gap:10px;min-width:0;padding:12px;border:0;border-radius:var(--radius-sm);background:var(--bg)}.custom-link-redirect-rule-head{display:grid;gap:3px}.custom-link-redirect-settings .custom-link-redirect-textarea{grid-template-columns:1fr;gap:5px;margin:0}.custom-link-redirect-settings .custom-link-redirect-textarea>span{padding:0;color:var(--text-muted);font-size:var(--font-size-sm)}.custom-link-redirect-settings textarea{box-sizing:border-box;width:100%;max-width:none;min-height:180px;margin:0;resize:vertical;font-family:var(--font-mono)}.custom-link-redirect-settings>button{grid-column:1/-1;justify-self:start}@media(max-width:720px){.custom-link-redirect-admin-section-head{align-items:flex-start;flex-direction:column;gap:3px}.custom-link-redirect-settings{grid-template-columns:1fr}} /* daily_hot_topics */ .daily-hot-topics-card .daily-hot-topics-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-hot-topics-card .daily-hot-topics-head>span{color:var(--text-subtle);font-size:10px;white-space:nowrap} .daily-hot-topics-card .daily-hot-topics-list a{align-items:flex-start;padding:7px 0}.daily-hot-topics-card .daily-hot-topics-list a:before{flex:0 0 6px;margin-top:7px}.daily-hot-topics-card .daily-hot-topics-content{display:block;min-width:0;flex:1}.daily-hot-topics-card .daily-hot-topics-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45;text-align:left;white-space:normal}.daily-hot-topics-card .daily-hot-topics-count{display:block;margin-top:2px;color:var(--text-subtle);font-size:10px;line-height:1.3;white-space:nowrap}.daily-hot-topics-card .daily-hot-topics-empty{padding:9px 0;color:var(--text-subtle);font-size:12px} /* data_cleanup_master */ .data-cleanup-master-settings{max-width:none;gap:14px}.data-cleanup-master-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-cleanup-master-card{display:grid;gap:14px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.data-cleanup-master-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;padding-bottom:10px;border-bottom:1px solid var(--line-soft)}.data-cleanup-master-card-head strong{color:var(--text);font-size:var(--font-size-md)}.data-cleanup-master-card-head span{min-width:0;color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs);overflow-wrap:anywhere}.data-cleanup-master-card-fields{display:grid;gap:10px}.data-cleanup-master-card-fields .grid{grid-template-columns:1fr;gap:5px;margin:0}.data-cleanup-master-card-fields .grid>span{padding-top:0;color:var(--text-muted);font-size:var(--font-size-sm)}.data-cleanup-master-card-fields input{width:100%;max-width:none}.data-cleanup-master-settings>button{justify-self:start;margin-top:2px}@media(max-width:720px){.data-cleanup-master-cards{grid-template-columns:1fr}.data-cleanup-master-settings>button{width:100%;justify-self:stretch}} /* decoration_center */ /* 装饰中心 */ .dc-page{max-width:760px} .dc-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid var(--line,#dfe6ee)} .dc-tabs a{padding:8px 16px;font-size:13px;font-weight:500;color:var(--muted,#6b7280);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s} .dc-tabs a:hover{color:var(--text,#1f2937)} .dc-tabs a.active{color:var(--brand,#2563eb);border-bottom-color:var(--brand,#2563eb)} .dc-tabs-sub{border-bottom-width:1px;margin-top:-8px} .dc-tabs-sub a{font-size:12px;padding:6px 12px} .dc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px} .dc-card{padding:12px;border:1px solid var(--line,#dfe6ee);border-radius:8px;text-align:center;background:var(--panel,#fff);transition:box-shadow .15s} .dc-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)} .dc-card img{width:48px;height:48px;object-fit:contain;margin-bottom:6px} .dc-card .dc-card-name{font-size:12px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dc-card .dc-card-price{font-size:11px;color:var(--muted,#6b7280)} .dc-card .dc-card-owned{font-size:10px;color:#059669;font-weight:500} .dc-card-effect-preview{font-size:14px;font-weight:700;padding:8px 4px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dc-card-actions{margin-top:8px} .dc-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;font-size:12px;border-radius:6px;border:1px solid var(--line,#dfe6ee);background:var(--panel,#fff);color:var(--text,#1f2937);cursor:pointer;font-weight:500;text-decoration:none;transition:all .15s} .dc-btn:hover{border-color:var(--brand,#2563eb);color:var(--brand,#2563eb)} .dc-btn-primary{background:var(--brand,#2563eb);color:#fff;border-color:var(--brand,#2563eb)} .dc-btn-primary:hover{background:var(--brand2,#1d4ed8)} .dc-btn-sm{padding:3px 8px;font-size:11px} .dc-equipped-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;background:#ecfdf5;color:#059669} /* 我的装饰 */ .dc-my-list{display:grid;gap:10px} .dc-my-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line2,#edf1f5);border-radius:8px;background:var(--panel,#fff)} .dc-my-item img{width:36px;height:36px;object-fit:contain} .dc-my-item .dc-my-info{flex:1;min-width:0} .dc-my-item .dc-my-name{font-size:13px;font-weight:600} .dc-my-item .dc-my-meta{font-size:11px;color:var(--muted,#6b7280)} /* 抽奖 */ .dc-lottery-pools{display:grid;gap:12px;margin-bottom:20px} .dc-pool-card{padding:16px;border:1px solid var(--line,#dfe6ee);border-radius:10px;background:var(--panel,#fff)} .dc-pool-card h3{margin:0 0 6px;font-size:15px} .dc-pool-card p{margin:0 0 10px;font-size:12px;color:var(--muted,#6b7280)} .dc-pool-actions{display:flex;gap:8px} /* 抽奖格子 */ .dc-lottery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:16px} .dc-lottery-cell{padding:12px 8px;border:2px solid var(--line,#dfe6ee);border-radius:10px;text-align:center;background:var(--panel,#fff);transition:all .15s;cursor:default} .dc-lottery-cell img{width:40px;height:40px;object-fit:contain;margin-bottom:4px} .dc-lottery-cell .dc-lg-icon{font-size:24px;margin-bottom:4px} .dc-lottery-cell .dc-lc-name{font-size:11px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dc-lottery-cell .dc-lc-pct{font-size:10px;color:var(--muted,#6b7280)} .dc-lottery-cell.dc-lc-active{border-color:var(--brand,#2563eb);background:#eff6ff;box-shadow:0 0 12px rgba(37,99,235,.3);transform:scale(1.05)} /* 头像框 */ .dc-avatar-frame{position:absolute;top:-35%;left:-35%;width:170%;height:170%;pointer-events:none;z-index:1} .dc-avatar-frame img{width:100%;height:100%;object-fit:contain} .avatar-profile-link{overflow:visible!important} .post-list,.topic-post-list{padding-left:14px!important} /* 勋章 */ .dc-badge-icon{display:inline-flex;align-items:center;width:16px;height:16px;margin-left:3px;vertical-align:middle} .dc-badge-icon img{width:100%;height:100%;object-fit:contain} .nu-item .dc-badge-icon{display:none} /* 卡片背景 */ .dc-card-bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.18;pointer-events:none;z-index:0;border-radius:inherit} .post-item>.post-avatar,.post-item>.post-item-main,.post-item>a,.post-item>div:not(.dc-card-bg){position:relative;z-index:1} /* 后台 */ .dc-admin-nav{display:flex;gap:8px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line2,#edf1f5)} .dc-admin-nav a,.dc-admin-nav span{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;color:var(--muted,#6b7280)} .dc-admin-nav a:hover{background:#eff6ff;color:var(--brand,#2563eb)} .dc-admin-nav span{background:var(--brand,#2563eb);color:#fff} .dc-form{display:grid;gap:12px;max-width:480px} .dc-form label{display:grid;gap:4px;font-size:13px;font-weight:500} .dc-form label small{font-weight:400;color:var(--muted,#6b7280)} .dc-form input,.dc-form select,.dc-form textarea{width:100%;padding:8px 12px;border:1px solid #d6dbe3;border-radius:6px;font:inherit} .dc-form textarea{min-height:60px;resize:vertical} .dc-form-submit{display:inline-flex;padding:9px 18px;background:var(--brand,#2563eb);color:#fff;border:0;border-radius:6px;cursor:pointer;font-weight:600} .dc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px} .dc-item-list{display:grid;gap:8px;margin-bottom:20px} .dc-item-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line2,#edf1f5);border-radius:6px} .dc-item-row img{width:32px;height:32px;object-fit:contain} .dc-item-row .dc-ir-info{flex:1;min-width:0} .dc-item-row .dc-ir-name{font-size:13px;font-weight:600} .dc-item-row .dc-ir-meta{font-size:11px;color:var(--muted,#6b7280)} /* 弹窗 */ .dc-modal-mask{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.45);align-items:center;justify-content:center} .dc-modal-mask.active{display:flex} .dc-modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:460px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.18)} .dc-modal h3{margin:0 0 16px;font-size:16px} .dc-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted)} @media(max-width:600px){ .dc-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))} .dc-form-row{grid-template-columns:1fr} .dc-lottery-card{width:80px;height:100px} .dc-modal{width:95%;padding:16px} } /* dev_docs */ .dev-docs-title{font-size:var(--font-size-xl);margin:0 0 var(--space-sm,8px)}.dev-docs-toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-md,14px)}.dev-docs-toc-link{font-size:var(--font-size-sm);padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;background:var(--panel)}.dev-docs-toc-link:hover{border-color:var(--brand);color:var(--brand)}.dev-docs-sidebar-card{position:sticky;top:12px}.dev-docs-sidebar-nav{display:grid;gap:2px;margin-top:var(--space-sm,8px)}.dev-docs-sidebar-link{display:block;padding:7px 0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4;text-decoration:none}.dev-docs-sidebar-link:hover{color:var(--brand)}.dev-docs h1,.dev-docs h2,.dev-docs h3,.dev-docs h4{color:var(--text)}.dev-docs h2{font-size:var(--font-size-lg);margin:var(--space-lg,20px) 0 var(--space-sm,8px)}.dev-docs h3{font-size:var(--font-size-md);margin:var(--space-md,14px) 0 var(--space-sm,8px)}.dev-docs p{font-size:var(--font-size-md);color:var(--text);margin:var(--space-sm,8px) 0}.dev-docs a{color:var(--brand-hover)}.dev-docs-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--space-sm,8px) 0}.dev-docs-table th,.dev-docs-table td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}.dev-docs-table th{background:var(--brand-soft);font-weight:600}.dev-docs-code{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text);margin:var(--space-sm,8px) 0;white-space:pre}.dev-docs-list{font-size:var(--font-size-md);color:var(--text);line-height:1.8;padding-left:22px;margin:var(--space-sm,8px) 0}.dev-docs-list li{margin:2px 0}.dev-docs blockquote{margin:var(--space-sm,8px) 0;padding-left:12px;border-left:3px solid var(--line);color:var(--text-muted)}@media(min-width:721px){.dev-docs>.dev-docs-toc{display:none}} /* 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-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} /* 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{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} } /* emoji_big */ .emoji-big-root.emoji-big-whole-message { font-size: var(--emoji-big-size); } .emoji-big-root .emoji-big-emoji { display: inline-block; font-size: var(--emoji-big-size); line-height: 1; vertical-align: -0.08em; } .emoji-big-root.emoji-big-line-height-fixed .emoji-big-emoji { font-size: 1em; line-height: 1; transform: scale(var(--emoji-big-scale, 1)); transform-origin: center center; /* transform 不参与排版宽度计算，因此额外用 margin-right 补足视觉放大后的宽度。 这样大 Emoji 不会与后面的文字重叠，同时行高仍保持原来的高度。 */ margin-left: var(--emoji-big-extra-left, 0px); margin-right: var(--emoji-big-extra-right, 0px); } .emoji-big-root.emoji-big-line-height-fixed .emoji-big-emoji.emoji-big-align-top { vertical-align: text-top; transform-origin: center top; } .emoji-big-root.emoji-big-line-height-fixed .emoji-big-emoji.emoji-big-align-middle { vertical-align: middle; transform-origin: center center; } .emoji-big-root.emoji-big-line-height-fixed .emoji-big-emoji.emoji-big-align-bottom { vertical-align: text-bottom; transform-origin: center bottom; } .emoji-big-root:not(.emoji-big-line-height-fixed) .emoji-big-emoji.emoji-big-align-top { vertical-align: text-top; } .emoji-big-root:not(.emoji-big-line-height-fixed) .emoji-big-emoji.emoji-big-align-middle { vertical-align: middle; } .emoji-big-root:not(.emoji-big-line-height-fixed) .emoji-big-emoji.emoji-big-align-bottom { vertical-align: text-bottom; } .emoji-big-debug-panel { display: block; box-sizing: border-box; width: 100%; max-width: 100%; margin: 10px 0 0; padding: 10px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--bg); color: var(--text-muted); font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow: hidden; } .emoji-big-debug-panel > summary { cursor: pointer; color: var(--text); font: 600 12px/1.4 inherit; user-select: none; } .emoji-big-debug-panel .emoji-big-debug-meta { margin-top: 7px; padding: 7px 8px; border-radius: 6px; background: var(--panel); overflow-wrap: anywhere; } .emoji-big-debug-panel .emoji-big-debug-row { margin-top: 7px; padding: 8px; border: 1px dashed var(--line-soft); border-radius: 6px; background: var(--panel); overflow-wrap: anywhere; } .emoji-big-debug-panel .emoji-big-debug-row strong { color: var(--text); } .emoji-big-debug-panel .emoji-big-debug-good { color: var(--success); } .emoji-big-debug-panel .emoji-big-debug-warn { color: var(--danger); } .emoji-big-admin-root { max-width: 900px; margin: 12px auto; } .emoji-big-admin-root .emoji-big-admin-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line-soft); } .emoji-big-admin-root .emoji-big-admin-title { min-width: 0; } .emoji-big-admin-root .emoji-big-admin-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .emoji-big-admin-root .emoji-big-admin-head h2 { margin: 0; } .emoji-big-admin-root .emoji-big-admin-head p { margin: 5px 0 0; color: var(--text-muted); font-size: var(--font-size-sm); } .emoji-big-admin-root .emoji-big-admin-status { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 8px; border-radius: 999px; background: var(--bg); color: var(--text-muted); font-size: var(--font-size-xs); font-weight: 600; } .emoji-big-admin-root .emoji-big-admin-status.is-on { background: var(--success-soft); color: var(--success); } .emoji-big-admin-root .emoji-big-admin-status.is-off { background: var(--danger-soft); color: var(--danger); } .emoji-big-admin-root .emoji-big-admin-head-action { flex: 0 0 auto; } .emoji-big-admin-root .emoji-big-admin-head-action .post-action-form { margin: 0; } .emoji-big-admin-root .emoji-big-admin-section { margin: 0 0 12px; padding: 14px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--panel); } .emoji-big-admin-root .emoji-big-admin-section-head { margin-bottom: 10px; } .emoji-big-admin-root .emoji-big-admin-section-head h3 { margin: 0; font-size: var(--font-size-lg); } .emoji-big-admin-root .emoji-big-admin-section-head p { margin: 4px 0 0; color: var(--text-muted); font-size: var(--font-size-sm); line-height: 1.5; } .emoji-big-admin-root .emoji-big-admin-fields { display: grid; gap: 10px; min-width: 0; } .emoji-big-admin-root .emoji-big-admin-fields > .grid { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line-soft); } .emoji-big-admin-root .emoji-big-admin-fields > .grid:last-child { border-bottom: 0; } .emoji-big-admin-root .emoji-big-admin-fields > .grid > span { min-width: 0; padding-top: 0; } .emoji-big-admin-root .emoji-big-admin-fields > .grid > span > small { max-width: 680px; margin-top: 3px; line-height: 1.5; } .emoji-big-admin-root .emoji-big-admin-field { display: grid; gap: 5px; min-width: 0; } .emoji-big-admin-root .emoji-big-admin-field > label, .emoji-big-admin-root .emoji-big-admin-field-label > label { display: block; color: var(--text); font-weight: 600; } .emoji-big-admin-root .emoji-big-admin-field > small, .emoji-big-admin-root .emoji-big-size-field > small { color: var(--text-muted); line-height: 1.5; } .emoji-big-admin-root .emoji-big-admin-field > input, .emoji-big-admin-root .emoji-big-admin-field > select, .emoji-big-admin-root .emoji-big-admin-field > textarea { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .emoji-big-admin-root .emoji-big-admin-field > textarea { min-height: 76px; resize: vertical; } .emoji-big-admin-root .emoji-big-size-field { gap: 7px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line-soft); } .emoji-big-admin-root .emoji-big-size-control { display: grid; grid-template-columns: 40px minmax(90px, 150px) 40px; align-items: center; gap: 6px; max-width: 252px; } .emoji-big-admin-root .emoji-big-size-control input { width: 100%; max-width: none; text-align: center; } .emoji-big-admin-root .emoji-big-size-step { min-width: 40px; min-height: 40px; padding: 0; cursor: pointer; } .emoji-big-admin-root #emoji-big-keyword-distance-row { margin-top: 0; } .emoji-big-admin-root .emoji-big-display-settings { padding: 10px 0; border-bottom: 1px solid var(--line-soft); } .emoji-big-admin-root .emoji-big-display-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .emoji-big-admin-root .emoji-big-display-grid > div { display: grid; gap: 5px; min-width: 0; } .emoji-big-admin-root .emoji-big-display-grid select { width: 100%; min-width: 0; box-sizing: border-box; } .emoji-big-admin-root .emoji-big-admin-example { display: grid; gap: 6px; margin-top: 14px; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--bg); color: var(--text-muted); line-height: 1.5; } .emoji-big-admin-root .emoji-big-admin-example strong { color: var(--text); } .emoji-big-admin-root .emoji-big-admin-actions { display: flex; justify-content: flex-end; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-soft); } @media (max-width: 720px) { .emoji-big-admin-root { max-width: none; margin: 8px 0; } .emoji-big-admin-root .emoji-big-admin-head { flex-direction: column; align-items: stretch; gap: 10px; margin-bottom: 12px; padding-bottom: 12px; } .emoji-big-admin-root .emoji-big-admin-head-action, .emoji-big-admin-root .emoji-big-admin-head-action .post-action-form, .emoji-big-admin-root .emoji-big-admin-head-action button { width: 100%; } .emoji-big-admin-root .emoji-big-admin-section { padding: 12px; border-radius: var(--radius-sm); } .emoji-big-admin-root .emoji-big-admin-fields > .grid { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 9px 0; } .emoji-big-admin-root .emoji-big-admin-fields > .grid > input[type="checkbox"] { width: 38px; flex: 0 0 auto; } .emoji-big-admin-root .emoji-big-admin-field { width: 100%; } .emoji-big-admin-root .emoji-big-size-control { grid-template-columns: 42px minmax(0, 1fr) 42px; max-width: 100%; } .emoji-big-admin-root .emoji-big-display-grid { grid-template-columns: minmax(0, 1fr); } .emoji-big-admin-root .emoji-big-admin-actions { justify-content: stretch; } .emoji-big-admin-root .emoji-big-admin-actions button { width: 100%; } } @media (max-width: 360px) { .emoji-big-admin-root .emoji-big-admin-section { padding: 10px; } .emoji-big-admin-root .emoji-big-admin-section-head h3 { font-size: var(--font-size-md); } .emoji-big-admin-root .emoji-big-admin-fields > .grid { gap: 8px; } .emoji-big-admin-root .emoji-big-admin-example { padding: 10px; } } /* featured_topics */ .featured-topics{margin:0;padding:0;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:500} .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:600} .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} /* forum_rules_agree */ .forum-rules-agree-page{max-width:720px;margin:0 auto;padding:16px}.forum-rules-agree-page h2{margin:0 0 12px}.forum-rules-agree-body{padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel);font-size:var(--font-size-md)}.forum-rules-agree-body p{margin:6px 0}.forum-rules-agree-hint{margin:14px 0 8px;color:var(--text-muted);font-size:var(--font-size-sm)}.forum-rules-agree-form button{width:100%}.forum-rules-agree-admin-wrap{display:grid;gap:14px}.forum-rules-agree-list{display:grid;gap:8px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel)}.forum-rules-agree-list article{display:grid;gap:4px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg)}.forum-rules-agree-list details summary{cursor:pointer;color:var(--text-muted);font-size:var(--font-size-sm)} /* gacha */ /* ====== 称号徽章 ====== */ .gacha-title-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid var(--gacha-border);border-radius:var(--radius-sm);background:var(--gacha-bg);color:var(--gacha-color);font-size:10px;line-height:1.5;vertical-align:middle;white-space:nowrap;pointer-events:none} .gacha-list-title-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;flex:0 0 13px;color:var(--gacha-color);font-size:12px;line-height:1} .topic-post-list .gacha-title-badge{justify-content:flex-start;padding:0;border:0;background:transparent} .topic-post-list .gacha-title-badge,.topic-post-list .gacha-title-icon,.topic-post-list .gacha-title-rarity{font-size:inherit} .topic-post-list .gacha-title-name,.topic-post-list .gacha-title-rarity{font-weight:inherit} .post-meta .gacha-title-badge{box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;line-height:1.4} .post-meta .gacha-title-icon{font-size:inherit;line-height:1.4}.post-meta .gacha-title-rarity{padding:0;background:transparent;color:var(--gacha-color);font-size:inherit;line-height:1.2} .topic-post-list .post-meta .gacha-title-badge{padding:0 4px;border:1px solid var(--gacha-border);border-radius:var(--radius-sm);background:var(--gacha-bg)} .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.4} /* ====== 称号系统主页 ====== */ .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-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-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-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 16px} .gacha-profile-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);text-align:center;transition:all .15s ease;min-width:0} .gacha-profile-item.is-equipped{border-color:var(--brand-soft);background:var(--brand-soft)} .gacha-profile-item.is-expired{opacity:.62;background:var(--line-soft)} .gacha-profile-item.is-expired .gacha-title-badge{filter:grayscale(.6)} .gacha-profile-badge{display:flex;justify-content:center;min-height:30px;align-items:center} .gacha-profile-badge .gacha-title-badge{font-size:var(--font-size-sm);padding:4px 12px;pointer-events:auto;font-size:12px} .gacha-profile-info{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%} .gacha-profile-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .gacha-profile-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;font-size:10px;color:var(--text-subtle)} .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-status-active{background:var(--brand-soft);color:var(--brand)} .gacha-status-expired{background:var(--danger-soft);color:var(--danger)} .gacha-profile-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px} .gacha-expired-label{color:var(--danger);font-size:var(--font-size-xs);font-weight:600} .gacha-equip-btn{padding:5px 18px;border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);cursor:pointer;transition:all .12s ease} .gacha-equip-btn:hover{background:var(--brand-hover)} .gacha-equipped-label{color:var(--success);font-size:var(--font-size-xs);font-weight:600} .gacha-unequip-btn{min-height:28px;padding:5px 12px;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{min-height:28px;padding:5px 12px;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-gift-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} /* ====== 管理后台 ====== */ .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-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)} /* ====== 个人主页称号 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)} /* ====== 响应式 ====== */ @media(max-width:600px){ .gacha-profile-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:720px){ .gacha-settings-fields{grid-template-columns:1fr} } /* group_color */ .group-color-admin{display:grid;gap:10px} .group-color-admin-row{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line-soft);border-radius:8px} .group-color-admin-name{min-width:120px;font-weight:600} .group-color-admin-row label{display:flex;gap:6px;align-items:center;font-size:var(--font-size-sm);color:var(--text-muted)} .group-color-admin-row input[type=text]{min-width:160px} .group-color-name{font-weight:600} /* hot_topic_badge */ .topic-badge.hot-topic-badge{ margin-left:6px;margin-right:0; background:var(--danger-soft);color:var(--danger);font-weight:700 } .post-content-title .hot-topic-badge{ margin-left:8px;vertical-align:middle } /* 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); } } /* invite_code */ .invite-code-wrap{display:grid;gap:10px;padding:12px 14px}.invite-code-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.invite-code-title{color:var(--text);font-size:13px;font-weight:700;line-height:1.35}.invite-code-sub{margin-top:2px;color:var(--text-subtle);font-size:11px;line-height:1.35}.invite-code-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invite-code-stats>div{display:grid;gap:2px;padding:8px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);text-align:center}.invite-code-stats strong{color:var(--text);font-size:17px;line-height:1.1}.invite-code-stats span{color:var(--text-subtle);font-size:11px;line-height:1.25}.invite-code-action{display:block}.invite-code-action a{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:0 10px;border:1px solid var(--brand);border-radius:7px;background:var(--brand);color:var(--inverse-text);font-size:12px;font-weight:700;text-decoration:none}.invite-code-action a:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}.invite-code-row,.invite-user-row{grid-template-columns:minmax(0,1fr)}.invite-code-row .admin-row-meta span{min-width:0;overflow-wrap:anywhere}.invite-code-row .admin-content-text{overflow-wrap:anywhere;color:var(--text-muted)}.invite-user-row .admin-user-text span{white-space:normal;overflow-wrap:anywhere}.invite-code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;list-style:none;margin:0;padding:12px}.invite-code-grid .empty-state{grid-column:1/-1}.invite-code-token{display:block;min-width:0;padding:8px 10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.invite-code-row,.invite-user-row{grid-template-columns:minmax(0,1fr)}} /* ip_history */ .ip-history-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ip-history-search input{min-width:min(360px,70vw)} .ip-history-rule-row{grid-template-columns:minmax(0,1fr) auto} .ip-history-rule-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ip-history-rule-pattern,.ip-history-ip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace} .ip-history-ip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px} .ip-history-ip{padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:11px} .ip-history-user-row,.ip-history-detail-row{grid-template-columns:minmax(0,1fr)} .ip-history-detail-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ip-history-help{margin:0;color:var(--text-muted);font-size:12px;line-height:1.7} @media (max-width:760px){.ip-history-rule-row{grid-template-columns:minmax(0,1fr)}.ip-history-rule-row>.admin-inline-ops{justify-content:flex-start}} .post-meta.ip-history-location-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ip-history-location-separator{color:var(--text-subtle);font-size:11px}.ip-history-location-subtitle{display:inline-flex;min-width:0;max-width:100%;overflow:hidden;color:var(--text-subtle);font-size:11px;font-weight:400;line-height:1.25;overflow-wrap:anywhere;text-overflow:ellipsis}.topic-post-list .post-meta.ip-history-location-meta{display:flex}.ip-history-recent-card .quick-wrap{display:grid;gap:7px}.ip-history-recent-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.ip-history-recent-item{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.ip-history-recent-ip{min-width:0;overflow:hidden;color:var(--text);font-family:var(--font-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ip-history-recent-time{flex:0 0 auto;color:var(--text-muted);font-size:11px}.ip-history-recent-empty{margin:0;color:var(--text-muted);font-size:12px}.ip-history-location-settings{max-width:none} /* 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{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:auto;min-width:24px;height:24px;min-height:24px;margin:0;padding:0 3px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:11px;font-weight:500;line-height:1;opacity:.55}.like-coin-form .like-coin-action:hover{background:var(--line-soft);color:var(--brand);opacity:1}.like-coin-form .like-coin-action.active{color:var(--brand);opacity:1}.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-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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}@media(max-width:560px){.like-coin-options{grid-template-columns:1fr}} /* long_content_collapse */ .long-content-collapse{position:relative;min-width:0} .long-content-collapse.long-content-collapse-collapsed{max-height:var(--long-content-collapse-max-height,calc(var(--long-content-collapse-lines) * 1.75em));overflow:hidden} .long-content-collapse.long-content-collapse-collapsed:after{position:absolute;right:0;bottom:0;left:0;height:4em;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--panel));content:""} .long-content-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:8px 0 0;padding:0;border:0;background:transparent;color:var(--brand-hover);font:inherit;font-size:var(--font-size-sm);font-weight:600;line-height:1.3;cursor:pointer} .long-content-collapse-toggle:hover{color:var(--brand)} button.long-content-collapse-toggle:hover{background:transparent;color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .long-content-collapse-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)} .long-content-collapse-toggle[hidden]{display:none} .long-content-collapse-admin{display:block} .long-content-collapse-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px} .long-content-collapse-admin-stat{display:grid;gap:3px;padding:13px 14px;border:0;border-radius:var(--radius-sm);background:var(--bg)} .long-content-collapse-admin-stat span{color:var(--text-muted);font-size:var(--font-size-xs)} .long-content-collapse-admin-stat b{color:var(--text);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums} .long-content-collapse-admin-stat b.enabled{color:var(--success)} .long-content-collapse-admin-section{display:grid;gap:10px} .long-content-collapse-admin-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px} .long-content-collapse-admin-section-head h3{margin:0;color:var(--text);font-size:var(--font-size-md)} .long-content-collapse-admin-section-head span{color:var(--text-muted);font-size:var(--font-size-xs)} .long-content-collapse-settings{max-width:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px} .long-content-collapse-settings-card{display:grid;gap:10px;min-width:0;padding:12px;border:0;border-radius:var(--radius-sm);background:var(--bg)} .long-content-collapse-settings-card>.grid{grid-template-columns:1fr;gap:5px;min-width:0;margin:0} .long-content-collapse-settings-card>.grid>span{padding:0;color:var(--text-muted);font-size:var(--font-size-sm)} .long-content-collapse-settings-card input:not([type=checkbox]){box-sizing:border-box;width:100%;max-width:none;margin:0} .long-content-collapse-settings>button{grid-column:1/-1;justify-self:start} @media(max-width:720px){.long-content-collapse-admin-section-head{align-items:flex-start;flex-direction:column;gap:3px}.long-content-collapse-settings{grid-template-columns:1fr}} /* lottery */ .lottery-title-status{display:inline-flex;align-items:center;min-height:20px;margin-left:6px;padding:0 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.lottery-title-status.open{background:var(--warning-soft);color:var(--warning)}.lottery-title-status.done{background:var(--success-soft);color:var(--success)}.lottery-card{display:grid;gap:11px;margin:12px 0;padding:16px;border:1px solid var(--warning);border-radius:var(--radius);background:linear-gradient(135deg,var(--warning-soft),var(--panel) 72%)}.lottery-card.is-done{border-color:var(--success);background:linear-gradient(135deg,var(--success-soft),var(--panel) 72%)}.lottery-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lottery-card>header b{font-size:var(--font-size-lg)}.lottery-card>header span{display:block;margin-top:2px;color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-card>header em{flex:0 0 auto;padding:5px 11px;border-radius:999px;background:var(--panel);color:var(--text);font-size:var(--font-size-sm);font-style:normal;font-weight:600}.lottery-prizes{display:grid;gap:7px;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.lottery-prizes>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lottery-prizes strong{font-size:var(--font-size-md)}.lottery-prizes span{color:var(--text-muted);font-size:var(--font-size-xs);text-align:right}.lottery-prize-empty strong{color:var(--text-muted);font-weight:400}.lottery-condition{color:var(--text);font-size:var(--font-size-sm);font-weight:600}.lottery-eligibility{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-hint{padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm)}.lottery-hint.is-joined{color:var(--success)}.lottery-hint.is-blocked{color:var(--danger)}.lottery-result{display:grid;gap:8px}.lottery-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lottery-result-head b{font-size:var(--font-size-lg)}.lottery-result-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-winners{display:grid;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line-soft)}.lottery-winner-rows{display:flex;flex-wrap:wrap;gap:6px 16px}.lottery-winner-prize{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lottery-winner-prize strong{font-size:var(--font-size-md)}.lottery-winner-prize span{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-winner-item{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 10px;border-radius:var(--radius-sm);background:var(--panel)}.lottery-winner-item .avatar-profile-link{display:block;flex:0 0 auto;width:20px;height:20px;border-radius:50%}.lottery-winner-item>a{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--font-size-sm)}.lottery-winner-item>a:hover{color:var(--brand)}.lottery-winner-item em{padding:1px 7px;border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);font-style:normal;white-space:nowrap}.lottery-winner-claim{flex:none;color:var(--brand);font-size:var(--font-size-xs);font-weight:600}.lottery-winner-empty{padding:8px 10px;color:var(--text-muted);font-size:var(--font-size-sm)}.lottery-ledger{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-fair{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-fair summary{cursor:pointer;color:var(--text);font-size:var(--font-size-sm)}.lottery-fair p{margin:7px 0}.lottery-fair code{display:block;margin-top:4px;padding:7px 9px;border-radius:var(--radius-sm);background:var(--panel);font-family:var(--font-mono);overflow-wrap:anywhere}.lottery-card-manage{justify-self:start;color:var(--text);font-size:var(--font-size-sm);font-weight:600}.lottery-manage{display:grid;gap:12px}.lottery-back{color:var(--text-muted);font-size:var(--font-size-sm)}.lottery-manage-state{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:13px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg)}.lottery-manage-state span{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-manage-state strong{font-size:var(--font-size-md)}.lottery-form,.lottery-prize-add{display:grid;gap:11px}.lottery-manage .grid{grid-template-columns:minmax(0,1fr);gap:5px;margin:0}.lottery-manage .grid>span{padding-top:0}.lottery-manage .grid input,.lottery-manage .grid select{width:100%;max-width:none}.lottery-prize-add{margin-top:13px;padding-top:13px;border-top:1px solid var(--line-soft)}.lottery-note{margin:0;color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-danger{display:flex;gap:9px;flex-wrap:wrap}.lottery-compose{display:grid;gap:8px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.lottery-compose-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lottery-compose-head a{color:var(--brand);font-size:var(--font-size-sm)}.lottery-compose-details summary,.lottery-compose-advanced summary{display:flex;align-items:center;cursor:pointer;font-weight:600;list-style:none}.lottery-compose-details summary::-webkit-details-marker,.lottery-compose-advanced summary::-webkit-details-marker{display:none}.lottery-compose-details summary:before,.lottery-compose-advanced 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}.lottery-compose-details[open]>summary:before,.lottery-compose-advanced[open]>summary:before{transform:rotate(90deg)}.lottery-compose-body{display:grid;gap:11px;margin-top:11px}.lottery-compose-advanced{padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel)}.lottery-compose-advanced>div{margin-top:10px}.lottery-compose-toggle{display:flex;align-items:center;gap:9px;font-size:var(--font-size-sm)}.lottery-compose-toggle input[type=checkbox]{flex:0 0 38px;width:38px;min-width:38px;margin:0}.lottery-compose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.lottery-compose-note{margin:0;color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-admin{display:block}.lottery-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}.lottery-admin-stat{display:grid;gap:3px;padding:13px 14px;border:0;border-radius:var(--radius-sm);background:var(--bg);box-shadow:none}.lottery-admin-stat span{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-admin-stat b{color:var(--brand);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.lottery-admin-section{display:grid;gap:10px;margin-top:18px;padding-top:0;border-top:0}.lottery-admin-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lottery-admin-section-head h3{margin:0;color:var(--text);font-size:var(--font-size-md)}.lottery-admin-section-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-admin-form-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.lottery-admin .lottery-form{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0;gap:10px}.lottery-admin .lottery-form>.grid{grid-template-columns:1fr;gap:5px;min-width:0;margin:0;padding:12px;border:0;border-radius:var(--radius-sm);background:var(--bg)}.lottery-admin .lottery-form>.grid>span{padding:0;color:var(--text-muted);font-size:var(--font-size-sm)}.lottery-admin .lottery-form>.grid input:not([type=checkbox]),.lottery-admin .lottery-form>.grid select{box-sizing:border-box;width:100%;max-width:none;min-height:38px;margin:0}.lottery-admin .lottery-form>.lottery-admin-field-wide{display:grid;grid-column:1/-1!important;justify-self:stretch;width:100%;min-width:0}.lottery-admin .lottery-form>button{grid-column:1/-1}.lottery-admin .lottery-form>button{justify-self:start;margin-top:2px}.lottery-group-checks{display:flex;flex-wrap:wrap;width:100%;min-width:0;gap:9px}.lottery-group-check{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-width:max-content;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:var(--font-size-sm);white-space:nowrap}.lottery-group-check input{flex:0 0 38px}.lottery-group-check span{white-space:nowrap}.lottery-claim-send,.lottery-claim-actions,.lottery-claim-actions form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lottery-claim-send input,.lottery-claim-actions input{min-width:180px}.lottery-admin-open .admin-object-row{grid-template-columns:minmax(0,1fr) auto}.lottery-admin-open .admin-object-row .admin-inline-ops{grid-column:2;justify-content:flex-end}@media(max-width:720px){.lottery-card>header{flex-direction:column}.lottery-card>header em{align-self:flex-start}.lottery-admin-section-head{align-items:flex-start;flex-direction:column;gap:3px}.lottery-prizes>div{flex-direction:column;gap:2px}.lottery-prizes span{text-align:left}} /* member_pro */ /* member_pro */ .member-pro-card { margin:14px 0; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); overflow:hidden} .member-pro-card .member-pro-card-head { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 12px; border-bottom:1px solid var(--line-soft); background:var(--bg)} .member-pro-card .member-pro-card-tag { flex:0 0 auto; padding:2px 8px; border-radius:999px; background:var(--brand); color:var(--inverse-text); font-size:var(--font-size-xs); font-weight:700; line-height:1.6} .member-pro-card .member-pro-card-title { min-width:0; overflow:hidden; color:var(--text); font-size:var(--font-size-sm); font-weight:600; text-overflow:ellipsis; white-space:nowrap} .member-pro-card .member-pro-card-state { margin-left:auto; color:var(--text-muted); font-size:var(--font-size-xs)} .member-pro-card .member-pro-card-content { padding:12px} .member-pro-card .member-pro-card-content>:first-child { margin-top:0} .member-pro-card .member-pro-card-content>:last-child { margin-bottom:0} .member-pro .member-pro-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:0 20px; border:1px solid var(--brand); border-radius:var(--radius-sm); background:var(--brand); color:var(--inverse-text); font-size:var(--font-size-md); font-weight:700; line-height:1; white-space:nowrap; cursor:pointer} .member-pro .member-pro-btn:hover { border-color:var(--brand-hover); background:var(--brand-hover); color:var(--inverse-text)} .member-pro .member-pro-btn:focus-visible { outline:2px solid var(--focus-ring); outline-offset:1px} .member-pro .member-pro-price { display:inline-flex; align-items:baseline; gap:2px; color:inherit} .member-pro .member-pro-price strong { font-size:var(--font-size-lg); line-height:1} .member-pro .member-pro-price span { font-size:var(--font-size-xs); font-weight:400} .member-pro .member-pro-buy { display:inline-flex; margin:0} .member-pro .member-pro-note { color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.6} .member-pro .member-pro-note a { color:var(--brand)} .member-pro .member-pro-sales { color:var(--text-muted); font-size:var(--font-size-xs)} .member-pro .member-pro-sales strong { color:var(--brand); font-weight:700} .member-pro-read.member-pro-locked { border-style:dashed; background:var(--brand-soft)} .member-pro-read .member-pro-lock { display:grid; justify-items:center; gap:10px; padding:24px 16px; text-align:center} .member-pro-read .member-pro-lock-badge { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:var(--panel); color:var(--brand)} .member-pro-read .member-pro-lock-icon { width:24px; height:24px} .member-pro-read .member-pro-lock-tip { margin:0; color:var(--text-muted); font-size:var(--font-size-md); line-height:1.6} .member-pro-read .member-pro-lock-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px} .member-pro-read .member-pro-lock-meta { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:6px 12px} .member-pro-download .member-pro-dl { display:flex; align-items:stretch; flex-wrap:wrap; gap:14px; padding:14px} .member-pro-download .member-pro-dl-thumb { flex:0 0 auto; width:132px; overflow:hidden; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg)} .member-pro-download .member-pro-dl-thumb img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:4/3} .member-pro-download .member-pro-dl-main { display:grid; align-content:start; gap:8px; flex:1 1 260px; min-width:0} .member-pro-download .member-pro-dl-title { margin:0; color:var(--text); font-size:var(--font-size-lg); font-weight:700; line-height:1.4; word-break:break-word} .member-pro-download .member-pro-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px} .member-pro-download .member-pro-info-item { display:flex; align-items:baseline; gap:10px; min-width:0} .member-pro-download .member-pro-info-label { flex:0 0 auto; min-width:56px; color:var(--text-subtle); font-size:var(--font-size-xs)} .member-pro-download .member-pro-info-value { min-width:0; overflow:hidden; color:var(--text); font-size:var(--font-size-sm); text-overflow:ellipsis; white-space:nowrap} .member-pro-download .member-pro-dl-summary { color:var(--text-muted); font-size:var(--font-size-xs)} .member-pro-download .member-pro-dl-note { color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.7} .member-pro-download .member-pro-dl-note>:first-child { margin-top:0} .member-pro-download .member-pro-dl-note>:last-child { margin-bottom:0} .member-pro-download .member-pro-dl-action { display:grid; align-content:center; justify-items:center; gap:8px; flex:0 0 auto; min-width:186px; padding:14px; border-radius:var(--radius-sm); background:var(--brand-soft); text-align:center} .member-pro-download .member-pro-dl-action .member-pro-btn { width:100%} .member-pro-download .member-pro-lock-meta { display:grid; justify-items:center; gap:2px} .member-pro-download .member-pro-dl-done { margin-left:8px; padding:2px 8px; border-radius:999px; background:var(--success-soft,var(--brand-soft)); color:var(--success); font-size:var(--font-size-xs); font-weight:700; vertical-align:middle} .member-pro-card .member-pro-res { display:grid; gap:6px; padding:0 14px 14px} .member-pro-card .member-pro-res-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; min-height:38px; padding:7px 10px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg)} .member-pro-card .member-pro-res-label { flex:0 0 auto; min-width:74px; color:var(--text-muted); font-size:var(--font-size-xs); font-weight:600} .member-pro-card .member-pro-res-value { display:flex; align-items:center; flex-wrap:wrap; gap:8px; flex:1; min-width:0} .member-pro-card .member-pro-res-hint { color:var(--text-subtle); font-size:var(--font-size-sm)} .member-pro-card .member-pro-res-btn { flex:0 0 auto; padding:3px 12px; border:1px solid var(--brand); border-radius:999px; color:var(--brand); font-size:var(--font-size-xs); font-weight:700; line-height:1.6} .member-pro-card .member-pro-res-btn:hover { background:var(--brand); color:var(--inverse-text)} .member-pro-card .member-pro-code { display:inline-flex; align-items:center; gap:6px; color:var(--text-muted); font-size:var(--font-size-xs)} .member-pro-card .member-pro-res code { padding:2px 8px; border-radius:var(--radius-sm); background:var(--panel); color:var(--text); font-family:var(--font-mono); font-size:var(--font-size-sm); font-weight:700; letter-spacing:.5px} .member-pro-card .member-pro-copy { flex:0 0 auto; min-height:24px; padding:0 9px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--text-muted); font-size:var(--font-size-xs); line-height:1; white-space:nowrap; cursor:pointer} .member-pro-card .member-pro-copy:hover { border-color:var(--brand); color:var(--brand)} .member-pro-card .member-pro-copy.is-done { border-color:var(--success); color:var(--success)} .member-pro-card .member-pro-file-name { min-width:0; overflow:hidden; color:var(--text); font-size:var(--font-size-sm); text-overflow:ellipsis; white-space:nowrap} .member-pro-card .member-pro-file-size { flex:0 0 auto; color:var(--text-subtle); font-size:var(--font-size-xs)} .member-pro-help { margin:10px 0 0; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg)} .member-pro-help>summary { padding:8px 10px; color:var(--text-muted); font-size:var(--font-size-sm); font-weight:600; cursor:pointer; user-select:none} .member-pro-help .member-pro-help-body { padding:0 10px 10px; color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.7} .member-pro-help .member-pro-help-body p { margin:0 0 6px} .member-pro-help .member-pro-help-code { margin:0 0 10px; padding:8px 10px; overflow:auto; border-radius:var(--radius-sm); background:var(--panel); color:var(--text); font-family:var(--font-mono); font-size:var(--font-size-xs); line-height:1.6; white-space:pre} .member-pro-page { display:grid; gap:12px} .member-pro-page .member-pro-hero { display:flex; align-items:center; flex-wrap:wrap; gap:14px 20px; padding:18px 20px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel)} .member-pro-page .member-pro-hero.is-vip { border-color:var(--brand); background:linear-gradient(120deg,var(--brand-soft),var(--panel) 62%)} .member-pro-page .member-pro-hero-id { display:flex; align-items:center; gap:12px; flex:1 1 220px; min-width:0} .member-pro-page .member-pro-hero-avatar { flex:0 0 auto; width:52px; height:52px} .member-pro-page .member-pro-hero-avatar img { width:52px; height:52px; border-radius:50%} .member-pro-page .member-pro-hero-text { display:grid; gap:3px; min-width:0} .member-pro-page .member-pro-hero-name { display:flex; align-items:center; flex-wrap:wrap; gap:4px; color:var(--text); font-size:var(--font-size-lg); font-weight:700; line-height:1.3} .member-pro-page .member-pro-hero-sub { color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.5} .member-pro-page .member-pro-hero-stats { display:flex; flex-wrap:wrap; gap:10px 26px} .member-pro-page .member-pro-hero-stat { display:grid; gap:2px; min-width:72px; text-align:center} .member-pro-page .member-pro-hero-stat strong { color:var(--text); font-size:var(--font-size-xl); line-height:1.1} .member-pro-page .member-pro-hero-stat span { color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.3} .member-pro-page .member-pro-toolbar { margin:0} .member-pro-page .member-pro-tab-bar { margin:0} .member-pro-page .member-pro-vip-banner { display:flex; align-items:center; gap:14px; margin:0 0 16px; padding:18px 20px; border-radius:var(--radius); background:linear-gradient(120deg,var(--brand),var(--brand-hover)); color:var(--inverse-text)} .member-pro-page .member-pro-vip-banner.is-vip { background:var(--brand-soft); color:var(--brand)} .member-pro-page .member-pro-vip-banner.is-vip .member-pro-vip-crown { background:var(--panel)} .member-pro-page .member-pro-vip-banner.is-vip .member-pro-vip-words p { color:var(--text-muted); opacity:1} .member-pro-page .member-pro-vip-crown { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.18)} .member-pro-page .member-pro-vip-crown svg { width:26px; height:26px} .member-pro-page .member-pro-vip-words { min-width:0} .member-pro-page .member-pro-vip-words h3 { margin:0; font-size:var(--font-size-lg); font-weight:700; line-height:1.4} .member-pro-page .member-pro-vip-words p { margin:2px 0 0; font-size:var(--font-size-sm); line-height:1.5; opacity:.88} .member-pro-page .member-pro-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px} .member-pro-page .member-pro-plan { position:relative; display:grid; align-content:start; gap:8px; min-width:0; padding:20px 16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--bg)} .member-pro-page .member-pro-plan.is-best { border-color:var(--brand); box-shadow:0 6px 20px var(--shadow-soft,rgba(0,0,0,.06))} .member-pro-page .member-pro-plan.is-current { border-color:var(--brand); background:var(--brand-soft)} .member-pro-page .member-pro-plan-tag { position:absolute; top:-1px; right:-1px; padding:2px 10px; border-radius:0 var(--radius) 0 var(--radius); background:var(--brand); color:var(--inverse-text); font-size:var(--font-size-xs); font-weight:700} .member-pro-page .member-pro-plan-tag.is-current { background:var(--text-muted)} .member-pro-page .member-pro-plan-name { overflow:hidden; color:var(--text); font-size:var(--font-size-lg); font-weight:700; line-height:1.3; text-overflow:ellipsis; white-space:nowrap} .member-pro-page .member-pro-plan-days { color:var(--text-subtle); font-size:var(--font-size-xs)} .member-pro-page .member-pro-plan-cost { display:flex; align-items:baseline; gap:4px; margin:2px 0 0; color:var(--brand)} .member-pro-page .member-pro-plan-cost strong { font-size:clamp(24px,3.4vw,32px); font-weight:700; line-height:1} .member-pro-page .member-pro-plan-cost span { color:var(--text-muted); font-size:var(--font-size-sm)} .member-pro-page .member-pro-plan-cost-none { color:var(--text-subtle); font-size:var(--font-size-sm)} .member-pro-page .member-pro-plan-alt { color:var(--text-subtle); font-size:var(--font-size-xs)} .member-pro-page .member-pro-plan-perks { display:grid; gap:5px; margin:4px 0 0; padding:0; list-style:none} .member-pro-page .member-pro-plan-perks li { position:relative; padding-left:18px; color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.6} .member-pro-page .member-pro-plan-perks li::before { content:""; position:absolute; top:.55em; left:4px; width:6px; height:6px; border-radius:50%; background:var(--brand)} .member-pro-page .member-pro-panel { padding:14px 16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel)} .member-pro-page .member-pro-title { display:flex; align-items:center; gap:8px; margin:0 0 10px; color:var(--text); font-size:var(--font-size-lg); font-weight:700; line-height:1.4} .member-pro-page .member-pro-title::before { content:""; flex:0 0 auto; width:4px; height:18px; border-radius:2px; background:var(--brand)} .member-pro-page .member-pro-rate { margin:0 0 12px; color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.6} .member-pro-page .member-pro-paid { margin:0 0 12px; color:var(--success); font-size:var(--font-size-md); font-weight:700; line-height:1.6} .member-pro-page .member-pro-closed { margin:0 0 12px; color:var(--text-muted); font-size:var(--font-size-md); line-height:1.6} .member-pro-page .member-pro-form { display:grid; gap:12px} .member-pro-page .member-pro-presets { display:flex; flex-wrap:wrap; gap:8px} .member-pro-page .member-pro-preset { display:inline-grid; gap:2px; min-width:88px; padding:8px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg); color:var(--text); font-size:var(--font-size-md); font-weight:700; line-height:1.3; text-align:center; cursor:pointer} .member-pro-page .member-pro-preset small { color:var(--text-subtle); font-size:var(--font-size-xs); font-weight:400} .member-pro-page .member-pro-preset:hover,.member-pro-page .member-pro-preset.is-active { border-color:var(--brand); color:var(--brand)} .member-pro-page .member-pro-field { display:grid; gap:6px} .member-pro-page .member-pro-field>span { color:var(--text-muted); font-size:var(--font-size-sm)} .member-pro-page .member-pro-types { display:grid; gap:10px} .member-pro-page .member-pro-type-group { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; min-width:0} .member-pro-page .member-pro-type-name { flex:0 0 auto; min-width:84px; color:var(--text-subtle); font-size:var(--font-size-xs)} .member-pro-page .member-pro-type-options { display:flex; flex-wrap:wrap; gap:6px 16px; min-width:0} .member-pro-page .member-pro-type { display:inline-flex; align-items:center; gap:6px; min-height:28px; color:var(--text); font-size:var(--font-size-sm); white-space:nowrap} .member-pro-page .member-pro-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px} .member-pro-page .member-pro-qr { display:grid; justify-items:center; gap:8px; margin:0 0 14px} .member-pro-page .member-pro-qr-canvas { width:220px; max-width:100%; padding:10px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; line-height:0} .member-pro-page .member-pro-qr-canvas svg { display:block; width:100%; height:auto} .member-pro-page .member-pro-qr-tip { margin:0; color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.6; text-align:center} .member-pro-page .member-pro-list { display:grid; gap:6px; margin:0; padding:0; list-style:none} .member-pro-page .member-pro-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:10px 0; border-top:1px solid var(--line-soft)} .member-pro-page .member-pro-row:first-child { border-top:0} .member-pro-page .member-pro-row-main { display:grid; gap:3px; flex:1; min-width:0} .member-pro-page .member-pro-row-title { min-width:0; overflow:hidden; color:var(--text); font-size:var(--font-size-md); font-weight:600; text-overflow:ellipsis; white-space:nowrap} .member-pro-page a.member-pro-row-title:hover { color:var(--brand)} .member-pro-page .member-pro-row-meta { color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.5; word-break:break-all} .member-pro-page .member-pro-row-side { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px} .member-pro-page .member-pro-state { color:var(--text-muted); font-size:var(--font-size-sm); font-weight:600} .member-pro-page .member-pro-state-0 { color:var(--warning)} .member-pro-page .member-pro-state-1 { color:var(--success)} .member-pro-page .member-pro-state-2 { color:var(--text-disabled)} .member-pro-page .member-pro-inline { display:inline-flex; margin:0} .member-pro-page .member-pro-link-btn { display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border:1px solid var(--line); border-radius:999px; background:var(--bg); color:var(--text-muted); font-size:var(--font-size-xs); line-height:1; white-space:nowrap; cursor:pointer} .member-pro-page .member-pro-link-btn:hover { border-color:var(--brand); color:var(--brand)} .member-pro-page .member-pro-note { margin:10px 0 0; color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.6} .member-pro-page .member-pro-empty { padding:14px 0; color:var(--text-subtle); font-size:var(--font-size-sm); text-align:center} .member-pro-jump .member-pro-jump-text { margin:0 0 12px; color:var(--text-muted); font-size:var(--font-size-sm); line-height:1.6} .member-pro-jump .member-pro-jump-form { margin:0 0 10px} .member-pro-jump .member-pro-note { color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.6} .member-pro-tabs { display:grid; gap:12px} .member-pro-tab-nav { display:flex; flex-wrap:wrap; gap:6px} .member-pro-tab { display:inline-flex; align-items:center; min-height:34px; padding:0 16px; border:1px solid var(--line); border-radius:999px; background:var(--bg); color:var(--text-muted); font-size:var(--font-size-sm); font-weight:600; line-height:1; white-space:nowrap; cursor:pointer} .member-pro-tab:hover { border-color:var(--brand); color:var(--brand)} .member-pro-tab.is-active { border-color:var(--brand); background:var(--brand-soft); color:var(--brand)} .member-pro-tab:focus-visible { outline:2px solid var(--focus-ring); outline-offset:-2px} .member-pro-tab-panels { min-width:0} .member-pro [data-member-pro-save][hidden] { display:none} .member-pro .member-pro-admin-list { display:grid; gap:8px; margin:0 0 14px; padding:0; list-style:none} .member-pro .member-pro-admin-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; padding:10px 12px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg)} .member-pro .member-pro-admin-row .admin-user-cell { display:flex; align-items:center; gap:10px; flex:1 1 240px; min-width:0} .member-pro .member-pro-admin-row .table-avatar { flex:0 0 auto; width:34px; height:34px} .member-pro .member-pro-admin-row .table-avatar img { width:34px; height:34px; border-radius:50%} .member-pro .member-pro-admin-row .admin-user-text { display:grid; gap:2px; min-width:0} .member-pro .member-pro-admin-row .admin-user-text strong { color:var(--text); font-size:var(--font-size-md); font-weight:600; line-height:1.3} .member-pro .member-pro-admin-row .admin-user-text span { color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.5; word-break:break-all} .member-pro .member-pro-admin-main { display:grid; gap:2px; flex:1 1 240px; min-width:0} .member-pro .member-pro-admin-main strong { color:var(--text); font-size:var(--font-size-md)} .member-pro .member-pro-admin-main span { color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.5} .member-pro .member-pro-admin-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:6px; margin-left:auto} .member-pro .member-pro-admin-actions .member-pro-inline { display:inline-flex; align-items:center; gap:4px; margin:0} .member-pro .member-pro-admin-actions select,.member-pro .member-pro-admin-actions input { min-height:30px; width:auto; max-width:126px; padding:0 8px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--panel); color:var(--text); font-size:var(--font-size-xs)} .member-pro .member-pro-admin-search { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0 0 12px} .member-pro .member-pro-admin-search input { flex:0 1 240px; min-height:32px; 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)} .member-pro .member-pro-admin-form { display:grid; gap:12px; padding:14px; border:1px solid var(--line-soft); border-radius:var(--radius-sm); background:var(--bg)} .member-pro .member-pro-admin-subtitle { margin:0; color:var(--text); font-size:var(--font-size-sm); font-weight:700} .member-pro .member-pro-link-btn { display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--text-muted); font-size:var(--font-size-xs); font-weight:600; line-height:1; white-space:nowrap; cursor:pointer} .member-pro .member-pro-link-btn:hover { border-color:var(--brand); background:var(--brand-soft); color:var(--brand)} .member-pro .member-pro-inline { display:inline-flex; margin:0} .member-pro .member-pro-empty { padding:14px 0; color:var(--text-subtle); font-size:var(--font-size-sm); text-align:center} .member-pro .member-pro-section { display:grid; gap:12px} @media(max-width:760px) { .member-pro .member-pro-admin-row { align-items:flex-start; flex-direction:column} .member-pro .member-pro-admin-actions { justify-content:flex-start; margin-left:0} } .member-pro-page .member-pro-plan-actions { display:grid; gap:6px; justify-items:stretch; margin-top:6px} .member-pro-page .member-pro-plan-actions .member-pro-inline { display:grid} .member-pro-page .member-pro-plan-actions .member-pro-btn { width:100%} .member-pro .member-pro-price s { margin-right:4px; color:inherit; font-size:var(--font-size-xs); opacity:.65} .member-pro-logout { display:inline-flex; margin:0 0 0 6px; vertical-align:middle} .member-pro-logout .member-pro-logout-btn { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-height:0; padding:0; border:0; border-radius:var(--radius-sm); background:transparent; color:var(--text-subtle); cursor:pointer} .member-pro-logout .member-pro-logout-btn:hover { background:var(--brand-soft); color:var(--brand)} .member-pro-logout .member-pro-logout-btn:focus-visible { outline:2px solid var(--focus-ring); outline-offset:1px} .member-pro-logout .member-pro-logout-btn svg { width:14px; height:14px} .member-pro-badge { display:inline-flex; align-items:center; gap:3px; margin-left:6px; padding:1px 7px; border:1px solid var(--brand); border-radius:999px; background:var(--brand-soft); color:var(--brand); font-size:var(--font-size-xs); font-weight:700; line-height:1.6; vertical-align:middle; white-space:nowrap} .member-pro-badge-icon { flex:0 0 auto; width:12px; height:12px} a.member-pro-badge:hover { border-color:var(--brand-hover); background:var(--brand); color:var(--inverse-text)} .member-pro-card .member-pro-plan-prices { display:flex; align-items:center; flex-wrap:wrap; gap:6px} .member-pro-card .member-pro-plan-price { display:inline-flex; align-items:baseline; gap:5px; padding:2px 9px; border-radius:999px; background:var(--bg); color:var(--text-muted); font-size:var(--font-size-xs); line-height:1.7} .member-pro-card .member-pro-plan-price em { color:var(--brand); font-style:normal; font-weight:700} .member-pro-card .member-pro-plan-price.is-mine { background:var(--brand-soft); color:var(--brand)} .member-pro-card a.member-pro-plan-prices:hover .member-pro-plan-price { color:var(--brand)} .member-pro .member-pro-vip-hint { color:var(--brand); font-size:var(--font-size-xs); font-weight:600} .member-pro a.member-pro-vip-hint:hover { text-decoration:underline} .member-pro .member-pro-vip-hint.is-mine { color:var(--success)} .member-pro-section { display:grid; gap:12px; margin:0 0 18px; padding:0 0 18px; border-bottom:1px solid var(--line-soft)} .member-pro-section:last-of-type { margin-bottom:10px; padding-bottom:0; border-bottom:0} .member-pro-tabs.is-ready .member-pro-section { display:none; margin:0; padding:0; border-bottom:0} .member-pro-tabs.is-ready .member-pro-section.is-active { display:grid} @media(max-width:760px) { .member-pro-tab { padding:6px 12px; font-size:var(--font-size-xs)} } .member-pro-section-title { display:flex; align-items:center; gap:8px; margin:0; color:var(--text); font-size:var(--font-size-md); font-weight:700; line-height:1.4} .member-pro-section-title::before { content:""; flex:0 0 auto; width:3px; height:14px; border-radius:2px; background:var(--brand)} .member-pro-section-note { margin:-4px 0 0; color:var(--text-subtle); font-size:var(--font-size-xs); line-height:1.6; word-break:break-all} .member-pro-check-groups { display:grid; gap:8px; min-width:0} .member-pro-check-group { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; min-width:0} .member-pro-check-group>strong { flex:0 0 auto; min-width:84px; color:var(--text-muted); font-size:var(--font-size-xs); font-weight:600} .member-pro-checks { display:flex; flex-wrap:wrap; gap:6px 14px; min-width:0} .member-pro-check { 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} .member-pro-check input { flex:0 0 auto; margin:0} .member-pro-check .member-pro-warn { color:var(--warning); font-size:var(--font-size-xs)} @media(max-width:860px) { .member-pro-page .member-pro-plans { grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:520px) { .member-pro-page .member-pro-plans { grid-template-columns:minmax(0,1fr)} } @media(max-width:700px) { .member-pro-page .member-pro-hero { padding:14px} .member-pro-page .member-pro-hero-stats { flex:1 1 100%; justify-content:space-around; gap:8px} .member-pro-page .member-pro-hero-stat strong { font-size:var(--font-size-lg)} .member-pro-page .member-pro-vip-banner { padding:14px; gap:10px} .member-pro-page .member-pro-vip-crown { width:38px; height:38px} .member-pro-page .member-pro-panel { padding:12px} .member-pro-page .member-pro-type-name { min-width:100%} .member-pro-page .member-pro-preset { flex:1 1 88px} .member-pro-download .member-pro-dl-thumb { width:96px} .member-pro-download .member-pro-info { grid-template-columns:minmax(0,1fr)} .member-pro-download .member-pro-dl-action { width:100%; min-width:0} .member-pro-card .member-pro-res-label { min-width:100%} } /* mymsg */ /* 私信 Tab 自行渲染内容，隐藏官方遗留的空列表占位（:has 不支持时退化为隐藏该行） */ .mymsg-hidden-empty{display:none} .empty-state:has(>.mymsg-hidden-empty){padding:0;border:0;background:none;min-height:0} .post-list:has(>.empty-state>.mymsg-hidden-empty){display:none} .mymsg-wrap{display:flex;flex-direction:column;gap:12px;margin:12px 0} .mymsg-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:38px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text-muted);text-align:center} .mymsg-empty p{font-size:var(--font-size-md);font-weight:600;color:var(--text)} .mymsg-empty span{font-size:var(--font-size-sm)} .mymsg-empty a{color:var(--brand)} .mymsg-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 6px 18px var(--shadow-base);overflow:hidden} .mymsg-thread{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--text);transition:background var(--transition-normal)} .mymsg-thread:last-child{border-bottom:0} .mymsg-thread:hover{background:var(--bg);color:var(--text)} .mymsg-thread.unread{background:var(--brand-soft)} .mymsg-thread.unread .mymsg-thread-name{font-weight:700} .mymsg-thread.unread .mymsg-thread-preview{color:var(--text)} .mymsg-thread-avatar{flex:0 0 auto;display:block;line-height:0} .mymsg-thread-avatar .avatar-img{width:40px;height:40px} .mymsg-thread-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px} .mymsg-thread-top{display:flex;align-items:baseline;min-width:0} .mymsg-thread-name{font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mymsg-thread-time{flex:0 0 auto;margin-bottom:2px;font-size:var(--font-size-xs);color:var(--text-subtle)} .mymsg-thread-preview{font-size:var(--font-size-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mymsg-thread-me{font-style:normal;color:var(--text-subtle)} .mymsg-thread-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px} .mymsg-thread-count{font-size:var(--font-size-xs);color:var(--text-subtle)} .mymsg-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--danger);color:var(--inverse-text);font-size:var(--font-size-xxs);font-weight:700;line-height:1} .mymsg-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)} .mymsg-back{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-sm)} .mymsg-back:hover{border-color:var(--brand);color:var(--brand)} .mymsg-head-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100% - 160px);min-width:0;color:var(--text);text-decoration:none} .mymsg-head-center:hover{color:var(--brand)} .mymsg-head-center .avatar-img{width:28px;height:28px;flex:0 0 auto} .mymsg-head-name{flex:0 1 auto;font-size:var(--font-size-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mymsg-head-tip{position:relative;z-index:1;flex:0 0 auto;font-size:var(--font-size-xs);color:var(--text-subtle)} .mymsg-stream{display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 6px 18px var(--shadow-base)} .mymsg-day{align-self:center;padding:2px 10px;border-radius:999px;background:var(--bg);color:var(--text-subtle);font-size:var(--font-size-xs)} .mymsg-msg{display:flex;gap:10px;max-width:82%} .mymsg-msg.in{align-self:flex-start} .mymsg-msg.out{align-self:flex-end;flex-direction:row-reverse} .mymsg-msg-avatar{flex:0 0 auto;line-height:0} .mymsg-msg-avatar .avatar-img{width:34px;height:34px} .mymsg-msg-body{min-width:0;display:flex;flex-direction:column;gap:4px} .mymsg-msg.out .mymsg-msg-body{align-items:flex-end} .mymsg-msg-head{display:flex;align-items:baseline;gap:8px;font-size:var(--font-size-xs);color:var(--text-subtle)} .mymsg-msg.out .mymsg-msg-head{flex-direction:row-reverse} .mymsg-msg-name{font-weight:600;color:var(--text-muted)} .mymsg-bubble{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:var(--font-size-md);line-height:1.65;word-break:break-word;overflow-wrap:anywhere} .mymsg-msg.in .mymsg-bubble{border-top-left-radius:var(--radius-sm)} .mymsg-msg.out .mymsg-bubble{border-top-right-radius:var(--radius-sm);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 24%,transparent)} .mymsg-bubble p+p{margin-top:6px} .mymsg-bubble img{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm)} .mymsg-bubble blockquote{margin:0 0 6px;padding:4px 10px;border-left:3px solid var(--line);color:var(--text-muted)} .mymsg-reply{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 8px 24px var(--shadow-base)} .mymsg-reply textarea{line-height:1.6;resize:vertical} .mymsg-reply textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .mymsg-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px} .mymsg-reply-status{font-size:var(--font-size-sm);color:var(--text-muted)} .mymsg-reply-status.error{color:var(--danger)} .mymsg-reply .btn-post{margin:0;padding:7px 16px} .mymsg-reply-disabled{padding:14px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text-subtle);font-size:var(--font-size-sm);text-align:center} /* 后台按维度分块设置（全局默认 + 用户组覆盖） */ .settings-form .settings-note{margin:0 0 16px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-sm)} .mymsg-dim{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 14px;padding:12px 14px;background:var(--panel)} .mymsg-dim-takeover{opacity:.65} .mymsg-takeover-note{margin:0 0 10px;padding:8px 10px;border:1px solid var(--brand-soft,var(--line));border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5} .mymsg-dim legend{padding:0 8px;font-size:var(--font-size-md);font-weight:700;color:var(--text)} .mymsg-dim-global{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px} .mymsg-gl-label{flex:0 0 auto;min-width:64px;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600} .mymsg-dim-global input{width:120px} .mymsg-dim-help{flex:1 1 240px;font-size:var(--font-size-xs);color:var(--text-subtle);line-height:1.5} .mymsg-dim-groups{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap} .mymsg-group-inputs{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto} .mymsg-gi{display:flex;flex-direction:column;gap:3px;min-width:96px} .mymsg-gi-name{font-size:var(--font-size-xs);color:var(--text-muted)} .mymsg-gi input{width:100%} @media(max-width:640px){ .mymsg-msg{max-width:92%} .mymsg-stream{max-height:none;padding:12px 10px} .mymsg-head-tip,.mymsg-thread-count{display:none} .mymsg-head-center .avatar-img{width:24px;height:24px} .mymsg-head-center{gap:6px} } /* 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} /* 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}} /* performance */ .performance-panel .performance-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px} .performance-panel .performance-status-card{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg)} .performance-panel .performance-status-card span{color:var(--text-subtle);font-size:11px} .performance-panel .performance-status-card strong{overflow-wrap:anywhere;font-size:15px} .performance-panel .performance-status-card strong.is-ok{color:var(--success)} .performance-panel .performance-status-card strong.is-off{color:var(--text-muted)} @supports(content-visibility:auto){.performance-render-root .topic-post-list>.post-entry:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 280px}} /* plugin_menu_order */ .plugin-menu-order-grid{display:grid;gap:14px;min-width:0}.plugin-menu-order-section{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);min-width:0}.plugin-menu-order-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}.plugin-menu-order-section-head>span{white-space:nowrap}.plugin-menu-order-section-head strong,.plugin-menu-order-name strong{overflow-wrap:anywhere}.plugin-menu-order-section-head span,.plugin-menu-order-name small{color:var(--text-muted);font-size:var(--font-size-sm)}.plugin-menu-order-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.plugin-menu-order-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 76px;align-items:center;gap:10px;min-height:42px;min-width:0;padding:7px 9px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel)}.plugin-menu-order-index{color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:center;white-space:nowrap}.plugin-menu-order-name{display:grid;grid-template-columns:minmax(96px,1.2fr) minmax(140px,230px);align-items:center;gap:10px;min-width:0}.plugin-menu-order-name-no-custom{grid-template-columns:minmax(0,1fr)}.plugin-menu-order-name-default{display:grid;gap:5px;min-width:96px}.plugin-menu-order-name strong{overflow-wrap:anywhere}.plugin-menu-order-name-input{box-sizing:border-box;width:100%;min-width:0;min-height:30px;padding:5px 8px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--font-size-sm);transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.plugin-menu-order-name-input:hover{border-color:var(--line)}.plugin-menu-order-name-input::placeholder{color:var(--text-subtle)}.plugin-menu-order-name-input:focus{border-color:var(--brand);outline:0;background:var(--panel);box-shadow:0 0 0 2px var(--focus-ring)}.plugin-menu-order-name-input:disabled{opacity:.65}.plugin-menu-order-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.plugin-menu-order-toggle input{flex:0 0 38px;width:38px;height:22px;min-height:22px;margin:0}.plugin-menu-order-row>input[type=number]{box-sizing:border-box;width:100%;min-height:32px;padding:4px 7px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--font-size-md)}.plugin-menu-order-row>input[type=number]:focus{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px}.plugin-menu-order-panel form>button{margin-top:14px}.plugin-menu-order-group-title{font-size:var(--font-size-sm);color:var(--text-muted);margin:14px 0 4px}.plugin-menu-order-cards+.plugin-menu-order-group-title{margin-top:6px}.plugin-menu-order-custom-fields{display:grid;gap:6px}.plugin-menu-order-body-input{box-sizing:border-box;width:100%;min-width:0;min-height:54px;padding:6px 8px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--font-size-sm);font-family:inherit;line-height:1.5;resize:vertical;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.plugin-menu-order-body-input:hover{border-color:var(--line)}.plugin-menu-order-body-input:focus{border-color:var(--brand);outline:0;background:var(--panel);box-shadow:0 0 0 2px var(--focus-ring)}.sidebar .sidebar-custom-body{padding:2px 16px 12px;color:var(--text);font-size:var(--font-size-sm);line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.plugin-menu-order-hint{margin:8px 0 0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}.plugin-menu-order-hint code{background:var(--panel);border:1px solid var(--line-soft);border-radius:4px;padding:0 4px}@media(max-width:760px){.plugin-menu-order-grid{gap:12px}.plugin-menu-order-section{padding:10px}.plugin-menu-order-row{grid-template-columns:24px minmax(0,1fr) auto 64px;gap:7px;padding-inline:7px}.plugin-menu-order-name{grid-template-columns:minmax(0,1fr)}.plugin-menu-order-name-default{min-width:0}.plugin-menu-order-toggle span{display:none}}@media(max-width:560px){.plugin-menu-order-section{padding:8px}.plugin-menu-order-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "order toggle";gap:8px 10px;min-height:0;padding:10px}.plugin-menu-order-index{display:none}.plugin-menu-order-name{grid-area:name;grid-template-columns:minmax(0,1fr)}.plugin-menu-order-name-default{min-width:0}.plugin-menu-order-name-input{min-height:38px;font-size:var(--font-size-md)}.plugin-menu-order-toggle{grid-area:toggle;justify-self:end;padding:6px}.plugin-menu-order-toggle input{flex:0 0 46px;width:46px;height:26px;min-width:46px;min-height:26px}.plugin-menu-order-row>input[type=number]{grid-area:order;justify-self:end;width:76px;min-height:38px}.plugin-menu-order-panel form>button{width:100%;min-height:40px}} /* points_mall */ /* ===== 布局 ===== */ .points-mall-page{display:grid;gap:16px} .points-mall-page-title{display:grid;gap:4px} .points-mall-page-title h1{margin:0;font-size:var(--font-size-xl)} .points-mall-page-title p{margin:0;color:var(--text-subtle);font-size:var(--font-size-sm)} .points-mall-orders-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .points-mall-orders-head h1{margin:0;font-size:var(--font-size-xl)} .points-mall-orders-actions{display:flex;align-items:center;gap:8px} /* ===== 主区域积分卡（我的积分 + 搜索 + 入口） ===== */ .points-mall-userbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 2px 8px var(--shadow-base)} .points-mall-userbar-brand{display:flex;align-items:center;flex:0 0 auto} .points-mall-userbar-bname{color:var(--text);font-size:var(--font-size-lg);font-weight:700} .points-mall-userbar-sub{color:var(--text-muted);font-size:var(--font-size-xs)} .points-mall-search{display:flex;align-items:center;flex:0 0 auto;width:200px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--bg);transition:var(--transition-normal)} .points-mall-search-ico{flex:0 0 auto;margin-left:10px;color:var(--text-muted)} .points-mall-search input{flex:1;min-width:0;border:0;padding:6px 8px;color:var(--text);font-size:var(--font-size-xs);background:transparent;outline:none} .points-mall-search input::placeholder{color:var(--text-subtle)} .points-mall-search button{flex:0 0 auto;width:26px;height:26px;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;margin:3px 3px 3px 0;border-radius:999px;background:var(--brand);color:var(--inverse-text);cursor:pointer;transition:var(--transition-normal);line-height:1;flex-shrink:0;min-width:0;min-height:0} .points-mall-search button svg{display:block;width:13px;height:13px;flex:0 0 auto} .points-mall-search button:hover{background:var(--brand-hover)} .points-mall-search button:active{transform:scale(.96)} .points-mall-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-search-row{display:flex;justify-content:center;min-width:0} .points-mall-search-row .points-mall-search{width:min(100%,420px);flex:0 1 420px} .points-mall-userbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto} .points-mall-userbar-login{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 16px;border-radius:999px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-normal)} .points-mall-userbar-login:hover{background:var(--brand-hover)} .points-mall-entry{display:inline-flex;align-items:center;gap:6px;position:relative;min-height:32px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:var(--font-size-sm);transition:var(--transition-normal)} .points-mall-entry.publish{background:var(--brand);border-color:var(--brand);color:var(--inverse-text);font-weight:600} .points-mall-entry.publish:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--inverse-text)} .points-mall-entry svg{flex:0 0 auto} .points-mall-entry:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)} .points-mall-entry-badge{position:absolute;top:-7px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:600;box-shadow:0 1px 4px var(--shadow-base)} /* ===== 分类 tabs（胶囊风格） ===== */ .points-mall-cats-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 2px;border-top:1px solid var(--line-soft)} .points-mall-cats{flex:1 1 auto;min-width:0;padding:0} .points-mall-tabs{overflow-x:auto;scrollbar-width:none} .points-mall-tabs::-webkit-scrollbar{display:none} .points-mall-tabs .tab-bar{display:inline-flex;align-items:center;gap:6px;margin:0;padding:4px;border-radius:999px;background:var(--line-soft)} .points-mall-tabs .tab-bar .tab{border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;padding:6px 14px;margin:0;transition:var(--transition-normal)} .points-mall-tabs .tab-bar .tab:hover{background:var(--line);color:var(--text)} .points-mall-tabs .tab-bar .tab.active{background:var(--brand);color:var(--inverse-text);font-weight:600;box-shadow:0 2px 6px var(--shadow-base)} /* ===== 商品网格与卡片 ===== */ .points-mall-grid{column-width:360px;column-count:auto;column-gap:14px} .points-mall-card{display:flex;flex-direction:column;width:360px;max-width:100%;margin:0 0 14px;overflow:hidden;break-inside:avoid;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)} .points-mall-grid:has(> .points-mall-card:only-child) .points-mall-card{max-width:320px} .points-mall-card:hover{border-color:var(--brand);box-shadow:0 10px 24px var(--shadow-medium);transform:translateY(-3px)} .points-mall-card-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,var(--bg),var(--line-soft))} .points-mall-card-media img{transition:transform .3s ease} .points-mall-card:hover .points-mall-card-media img{transform:scale(1.04)} .points-mall-product-img,.points-mall-card-img{width:100%;height:100%;object-fit:cover;padding:0;display:block} .points-mall-no-img{width:100%;height:100%;object-fit:cover;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-subtle)} .points-mall-img-fallback{width:56px;height:56px} .points-mall-card-badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:600;box-shadow:0 2px 6px var(--shadow-base)} .points-mall-card-badge.soldout{background:var(--text-subtle)} .points-mall-card-body{display:grid;gap:8px;padding:12px 12px 4px} .points-mall-card-tags{display:flex;flex-wrap:wrap;gap:6px} .points-mall-card-tag{padding:1px 6px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs)} .points-mall-card-tag.cat{background:var(--bg);color:var(--text-muted);border:1px solid var(--line)} .points-mall-card-tag.virtual{background:var(--info-soft);color:var(--info)} .points-mall-card-tag.auto{background:var(--brand-soft);color:var(--brand)} .points-mall-card-body h3{margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;font-size:var(--font-size-sm);font-weight:600;line-height:1.4;color:var(--text)} .points-mall-card-body h3:hover{color:var(--brand)} .points-mall-card-seller{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.4} .points-mall-card-seller-avatar{width:20px;height:20px;flex:0 0 20px;border-radius:50%;object-fit:cover} .points-mall-card-seller>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .points-mall-card-price{display:flex;align-items:baseline;gap:4px;margin-top:0} .points-mall-price-symbol{color:var(--brand);font-size:var(--font-size-xs);font-weight:600} .points-mall-card-price .points-mall-price-symbol{color:var(--brand)} .points-mall-card-price b{color:var(--brand);font-size:var(--font-size-xl);font-weight:700;font-variant-numeric:tabular-nums} .points-mall-card-original{color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:400;text-decoration:line-through;margin-left:2px;align-self:center} .points-mall-card-badge.hot{background:var(--danger);box-shadow:0 2px 8px var(--shadow-base)} .points-mall-arrow{display:inline-block;width:5px;height:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:4px;transition:transform var(--transition-normal)} .points-mall-card:hover .points-mall-arrow{transform:rotate(45deg) translateX(2px)} .points-mall-card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 12px} .points-mall-card-stock{display:inline-flex;align-items:center;gap:5px;color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap} .points-mall-card-stock:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--success)} .points-mall-card-stock.low{color:var(--danger)} .points-mall-card-stock.low:before{background:var(--danger)} .points-mall-card-stock.off{color:var(--text-subtle)} .points-mall-card-stock.off:before{background:var(--text-subtle)} .points-mall-card-cta{display:inline-flex;align-items:center;gap:2px;min-height:24px;padding:0 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;transition:var(--transition-normal)} .points-mall-card:hover .points-mall-card-cta{background:var(--brand);color:var(--inverse-text)} .points-mall-card-cta.disabled{background:var(--bg);color:var(--text-subtle);cursor:not-allowed} /* ===== 空状态 ===== */ .points-mall-empty{display:grid;justify-items:center;gap:14px;grid-column:1/-1;padding:56px 16px;color:var(--text-subtle);text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius)} .points-mall-empty .points-mall-empty-ico{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;background:var(--bg);color:var(--text-subtle)} .points-mall-empty .points-mall-empty-ico svg{width:32px;height:32px} .points-mall-empty .points-mall-empty-title{color:var(--text-muted);font-weight:600;font-size:var(--font-size-md)} .points-mall-empty p{margin:0;font-size:var(--font-size-sm)} .points-mall-empty .points-mall-btn{margin-top:4px} /* ===== 分页 ===== */ .points-mall-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px} .points-mall-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);transition:var(--transition-normal);background:var(--panel)} .points-mall-pager-gap{display:inline-flex;align-items:center;justify-content:center;min-width:20px;color:var(--text-subtle);font-size:var(--font-size-sm)} .points-mall-pager a:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-1px)} .points-mall-pager a.active{border-color:var(--brand);background:var(--brand);color:var(--inverse-text);font-weight:600;box-shadow:0 2px 6px var(--shadow-base)} /* ===== 主题列表商品小卡片 ===== */ .points-mall-list-card{display:flex;align-items:center;gap:14px;padding:10px 4px;margin:0;text-decoration:none;transition:var(--transition-normal)} .points-mall-list-card:hover .points-mall-li-media{transform:scale(1.03)} .points-mall-li-media{width:72px;height:72px;flex:0 0 72px;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,var(--bg),var(--line-soft));transition:transform var(--transition-normal)} .points-mall-li-media img,.points-mall-li-media div{width:100%;height:100%;object-fit:cover} .points-mall-li-media .points-mall-img-fallback{width:28px;height:28px} .points-mall-li-info{display:grid;gap:7px;flex:1;min-width:0} .points-mall-li-meta{display:flex;align-items:center;gap:16px;min-width:0} .points-mall-li-points{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums} .points-mall-li-points svg{flex:0 0 auto;color:var(--brand)} .points-mall-li-points em{color:var(--text-muted);font-size:var(--font-size-xs);font-style:normal} .points-mall-li-points b{font-size:calc(var(--font-size-xl) * 1.1);font-weight:700;color:var(--brand);line-height:1} .points-mall-li-discount{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:var(--radius-sm);background:var(--danger);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:700} .points-mall-li-original{margin-left:2px;color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:400} .points-mall-li-summary{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .points-mall-li-stock{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums} .points-mall-li-stock svg{flex:0 0 auto} .points-mall-li-stock b{font-weight:400;color:var(--text-muted)} .points-mall-li-stock.low b{color:var(--danger)} .points-mall-li-stock.off b{color:var(--text-subtle)} .points-mall-li-countdown{display:inline-flex;align-items:center;gap:4px;color:var(--danger);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums} .points-mall-li-countdown svg{flex:0 0 auto} .points-mall-li-countdown em{font-style:normal;color:var(--text-muted)} .points-mall-li-countdown b{font-weight:700;color:var(--danger)} /* ===== 商品详情 ===== */ .points-mall-panel{display:grid;gap:16px} .points-mall-topic-open{display:grid;gap:16px;margin:4px 0} .points-mall-topic-open .points-mall-detail{border:0;box-shadow:none;background:transparent;padding:0} .points-mall-topic-open .points-mall-detail-media{border-right:0;border-radius:var(--radius);border:1px solid var(--line-soft)} .points-mall-topic-open .points-mall-detail-section{border:0;background:transparent;padding:0} .points-mall-topic-open .points-mall-detail-section h2{border-bottom:1px solid var(--line-soft);margin-bottom:12px} .points-mall-topic-off{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:var(--font-size-md);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)} .points-mall-detail{display:grid;grid-template-columns:400px minmax(0,1fr);gap:0;padding:0;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:0 2px 10px var(--shadow-base)} .points-mall-detail-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,var(--bg),var(--line-soft));border-right:1px solid var(--line-soft)} .points-mall-detail-img{width:100%;height:100%;object-fit:contain;padding:12px} .points-mall-detail-info{display:grid;align-content:start;gap:14px;padding:20px 22px;min-width:0} .points-mall-detail-info h1{margin:0;text-align:left;font-size:var(--font-size-xl);line-height:1.4} .points-mall-detail-countdown{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-sm);width:fit-content;font-variant-numeric:tabular-nums} .points-mall-detail-countdown svg{flex:0 0 auto} .points-mall-detail-countdown em{font-style:normal;color:var(--text-muted)} .points-mall-detail-countdown b{font-weight:700;color:var(--danger)} .points-mall-detail-summary{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6} .points-mall-price-box{display:flex;align-items:baseline;gap:10px;padding:14px 18px;border-radius:var(--radius);background:var(--brand-soft)} .points-mall-price-label{padding:3px 8px;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:600} .points-mall-price-box .points-mall-price-symbol{color:var(--brand);font-size:var(--font-size-md);font-weight:700} .points-mall-price-num{color:var(--brand);font-size:calc(var(--font-size-xl) * 1.3);font-weight:700;font-variant-numeric:tabular-nums;line-height:1} .points-mall-price-original{margin-left:auto;color:var(--text-subtle);font-size:var(--font-size-xs);text-decoration:line-through} .points-mall-price-discount{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-xs);font-weight:700;margin-left:6px} .points-mall-balance-tip{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.6} .points-mall-balance-tip.ok{background:var(--success-soft);color:var(--success)} .points-mall-balance-tip.warn{background:var(--warning-soft);color:var(--warning)} .points-mall-balance-tip b{font-weight:700;font-variant-numeric:tabular-nums} .points-mall-detail-meta{display:flex;gap:0;margin:0;padding:14px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)} .points-mall-detail-meta>div{flex:1;display:grid;gap:4px;padding:0 14px;text-align:center} .points-mall-detail-meta>div:first-child{border-right:1px solid var(--line)} .points-mall-detail-meta dt{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-detail-meta dd{margin:0;color:var(--text);font-size:var(--font-size-md);font-weight:600} .points-mall-detail-buybar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding-top:8px} .points-mall-detail-buybar .points-mall-btn{padding:12px 30px;font-size:var(--font-size-md);border-radius:var(--radius-sm)} .points-mall-detail-buybar .points-mall-btn.jd-primary{box-shadow:0 4px 12px var(--shadow-medium)} .points-mall-direct-buy{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-width:0;width:100%;max-width:460px} .points-mall-direct-buy .points-mall-btn{flex:1;min-width:0} .points-mall-detail-buybar.has-publisher-orders{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:10px} .points-mall-detail-buybar.has-publisher-orders>.points-mall-btn,.points-mall-detail-buybar.has-publisher-orders .points-mall-direct-buy{width:100%;max-width:none;min-width:0;margin:0} .points-mall-detail-buybar.has-publisher-orders .points-mall-publisher-orders-wrap{display:flex;width:100%;min-width:0} .points-mall-detail-buybar.has-publisher-orders .points-mall-publisher-orders{flex:1;width:100%;height:48px;min-height:48px;box-sizing:border-box;align-self:start} .points-mall-detail-buybar.has-publisher-orders .points-mall-direct-buy .points-mall-btn{box-sizing:border-box;min-width:120px} .points-mall-detail-buybar.has-publisher-orders .points-mall-insufficient{text-align:center} .points-mall-insufficient{color:var(--warning);font-size:var(--font-size-xs)} .points-mall-virtual-tag{display:inline-flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:var(--radius-sm);background:var(--info-soft);color:var(--info);font-size:var(--font-size-xs);font-weight:600} .points-mall-detail-section{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)} .points-mall-detail-section h2{display:flex;align-items:center;margin:0 0 12px;font-size:var(--font-size-md);padding-bottom:10px;border-bottom:1px solid var(--line-soft)} .points-mall-detail-content{color:var(--text);font-size:var(--font-size-md);line-height:1.75;overflow-wrap:anywhere} .points-mall-detail-content h1,.points-mall-detail-content h2,.points-mall-detail-content h3,.points-mall-detail-content h4{margin:1em 0 .5em;line-height:1.4;font-weight:700;color:var(--text)} .points-mall-detail-content h1{font-size:var(--font-size-xl)} .points-mall-detail-content h2{font-size:var(--font-size-lg)} .points-mall-detail-content h3{font-size:var(--font-size-md)} .points-mall-detail-content p{margin:.5em 0} .points-mall-detail-content ul,.points-mall-detail-content ol{margin:.5em 0;padding-left:1.4em} .points-mall-detail-content li{margin:.2em 0} .points-mall-detail-content blockquote{margin:.6em 0;padding:.4em 1em;border-left:3px solid var(--brand);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted)} .points-mall-detail-content code{padding:1px 5px;border-radius:var(--radius-sm);background:var(--bg);color:var(--brand);font-size:calc(var(--font-size-sm) * 0.95)} .points-mall-detail-content pre{margin:.6em 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);overflow-x:auto} .points-mall-detail-content pre code{padding:0;background:transparent;color:var(--text)} .points-mall-detail-content a{color:var(--brand)} .points-mall-detail-content a:hover{text-decoration:underline} .points-mall-detail-content img{max-width:100%;height:auto;border-radius:var(--radius-sm)} .points-mall-detail-content hr{margin:1em 0;border:0;border-top:1px solid var(--line)} .points-mall-detail-content table{border-collapse:collapse;margin:.6em 0;width:100%} .points-mall-detail-content th,.points-mall-detail-content td{padding:6px 10px;border:1px solid var(--line);text-align:left} .points-mall-detail-content th{background:var(--bg)} /* ===== 按钮 ===== */ .points-mall-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-normal);border:1px solid transparent;line-height:1.2} .points-mall-btn:active{transform:scale(.97)} .points-mall-btn.jd-primary{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)} .points-mall-btn.jd-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)} .points-mall-btn.jd-secondary{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .points-mall-btn.jd-secondary:hover{background:var(--brand);color:var(--inverse-text)} .points-mall-btn.ghost{border-color:var(--line);background:var(--panel);color:var(--text-muted)} .points-mall-btn.ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)} .points-mall-btn.small{min-height:32px;padding:0 14px;font-size:var(--font-size-sm)} .points-mall-btn[disabled],.points-mall-btn.disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none} .points-mall-buy-form{display:inline-flex;margin:0} /* ===== 我的订单 / 订单详情 ===== */ .points-mall-orders{display:grid;gap:12px;margin:0;padding:0;list-style:none} .points-mall-order-topic-row{position:relative;align-items:flex-start;min-width:0} .points-mall-order-topic-row .post-avatar{flex:0 0 auto} .points-mall-order-topic-row .post-body{min-width:0} .points-mall-order-topic-row .post-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .points-mall-order-topic-row .post-title-row .points-mall-order-status{flex:0 0 auto} .points-mall-order-topic-title{font-weight:700!important} .points-mall-order-topic-subtitle-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px;min-width:0} .points-mall-order-topic-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere} .points-mall-order-topic-subtitle:hover{color:var(--brand);text-decoration:underline} .points-mall-order-topic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px} .points-mall-order-topic-action{margin-top:8px} .points-mall-order-row{display:grid;gap:10px;padding:12px 16px} .points-mall-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .points-mall-order-head a{color:var(--text);font-size:var(--font-size-sm);font-weight:600} .points-mall-order-head a:hover{color:var(--brand)} .points-mall-order-status{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0 9px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap} .points-mall-order-status:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor} .points-mall-order-status.paid{background:var(--info-soft);color:var(--info)} .points-mall-order-status.shipped{background:var(--brand-soft);color:var(--brand)} .points-mall-order-status.disputed{background:var(--danger-soft);color:var(--danger)} .points-mall-order-status.finished{background:var(--success-soft);color:var(--success)} .points-mall-order-status.cancelled{background:var(--bg);color:var(--text-subtle)} .points-mall-order-body{display:flex;align-items:center;justify-content:space-between;gap:14px} .points-mall-order-name{min-width:0;color:var(--text);font-size:var(--font-size-sm);font-weight:400;overflow-wrap:anywhere} .points-mall-order-name[href]:hover{color:var(--brand)} .points-mall-order-total{display:inline-flex;align-items:baseline;gap:2px;color:var(--brand);font-size:var(--font-size-md);font-variant-numeric:tabular-nums;white-space:nowrap} .points-mall-order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px} .points-mall-order-foot time{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-order-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:13px 16px} .points-mall-order-summary>span:not(.points-mall-order-status):not(.points-mall-order-summary-product){color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-order-summary-product{min-width:0;color:var(--text);font-size:var(--font-size-sm);font-weight:600;overflow-wrap:anywhere;text-decoration:none} a.points-mall-order-summary-product:hover{color:var(--brand);text-decoration:underline} .points-mall-order-summary strong{margin-left:auto;color:var(--brand);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums} .points-mall-order-merchant-note{width:100%;box-sizing:border-box} .points-mall-order-merchant-body{display:grid;justify-items:start;gap:0;padding:9px 0;line-height:1.65} .points-mall-order-merchant-status{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%} .points-mall-order-merchant-status span{color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-order-merchant-status b{color:var(--text);font-size:var(--font-size-sm);font-weight:600;text-align:right} .points-mall-order-merchant-text{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft);color:var(--text);font-size:var(--font-size-sm);font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap} .points-mall-contact-seller{justify-self:end;margin-top:12px} .points-mall-shipping .points-mall-ship-list{margin:0;padding:0;list-style:none} .points-mall-shipping .points-mall-ship-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)} .points-mall-shipping .points-mall-ship-list li:last-child{border-bottom:0} .points-mall-shipping .points-mall-ship-list li span{color:var(--text-muted);font-size:var(--font-size-sm);flex:0 0 auto} .points-mall-shipping .points-mall-ship-list li b{color:var(--text);font-size:var(--font-size-sm);font-weight:600;overflow-wrap:anywhere;text-align:right} .points-mall-shipping-virtual ul{grid-template-columns:1fr} .points-mall-order-address-form{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)} .points-mall-order-address-form h3{margin:0;color:var(--text);font-size:var(--font-size-sm)} .points-mall-order-address-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .points-mall-order-address-fields label{display:grid;gap:5px;min-width:0} .points-mall-order-address-fields label:last-child{grid-column:1/-1} .points-mall-order-address-fields span{color:var(--text-muted);font-size:var(--font-size-xs)} .points-mall-order-address-fields input,.points-mall-order-address-fields textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--font-size-sm);line-height:1.5} .points-mall-order-address-fields textarea{resize:vertical} .points-mall-order-address-fields input:focus,.points-mall-order-address-fields textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-seller-filter{display:flex;align-items:center;gap:8px} .points-mall-seller-filter select{min-width:0;max-width:100%;height:34px;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)} .points-mall-seller-orders{display:grid;gap:12px;margin:0;padding:0;list-style:none} .points-mall-seller-order{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)} .points-mall-seller-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .points-mall-seller-order-head>div{display:grid;gap:4px;min-width:0} .points-mall-seller-order-head strong{overflow-wrap:anywhere;font-size:var(--font-size-md)} .points-mall-seller-product-link{color:var(--text);text-decoration:none} .points-mall-seller-product-link:hover{color:var(--brand);text-decoration:underline} .points-mall-seller-order-head span:not(.points-mall-order-status){color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-seller-order-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .points-mall-seller-address{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)} .points-mall-seller-dispute{grid-column:1/-1} .points-mall-seller-address span{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-seller-address b{color:var(--text);font-size:var(--font-size-sm);font-weight:500;line-height:1.5;overflow-wrap:anywhere} .points-mall-seller-fulfill{display:grid;gap:8px;flex:0 0 100%;width:100%;margin:0} .points-mall-seller-fulfill-controls{display:flex;align-items:flex-end;gap:8px} .points-mall-seller-fulfill-controls label,.points-mall-seller-fulfill-note{display:grid;gap:5px;margin:0;color:var(--text-muted);font-size:var(--font-size-xs)} .points-mall-seller-fulfill-controls label{width:104px} .points-mall-seller-fulfill select{width:100%;min-width:0;height:34px;padding:0 9px;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} .points-mall-seller-fulfill textarea{width:100%;min-height:78px;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);line-height:1.55;resize:vertical} .points-mall-seller-fulfill>button{justify-self:start;margin:0} .points-mall-seller-fulfill textarea:focus,.points-mall-seller-fulfill select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-admin-status-section{display:grid;gap:0} .points-mall-admin-status-form{display:grid;gap:10px;width:100%;margin:0} .points-mall-admin-status-controls{display:flex;align-items:flex-end;gap:8px} .points-mall-admin-status-form label{display:grid;gap:5px;margin:0;color:var(--text-muted);font-size:var(--font-size-xs)} .points-mall-admin-status-form select{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm)} .points-mall-admin-status-reason textarea{width:100%;min-height:78px;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);line-height:1.55;resize:vertical} .points-mall-admin-status-form>button{justify-self:start;margin:0} .points-mall-admin-status-form select:focus,.points-mall-admin-status-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-seller-order>.post-action-form{display:inline-flex;justify-self:start;margin:0} .points-mall-timeline{margin:0;padding:0;list-style:none} .points-mall-timeline li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)} .points-mall-timeline li:last-child{border-bottom:0} .points-mall-timeline li span{color:var(--text);font-size:var(--font-size-sm);font-weight:600} .points-mall-timeline li time{color:var(--text-subtle);font-size:var(--font-size-xs);text-align:right;overflow-wrap:anywhere} .points-mall-order-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px} .points-mall-dispute-form{display:grid;gap:8px;flex:0 0 100%;width:100%;max-width:none;margin:0} .points-mall-dispute-form textarea{width:100%;min-height:78px;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);line-height:1.55;resize:vertical} .points-mall-dispute-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-dispute-form .points-mall-btn{justify-self:start} .points-mall-balance-strip{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-balance-strip strong{margin-left:auto;color:var(--brand);font-size:var(--font-size-xl);font-weight:700;font-variant-numeric:tabular-nums} /* ===== 确认订单（结算） ===== */ .points-mall-confirm-page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .points-mall-confirm-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:start;gap:16px} .points-mall-confirm-main{display:grid;gap:14px;min-width:0} .points-mall-confirm-products{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)} .points-mall-confirm-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)} .points-mall-confirm-section-head h2{margin:0;font-size:var(--font-size-md)} .points-mall-confirm-section-head span{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-confirm-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px} .points-mall-confirm-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg);transition:var(--transition-normal)} .points-mall-confirm-row:hover{border-color:var(--brand);background:var(--brand-soft)} .points-mall-confirm-thumb{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;background:var(--panel);border:1px solid var(--line-soft)} .points-mall-confirm-item{display:grid;gap:4px;min-width:0} .points-mall-confirm-name{overflow-wrap:anywhere;color:var(--text);font-size:var(--font-size-sm);font-weight:600} .points-mall-confirm-item>small{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-confirm-tag{padding:1px 6px;border-radius:var(--radius-sm);background:var(--info-soft);color:var(--info);font-size:var(--font-size-xs)} .points-mall-confirm-row>b{display:grid;justify-items:end;gap:3px;color:var(--brand);font-size:var(--font-size-md);font-variant-numeric:tabular-nums;white-space:nowrap} .points-mall-confirm-row>b small{color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:400} .points-mall-confirm-form{margin:0} .points-mall-confirm-summary{position:sticky;top:16px;display:grid;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)} .points-mall-confirm-summary-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line-soft)} .points-mall-confirm-summary-head span{color:var(--text);font-size:var(--font-size-md);font-weight:600} .points-mall-confirm-summary-head b{color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:400} .points-mall-confirm-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-confirm-summary-row b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums} .points-mall-confirm-summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px dashed var(--line);color:var(--text);font-size:var(--font-size-md);font-weight:600} .points-mall-confirm-summary-total b{color:var(--brand);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums} .points-mall-confirm-summary-after{padding:9px 10px;border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success);font-size:var(--font-size-xs)} .points-mall-confirm-summary-after b{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums} .points-mall-confirm-summary .points-mall-btn{width:100%;min-height:42px;margin-top:2px} .points-mall-confirm-title{margin:0 0 12px;font-size:var(--font-size-md)} .points-mall-confirm-title small{color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:400} /* ===== 收货地址 ===== */ .points-mall-addr-block{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)} .points-mall-note-block textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--font-size-sm);line-height:1.6;resize:vertical;transition:var(--transition-normal)} .points-mall-note-block textarea::placeholder{color:var(--text-subtle)} .points-mall-note-block textarea:focus{outline:0;border-color:var(--brand);background:var(--panel);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-addr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .points-mall-addr-card{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal)} .points-mall-addr-card:hover{border-color:var(--brand)} .points-mall-addr-card input[type="radio"]{margin-top:3px;accent-color:var(--brand)} .points-mall-addr-card.selected{border-color:var(--brand);background:var(--brand-soft)} .points-mall-addr-main{display:grid;gap:3px;min-width:0} .points-mall-addr-main b{color:var(--text);font-size:var(--font-size-md)} .points-mall-addr-phone{color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-addr-text{color:var(--text-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere;line-height:1.5} .points-mall-addr-default{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);font-style:normal} .points-mall-addr-default:before{content:"";width:5px;height:5px;border-radius:999px;background:var(--inverse-text)} .points-mall-addr-new .points-mall-addr-main b{color:var(--brand)} .points-mall-addr-empty{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-addr-note{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-addr-fields{display:grid;gap:10px} .points-mall-addr-virtual{border-style:dashed} .points-mall-addr-virtual-text{margin:0;color:var(--success);font-size:var(--font-size-sm)} .points-mall-addr-manage-list{display:grid;gap:10px} .points-mall-addr-manage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;transition:var(--transition-normal)} .points-mall-addr-manage:hover{box-shadow:0 4px 14px var(--shadow-base)} .points-mall-addr-manage-main{display:grid;gap:3px;min-width:0} .points-mall-addr-manage-ops{display:flex;align-items:center;gap:8px} .points-mall-addr-manage-ops form{display:inline-flex;margin:0} .points-mall-addr-form{margin:0} .points-mall-shipping-virtual p{margin:0} /* ===== 后台 ===== */ .points-mall-admin{display:block} .points-mall-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px} .points-mall-admin>.points-mall-form-card{margin-top:0} .points-mall-admin-stats+.points-mall-form-card{margin-top:0} .points-mall-stat{position:relative;overflow:hidden;padding:13px 14px;display:grid;gap:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);box-shadow:0 1px 4px var(--shadow-base);transition:var(--transition-normal)} .points-mall-stat:hover{box-shadow:0 6px 16px var(--shadow-medium);transform:translateY(-1px)} .points-mall-stat:after{content:"";position:absolute;right:-12px;bottom:-12px;width:52px;height:52px;border-radius:999px;background:var(--brand-soft);opacity:.5} .points-mall-stat span{color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-stat b{font-size:var(--font-size-lg);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;position:relative;line-height:1.2} .points-mall-stat b.accent{color:var(--brand)} .points-mall-stat b.danger{color:var(--danger)} .points-mall-admin-section{display:grid;gap:10px;margin-top:0} .points-mall-admin-section+.points-mall-admin-section{margin-top:14px} .points-mall-admin-section h3{display:flex;align-items:center;margin:0;font-size:var(--font-size-md);color:var(--text)} .points-mall-settings{max-width:640px} .points-mall-form-card{display:grid;gap:12px;margin:0 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 1px 4px var(--shadow-base)} .points-mall-form-card:last-child{margin-bottom:0} .points-mall-form-card h3{margin:0;padding-bottom:12px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-md);line-height:1.3;color:var(--text)} .points-mall-form-card .plugin-settings-form{margin:0;gap:10px} /* 后台设置页：表单融入面板，去掉重复边框 */ .points-mall-form-card-flat{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} .points-mall-form-card-flat h3{padding:14px 0 12px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-lg)} .points-mall-form-head{margin:0 0 8px} .points-mall-form-head a{color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-form-head a:hover{color:var(--brand)} .points-mall-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px} .points-mall-toolbar .points-mall-btn{flex-shrink:0} .points-mall-products-toolbar{align-items:stretch} .points-mall-products-toolbar .points-mall-admin-filter{flex:1 1 360px;min-width:0} .points-mall-orders-toolbar .points-mall-orders-filter{width:100%;flex:1 1 100%;min-width:0} .points-mall-product-publish{display:inline-flex;align-items:center;justify-content:center} .points-mall-admin-filter{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)} .points-mall-filter-icon{display:inline-flex;align-items:center;padding-left:10px;color:var(--text-muted)} .points-mall-filter-field{flex:0 0 auto} .points-mall-filter-field select{border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--font-size-sm);padding:8px 6px 8px 6px;cursor:pointer;outline:none} .points-mall-filter-sep{flex:0 0 auto;width:1px;align-self:stretch;background:var(--line)} .points-mall-filter-input{flex:1 1 160px;min-width:0;display:flex;align-items:center} .points-mall-filter-input input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--font-size-sm);padding:8px 10px;outline:none} .points-mall-filter-input input::placeholder{color:var(--text-subtle)} .points-mall-admin-filter .points-mall-btn{margin:3px;border:0;background:var(--brand);color:var(--inverse-text);min-height:30px} .points-mall-admin-filter .points-mall-btn:hover{background:var(--brand-hover)} .points-mall-admin-thumb{width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line-soft)} .points-mall-admin-img{width:100%;height:100%;object-fit:cover} .points-mall-product-cover{grid-column:1;grid-row:1;width:56px;height:56px;flex:0 0 56px;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line-soft);box-sizing:border-box} .points-mall-product-cover .points-mall-admin-img{display:block;width:100%;height:100%;object-fit:cover} .points-mall-admin-pricewrap{display:inline-flex;align-items:baseline;gap:2px;min-width:0;white-space:nowrap} .points-mall-admin-price-sym{color:var(--brand);font-size:var(--font-size-xs);font-weight:600} .points-mall-admin-price{color:var(--brand);font-size:var(--font-size-md);font-weight:700;font-variant-numeric:tabular-nums} .points-mall-pd-data{display:inline-flex;align-items:center;gap:12px} .points-mall-pd-cell{display:inline-flex;align-items:baseline;gap:3px;color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap} .points-mall-pd-cell b{color:var(--text);font-weight:600;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums} .points-mall-pd-cell.off b{color:var(--text-subtle)} .points-mall-pd-badges{display:inline-flex;align-items:center;gap:4px} /* 商品列表行：封面在左，信息标签和操作在右。 */ .points-mall-row{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;min-width:0} .points-mall-row .points-mall-product-cover{grid-column:1;grid-row:1/3} .points-mall-row .admin-row-main{grid-column:2;grid-row:1;min-width:0} .points-mall-row .admin-row-actions{grid-column:2;grid-row:2;display:flex;align-items:center;min-width:0} .points-mall-row .points-mall-row-ops{margin-left:0;flex:0 0 auto;flex-wrap:wrap;white-space:normal} .points-mall-row .admin-user-cell,.points-mall-row .admin-user-text{min-width:0} .points-mall-row .admin-user-text strong{display:block;line-height:1.4;overflow-wrap:anywhere} .points-mall-admin-status{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0 8px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap} .points-mall-admin-status:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor} .points-mall-admin-status.off{background:var(--bg);color:var(--text-subtle)} .points-mall-admin-status.low{background:var(--danger-soft);color:var(--danger)} .points-mall-admin-status.pending{background:var(--warning-soft);color:var(--warning)} .points-mall-admin-status.paid{background:var(--info-soft);color:var(--info)} .points-mall-admin-status.shipped{background:var(--brand-soft);color:var(--brand)} .points-mall-admin-status.disputed{background:var(--danger-soft);color:var(--danger)} .points-mall-admin-status.finished{background:var(--success-soft);color:var(--success)} .points-mall-admin-status.cancelled{background:var(--bg);color:var(--text-subtle)} .points-mall-admin-status.virtual{background:var(--info-soft);color:var(--info)} .points-mall-row-ops{display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .points-mall-row-ops form{display:inline-flex;margin:0} .points-mall-row-ops>a,.points-mall-row-ops>form>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;min-height:32px;padding:0 14px;line-height:1.2;white-space:nowrap} .points-mall-ops-btn{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;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;cursor:pointer;text-decoration:none;transition:var(--transition-normal)} .points-mall-ops-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .points-mall-text-link{display:inline-flex;align-items:center;min-height:26px;padding:0 5px;color:var(--brand);font-size:var(--font-size-sm);text-decoration:none;white-space:nowrap} .points-mall-text-link:hover{color:var(--brand-hover);text-decoration:underline} .points-mall-ops-btn.danger{border-color:transparent;background:none;color:var(--danger);padding:0 5px} .points-mall-ops-btn.danger:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)} .points-mall-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px} .points-mall-row-meta span{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-xs)} .points-mall-row-meta span:not(:first-child)::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--line)} .points-mall-product-meta{gap:5px 10px;margin-top:5px} .points-mall-product-meta .points-mall-product-meta-tag{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap} .points-mall-product-meta .points-mall-product-meta-tag::before{display:none} .points-mall-admin-order-no{text-decoration:none;transition:var(--transition-normal)} .points-mall-seller-order-no{font-weight:700;color:var(--text);text-decoration:none} .points-mall-seller-order-no:hover{color:var(--brand)} .points-mall-admin-order-no:hover{color:var(--brand)} .points-mall-admin-product{text-decoration:none;color:var(--text);transition:var(--transition-normal)} .points-mall-admin-product:hover{color:var(--brand)} .points-mall-empty-list{padding:32px 14px;color:var(--text-subtle)} .points-mall-admin-statuslinks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px} .points-mall-admin-statuslinks a{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:var(--font-size-sm);transition:var(--transition-normal)} .points-mall-admin-statuslinks a:hover{color:var(--text);border-color:var(--text-subtle)} .points-mall-admin-statuslinks a.active{border-color:var(--brand);background:var(--brand);color:var(--inverse-text);font-weight:600} .points-mall-admin-statuslinks a.active:hover{color:var(--inverse-text)} .points-mall-product-form{max-width:720px} .points-mall-admin-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:0;color:var(--text-muted);font-size:var(--font-size-sm);transition:var(--transition-normal)} .points-mall-admin-back:hover{color:var(--brand)} .points-mall-admin-cover{display:grid;gap:8px} .points-mall-admin-cover-current{display:flex;align-items:center;gap:10px;color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-admin-cover-current img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line-soft)} .points-mall-admin-order-info{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .points-mall-admin-order-info li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);transition:var(--transition-normal)} .points-mall-admin-order-info li:hover{border-color:var(--line)} .points-mall-admin-order-info li span{color:var(--text-subtle);font-size:var(--font-size-sm)} .points-mall-admin-order-info li b{color:var(--text);font-size:var(--font-size-sm);font-weight:600;overflow-wrap:anywhere} .points-mall-admin-order-info .points-mall-admin-dispute{grid-column:1/-1} .points-mall-admin-order-info .points-mall-admin-total{color:var(--brand);font-size:var(--font-size-lg)} .points-mall-admin-refund{display:flex;align-items:center;gap:8px;margin:0} .points-mall-admin-refund input{min-width:0;width:190px;margin:0;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--font-size-sm)} .points-mall-admin-refund button{background:none;border:0;padding:0;color:var(--danger);font-size:var(--font-size-sm);cursor:pointer} .points-mall-admin-refund button:hover{text-decoration:underline} .points-mall-admin .post-action-form{display:inline-flex;margin:0} .points-mall-admin .post-action-form button{margin:0} .points-mall-admin-item-thumbwrap{flex:0 0 auto} .points-mall-admin-item-thumb{width:42px;height:42px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--bg)} .points-mall-admin-order-product{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)} .points-mall-admin-order-product>div:nth-child(2){display:grid;gap:4px;min-width:0} .points-mall-admin-order-product strong{color:var(--text);font-size:var(--font-size-sm);overflow-wrap:anywhere} .points-mall-admin-order-product span{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-admin-order-product>.points-mall-admin-price{margin-left:auto;white-space:nowrap} .points-mall-admin-merchant-note>div{display:grid;justify-items:start;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;line-height:1.6} .points-mall-admin-merchant-note b{color:var(--text);font-size:var(--font-size-sm);font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap} .points-mall-admin-order-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:11px 14px 11px 16px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius);background:var(--bg)} .points-mall-admin-order-banner span{color:var(--text-muted);font-size:var(--font-size-sm)} .points-mall-admin-order-banner.pending{border-left-color:var(--warning)} .points-mall-admin-order-banner.paid{border-left-color:var(--info)} .points-mall-admin-order-banner.shipped{border-left-color:var(--brand)} .points-mall-admin-order-banner.disputed{border-left-color:var(--danger)} .points-mall-admin-order-banner.finished{border-left-color:var(--success)} .points-mall-admin-order-banner.cancelled{border-left-color:var(--text-subtle)} .points-mall-form-card .plugin-settings-form>button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 20px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font:inherit;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-normal)} .points-mall-form-card .plugin-settings-form>button[type=submit]:hover{background:var(--brand-hover)} .points-mall-publish-deposit{padding:10px 14px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-sm)} .points-mall-publish-deposit strong{font-weight:600;color:var(--brand)} .points-mall-publish-deposit p{margin:4px 0 0;color:var(--brand);opacity:.85;line-height:1.6} .points-mall-publish-deposit b{font-weight:700;color:var(--brand)} .points-mall-setting-field{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line-soft)} .points-mall-setting-field:last-child{border-bottom:0} .points-mall-setting-label{font-weight:600;color:var(--text);font-size:var(--font-size-sm)} .points-mall-setting-group{display:flex;flex-wrap:wrap;gap:8px} .points-mall-setting-hint{margin:0;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.6;flex:1 1 100%} .points-mall-group-checkboxes{display:flex;flex-wrap:wrap;gap:8px} .points-mall-group-check{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer;transition:var(--transition-normal)} .points-mall-group-check:hover{border-color:var(--brand)} .points-mall-group-check input{accent-color:var(--brand)} .points-mall-group-check span{font-size:var(--font-size-sm);color:var(--text-muted)} .points-mall-btn.primary{background:var(--brand);border-color:var(--brand);color:var(--inverse-text)} .points-mall-btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--inverse-text)} .points-mall-btn.primary svg{color:inherit} .points-mall-order-action .post-action-form{display:inline-flex;margin:0} .points-mall-row.admin-list-item{padding:10px 12px;gap:8px} .points-mall-admin .admin-manage-list{display:grid;gap:6px} .points-mall-admin .points-mall-order-action{margin-top:12px;justify-content:flex-end} .points-mall-admin .points-mall-order-action .points-mall-btn{min-height:30px} .points-mall-admin .points-mall-admin-order-banner+.points-mall-admin-section{margin-top:0} /* ===== 微交互 ===== */ .points-mall-btn:active{transform:scale(.97)} .points-mall-card,.points-mall-btn,.points-mall-ops-btn,.points-mall-pager a,.points-mall-tabs a{will-change:transform} .points-mall-card-media img,.points-mall-detail-media img{animation:points-mall-fade-in .4s ease} @keyframes points-mall-fade-in{from{opacity:0}to{opacity:1}} .points-mall-card-badge.hot{animation:points-mall-pulse 2s ease-in-out infinite} @keyframes points-mall-pulse{0%,100%{box-shadow:0 2px 8px var(--shadow-base)}50%{box-shadow:0 2px 14px var(--shadow-medium)}} .points-mall-card{animation:points-mall-rise .35s ease both} @keyframes points-mall-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} .points-mall-grid .points-mall-card:nth-child(2n){animation-delay:.04s} .points-mall-grid .points-mall-card:nth-child(3n){animation-delay:.08s} .points-mall-grid .points-mall-card:nth-child(4n){animation-delay:.12s} .points-mall-buy-form button[type=submit]:hover{box-shadow:0 4px 12px var(--shadow-medium)} /* ===== 输入框聚焦增强 ===== */ .points-mall-addr-fields input:focus,.points-mall-addr-fields textarea:focus,.points-mall-search input:focus,.points-mall-note-block textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-admin-filter:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} /* ===== 响应式 ===== */ /* 论坛侧栏仍可见但主栏变窄时，缩小封面列，避免商品信息被压成竖排。 */ @media(max-width:1200px) and (min-width:901px){ .points-mall-detail{grid-template-columns:minmax(260px,42%) minmax(0,1fr)} .points-mall-detail-info{padding:18px} .points-mall-price-box{gap:8px;padding:12px} .points-mall-detail-buybar{gap:10px} .points-mall-detail-buybar .points-mall-btn{padding:12px 16px} .points-mall-direct-buy{max-width:none} } @media(max-width:900px){ .points-mall-grid{column-width:360px;column-count:auto} .points-mall-detail{grid-template-columns:1fr} .points-mall-detail-media{max-width:100%} .points-mall-detail-info{padding:18px} .points-mall-confirm-layout{grid-template-columns:1fr} .points-mall-confirm-summary{position:static} .points-mall-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .points-mall-addr-list{grid-template-columns:1fr} .points-mall-userbar{gap:12px} } @media(max-width:720px){ .points-mall-grid{column-count:1;column-width:100%} .points-mall-card,.points-mall-grid:has(> .points-mall-card:only-child) .points-mall-card{width:100%;max-width:none;box-sizing:border-box} .points-mall-card-media{width:100%;} .points-mall-userbar{flex-wrap:nowrap;gap:8px;padding:10px 12px} .points-mall-userbar-brand{min-width:0} .points-mall-userbar-bname{font-size:var(--font-size-md);white-space:nowrap} .points-mall-userbar-actions{gap:6px;flex:0 0 auto;margin-left:auto;white-space:nowrap} .points-mall-userbar-actions .points-mall-entry{min-height:32px;padding:0 9px;font-size:var(--font-size-xs)} .points-mall-userbar-actions .points-mall-entry-text{display:none} .points-mall-userbar-actions .points-mall-entry svg{width:16px;height:16px} .points-mall-userbar-login{min-height:30px;padding:0 14px;white-space:nowrap} .points-mall-entry-badge{top:-6px;right:-3px;min-width:16px;height:16px} .points-mall-cats-row{flex-wrap:wrap;gap:8px} .points-mall-search-row .points-mall-search{width:100%;flex:1 1 100%} .points-mall-li-meta{flex-direction:column;align-items:flex-start;gap:6px} .points-mall-li-points,.points-mall-li-stock{white-space:nowrap} .points-mall-li-points,.points-mall-li-stock{gap:5px} .points-mall-li-points svg,.points-mall-li-stock svg{flex:0 0 16px;width:16px;height:16px} .points-mall-price-box{align-items:center;gap:8px;padding:12px} .points-mall-price-label,.points-mall-price-box .points-mall-price-symbol,.points-mall-price-num,.points-mall-price-original,.points-mall-price-discount{flex:0 0 auto;white-space:nowrap} .points-mall-price-discount{margin-left:0} .points-mall-confirm-page-title{align-items:center} .points-mall-confirm-page-title .points-mall-btn{flex:0 0 auto} .points-mall-confirm-products{padding:14px} .points-mall-confirm-row{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:9px} .points-mall-confirm-thumb{width:46px;height:46px} .points-mall-confirm-row>b{grid-column:2;display:flex;align-items:baseline;justify-content:flex-end;gap:6px} .points-mall-confirm-summary{padding:14px} .points-mall-detail-buybar.has-publisher-orders{gap:10px} .points-mall-price-original{margin-left:auto} .points-mall-order-body{flex-direction:column;align-items:flex-start} .points-mall-order-foot{flex-direction:column;align-items:flex-start} .points-mall-order-address-fields{grid-template-columns:1fr} .points-mall-order-address-fields label:last-child{grid-column:auto} .points-mall-seller-filter{width:100%} .points-mall-seller-filter select{flex:1} .points-mall-seller-order-body{grid-template-columns:1fr} .points-mall-seller-fulfill-controls{align-items:stretch;flex-direction:column} .points-mall-seller-fulfill-controls label,.points-mall-seller-fulfill-note{width:100%} .points-mall-seller-fulfill select{width:100%;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 36px 0 12px;line-height:1.2;box-sizing:border-box} .points-mall-seller-fulfill>button{width:100%} .points-mall-admin-status-controls{align-items:stretch;flex-direction:column} .points-mall-admin-status-form label,.points-mall-admin-status-form select,.points-mall-admin-status-form>button{width:100%} .points-mall-admin-order-info{grid-template-columns:1fr} .points-mall-admin-refund{flex-direction:column} .points-mall-admin-refund input{width:100%} .points-mall-confirm-form button{width:100%} .points-mall-addr-manage{grid-template-columns:1fr} .points-mall-addr-manage-ops{flex-wrap:wrap} .points-mall-orders-head{flex-wrap:wrap} .points-mall-card-foot{flex-wrap:wrap} .points-mall-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .points-mall-products-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px} .points-mall-products-toolbar .points-mall-admin-filter{width:100%;flex:0 0 auto} .points-mall-products-toolbar .points-mall-product-publish{width:100%;min-height:36px;box-sizing:border-box} .points-mall-admin-filter{width:100%;flex-wrap:nowrap} .points-mall-filter-sep{display:none} .points-mall-filter-field{min-width:0;max-width:38%} .points-mall-filter-field select{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .points-mall-filter-input{flex:1 1 auto;min-width:0;border-top:0} .points-mall-filter-input input{width:100%;min-width:0} .points-mall-admin-filter .points-mall-btn{width:auto;min-width:52px} .points-mall-admin-order-banner{flex-direction:column;align-items:flex-start} } /* ===== 发帖页商品表单（折叠式“添加商品”） ===== */ .points-mall-create-box{margin-top:14px} .points-mall-create-details{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)} .points-mall-create-details summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;cursor:pointer;list-style:none;user-select:none;font-size:var(--font-size-md);font-weight:600;color:var(--text)} .points-mall-create-details summary::-webkit-details-marker{display:none} .points-mall-create-details summary:before{content:"";flex:0 0 auto;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease} .points-mall-create-details[open] summary:before{transform:rotate(90deg)} .points-mall-create-details[open] summary{border-bottom:1px solid var(--line)} .points-mall-create-summary{margin-left:auto;font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .points-mall-create-inner{display:grid;gap:10px;padding:12px 14px 14px} .points-mall-product-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-inline-size:0;margin:0;padding:0;border:0} .points-mall-product-fields:disabled{opacity:.55} .points-mall-product-field{display:grid;align-content:start;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)} .points-mall-product-field>span{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600} .points-mall-product-field-wide,.points-mall-product-fields>.points-mall-deposit-tip{grid-column:1/-1} .points-mall-create-inner .grid input[type=number],.points-mall-create-inner .grid textarea[name=points_mall_summary]{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm)} .points-mall-create-inner textarea[name=points_mall_summary],.points-mall-product-form textarea[name=summary]{width:100%;box-sizing:border-box;resize:vertical} .topic-form-panel textarea[name=points_mall_summary],.points-mall-product-form textarea[name=summary]{min-height:0!important} .points-mall-create-inner .grid input[type=number]:focus,.points-mall-create-inner .grid textarea[name=points_mall_summary]:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-auto-delivery textarea{box-sizing:border-box;width:100%;min-height:160px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);line-height:1.55;resize:vertical} .topic-form-panel .points-mall-auto-delivery textarea{min-height:160px!important} .points-mall-auto-delivery textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-auto-delivery small{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.5} .points-mall-product-toggle{display:grid;grid-template-columns:38px max-content minmax(0,1fr);align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer} .points-mall-product-toggle input{box-sizing:border-box;flex:0 0 38px;width:38px;height:22px;margin:0} .points-mall-product-toggle span{font-size:var(--font-size-sm);font-weight:600;color:var(--text)} .points-mall-product-toggle small{min-width:0;font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400;line-height:1.5} @media(max-width:640px){.points-mall-product-toggle{grid-template-columns:38px minmax(0,1fr);gap:4px 8px}.points-mall-product-toggle small{grid-column:2}.points-mall-product-fields{grid-template-columns:1fr}.points-mall-product-field-wide,.points-mall-product-fields>.points-mall-deposit-tip{grid-column:auto}} .pm-check-inline{display:inline-flex;align-items:center;gap:6px;margin:0} .pm-check-inline input{accent-color:var(--brand)} .pm-check-inline span{font-size:var(--font-size-sm);color:var(--text-muted)} .points-mall-cover-upload{display:grid;gap:8px;justify-items:start} .points-mall-cover-select{position:relative;overflow:hidden;cursor:pointer} .points-mall-cover-select input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0} .points-mall-cover-select:focus-within{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)} .points-mall-cover-preview{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel)} .points-mall-cover-preview img{width:100%;height:100%;object-fit:contain} .points-mall-cover-preview.points-mall-cover-empty{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-cover-tip{color:var(--text-subtle);font-size:var(--font-size-xs)} .points-mall-deposit-tip{padding:9px 12px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-sm);line-height:1.6} .points-mall-deposit-tip b{font-weight:700} @media(max-width:640px){.points-mall-create-details summary{min-height:42px;padding:9px 12px}.points-mall-create-inner{padding:11px 12px 13px}} /* points_rewards */ .points-rewards-settings{max-width:none;gap:18px}.points-rewards-settings-section{display:grid;gap:10px}.points-rewards-settings-section-head{display:grid;gap:3px}.points-rewards-settings-section-head strong{color:var(--text);font-size:var(--font-size-md)}.points-rewards-settings-section-head span{color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.4}.points-rewards-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:12px}.points-rewards-setting-card{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.points-rewards-setting-card-wide{grid-column:span 2}.points-rewards-setting-card-title{color:var(--text);font-size:var(--font-size-sm);font-weight:700}.points-rewards-setting-card .grid{display:grid;align-content:start;gap:5px;min-width:0;margin:0}.points-rewards-setting-card input:not([type=checkbox]),.points-rewards-setting-card textarea{width:100%;max-width:none}.points-rewards-notifications{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.points-rewards-notification-options{display:flex;flex-wrap:wrap;gap:8px 16px}.points-rewards-notification-option{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:var(--font-size-sm);cursor:pointer}.points-rewards-notification-option input{flex:0 0 38px;width:38px;height:22px;margin:0}.points-rewards-actions{display:flex;gap:8px}.points-rewards-actions button{margin:0}.points-rewards-detail{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:11px 4px}.points-rewards-detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:var(--success-soft);color:var(--success)}.points-rewards-detail.negative .points-rewards-detail-icon{background:var(--danger-soft);color:var(--danger)}.points-rewards-detail-icon .meta-icon{width:20px;height:20px}.points-rewards-detail-main{display:grid;gap:4px;min-width:0}.points-rewards-reason{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap}.points-rewards-topic{min-width:0;overflow:hidden;color:var(--text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.points-rewards-topic:hover{color:var(--brand)}.points-rewards-detail-side{display:grid;justify-items:end;gap:5px;padding-left:4px}.points-rewards-change-value{display:inline-flex;box-sizing:border-box;align-items:baseline;justify-content:center;gap:4px;width:96px;min-height:29px;padding:0 8px;border:1px solid transparent;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}.points-rewards-change-value b{font-size:var(--font-size-md);font-weight:700}.points-rewards-change-value small{font-size:var(--font-size-xs);font-weight:600}.points-rewards-change-value.positive{border-color:var(--success);background:var(--success-soft);color:var(--success)}.points-rewards-change-value.negative{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.points-rewards-time{color:var(--text-subtle);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.points-rewards-rule-value.positive{color:var(--success)}.points-rewards-rule-value.negative{color:var(--danger)}.points-rewards-rule-value.disabled{color:var(--text-subtle)}.points-rewards-profile-rules{margin-top:12px}.points-rewards-rules{overflow:hidden}.points-rewards-rules-head{padding:20px 22px 14px;border-bottom:1px solid var(--line)}.points-rewards-rules-head h2{margin:0;font-size:var(--font-size-xl)}.points-rewards-rules-head p{margin:7px 0 0;color:var(--text-subtle);font-size:var(--font-size-sm)}.points-rewards-rules-body{padding:18px 22px 22px}.points-rewards-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.points-rewards-rule-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.points-rewards-rule-card>span{color:var(--text-muted);font-size:var(--font-size-sm)}.points-rewards-rule-value{font-weight:600;white-space:nowrap}.points-rewards-rule-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}.points-rewards-rule-notes>div{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.points-rewards-rule-notes dt{color:var(--text-subtle);font-size:var(--font-size-sm)}.points-rewards-rule-notes dd{margin:5px 0 0;font-weight:600}.points-rewards-rule-hint{margin:16px 0 0;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.7}.points-rewards-extra-note{margin-top:12px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.65;overflow-wrap:anywhere}@media(max-width:720px){.points-rewards-settings-grid{grid-template-columns:1fr}.points-rewards-setting-card-wide{grid-column:auto}.points-rewards-detail{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;min-height:0;padding:11px 2px}.points-rewards-detail-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:100%;padding:3px 0 0}.points-rewards-rules-head{padding:16px 14px 12px}.points-rewards-rules-body{padding:14px}.points-rewards-rule-grid{grid-template-columns:1fr;gap:8px}.points-rewards-rule-notes{grid-template-columns:1fr;gap:8px}}.points-rewards-detail{grid-template-columns:36px minmax(0,1fr) 96px;align-items:center;gap:12px;min-height:58px;padding:11px 2px}.points-rewards-detail-main{gap:5px}.points-rewards-detail-meta{display:flex;align-items:center;gap:7px;min-width:0}.points-rewards-topic{flex:0 1 auto;max-width:100%;font-size:var(--font-size-xs)}.points-rewards-detail-meta .points-rewards-time{flex:0 0 auto;font-size:var(--font-size-xs)}.points-rewards-detail-side{grid-column:auto;display:flex;align-items:center;justify-content:flex-end;width:auto;padding:0}.points-rewards-change-value{align-items:center;width:96px;min-height:28px}@media(max-width:720px){.points-rewards-detail{grid-template-columns:36px minmax(0,1fr) 96px;align-items:center;gap:9px;min-height:58px;padding:11px 2px}.points-rewards-detail-side{grid-column:auto;width:auto;padding:0}.points-rewards-detail-meta{gap:6px}.points-rewards-topic{max-width:calc(100% - 110px)}}@media(max-width:720px){.points-rewards-detail-meta{display:grid;gap:3px}.points-rewards-topic{max-width:100%}.points-rewards-detail-meta .points-rewards-time{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} /* pow */ .pow-verify{display:grid;grid-template-columns:1fr;gap:5px;margin:0 0 8px}.pow-verify-label{color:var(--text-muted);font-size:var(--font-size-sm)}.pow-verify-field{display:flex;align-items:center;gap:var(--font-size-xs);min-width:0;max-width:450px;box-sizing:border-box;overflow:hidden}.pow-verify-button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;min-width:170px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s}.pow-verify-button:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.pow-verify-button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus-ring)}.pow-verify-button:disabled{cursor:not-allowed;opacity:.7}.pow-button-inner{display:flex;align-items:center;gap:var(--font-size-xs);min-width:0;flex:1 1 auto;overflow:hidden}.pow-button-inner span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pow-check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--text-muted);border-radius:50%;font-size:var(--font-size-xxs);color:var(--text-muted)}.pow-badge{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1;white-space:nowrap;align-self:center}.pow-verify-status{flex:0 0 auto;font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.pow-progress{--pow-progress:0%;display:block;height:4px;border-radius:2px;background:var(--line-soft);overflow:hidden;flex-basis:100%;max-width:340px;margin-top:2px}.pow-progress[hidden]{display:none}.pow-progress:before{content:"";display:block;height:100%;width:var(--pow-progress);background:var(--brand);transition:width .15s}.pow-verify.is-ok .pow-verify-button{background:var(--success-soft);border-color:var(--success);color:var(--success)}.pow-verify.is-ok .pow-check{background:var(--success);border-color:var(--success);color:var(--inverse-text)}.pow-verify.is-ok .pow-verify-status{color:var(--success)}.pow-again-button{flex:0 0 auto;background:none;border:0;padding:0;font-size:var(--font-size-xs);color:var(--brand);cursor:pointer}.pow-again-button:hover{background:none;color:var(--brand);opacity:.8}.pow-verify.is-error .pow-verify-button{border-color:var(--danger)}.pow-verify.is-error .pow-check{background:var(--danger);border-color:var(--danger);color:var(--inverse-text)}.pow-verify.is-error .pow-verify-status{color:var(--danger)}.pow-verify.is-working .pow-verify-status{color:var(--brand)}.pow-check.is-loading{border-top-color:transparent;color:transparent;animation:pow-spin .8s linear infinite}@keyframes pow-spin{to{transform:rotate(360deg)}}.pow-note{color:var(--text-subtle);font-size:var(--font-size-xs);margin:0}.reply-panel form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.reply-panel form>*{grid-column:1 / -1;min-width:0}.reply-panel form>.danmaku-react-reply-controls{order:1}.reply-panel form>.pow-verify{margin:0;order:2}.reply-panel form>.quick-reply-actions,.reply-panel form>button[type=submit]{justify-self:end;align-self:center;order:3}.reply-panel form>.pow-note{order:4}.reply-panel .pow-verify-label{display:none}.reply-panel .pow-verify-field{max-width:none}@media (max-width:640px){.reply-panel form{grid-template-columns:minmax(0,1fr)}.reply-panel form>*{grid-column:1 / -1;min-width:0}}.topic-form-panel .pow-verify-field,.reply-edit-panel .pow-verify-field{max-width:none}.pow-admin-row{display:flex;align-items:center;gap:var(--font-size-sm);margin:var(--font-size-sm) 0}.pow-admin-switch{display:inline-flex;align-items:center;gap:var(--font-size-xs);min-width:110px;font-size:var(--font-size-sm);cursor:pointer}.pow-admin-number{width:70px}.pow-admin-hint{color:var(--text-muted);font-size:var(--font-size-xs)}.pow-stat-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--font-size-md);list-style:none;margin:0;padding:var(--font-size-sm) var(--font-size-sm) 0}.pow-stat-rows .admin-list-item{border-bottom:1px solid var(--line-soft);padding:var(--font-size-sm) 0}.pow-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--font-size-sm);padding:var(--font-size-sm)}.pow-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--font-size-sm);display:flex;flex-direction:column;gap:var(--font-size-xs)}.pow-stat-card>span{color:var(--text-muted);font-size:var(--font-size-xs)}.pow-stat-nums{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm);font-weight:600}.pow-stat-nums .on{color:var(--success)}.pow-stat-nums .danger{color:var(--danger)}@media (max-width:480px){.pow-stat-rows{grid-template-columns:1fr;gap:0}.pow-stat-rows .admin-list-item{padding:var(--font-size-xs) 0}.pow-stat-rows .admin-flag{white-space:nowrap}.pow-stat-grid{grid-template-columns:1fr;gap:var(--font-size-xs)}.pow-stat-card{padding:var(--font-size-xs)}.pow-admin-row{flex-wrap:wrap}.pow-admin-number{width:56px}} /* 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} /* quote_threads */ .quote-threads-thread-item{border-bottom:0} .quote-threads-child{position:relative;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"avatar body" "content content";gap:0 8px;min-height:0;margin:0 0 0 34px;padding:9px 0 10px 13px;border:0;border-left:1px solid var(--line-soft);border-radius:0;background:transparent;box-shadow:none} .topic-post-list .quote-threads-child.quick-reply-new-reply{margin:0 0 0 34px;padding:9px 10px 10px 13px;border:0;border-left:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)} .quote-threads-child::before{position:absolute;top:18px;left:-1px;width:9px;border-top:1px solid var(--line-soft);content:""} .quote-threads-child.post-highlight{background:var(--brand-soft)} .topic-post-list .quote-threads-child.quick-reply-new-reply.post-highlight{background:var(--brand-soft)} .quote-threads-child .post-avatar{width:28px;height:28px;transform:none} .quote-threads-child .post-body{min-height:28px} .quote-threads-child .post-head{min-height:16px;padding-right:44px} .quote-threads-child .post-meta{display:flex;align-items:center;gap:5px;margin-top:2px} .quote-threads-child .post-content{margin-top:6px;padding-top:0;border:0} .quote-threads-child .post-ops{right:0} .quote-threads-reference{display:inline-flex;align-items:center;gap:3px;padding:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;line-height:1.35;white-space:nowrap} .quote-threads-reference::before{color:var(--text-subtle);content:"↳";font-size:14px;line-height:1} .quote-threads-cross-page .quote-threads-reference::after{color:var(--text-subtle);content:"· 跨页";font-weight:400} .quote-threads-thread-end{border-bottom:1px solid var(--line)} .topic-post-list>.post-entry.quote-threads-is-collapsed{display:none} .quote-threads-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} .quote-threads-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} .quote-threads-toggle:hover{background:var(--brand-soft);color:var(--brand)} .quote-threads-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px} @media(max-width:720px){.quote-threads-child{grid-template-columns:26px minmax(0,1fr);margin-left:25px;padding-left:10px}.topic-post-list .quote-threads-child.quick-reply-new-reply{margin-left:25px;padding-left:10px}.quote-threads-toggle-row{margin-left:25px;padding-left:10px}.quote-threads-child .post-avatar{width:26px;height:26px}.quote-threads-child .post-body{min-height:26px}} /* 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:18px 0 48px}@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:14px 0 32px}}.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)} /* sb_limit_edit_time */ .sb-limit-edit-time-note{margin-top:14px;color:var(--text-subtle);font-size:12px;line-height:1.5}.sb-limit-edit-time-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.sb-limit-edit-time-note a:hover{color:var(--brand)} /* seo_suite */ .seo-suite-form{width:100%;max-width:none}.seo-suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.seo-suite-section{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.seo-suite-section h3{margin:0;color:var(--text);font-size:13px}.seo-suite-section .grid{gap:5px}.seo-suite-form input:not([type=checkbox]),.seo-suite-form select,.seo-suite-form textarea{width:100%;max-width:none;box-sizing:border-box}.seo-suite-form textarea{min-height:104px;resize:vertical}.seo-suite-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.seo-suite-actions form{margin:0}.seo-suite-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.seo-suite-status{overflow-wrap:anywhere}@media(max-width:600px){.seo-suite-grid,.seo-suite-tools{grid-template-columns:1fr}.seo-suite-section{padding:12px}} /* site_logo */ .brand{background-image:var(--site-logo-image,none);background-repeat:no-repeat;background-position:left center;background-size:contain;width:var(--site-logo-width,auto);max-width:100%;height:var(--site-logo-height,auto);font-size:var(--site-logo-brand-font-size,var(--font-size-lg))}.brand:before{background-image:var(--site-logo-icon-image,url("index.svg"));display:var(--site-logo-icon-display,inline-block)}.bar{grid-template-rows:var(--site-logo-bar-row,48px)}@media(prefers-color-scheme:dark){.brand{background-image:var(--site-logo-image-dark,var(--site-logo-image,none))}}html[data-site-logo-scheme="light"] .brand{background-image:var(--site-logo-image,none)}html[data-site-logo-scheme="dark"] .brand{background-image:var(--site-logo-image-dark,var(--site-logo-image,none))}@media(max-width:720px){.bar{height:var(--site-logo-bar-height,44px)}.brand{width:var(--site-logo-width-mobile,auto);height:var(--site-logo-height-mobile,auto)}.brand:before{display:none}}.site-logo-row{margin:0 0 18px}.site-logo-row:last-child{margin-bottom:0}.site-logo-field{min-width:0}.site-logo-thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:78px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.site-logo-thumb-dark{border-color:var(--inverse-border);background:var(--inverse)}.site-logo-thumb-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.site-logo-thumb img{max-width:100%;max-height:100%}.site-logo-clear{position:absolute;top:-9px;right:-9px;display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;min-height:22px;padding:0;border:0;border-radius:50%;background:var(--danger);color:var(--inverse-text);font-size:var(--font-size-sm);line-height:1}.site-logo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.site-logo-url{flex:1 1 240px;min-width:0;max-width:450px}.site-logo-controls button{flex:0 0 auto;min-width:64px}.site-logo-tip{display:block;margin-top:6px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6} /* telegram_notify */ .telegram-notify-profile-card{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.telegram-notify-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.telegram-notify-help,.telegram-notify-status small{color:var(--text-subtle);font-size:12px}.telegram-notify-page{display:grid;gap:14px}.telegram-notify-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.telegram-notify-title h2{margin:0}.telegram-notify-help{margin:0;line-height:1.6}.telegram-notify-form{display:grid;gap:12px}.telegram-notify-actions{display:flex;gap:8px;flex-wrap:wrap}.telegram-notify-status+.telegram-notify-actions{margin-top:12px}.telegram-notify-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.telegram-notify-status span{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);overflow-wrap:anywhere}.telegram-notify-admin-stats{margin-top:12px}@media(max-width:680px){.telegram-notify-actions{display:grid;grid-template-columns:1fr}.telegram-notify-actions button{width:100%}} /* topic_author_reply_mark */ .post-head .topic-author-reply-mark{margin-left:6px;white-space:nowrap}.post-head .topic-author-reply-mark:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:520px){.post-head .topic-author-reply-mark{margin-left:4px}} /* 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_collections */ .topic-collections-panel{grid-column:1/-1;display:grid;gap:14px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 10px 28px var(--shadow-base)} .topic-collections-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)} .topic-collections-head>div{display:grid;gap:4px;min-width:0} .topic-collections-head strong{font-size:var(--font-size-lg);line-height:1.35} .topic-collections-panel-title{color:inherit;text-decoration:none} .topic-collections-panel-title:hover{color:var(--brand)} .topic-collections-head span,.topic-collections-login{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.55} .topic-collections-head span{max-width:72ch} .topic-collections-recommended{display:grid;gap:8px;margin:0} .topic-collections-recommended-list{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px} .topic-collections-recommended-link{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:2px;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);box-shadow:0 1px 0 var(--shadow-base);transition:border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)} .topic-collections-recommended-link:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 6px 14px var(--shadow-base);transform:translateY(-1px)} .topic-collections-recommended-icon{width:18px;height:18px;color:var(--brand);flex:0 0 18px} .topic-collections-recommended-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} .topic-collections-recommended small{grid-column:2;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .topic-collections-collection-head{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)} .topic-collections-collection-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .topic-collections-collection-title{display:grid;gap:4px;min-width:0} .topic-collections-collection-title .post-content-title{margin:0} .topic-collections-collection-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.4} .topic-collections-collection-meta span,.topic-collections-collection-meta a{display:inline-flex;align-items:center;gap:4px;min-width:0} .topic-collections-collection-meta a{color:var(--text-muted)} .topic-collections-collection-meta a:hover{color:var(--brand)} .topic-collections-collection-description{max-width:72ch;margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.55} .topic-collections-collection-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0} .topic-collections-subscribe{margin:0} .topic-collections-subscribe button{min-height:32px;padding:0 12px;white-space:nowrap} .topic-collections-topic-list{margin-top:2px} .topic-collections-actions{display:grid;gap:10px} .topic-collections-toggle-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .topic-collections-toggle{color:var(--brand);cursor:pointer} .topic-collections-form-wrap{margin-top:10px} .topic-collections-form-label{display:flex;align-items:center;gap:8px} .topic-collections-mine-entry{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap} .topic-collections-mine-entry:hover{color:var(--brand)} .topic-collections-actions form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)} .topic-collections-form-field{display:grid;gap:6px;min-width:0} .topic-collections-form-field label{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4} .topic-collections-primary{min-width:96px;white-space:nowrap} .topic-collections-primary.is-remove{background:var(--danger)} .topic-collections-primary.is-remove:hover{background:var(--danger);opacity:.85} .topic-collections-actions input,.topic-collections-actions select{width:100%;max-width:none;margin:0} .topic-collections-actions select{min-height:38px} .topic-collections-actions button{margin:0} .topic-collections-settings{margin:0;display:grid;gap:14px} .topic-collections-manage-block{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0} .topic-collections-manage-block>h3{margin:0;font-size:var(--font-size-md)} .topic-collections-manage-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;width:100%;min-width:0} .topic-collections-manage-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px} .topic-collections-manage-list li span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .topic-collections-manage-list li form{margin:0 0 0 auto;flex:none} .topic-collections-manage-list li button{min-height:26px;padding:0 8px;background:none;border:0;color:var(--text-muted)} .topic-collections-manage-list li button:hover{color:var(--danger)} .topic-collections-manage-empty{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)} .topic-collections-mg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)} .topic-collections-mg-head h1{margin:0} .topic-collections-settings-form{display:grid;gap:8px;max-width:680px} .topic-collections-settings-form .grid{grid-template-columns:1fr;margin:0} .topic-collections-settings-form label.topic-collections-checkbox{display:block} .topic-collections-settings-form label.topic-collections-checkbox>span{display:block;margin-bottom:6px} .topic-collections-settings-form label.topic-collections-checkbox>input{width:38px;height:22px} .topic-collections-settings-form button{justify-self:start} .topic-collections-collab-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .topic-collections-collab-add input{flex:1 1 180px;min-width:0} .topic-collections-collab-add button{margin:0} .topic-collections-delete-form{margin:0;padding-top:12px;border-top:1px solid var(--line-soft)} .topic-collections-delete-form button{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)} .topic-collections-delete-form button:hover{background:var(--danger);color:var(--inverse-text)} .topic-collections-tabs{margin-bottom:14px} .topic-collections-updates-list{margin:0;padding:0;list-style:none} .topic-collections-updates-list li{padding:7px 2px} .topic-collections-updates-list li+li{border-top:1px solid var(--line-soft)} .topic-collections-updates-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--text)} .topic-collections-updates-name{overflow-wrap:anywhere;min-width:0} .topic-collections-updates-list .notify-badge{flex:none} .topic-collections-new-badge{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);line-height:1.5;white-space:nowrap} ul.post-list.topic-collections-collection-list{padding:0 2px;margin-top:14px} .topic-collections-collection-row{padding:14px 2px} .topic-collections-card-desc{display:-webkit-box;overflow:hidden;margin-top:4px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2} .topic-collections-tag{display:inline-flex;align-items:center;gap:6px;height:20px;margin-right:6px;padding:0 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;line-height:1;vertical-align:middle} .topic-collections-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none} .topic-collections-tag-private{color:var(--warning);background:var(--warning-soft)} .topic-collections-tag-public{color:var(--brand);background:var(--brand-soft)} .topic-collections-tag-mine{color:var(--text-subtle);background:var(--bg);border:1px solid var(--line)} .topic-collections-tag-subscribed{color:var(--success);background:var(--success-soft)} .topic-collections-admin-body{display:grid;gap:12px;padding:14px} .topic-collections-admin-body>p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)} .topic-collections-admin-form{display:grid;gap:10px;max-width:680px} .topic-collections-admin-form .grid{grid-template-columns:1fr} .topic-collections-admin-form>button{justify-self:start} .topic-collections-login{margin:0;padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)} .topic-collections-login a{color:var(--brand);font-weight:600} .topic-collections-create-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--backdrop)} .topic-collections-create-modal[hidden]{display:none} .topic-collections-create-dialog{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 20px 60px var(--shadow-medium)} .topic-collections-create-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .topic-collections-create-head strong{font-size:var(--font-size-lg)} .topic-collections-modal-close{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-size-lg)} .topic-collections-modal-close:hover{background:var(--bg);color:var(--text)} .topic-collections-create-modal-form{display:grid;gap:10px} .topic-collections-create-modal-form .grid{grid-template-columns:1fr;margin:0} .topic-collections-create-modal-form input,.topic-collections-create-modal-form textarea{width:100%;max-width:none} .topic-collections-create-modal-form label.topic-collections-checkbox{display:block} .topic-collections-create-modal-form label.topic-collections-checkbox>span{display:block;margin-bottom:6px} .topic-collections-create-modal-form label.topic-collections-checkbox>input{width:38px;height:22px} .topic-collections-create-modal-form textarea{min-height:108px;resize:vertical} .topic-collections-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px} .topic-collections-modal-actions button{margin:0} @media(max-width:760px){.topic-collections-panel{padding:12px 0 0;border:0;background:transparent;box-shadow:none}.topic-collections-head{flex-direction:column;padding-bottom:10px}.topic-collections-actions form{grid-template-columns:1fr;gap:10px;padding:0;border:0;background:transparent}.topic-collections-manage-block{padding:12px}.topic-collections-collab-add input{flex-basis:100%}.topic-collections-recommended-list{grid-template-columns:1fr;gap:8px}} /* 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_link_card */ /* ===== 前台预览卡片 ===== 颜色全部由主题 CSS 变量驱动，不匹配任何具体主题或暗色标记： - 亮色：基于 --panel/--line/--text 微调出浅蓝灰卡片底，与页面面板自然区分； - 暗色：任何主题/插件切换暗色时都会修改 --panel/--text 等变量， color-mix() 推导出的卡片颜色随之自动变暗，天然跟随，无需单独适配。 每项先写固定值作不支持 color-mix 的浏览器兜底。 */ .topic-link-card{ --tlcc-accent:#192748; --tlcc-accent:color-mix(in srgb,var(--text,#000) 72%,#192748 28%); --tlcc-accent-soft:rgba(25,39,72,.09); --tlcc-accent-soft:color-mix(in srgb,#192748 12%,var(--panel,#fff) 88%); --tlcc-card-bg:#f5f7fb; --tlcc-card-bg:color-mix(in srgb,var(--panel,#fff) 82%,#c7d2e8 18%); --tlcc-card-border:#e3e9f4; --tlcc-card-border:color-mix(in srgb,var(--line,#e8e8e8) 80%,#a8b7d4 20%); --tlcc-title:#1c2340; --tlcc-title:color-mix(in srgb,var(--text,#000) 92%,#192748 8%); --tlcc-meta:#5d6a86; --tlcc-meta:color-mix(in srgb,var(--text-muted,#555) 90%,#192748 10%); --tlcc-meta-soft:var(--text-subtle,#8a95ad); --tlcc-sep:#c3cbdc; --tlcc-sep:color-mix(in srgb,var(--line,#e8e8e8) 75%,#8a95ad 25%); margin:12px 0;max-width:var(--tlcc-pc-w,600px) } /* 帖子正文中卡片与发布人头像右侧的正文列对齐 */ .post-entry .post-content .topic-link-card{margin-left:46px} /* 卡片尺寸：宽度/高度/头像直径由后台设置（内联 --tlcc-pc-* 与 --tlcc-mb-* 变量），媒体查询切换 */ .topic-link-card-link{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px 14px 20px;width:100%;min-height:var(--tlcc-pc-h,auto);border:var(--tlcc-border-width,1px) solid var(--tlcc-card-border);border-radius:var(--tlcc-radius,16px);background:var(--tlcc-card-bg);box-shadow:0 1px 3px rgba(25,39,72,.06);text-decoration:none;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .topic-link-card-link::before{content:"";position:absolute;left:0;top:calc(var(--tlcc-pc-avatar,48px)/3);bottom:calc(var(--tlcc-pc-avatar,48px)/3);width:4px;border-radius:0 4px 4px 0;background:var(--tlcc-bar,var(--tlcc-accent));opacity:.9;transition:opacity .2s ease} .tlcc-no-bar .topic-link-card-link::before{display:none} .topic-link-card-link:hover{border-color:var(--tlcc-accent);box-shadow:0 6px 18px rgba(25,39,72,.12);transform:translateY(-2px)} .topic-link-card-link:hover::before{opacity:1} .topic-link-card-avatar{flex:none;width:var(--tlcc-pc-avatar,48px);height:var(--tlcc-pc-avatar,48px);border-radius:50%;overflow:hidden;background:#eef1f8;background:color-mix(in srgb,var(--panel,#fff) 70%,#dbe4f5 30%);border:2px solid var(--tlcc-card-border);box-shadow:0 0 0 3px var(--tlcc-card-bg)} .topic-link-card-avatar .avatar-img{width:var(--tlcc-pc-avatar,48px);height:var(--tlcc-pc-avatar,48px);display:block;border-radius:50%} .topic-link-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px} .topic-link-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:var(--tlcc-fs,var(--font-size-md));font-weight:600;color:var(--tlcc-title-c,var(--tlcc-title));line-height:1.45} .topic-link-card-link:hover .topic-link-card-title{color:var(--tlcc-title-c,var(--tlcc-accent))} .topic-link-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:var(--tlcc-fs-meta,var(--font-size-xs));color:var(--tlcc-meta)} .topic-link-card-meta>*{min-width:0} .topic-link-card-author{display:inline-flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--tlcc-author-c,var(--tlcc-title))} .topic-link-card-author .meta-icon{width:12px;height:12px;flex:none;color:var(--tlcc-meta-soft)} .topic-link-card-sep{flex:none;color:var(--tlcc-sep)} .topic-link-card-forum{display:inline-flex;align-items:center;max-width:150px;padding:1px 8px;border-radius:999px;background:var(--tlcc-forum-bg,var(--tlcc-accent-soft));background:var(--tlcc-forum-bg,color-mix(in srgb,var(--tlcc-forum-c,var(--tlcc-accent)) 12%,var(--panel,#fff) 88%));color:var(--tlcc-forum-c,var(--tlcc-accent));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .topic-link-card-stat{display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .topic-link-card-stat .meta-icon{width:12px;height:12px;flex:none;color:var(--tlcc-meta-soft)} .topic-link-card-stat b{font-weight:600;color:var(--tlcc-title);font-variant-numeric:tabular-nums} .tlcc-stat-read b{color:var(--tlcc-read-c,var(--tlcc-title))} .tlcc-stat-reply b{color:var(--tlcc-reply-c,var(--tlcc-title))} .topic-link-card-time{white-space:nowrap;color:var(--tlcc-time-c,var(--tlcc-meta))} /* 外链预览卡片：使用琥珀警示色系，与站内卡片的蓝色系形成鲜明区分，提醒注意安全分辨； 竖条/卡片背景/粗网址(文字+背景)/完整网址/地球图标/外链徽标颜色与 PC/移动尺寸均可后台独立自定义 （内联 --tlcc-bar-ext、--tlcc-ext-* 变量），留空即默认琥珀或跟随站内；标题过长自动省略号 */ .topic-link-card-external{ --tlcc-accent:#c2610a; --tlcc-accent:color-mix(in srgb,var(--text,#000) 70%,#c2610a 30%); --tlcc-accent-soft:rgba(194,97,10,.1); --tlcc-accent-soft:color-mix(in srgb,#c2610a 12%,var(--panel,#fff) 88%); max-width:var(--tlcc-ext-pc-w,var(--tlcc-pc-w,600px)) } .topic-link-card-external .topic-link-card-link{min-height:var(--tlcc-ext-pc-h,var(--tlcc-pc-h,auto));background:var(--tlcc-ext-bg,var(--tlcc-card-bg))} .topic-link-card-external .topic-link-card-link::before{top:calc(var(--tlcc-ext-pc-avatar,var(--tlcc-pc-avatar,48px))/3);bottom:calc(var(--tlcc-ext-pc-avatar,var(--tlcc-pc-avatar,48px))/3);background:var(--tlcc-bar-ext,var(--tlcc-bar,var(--tlcc-accent)))} .topic-link-card-external .topic-link-card-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tlcc-title-ext,#8a4a08);color:var(--tlcc-title-ext,color-mix(in srgb,var(--text,#000) 74%,#c2610a 26%))} .topic-link-card-external .topic-link-card-link:hover .topic-link-card-title{color:var(--tlcc-title-ext,var(--tlcc-accent))} .topic-link-card-external .topic-link-card-ext-avatar{display:flex;align-items:center;justify-content:center;width:var(--tlcc-ext-pc-avatar,var(--tlcc-pc-avatar,48px));height:var(--tlcc-ext-pc-avatar,var(--tlcc-pc-avatar,48px));background:color-mix(in srgb,var(--tlcc-avatar-ext,#c2610a) 12%,var(--panel,#fff) 88%);color:var(--tlcc-avatar-ext,var(--tlcc-accent));box-shadow:0 0 0 3px var(--tlcc-ext-bg,var(--tlcc-card-bg))} .topic-link-card-external .topic-link-card-ext-avatar svg{width:calc(var(--tlcc-ext-pc-avatar,var(--tlcc-pc-avatar,48px))*.42);height:calc(var(--tlcc-ext-pc-avatar,var(--tlcc-pc-avatar,48px))*.42)} .topic-link-card-external .topic-link-card-ext-badge{flex:none;padding:1px 7px;border-radius:999px;background:var(--tlcc-badge-ext,var(--tlcc-accent));color:#fff;font-weight:600;font-size:calc(var(--tlcc-fs-meta,var(--font-size-xs))*.92);line-height:1.6;box-shadow:0 1px 2px rgba(194,97,10,.25)} .topic-link-card-external .topic-link-card-forum{background:var(--tlcc-ext-forum-bg,var(--tlcc-accent-soft));background:var(--tlcc-ext-forum-bg,color-mix(in srgb,var(--tlcc-ext-forum-c,var(--tlcc-accent)) 12%,var(--panel,#fff) 88%));color:var(--tlcc-ext-forum-c,var(--tlcc-accent))} .topic-link-card-external:hover .topic-link-card-ext-badge{filter:brightness(1.08)} .topic-link-card-external .topic-link-card-ext-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tlcc-url-ext,#a56a2a);color:var(--tlcc-url-ext,color-mix(in srgb,var(--text-muted,#555) 60%,#c2610a 40%))} /* 固定高度模式：高度设为负值时启用（站内 tlcc-h-fixed / 外链 tlcc-h-fixed-ext）， 卡片严格按该高度显示（内容超出隐藏），可做任意矮的卡片 */ .topic-link-card.tlcc-h-fixed .topic-link-card-link{min-height:0;height:var(--tlcc-pc-h,auto);overflow:hidden} .topic-link-card-external.tlcc-h-fixed-ext .topic-link-card-link{min-height:0;height:var(--tlcc-ext-pc-h,var(--tlcc-pc-h,auto));overflow:hidden} /* 移动端：更紧凑的内边距/间距，尺寸变量切换为 --tlcc-mb-*（外链为 --tlcc-ext-mb-*），单行标题省略号，与发布人头像右侧对齐 */ @media (max-width:600px){ .topic-link-card{max-width:var(--tlcc-mb-w,100%)} .topic-link-card-link{flex-wrap:nowrap;gap:8px;padding:8px 10px 8px 13px;min-height:var(--tlcc-mb-h,auto)} .topic-link-card-link::before{top:calc(var(--tlcc-mb-avatar,32px)/3);bottom:calc(var(--tlcc-mb-avatar,32px)/3)} .topic-link-card-avatar{width:var(--tlcc-mb-avatar,32px);height:var(--tlcc-mb-avatar,32px)} .topic-link-card-avatar .avatar-img{width:var(--tlcc-mb-avatar,32px);height:var(--tlcc-mb-avatar,32px)} .topic-link-card-main{gap:3px} .topic-link-card-external{max-width:var(--tlcc-ext-mb-w,var(--tlcc-mb-w,100%))} .topic-link-card-external .topic-link-card-link{min-height:var(--tlcc-ext-mb-h,var(--tlcc-mb-h,auto))} .topic-link-card-external .topic-link-card-link::before{top:calc(var(--tlcc-ext-mb-avatar,var(--tlcc-mb-avatar,32px))/3);bottom:calc(var(--tlcc-ext-mb-avatar,var(--tlcc-mb-avatar,32px))/3)} .topic-link-card-external .topic-link-card-ext-avatar{width:var(--tlcc-ext-mb-avatar,var(--tlcc-mb-avatar,32px));height:var(--tlcc-ext-mb-avatar,var(--tlcc-mb-avatar,32px))} .topic-link-card-external .topic-link-card-ext-avatar svg{width:calc(var(--tlcc-ext-mb-avatar,var(--tlcc-mb-avatar,32px))*.42);height:calc(var(--tlcc-ext-mb-avatar,var(--tlcc-mb-avatar,32px))*.42)} .topic-link-card.tlcc-h-fixed .topic-link-card-link{min-height:0;height:var(--tlcc-mb-h,auto);overflow:hidden} .topic-link-card-external.tlcc-h-fixed-ext .topic-link-card-link{min-height:0;height:var(--tlcc-ext-mb-h,var(--tlcc-mb-h,auto));overflow:hidden} .topic-link-card-title{font-size:calc(var(--tlcc-fs,14px)*.9);-webkit-line-clamp:1;line-clamp:1} .topic-link-card-meta{flex-wrap:nowrap;overflow:hidden;gap:4px 6px} .topic-link-card-meta .topic-link-card-author{max-width:36%;flex-shrink:1} .topic-link-card-meta .topic-link-card-forum{max-width:30%;flex-shrink:0} .post-entry .post-content .topic-link-card{margin-left:46px} } /* ===== 后台设置 ===== */ .topic-link-card-admin{max-width:680px;display:grid;gap:14px} .topic-link-card-admin-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 4px 14px var(--shadow-base);padding:18px} .topic-link-card-admin-head{margin-bottom:14px} .topic-link-card-admin-head h3{margin:0;position:relative;padding-left:12px;font-size:var(--font-size-lg);font-weight:600;line-height:1.4} .topic-link-card-admin-head h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:var(--brand)} .topic-link-card-admin-head p{margin:6px 0 0;padding-left:12px;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6} .topic-link-card-admin form{display:grid;gap:14px} .topic-link-card-field{margin:0;display:grid;grid-template-columns:1fr;gap:5px;align-items:start} .topic-link-card-admin-sub{margin:2px 0 -6px;padding:6px 12px;border-left:3px solid var(--brand);background:var(--bg);border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .topic-link-card-admin-sub b{font-size:var(--font-size-sm);font-weight:700;color:var(--text)} .topic-link-card-admin-sub span{font-size:var(--font-size-xs);font-weight:400;color:var(--text-subtle)} .topic-link-card-admin-sub2{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:2px 2px 6px;border-bottom:1px dashed var(--line-soft);font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted)} .topic-link-card-admin-sub2 span{font-size:var(--font-size-xs);font-weight:400;color:var(--text-subtle)} .tlcc-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .tlcc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} @media (max-width:760px){ .tlcc-grid-2,.tlcc-grid-3{grid-template-columns:1fr} } .topic-link-card-field>span{padding-top:0;color:var(--text-muted);font-size:var(--font-size-sm)} .topic-link-card-field input{max-width:none} .topic-link-card-field .tlcc-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:inherit;font-size:inherit} .topic-link-card-field .tlcc-color-row input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;flex:none} .topic-link-card-field .tlcc-color-row input[type=text]{flex:1;min-width:0;font-size:var(--font-size-xs)} .topic-link-card-field .tlcc-color-row .tlcc-color-clear{flex:none;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:border-color .15s ease,color .15s ease} .topic-link-card-field .tlcc-color-row .tlcc-color-clear:hover{border-color:var(--brand);color:var(--brand)} .topic-link-card-admin-status{padding:8px 10px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6} .topic-link-card-admin-status b{color:var(--text)} .topic-link-card-admin-actions{display:flex;align-items:center;gap:10px;padding-top:4px} .topic-link-card-admin-actions .tlcc-reset-btn{border:1px solid var(--line);background:var(--bg);color:var(--text-muted)} .topic-link-card-admin-actions .tlcc-reset-btn:hover{border-color:#d9534f;color:#d9534f} .topic-link-card-admin-preset{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .topic-link-card-admin-preset select{flex:1;min-width:200px;max-width:320px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:7px 10px;font-size:var(--font-size-sm)} .topic-link-card-admin-preview{padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--bg)} .topic-link-card-admin-preview .topic-link-card{margin:0} .topic-link-card-diag{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)} .topic-link-card-diag th,.topic-link-card-diag td{padding:7px 8px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top} .topic-link-card-diag tr:last-child th,.topic-link-card-diag tr:last-child td{border-bottom:none} .topic-link-card-diag th{white-space:nowrap;color:var(--text-muted);font-weight:500;width:190px} .topic-link-card-admin-note{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6} /* topic_participant_summary */ .topic-participant-summary-mark{display:none} .topic-participant-summary{box-sizing:border-box;grid-column:1/-1;flex:0 0 100%;min-width:0;width:100%;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md,8px);background:var(--panel)}.topic-participant-summary-title-placement{margin:0 0 18px}.topic-participant-summary-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.topic-participant-summary-title{margin:0;font-size:var(--font-size-md)}.topic-participant-summary-count{color:var(--text-subtle);font-size:var(--font-size-xs)}.topic-participant-summary .topic-participant-summary-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px 10px;margin:0;padding:0;list-style:none}.topic-participant-summary-wall>li{min-width:0}.topic-participant-summary-person{display:grid;min-width:0;width:100%;justify-items:center;color:inherit;text-decoration:none}.topic-participant-summary-person:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}.topic-participant-summary-avatar-wrap{position:relative;display:grid;width:36px;height:36px;place-items:center;overflow:visible;border-radius:4px;background:color-mix(in srgb,var(--brand) 15%,var(--panel))}.topic-participant-summary-avatar{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover}.topic-participant-summary-fallback{display:grid;width:100%;height:100%;place-items:center;border-radius:4px;color:var(--brand);font-size:var(--font-size-sm);font-weight:700}.topic-participant-summary-badge{position:absolute;z-index:2;right:-6px;bottom:-6px;box-sizing:content-box;min-width:18px;height:18px;padding:0 3px;border:2px solid var(--panel);border-radius:999px;background:var(--brand);color:var(--inverse-text,#fff);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;line-height:18px;text-align:center;pointer-events:none}.topic-participant-summary-person:hover .topic-participant-summary-badge,.topic-participant-summary-person:focus-visible .topic-participant-summary-badge{z-index:3;opacity:1;visibility:visible;transform:none}.topic-participant-summary-name{display:block;max-width:100%;margin-top:5px;overflow:hidden;color:var(--text-muted);font-size:var(--font-size-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.topic-participant-summary{padding:12px}.topic-participant-summary .topic-participant-summary-wall{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 8px}.topic-participant-summary-avatar-wrap{width:36px;height:36px}} /* 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;order:9;margin:10px 0 0 auto;cursor:pointer}.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-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)}@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}}@media(prefers-reduced-motion:reduce){.topic-quick-actions-op,.topic-quick-actions-box{transition:none}} /* topic_read_groups */ /* ===== 发帖/编辑表单：阅读权限卡片 ===== */ .topic-read-groups-form-help{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:2px;line-height:1.5} .topic-read-groups-force-hint{color:var(--danger);font-weight:600} .topic-read-groups-group-checkbox{display:flex;flex-wrap:wrap;gap:6px 8px;padding:4px 0} /* 用户组多选：自定义方形复选框（脱离原生控件样式，避免被系统 radio/checkbox 全局样式干扰） */ .topic-read-groups-gcheck{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-size-sm);color:var(--text);cursor:pointer;padding:5px 11px 5px 7px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line-soft);transition:background .15s,border-color .15s,color .15s,transform .05s;user-select:none;white-space:nowrap;line-height:1} .topic-read-groups-gcheck:hover{background:var(--brand-soft);border-color:var(--brand)} .topic-read-groups-gcheck input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none} .topic-read-groups-gcheck .topic-read-groups-box{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:var(--radius-sm);border:1.6px solid var(--line);background:var(--panel);transition:all .15s;flex:0 0 auto} .topic-read-groups-gcheck .topic-read-groups-box svg{width:11px;height:11px;color:var(--inverse-text);opacity:0;transform:scale(.6);transition:all .15s} .topic-read-groups-gcheck:hover .topic-read-groups-box{border-color:var(--brand)} .topic-read-groups-gcheck:has(input:checked){background:var(--brand-soft);border-color:var(--brand);color:var(--brand)} .topic-read-groups-gcheck:has(input:checked) .topic-read-groups-box{background:var(--brand);border-color:var(--brand)} .topic-read-groups-gcheck:has(input:checked) .topic-read-groups-box svg{opacity:1;transform:scale(1)} .topic-read-groups-gcheck:active{transform:scale(.97)} .topic-read-groups-gcheck:focus-within .topic-read-groups-box{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)} /* "完全隐藏"选项：独立开关卡片 */ .topic-read-groups-hidden-field{margin-top:4px} .topic-read-groups-hidden-check{display:flex;align-items:center;gap:9px;font-size:var(--font-size-sm);color:var(--text);cursor:pointer;user-select:none;padding:8px 12px;border-radius:var(--radius);transition:background .15s,border-color .15s;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);line-height:1.2} .topic-read-groups-hidden-check:hover{background:color-mix(in srgb,var(--danger) 12%,var(--bg))} .topic-read-groups-hidden-check input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none} .topic-read-groups-hidden-check .topic-read-groups-hbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-sm);border:1.8px solid color-mix(in srgb,var(--danger) 55%,var(--panel));background:var(--panel);transition:all .15s;flex:0 0 auto} .topic-read-groups-hidden-check .topic-read-groups-hbox svg{width:12px;height:12px;color:var(--inverse-text);opacity:0;transform:scale(.6);transition:all .15s} .topic-read-groups-hidden-check:has(input:checked) .topic-read-groups-hbox{background:var(--danger);border-color:var(--danger)} .topic-read-groups-hidden-check:has(input:checked) .topic-read-groups-hbox svg{opacity:1;transform:scale(1)} .topic-read-groups-hidden-check .topic-read-groups-htext{display:flex;flex-direction:column;gap:1px} .topic-read-groups-hidden-check .topic-read-groups-hmain{font-weight:500;color:var(--danger)} .topic-read-groups-hidden-check:has(input:checked) .topic-read-groups-hmain{color:var(--danger)} .topic-read-groups-empty-tip{font-size:var(--font-size-xs);color:var(--text-disabled);padding:6px 2px} /* "指定用户可见"区块 */ .topic-read-groups-wl-field{margin-top:4px;display:flex;flex-direction:column;gap:6px} .topic-read-groups-wl-check{display:flex;align-items:center;gap:9px;font-size:var(--font-size-sm);color:var(--text);cursor:pointer;user-select:none;padding:8px 12px;border-radius:var(--radius);transition:background .15s,border-color .15s;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);line-height:1.2} .topic-read-groups-wl-check:hover{background:color-mix(in srgb,var(--brand) 12%,var(--bg))} .topic-read-groups-wl-check input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none} .topic-read-groups-wl-check .topic-read-groups-hbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-sm);border:1.8px solid color-mix(in srgb,var(--brand) 55%,var(--panel));background:var(--panel);transition:all .15s;flex:0 0 auto} .topic-read-groups-wl-check .topic-read-groups-hbox svg{width:12px;height:12px;color:var(--inverse-text);opacity:0;transform:scale(.6);transition:all .15s} .topic-read-groups-wl-check:has(input:checked) .topic-read-groups-hbox{background:var(--brand);border-color:var(--brand)} .topic-read-groups-wl-check:has(input:checked) .topic-read-groups-hbox svg{opacity:1;transform:scale(1)} .topic-read-groups-wl-check .topic-read-groups-htext{display:flex;flex-direction:column;gap:1px} .topic-read-groups-wl-check .topic-read-groups-hmain{font-weight:500;color:var(--brand)} .topic-read-groups-wl-body{display:flex;flex-direction:column;gap:6px;padding:0 12px 4px 33px} .topic-read-groups-wl-collapsed{display:none} .topic-read-groups-wl-tags{display:flex;flex-wrap:wrap;gap:6px} .topic-read-groups-wl-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 4px 3px 10px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line-soft);font-size:var(--font-size-xs);color:var(--text);line-height:1} .topic-read-groups-wl-tag .topic-read-groups-wl-name{font-weight:500} .topic-read-groups-wl-tag .topic-read-groups-wl-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);line-height:1;transition:background .15s,color .15s} .topic-read-groups-wl-tag .topic-read-groups-wl-remove:hover{background:var(--danger-soft);color:var(--danger)} .topic-read-groups-wl-tag.topic-read-groups-wl-invalid{border-color:var(--danger);background:var(--danger-soft)} .topic-read-groups-wl-tag.topic-read-groups-wl-invalid .topic-read-groups-wl-name{color:var(--danger);font-weight:600} .topic-read-groups-wl-input{width:100%;box-sizing:border-box;padding:8px 11px;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);transition:border-color .15s,box-shadow .15s} .topic-read-groups-wl-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)} /* 实时联想下拉：定位在输入框正下方 */ .topic-read-groups-wl-input-wrap{position:relative} .topic-read-groups-wl-suggest{position:fixed;z-index:9999;max-height:230px;overflow-y:auto;background:var(--panel);border:1px solid var(--line-soft);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-medium);padding:4px} .topic-read-groups-wl-suggest-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--text)} .topic-read-groups-wl-suggest-item:hover,.topic-read-groups-wl-suggest-active{background:var(--brand-soft)} .topic-read-groups-wl-sug-id{color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums} .topic-read-groups-wl-sug-name{font-weight:500} .topic-read-groups-wl-error{margin-top:2px;padding:6px 10px;border-radius:var(--radius);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger);font-size:var(--font-size-xs);line-height:1.45} .topic-read-groups-wl-suggest-empty{padding:10px 11px;color:var(--text-muted);font-size:var(--font-size-xs);text-align:center} /* ===== 后台关联矩阵 ===== */ .topic-read-groups-admin-matrix{display:grid;gap:14px} .topic-read-groups-admin-forum{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);overflow:hidden} .topic-read-groups-admin-forum[data-topic-read-groups-configured="1"]{border-color:color-mix(in srgb,var(--brand) 35%,var(--line-soft))} .topic-read-groups-admin-forum-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--bg);border-bottom:1px solid var(--line-soft)} .topic-read-groups-admin-forum-head .topic-read-groups-admin-fname{font-weight:600;color:var(--text);font-size:var(--font-size-sm)} .topic-read-groups-admin-head-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .topic-read-groups-force-label{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-xs);color:var(--text);cursor:pointer} .topic-read-groups-force-label input[type=checkbox]{margin:0} .topic-read-groups-bulk-actions{display:inline-flex;align-items:center;gap:6px;padding-left:6px;border-left:1px solid var(--line-soft);margin-left:2px} .topic-read-groups-btn-select-all{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;border:1px solid var(--line-soft);background:var(--panel);color:var(--text);transition:all .15s;line-height:1} .topic-read-groups-btn-select-all:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)} .topic-read-groups-btn-select-all[data-topic-read-groups-on="1"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)} .topic-read-groups-btn-clear:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)} .topic-read-groups-admin-forum-body{padding:10px 12px} .topic-read-groups-admin-groups{display:flex;flex-wrap:wrap;gap:6px 14px} .topic-read-groups-admin-check{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:var(--font-size-sm);cursor:pointer} .topic-read-groups-admin-empty{color:var(--text-muted);font-size:var(--font-size-sm);padding:10px 2px} .topic-read-groups-admin-sep{height:0;border-top:1px dashed var(--line-soft);margin:22px 0} /* ===== 列表标题徽标 ===== */ .topic-read-groups-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;line-height:1;vertical-align:middle;white-space:nowrap} /* 列表徽标基础：图标 + 自定义 tooltip（替代原生 title，避免悬停延迟/偶尔不显示）。 tooltip 视觉复用官方面板样式（参照 post_edit_time_plus 悬停时间提示）： var(--panel) 底 + var(--line) 边框 + var(--shadow-medium) 阴影 + var(--transition-normal) 过渡， 昼夜模式经 CSS 变量自动适配。定位取上方居中（列表行密集，下方会覆盖相邻行内容）。 */ .topic-read-groups-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;vertical-align:middle;outline:none} .topic-read-groups-badge::after{content:attr(data-topic-read-groups-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%) translateY(2px);white-space:nowrap;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;opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-normal);z-index:50} .topic-read-groups-badge:hover::after,.topic-read-groups-badge:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)} /* 命中区域微调：让悬停不轻易移出导致 tooltip 消失 */ .topic-read-groups-badge-lock{padding:3px 5px;background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 18%,transparent);margin-left:5px} .topic-read-groups-badge-partial{padding:3px 5px;background:var(--brand-soft);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);margin-left:5px} /* ===== 发帖/编辑：阅读权限区域默认折叠（
） ===== */ .topic-read-groups-field{display:block;padding:14px 0;border-top:1px solid var(--line-soft);margin-top:8px} .topic-read-groups-field>.topic-read-groups-summary{cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text);font-size:var(--font-size-sm);list-style:none;user-select:none;flex-wrap:wrap} .topic-read-groups-field>.topic-read-groups-summary::-webkit-details-marker{display:none} .topic-read-groups-field>.topic-read-groups-summary .topic-read-groups-form-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);flex:0 0 auto} .topic-read-groups-field>.topic-read-groups-summary .topic-read-groups-caret{margin-left:auto;color:var(--text-muted);transition:transform .18s} .topic-read-groups-field[open]>.topic-read-groups-summary .topic-read-groups-caret{transform:rotate(90deg)} .topic-read-groups-field>.topic-read-groups-details-body{display:flex;flex-direction:column;gap:8px;padding-top:8px} /* ===== 详情页拒绝面板 ===== */ .topic-read-groups-denied-panel{text-align:center;padding:56px 20px;animation:topic-read-groups-fade-in .25s ease} .topic-read-groups-denied-panel .topic-read-groups-denied-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--danger-soft);color:var(--danger);margin-bottom:14px} .topic-read-groups-denied-panel h2{color:var(--danger);margin:0 0 8px;font-size:var(--font-size-xl)} .topic-read-groups-denied-panel p{color:var(--text-muted);margin:0 0 22px;font-size:var(--font-size-sm)} .topic-read-groups-denied-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap} .topic-read-groups-denied-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--radius);font-size:var(--font-size-sm);text-decoration:none;transition:all .15s;font-weight:500} .topic-read-groups-denied-links .topic-read-groups-btn-back{background:var(--bg);color:var(--text);border:1px solid var(--line-soft)} .topic-read-groups-denied-links .topic-read-groups-btn-back:hover{background:var(--line-soft)} .topic-read-groups-denied-links .topic-read-groups-btn-home{background:var(--brand);color:var(--inverse-text);border:1px solid var(--brand);box-shadow:0 1px 2px color-mix(in srgb,var(--brand) 35%,transparent)} .topic-read-groups-denied-links .topic-read-groups-btn-home:hover{background:var(--brand-hover);border-color:var(--brand-hover)} @keyframes topic-read-groups-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} @media (max-width:480px){.topic-read-groups-denied-panel{padding:36px 14px}.topic-read-groups-denied-links a{padding:8px 14px}.topic-read-groups-badge{margin-left:4px}.topic-read-groups-wl-tags{gap:5px}.topic-read-groups-field>.topic-read-groups-summary{gap:4px}} /* 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} /* 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_import_csv */ .user-import-csv-form{display:grid;gap:12px}.user-import-csv-form .grid{grid-template-columns:1fr;gap:5px}.user-import-csv-form textarea{width:100%;min-height:220px;max-width:none;font-family:var(--font-mono,uimono);white-space:pre}.user-import-csv-result{padding:14px;margin-top:12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg)}.user-import-csv-result h3{margin:0 0 8px;font-size:var(--font-size-md)}.user-import-csv-summary{margin:0 0 10px}.user-import-csv-summary strong{color:var(--brand)}.user-import-csv-errors{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:240px;overflow:auto}.user-import-csv-errors li{padding:6px 8px;border-radius:6px;background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-xs);overflow-wrap:anywhere} /* user_review */ .user-review-card{border-color:var(--brand-soft);background:linear-gradient(180deg,var(--success-soft) 0,var(--panel) 100%);box-shadow:0 8px 22px var(--shadow-base)}.user-review-wrap{display:grid;gap:10px;padding:12px 14px}.user-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.user-review-title{color:var(--text);font-size:13px;font-weight:700;line-height:1.35}.user-review-sub{margin-top:2px;color:var(--text-subtle);font-size:11px;line-height:1.35}.user-review-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border:1px solid var(--warning-soft);border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:11px;font-weight:600;white-space:nowrap}.user-review-tab-dot{display:inline-block;width:5px;height:5px;margin-left:4px;vertical-align:2px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.user-review-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.user-review-stats>div{display:grid;gap:2px;padding:8px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);text-align:center}.user-review-stats strong{color:var(--text);font-size:17px;line-height:1.1}.user-review-stats span{color:var(--text-subtle);font-size:11px;line-height:1.25}.user-review-action{display:block}.user-review-action a{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:0 10px;border:1px solid var(--brand);border-radius:7px;background:var(--brand);color:var(--inverse-text);font-size:12px;font-weight:700;text-decoration:none}.user-review-action a:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}.user-review-panel+.user-review-panel{margin-top:12px}.user-review-panel-body{padding:12px}.user-review-summary{display:grid;gap:2px;min-width:0}.user-review-summary strong{color:var(--text);font-size:14px;line-height:1.3}.user-review-summary span{color:var(--text-subtle);font-size:12px;line-height:1.35}.user-review-settings{display:grid;gap:8px;max-width:520px}.user-review-settings .grid{grid-template-columns:1fr;gap:5px;margin:0}.user-review-settings .grid>span{padding-top:0;color:var(--text-muted);font-size:12px}.user-review-settings input,.user-review-settings select{max-width:450px}.user-review-settings button{justify-self:start;margin-top:4px}.user-review-approve{border-color:var(--brand-soft);background:var(--brand-soft);color:var(--brand);font-weight:600}.user-review-approve:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-hover)}.admin-object-row.user-review-row{grid-template-columns:minmax(0,1fr) auto}.user-review-row .admin-content-text{color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere}.user-review-turnstile{width:100%;max-width:450px;min-height:65px;margin-bottom:12px;overflow:hidden;border-radius:var(--radius-sm);background:transparent;line-height:0}.user-review-turnstile .cf-turnstile{width:100%;background:transparent}.user-review-turnstile iframe{display:block;width:100%!important;max-width:100%;border:0;border-radius:var(--radius-sm);background:transparent;color-scheme:light dark}.user-review-email-code-field{gap:8px;margin-top:12px}.user-review-email-suffix-hint{display:block;margin:0;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5;overflow-wrap:anywhere}.user-review-email-code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;width:300px;max-width:100%;gap:0;align-items:center}.user-review-email-code-row input,.user-review-email-code-row button{height:34px;min-height:34px;box-sizing:border-box}.user-review-email-code-row input{min-width:0;letter-spacing:1px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.user-review-email-code-row button{width:112px;padding:0 8px;border:1px solid var(--line);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--panel);color:var(--text-muted);white-space:nowrap}.user-review-email-code-row button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.user-review-email-code-row button:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}.user-review-email-code-field small{display:block;color:var(--text-muted);font-size:12px;line-height:18px}.user-review-email-code-field small:empty{display:none}.user-review-email-code-field small.success{color:var(--brand)}.user-review-email-code-field small.error{color:var(--danger)}@media(max-width:720px){.admin-object-row.user-review-row{grid-template-columns:minmax(0,1fr)}.admin-object-row.user-review-row .admin-inline-ops{grid-column:1;justify-content:flex-start;margin-left:0}}@media(max-width:340px){.user-review-email-code-row{grid-template-columns:minmax(0,1fr) 104px}.user-review-email-code-row button{width:104px}}.user-review-settings{max-width:none;gap:12px}.user-review-setting-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-review-setting-card{display:grid;align-content:start;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.user-review-setting-card-wide{grid-column:1/-1}.user-review-setting-card h3{margin:0;padding-bottom:9px;border-bottom:1px solid var(--line-soft);font-size:13px;line-height:1.4}.user-review-settings-fields{display:grid;gap:10px;min-width:0}.user-review-settings-fields-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.user-review-settings-fields .grid{min-width:0;align-self:start}.user-review-settings-fields-columns .user-review-review-count-field,.user-review-settings-fields-columns .user-review-keyword-field{grid-column:1/-1}.user-review-review-count-field input{max-width:180px}.user-review-settings-fields input:not([type=checkbox]),.user-review-settings-fields select,.user-review-settings-fields textarea{width:100%;max-width:none}.user-review-settings-fields .user-review-wide-field{grid-column:1/-1}.user-review-settings-actions{display:flex;align-items:center}.user-review-settings-actions button{margin:0}@media(max-width:720px){.user-review-setting-cards,.user-review-settings-fields-columns{grid-template-columns:1fr}.user-review-setting-card-wide,.user-review-settings-fields .user-review-wide-field{grid-column:auto}}.user-review-mail-preview{display:grid;gap:12px;min-width:0}.user-review-mail-preview .note{margin:0}.user-review-mail-preview dl{display:grid;gap:1px;margin:0;overflow:hidden;border:1px solid var(--line-soft);border-radius:6px;background:var(--line-soft)}.user-review-mail-preview dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:8px 10px;background:var(--bg)}.user-review-mail-preview dt{color:var(--text-muted);font-size:var(--font-size-xs)}.user-review-mail-preview dd{min-width:0;margin:0;overflow-wrap:anywhere}.user-review-mail-preview pre{max-height:45vh;margin:0;padding:12px;overflow:auto;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere}.user-review-mail-preview .confirm-actions{justify-content:flex-end}.user-review-email-card{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.user-review-email-card .profile-disclosure-detail{padding:0;border:0;background:transparent}.user-review-email-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-review-email-form{display:grid;gap:10px}.user-review-email-form .grid{grid-template-columns:1fr;gap:5px;margin:0}.user-review-email-form .user-review-email-code-field{margin-top:12px}.user-review-email-form .grid>span{padding-top:0}.user-review-email-form input{max-width:450px}.user-review-email-form>button{justify-self:start;margin-top:6px}.user-review-profile-queue{display:grid;gap:10px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.user-review-profile-queue-head{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.user-review-profile-queue-head strong{font-size:var(--font-size-md)}.user-review-profile-queue-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.user-review-profile-queue>ul{margin:0;padding:0 14px;list-style:none}.user-review-profile-queue .post-item{gap:10px;padding:12px 0}.user-review-profile-queue-status{display:inline-flex;align-items:center;min-height:20px;margin-right:7px;padding:0 7px;border:1px solid var(--warning-soft);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-size:var(--font-size-xs);font-weight:600;vertical-align:middle}.user-review-profile-queue-status.rejected{border-color:var(--danger-soft);background:var(--danger-soft);color:var(--danger)}.user-review-profile-queue-content{display:block;margin-top:3px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.user-review-profile-queue-content details{margin-top:6px}.user-review-profile-queue-content summary{color:var(--brand);cursor:pointer;white-space:normal}.user-review-profile-queue-content details>div{margin-top:6px}.user-review-profile-queue-reason{margin:6px 0;padding:10px 9px;background:var(--danger-soft);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere}.user-review-profile-queue-reason strong{color:var(--danger)}.user-review-profile-queue-edit,.user-review-profile-queue-delete{flex:0 0 auto;margin:0}.user-review-profile-queue-edit{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);text-decoration:none}.user-review-profile-queue-edit:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.user-review-profile-queue-delete button{min-height:28px;padding:0 9px;font-size:var(--font-size-xs)}.user-review-reject-form{display:grid;gap:12px}.user-review-reject-form .grid{grid-template-columns:1fr;gap:5px;margin:0}.user-review-reject-form textarea{min-height:110px}@media(max-width:720px){.user-review-profile-queue>ul{padding:0 10px}}.user-review-content-toggle{position:relative}.user-review-content-check{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.user-review-review-content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.user-review-content-check:checked~.user-review-review-content{display:block;overflow:visible}.user-review-content-toggle-label{display:inline-flex;margin-top:4px;color:var(--brand);font-size:var(--font-size-xs);line-height:1.4;cursor:pointer}.user-review-content-toggle-label:hover{color:var(--brand-hover)}.user-review-content-check:focus-visible~.user-review-content-toggle-label{outline:2px solid var(--focus-ring);outline-offset:2px}.user-review-content-collapse-label{display:none}.user-review-content-check:checked~.user-review-content-toggle-label .user-review-content-expand-label{display:none}.user-review-content-check:checked~.user-review-content-toggle-label .user-review-content-collapse-label{display:inline}.user-review-queue-overview-body{padding:12px}.user-review-queue-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.user-review-queue-stat{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text);text-decoration:none}.user-review-queue-stat:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.user-review-queue-stat.active{border-color:var(--brand);background:var(--brand-soft)}.user-review-queue-stat strong{font-size:var(--font-size-xl);line-height:1.1}.user-review-queue-stat span{font-size:var(--font-size-sm);font-weight:600;line-height:1.3}.user-review-queue-stat small{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.35}.user-review-queue-back{font-size:var(--font-size-sm);text-decoration:none}@media(max-width:720px){.user-review-queue-stats{grid-template-columns:1fr}} /* user_titles */ /* ===== 前台徽章 ===== */ .user-titles-badge-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;margin-left:4px;vertical-align:middle} .user-titles-badge{ --user-titles-text:#2563eb; --user-titles-bg:#2563eb; position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0; width:var(--user-titles-image-size,14px);height:var(--user-titles-image-size,14px);border-radius:50%; color:#fff;background:var(--user-titles-bg); vertical-align:middle;cursor:default; } .user-titles-badge-icon{position:relative;z-index:1;width:calc(var(--user-titles-image-size,14px) - 4px);height:calc(var(--user-titles-image-size,14px) - 4px);display:block;flex:none} .user-titles-badge-img{position:relative;z-index:1;display:block;flex:none;height:var(--user-titles-image-size,14px);width:auto;max-width:160px;object-fit:contain;background:none} .user-titles-badge-item{display:inline-flex;align-items:center;gap:4px;min-width:0} .user-titles-badge-name{margin-left:4px;font-size:var(--font-size-sm);color:var(--ut-name,var(--text));font-weight:500;white-space:nowrap} .user-titles-text-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 10px;margin-left:6px;vertical-align:middle} .user-titles-text{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--ut-text,#e53935);font-weight:500;white-space:nowrap;line-height:1.2} .user-titles-text i{width:6px;height:6px;border-radius:50%;background:var(--ut-text,#e53935);flex:none} .post-avatar{position:relative} .user-titles-avatar-badges{position:absolute;right:-4px;bottom:-4px;z-index:2;line-height:0} .user-titles-avatar-badges .user-titles-badge-list{margin:0;flex-wrap:nowrap} .user-titles-avatar-badges .user-titles-badge{width:15px;height:15px;box-shadow:0 0 0 2px var(--panel,#fff)} .user-titles-avatar-badges .user-titles-badge-icon{width:9px;height:9px} .user-titles-avatar-badges .user-titles-badge--image{box-shadow:none} .user-titles-avatar-badges .user-titles-badge-img{height:13px} .user-titles-avatar-badges .user-titles-badge--dalao{width:auto;height:auto;min-width:0;max-width:64px;padding:0 4px 1px;font-size:9px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 0 0 2px var(--panel,#fff)} .user-titles-badge--red{--user-titles-bg:#e53935} .user-titles-badge--blue{--user-titles-bg:#1e88e5} .user-titles-badge--green{--user-titles-bg:#43a047} .user-titles-badge--purple{--user-titles-bg:#7e57c2} .user-titles-badge--gold{--user-titles-bg:#f9a825} .user-titles-badge--orange{--user-titles-bg:#fb8c00} .user-titles-badge--teal{--user-titles-bg:#009688} .user-titles-badge--gray{--user-titles-bg:#78909c} .user-titles-badge--custom{--user-titles-bg:var(--user-titles-text)} .user-titles-badge--image{background:none;border-radius:0;width:auto;padding:0} .user-titles-badge--dalao{ width:auto;height:auto;min-width:0;border-radius:5px;padding:0 5px 1px; font-size:var(--user-titles-badge-size,10px);font-weight:500;line-height:1.5;white-space:nowrap; color:var(--user-titles-badge-text,#fff);background:var(--user-titles-bg); } .user-titles-badge.user-titles-badge--vip{--user-titles-bg:#d32f2f} .user-titles-badge--image.user-titles-badge--vip{--user-titles-bg:none;background:none} /* ===== 后台布局 ===== */ .ut-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 14px} .ut-stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 4px 14px var(--shadow-base)} .ut-stat b{font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.5px} .ut-stat span{font-size:var(--font-size-sm);color:var(--text-muted)} .ut-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 4px 14px var(--shadow-base);padding:16px;margin:0 0 14px} .ut-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 14px} .ut-card-head h3{margin:0;font-size:var(--font-size-lg);font-weight:600;line-height:1.3} .ut-card-head p{margin:3px 0 0;font-size:var(--font-size-sm);color:var(--text-muted)} .ut-card-actions{display:flex;align-items:center;gap:10px;padding-top:4px} /* ===== 后台表单 ===== */ .ut-settings-form{display:grid;gap:16px} .ut-settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px} .ut-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px} .ut-mode-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease} .ut-mode-option:hover{border-color:var(--line);background:var(--bg)} .ut-mode-option input{position:absolute;opacity:0;pointer-events:none} .ut-mode-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--bg);color:var(--text-muted);transition:transform .2s ease,color .2s ease} .ut-mode-icon svg{width:28px;height:28px} .ut-mode-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text)} .ut-mode-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4} .ut-mode-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--focus-ring)} .ut-mode-option:has(input:checked) .ut-mode-icon{color:var(--brand);background:#fff;transform:scale(1.06)} .ut-mode-option:has(input:checked) .ut-mode-desc{color:var(--text)} .ut-hint{padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6} .ut-hint strong{color:var(--text);font-weight:600;margin-right:6px} .ut-edit-form{display:grid;gap:14px} .ut-edit-form .grid,.ut-settings-form .grid{display:grid;grid-template-columns:1fr;gap:5px;margin:0;align-items:start} .ut-edit-form .grid>span,.ut-settings-form .grid>span{padding-top:0;color:var(--text-muted);font-size:var(--font-size-sm)} .ut-edit-form .grid input,.ut-edit-form .grid select,.ut-settings-form .grid input{max-width:none} .ut-field{margin:0} .ut-edit-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px} .ut-cancel{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm)} .ut-cancel:hover{border-color:var(--line);background:var(--bg);color:var(--text)} /* ===== 样式选择器 ===== */ .ut-picker{display:grid;gap:6px} .ut-picker-label{color:var(--text-muted);font-size:var(--font-size-sm)} .ut-picker-label small{display:block;color:var(--text-subtle);font-size:var(--font-size-xs)} .ut-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px} .ut-style-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease} .ut-style-option:hover{border-color:var(--line);background:var(--bg)} .ut-style-option input{position:absolute;opacity:0;pointer-events:none} .ut-style-swatch{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ut-swatch,#eee);color:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .2s ease} .ut-style-check{width:14px;height:14px;opacity:0;transition:opacity .2s ease} .ut-style-option--custom .ut-style-swatch{background:#fff;box-shadow:inset 0 0 0 1px var(--line)} .ut-style-option--image .ut-style-swatch{background:var(--bg);border:1px dashed var(--line);border-radius:8px;color:var(--text-muted)} .ut-style-img-icon{width:16px;height:16px} .ut-style-custom-swatch{width:16px;height:16px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#8b5cf6,#06b6d4,#22c55e,#f59e0b)} .ut-picker--dl{margin-top:14px} .ut-style-option--dalao .ut-style-swatch{width:auto;min-width:34px;height:18px;border-radius:6px;padding:0 6px;background:var(--ut-swatch-bg,#eee);color:var(--ut-swatch-text,#fff);font-size:10px;font-weight:500;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)} .ut-style-label{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.3} .ut-style-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--focus-ring)} .ut-style-option:has(input:checked) .ut-style-swatch{transform:scale(1.12)} .ut-style-option:has(input:checked) .ut-style-check{opacity:1} .ut-style-option:has(input:checked) .ut-style-label{color:var(--text);font-weight:600} /* ===== 称号列表 ===== */ .ut-table{margin:0} .ut-table td{padding-top:10px;padding-bottom:10px} .ut-preview{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:40px;padding:0 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line)} .ut-preview-empty{color:var(--text-disabled);font-size:var(--font-size-xs)} .ut-style-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs)} .ut-sort-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono)} .ut-pos-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs)} .ut-pos-tag--avatar{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)} .ut-op{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm)} .ut-op:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)} /* ===== 空状态 ===== */ .ut-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:38px 16px;text-align:center;color:var(--text-muted)} .ut-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:4px;border-radius:50%;background:var(--bg);color:var(--text-subtle)} .ut-empty-icon svg{width:22px;height:22px} .ut-empty b{font-size:var(--font-size-md);color:var(--text)} .ut-empty p{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)} /* ===== 颁发页 ===== */ .ut-search{margin:0 0 12px} .ut-search form{display:flex;align-items:center;gap:0;max-width:520px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 1px 3px var(--shadow-base);overflow:hidden} .ut-search-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;flex:none;color:var(--text-subtle)} .ut-search-icon svg{width:15px;height:15px} .ut-search-input{flex:1;min-width:0;height:34px;padding:0 8px;border:0;background:transparent;box-shadow:none;font-size:var(--font-size-sm)} .ut-search form button{height:30px;margin:2px;padding:0 16px;border:0;border-radius:6px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer} .ut-search form button:hover{background:var(--brand-hover)} .ut-result-meta{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 10px} .ut-award-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 4px 14px var(--shadow-base);margin:0 0 14px;overflow:hidden} .ut-award-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line-soft);background:var(--bg)} .ut-award-user{display:flex;align-items:center;gap:10px;min-width:0} .ut-award-user .avatar-img{width:34px;height:34px;flex:none;border-radius:50%} .ut-award-user-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap} .ut-award-name{font-size:var(--font-size-md);font-weight:600} .ut-award-uid{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)} .ut-award-state{flex:none;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs)} .ut-award-current{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-sm);color:var(--text-muted)} .ut-award-current-label{flex:none;color:var(--text-subtle)} .ut-chips{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center} .ut-chip{display:inline-flex;align-items:center;padding:2px 8px 2px 5px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel)} .ut-chip .user-titles-badge-list{margin-left:0} .ut-none{color:var(--text-disabled);font-size:var(--font-size-sm)} .ut-award-pick{border-bottom:1px solid var(--line-soft)} .ut-award-pick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 2px} .ut-award-pick-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text)} .ut-award-count{flex:none;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs)} .ut-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;padding:12px 16px;align-items:start} .ut-check{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease} .ut-check:hover{border-color:var(--line);background:var(--bg)} .ut-check:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--focus-ring)} .ut-check input{width:15px;height:15px;margin:0;flex:none;accent-color:var(--brand);cursor:pointer} .ut-check .user-titles-badge-list{flex-wrap:nowrap;align-items:center;margin-left:0;min-width:0;gap:6px} .ut-check .user-titles-badge{flex:none;cursor:pointer} .ut-check .user-titles-badge-name{white-space:normal;overflow:visible;text-overflow:clip;flex:none;min-width:0;line-height:1.4;color:var(--text)} .ut-award-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--line-soft);background:var(--bg)} .ut-award-hint{font-size:var(--font-size-xs);color:var(--text-subtle)} /* ===== 图标上传 ===== */ .user-titles-icon-row{display:grid;gap:0;padding:0 2px} .user-titles-icon-field{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important} .user-titles-icon-field input[type="file"]{padding:7px;font-size:var(--font-size-sm)} .user-titles-icon-current{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px dashed var(--line);border-radius:8px;background:var(--bg)} .user-titles-icon-current img{width:auto;height:34px;border-radius:8px;object-fit:contain} .user-titles-icon-current span{font-size:var(--font-size-sm);color:var(--text-muted)} .user-titles-icon-current button{margin-left:auto} /* ===== 自定义颜色 ===== */ .user-titles-custom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px} /* ===== 页签 ===== */ .user-titles-tabs{margin:0 0 14px} .user-titles-tabs .tab{padding:8px 16px} /* 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%} /* video_player */ .bbs-video-wrap{ margin:16px 0; } /* PC端：高度固定400px */ .bbs-video-player{ width:100%; height:400px; border-radius:8px; background:#000000; object-fit:contain; } .bbs-video-iframe-wrap{ position:relative; width:100%; height:400px; margin:16px 0; border-radius:8px; overflow:hidden; } .bbs-video-iframe-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; } /* 移动端：高度固定300px */ @media(max-width:768px){ .bbs-video-player{ width:100%; height:350px; } .bbs-video-iframe-wrap{ width:100%; height:350px; } }