/* avatar_mirror */
.avatar-mirror-settings{max-width:none}.avatar-mirror-box{display:grid;gap:10px}.avatar-mirror-box textarea{min-height:150px;font-family:var(--font-mono);font-size:var(--font-size-sm)}.avatar-mirror-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avatar-mirror-status{color:var(--text-muted);font-size:var(--font-size-sm)}.avatar-mirror-status:empty{display:none}@media(max-width:600px){.avatar-mirror-actions{align-items:stretch;flex-direction:column}.avatar-mirror-actions button{width:100%}}
/* avatar_upload */
.avatar-upload-panel{min-width:0}.avatar-upload-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.avatar-upload-current{display:flex;width:72px;height:72px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--bg)}.avatar-upload-row strong{display:block;margin-bottom:3px}.avatar-upload-row p{margin:0 0 10px;color:var(--text-muted)}.avatar-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-upload-select{width:auto}.avatar-upload-status{min-height:0;margin-top:8px;color:var(--text-muted)}.avatar-upload-status:empty{display:none}.avatar-upload-status.error{color:var(--danger)}.avatar-upload-preset-options[hidden]{display:none!important}.avatar-upload-preset-options{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.avatar-crop-modal{z-index:1200}.avatar-crop-dialog{width:min(360px,calc(100vw - 24px))}.avatar-crop-dialog canvas{display:block;width:min(280px,100%);height:auto;margin:0 auto;border-radius:var(--radius);background:var(--bg);cursor:grab;touch-action:none}.avatar-crop-dialog canvas.dragging{cursor:grabbing}.avatar-crop-zoom{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-top:14px}.avatar-crop-zoom input{padding:0}.avatar-field{display:none!important}@media(max-width:600px){.avatar-upload-row{grid-template-columns:56px minmax(0,1fr)}.avatar-upload-current{width:56px;height:56px}}
/* back_to_top */
.back-to-top-button{position:fixed;right:max(20px,calc((100vw - 1100px)/2 - 48px));bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:grid;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text-muted);box-shadow:0 4px 14px var(--shadow-medium);transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal)}.back-to-top-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.back-to-top-button:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.back-to-top-button:active{transform:translateY(1px)}.back-to-top-button[hidden]{display:none}body:has([data-back-to-top-layout][data-top-fixed="1"]) .top{position:sticky;top:0;z-index:35;box-shadow:0 3px 10px var(--shadow-base)}@media(min-width:721px){body:has([data-back-to-top-layout][data-sidebar-fixed="1"]) .sidebar{position:sticky;top:12px}body:has([data-back-to-top-layout][data-top-fixed="1"][data-sidebar-fixed="1"]) .sidebar{top:60px}html.back-to-top-sidebar-tall body:has([data-back-to-top-layout][data-sidebar-fixed="1"]) .sidebar{position:static;top:auto}}@media(max-width:720px){.back-to-top-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}
/* batch_management */
.batch-management-trash-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px}.batch-management-trash-row .admin-row-check{width:38px;height:22px;margin:0}.batch-management-trash-main{gap:9px}.batch-management-trash-title{display:flex;align-items:center;gap:7px;min-width:0}.batch-management-trash-title strong{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-md);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.batch-management-trash-type{display:inline-flex;align-items:center;flex:0 0 auto;min-height:22px;padding:0 7px;border:1px solid var(--brand-soft);border-radius:5px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:700;line-height:1}.batch-management-trash-id{flex:0 0 auto;color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs)}.batch-management-trash-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.batch-management-trash-meta time:before{content:"·";margin-right:7px;color:var(--text-subtle)}.batch-management-trash-details{border-top:1px solid var(--line-soft);padding-top:8px}.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}}
/* bilibili_embed */
.bilibili-embed-wrap{position:relative;width:100%;max-width:640px;margin:10px 0 12px;aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0f172a;overflow:hidden}.bilibili-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.post-content .bilibili-embed-wrap+br{display:none}
/* code_copy */
.code-copy-wrap{position:relative;display:block;min-width:0;margin:10px 0}.code-copy-wrap>pre{margin:0}.code-copy-button{position:absolute;z-index:2;top:9px;right:9px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(17,24,39,.58);color:rgba(255,255,255,.82);box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:0;pointer-events:none;transform:translateY(-3px);cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity var(--transition-normal),transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.code-copy-button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.code-copy-wrap:hover>.code-copy-button,.code-copy-wrap:focus-within>.code-copy-button,.code-copy-button.is-copied,.code-copy-button.is-failed{opacity:1;pointer-events:auto;transform:none}.code-copy-button:hover{border-color:rgba(255,255,255,.38);background:rgba(17,24,39,.82);color:#fff}.code-copy-button:focus-visible{opacity:1;pointer-events:auto;transform:none;outline:2px solid var(--focus-ring);outline-offset:2px}.code-copy-button.is-copied{border-color:var(--success);color:var(--success)}.code-copy-button.is-failed{border-color:var(--danger);color:var(--danger)}@media(hover:none){.code-copy-button{opacity:.68;pointer-events:auto;transform:none}}@media(prefers-reduced-motion:reduce){.code-copy-button{transition:none}}
/* color_scheme */
/* 色系切换 - 入口放在“快捷功能”里，点击展开色块面板 */
/* “快捷功能”保持原生 2 列网格；“切换色系”为普通网格项。色块面板改为挂在 body 下的 fixed 浮层，按视口坐标定位，避免被挂件外层 overflow:hidden 裁剪遮挡 */
.color-scheme-panel{display:none;position:fixed;left:0;top:0;z-index:1000;box-sizing:border-box;grid-template-columns:repeat(3,38px);gap:12px;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.color-scheme-panel.open{display:grid}
.color-scheme-swatch{width:38px;height:38px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;padding:0}
.color-scheme-swatch:hover{transform:scale(1.12)}
.color-scheme-swatch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.color-scheme-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--text)}
.color-scheme-reset{grid-column:1/-1;margin-top:6px;padding:7px;font-size:12px;color:var(--text-muted);background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:color .12s,border-color .12s}
.color-scheme-reset:hover{color:var(--brand);border-color:var(--brand)}

/* 色系变量覆盖 */
html.cs-scheme-emerald{--brand:#047857;--brand-hover:#065F46;--brand-soft:#ECFDF5}html.cs-scheme-blue{--brand:#2563EB;--brand-hover:#1D4ED8;--brand-soft:#EFF6FF}html.cs-scheme-x_blue{--brand:#1D9BF0;--brand-hover:#1A8CD8;--brand-soft:#E8F5FD}html.cs-scheme-amber{--brand:#B45309;--brand-hover:#92400E;--brand-soft:#FFFBEB}html.cs-scheme-red{--brand:#DC2626;--brand-hover:#B91C1C;--brand-soft:#FEF2F2}html.cs-scheme-bilibili{--brand:#FB7299;--brand-hover:#E45C85;--brand-soft:#FFF0F5}html.cs-scheme-violet{--brand:#7C3AED;--brand-hover:#6D28D9;--brand-soft:#F5F3FF}html.cs-scheme-slate{--brand:#334155;--brand-hover:#1E293B;--brand-soft:#F1F5F9}html.cs-scheme-cyan{--brand:#0E7490;--brand-hover:#155E75;--brand-soft:#ECFEFF}
/* 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}
/* dark_mode */
/* ===== 暗黑模式 CSS 变量 ===== */
html[data-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
}

/* ===== 平滑过渡 ===== */
[data-dark-mode-theme] body,
[data-dark-mode-theme] html,
[data-dark-mode-theme] .box,
[data-dark-mode-theme] .card,
[data-dark-mode-theme] .list,
[data-dark-mode-theme] .top,
[data-dark-mode-theme] .main-panel,
[data-dark-mode-theme] .home-shell,
[data-dark-mode-theme] .footer,
[data-dark-mode-theme] .tab,
[data-dark-mode-theme] .post-item,
[data-dark-mode-theme] .search-form,
[data-dark-mode-theme] .search-field,
[data-dark-mode-theme] a,
[data-dark-mode-theme] input,
[data-dark-mode-theme] textarea,
[data-dark-mode-theme] select,
[data-dark-mode-theme] button,
[data-dark-mode-theme] .brand,
[data-dark-mode-theme] .forum-link,
[data-dark-mode-theme] .post-title,
[data-dark-mode-theme] .btn,
[data-dark-mode-theme] .user-header,
[data-dark-mode-theme] .user-bio,
[data-dark-mode-theme] .forum-more-region,
[data-dark-mode-theme] .dark-mode-toggle-btn,
[data-dark-mode-theme] .dark-mode-menu {
    transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)
}

/* ===== 搜索框适配 ===== */
[data-dark-mode-theme="dark"] .search-form {
    background:var(--panel)
}
[data-dark-mode-theme="dark"] .search-input {
    color:var(--text)
}
[data-dark-mode-theme="dark"] .search-input::placeholder {
    color:var(--text-subtle)
}
[data-dark-mode-theme="dark"] .search-field {
    background:var(--bg);
    color:var(--text-muted);
    border-color:var(--line-soft)
}

/* ===== 表单元素适配 ===== */
[data-dark-mode-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]):not(.search-input):not(.search-field),
[data-dark-mode-theme="dark"] textarea,
[data-dark-mode-theme="dark"] select {
    background:var(--bg);
    color:var(--text);
    border-color:var(--line)
}
[data-dark-mode-theme="dark"] input:focus:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]),
[data-dark-mode-theme="dark"] textarea:focus,
[data-dark-mode-theme="dark"] select:focus {
    border-color:var(--brand);
    box-shadow:0 0 0 3px var(--focus-ring);
    background:var(--panel)
}
[data-dark-mode-theme="dark"] input::placeholder,
[data-dark-mode-theme="dark"] textarea::placeholder {
    color:var(--text-subtle)
}

/* ===== 复选框适配 ===== */
html[data-dark-mode-theme="dark"] input[type="checkbox"] {
    border-color:var(--line);
    background-color:var(--line-soft);
    background-image:radial-gradient(circle,var(--panel) 0 7px,transparent 7.5px)
}
html[data-dark-mode-theme="dark"] input[type="checkbox"]:checked {
    border-color:var(--brand);
    background-color:var(--brand)
}
html[data-dark-mode-theme="dark"] input[type="checkbox"]:hover {
    border-color:var(--brand)
}
html[data-dark-mode-theme="dark"] input[type="checkbox"]:disabled {
    border-color:var(--line-soft);
    background-color:var(--line-soft)
}
html[data-dark-mode-theme="dark"] input[type="checkbox"]:focus-visible {
    box-shadow:0 0 0 3px var(--focus-ring)
}

/* ===== 选中文字高亮 ===== */
[data-dark-mode-theme="dark"] ::selection {
    background:var(--brand-soft);
    color:var(--text)
}

/* ===== 分隔线 ===== */
[data-dark-mode-theme="dark"] hr {
    border-color:var(--line)
}

/* ===== 深色提示弹窗 ===== */
html[data-dark-mode-theme="dark"] .toast,
html[data-dark-mode-theme="dark"] .paste-image-upload-toast {
    color:var(--text)
}

/* ===== 图片微调 ===== */
[data-dark-mode-theme="dark"] img:not([src$=".svg"]):not([src*=".svg?"]) {
    filter:brightness(.92)
}

/* ===== 代码块 ===== */
[data-dark-mode-theme="dark"] pre,
[data-dark-mode-theme="dark"] code {
    background:var(--line-soft);
    border-color:var(--line)
}

/* ===== 表格 ===== */
[data-dark-mode-theme="dark"] table {
    border-color:var(--line)
}
[data-dark-mode-theme="dark"] th,
[data-dark-mode-theme="dark"] td {
    border-color:var(--line-soft)
}
[data-dark-mode-theme="dark"] th {
    background:var(--line-soft)
}

/* ===== 滚动条 ===== */
[data-dark-mode-theme="dark"] ::-webkit-scrollbar {
    width:8px;
    height:8px
}
[data-dark-mode-theme="dark"] ::-webkit-scrollbar-track {
    background:var(--bg)
}
[data-dark-mode-theme="dark"] ::-webkit-scrollbar-thumb {
    background:var(--line);
    border-radius:4px
}
[data-dark-mode-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background:var(--text-subtle)
}

/* ===== 顶部主题选择器 ===== */
.dark-mode-control {
    position:relative;
    display:flex;
    align-items:center;
    flex:0 0 30px;
    height:30px
}
.dark-mode-toggle-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    min-height:30px;
    box-sizing:border-box;
    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
}
.dark-mode-toggle-btn:hover {
    border-color:var(--brand);
    background:var(--brand-soft);
    color:var(--brand)
}
.dark-mode-toggle-btn:focus-visible {
    box-shadow:0 0 0 3px var(--focus-ring);
    border-color:var(--brand)
}
.dark-mode-toggle-btn svg {
    width:17px;
    height:17px
}
.dark-mode-toggle-btn svg:not(.dark-mode-icon-active) {
    display:none
}
.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)
}
.dark-mode-menu.open {
    display:grid;
    gap:2px
}
.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
}
.dark-mode-option:hover,
.dark-mode-option.active {
    background:var(--brand-soft);
    color:var(--brand)
}
.dark-mode-option:focus-visible {
    outline:2px solid var(--brand);
    outline-offset:-2px
}
.dark-mode-option svg {
    flex:0 0 16px;
    width:16px;
    height:16px
}

@media(max-width:720px) {
    .dark-mode-control {
        width:28px;
        height:28px;
        flex-basis:28px
    }
    .dark-mode-toggle-btn {
        width:28px;
        height:28px;
        min-height:28px;
        border:0;
        background:transparent;
        color:var(--text-subtle)!important
    }
    .dark-mode-toggle-btn svg {
        width:24px;
        height:24px
    }
    .dark-mode-toggle-btn:hover {
        background:var(--bg);
        color:var(--text)!important
    }
    .dark-mode-menu {
        top:calc(100% + 5px)
    }
}
/* direct_message_limit */
.direct-message-limit-panel .plugin-panel-body{padding:16px}.direct-message-limit-form{display:grid;gap:14px;max-width:520px}.direct-message-limit-form .grid{grid-template-columns:1fr;gap:6px;margin:0}.direct-message-limit-form .grid>span{padding:0;color:var(--text-muted);font-size:13px}.direct-message-limit-form .grid small{display:block;margin-top:3px;color:var(--text-subtle);font-size:12px;line-height:1.5}.direct-message-limit-form input[type=number]{width:180px;max-width:100%}.direct-message-limit-form button{justify-self:start;min-width:112px;margin:0}@media(max-width:600px){.direct-message-limit-panel .plugin-panel-body{padding:12px}.direct-message-limit-form{max-width:none}.direct-message-limit-form input[type=number]{width:100%}.direct-message-limit-form button{width:100%}}
/* 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}}
/* exact_post_time */
.post-meta .exact-post-time-created,.post-meta .exact-post-time-edited{display:inline-flex;align-items:center;margin-left:7px;color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap}.post-meta .exact-post-time-created:before,.post-meta .exact-post-time-edited:before{content:"·";margin-right:7px;color:var(--line-strong)}@media(max-width:520px){.post-meta{flex-wrap:wrap}.post-meta .exact-post-time-created,.post-meta .exact-post-time-edited{margin-left:0;margin-right:8px}.post-meta .exact-post-time-created:before{display:none}}
/* external_link_badge */
.external-link-badge{display:inline-flex;align-items:baseline;gap:3px}.external-link-badge::after{content:"↗";color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1}.external-link-badge:hover::after{color:var(--brand)}.external-link-badge-admin-body{display:grid;gap:12px;padding:14px}.external-link-badge-settings{display:grid;gap:10px;max-width:680px}.external-link-badge-settings .grid{grid-template-columns:1fr;gap:5px;margin:0}.external-link-badge-settings textarea{width:100%;max-width:none;min-height:150px}.external-link-badge-admin-body>p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}
/* friend_links */
.friend-links-card{order:999}.friend-links-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.friend-links-title a{font-size:var(--font-size-sm);font-weight:400}.friend-links-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:0}.friend-links-list li{min-width:0;border-bottom:none}.friend-links-list a{min-width:0;color:var(--text-muted);font-size:var(--font-size-sm)}.friend-links-list a:before{flex:0 0 6px}.friend-links-list a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-links-list a:hover{color:var(--brand)}.friend-links-empty{margin:0;color:var(--text-subtle);font-size:var(--font-size-sm)}.friend-links-submit>p{color:var(--text-muted)}@media(max-width:600px){.friend-links-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 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}}
/* 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}}
/* 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-item{list-style:none;padding:0;border:0;background:transparent}.lottery-card{display:grid;gap:11px;margin:12px 0;padding:16px;border:1px solid var(--warning);border-radius:var(--radius);background:var(--warning-soft)}.lottery-card.is-done{border-color:var(--success);background:var(--success-soft)}.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,.lottery-winners{display:grid;gap:7px;margin:0;padding:0;list-style:none}.lottery-prizes li,.lottery-winners li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--panel)}.lottery-prizes strong,.lottery-winners strong{font-size:var(--font-size-md)}.lottery-prizes span,.lottery-winners 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-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 span{color:var(--text);text-align:right;font-size:var(--font-size-sm)}.lottery-winners em{padding:1px 5px;border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);font-style:normal}.lottery-winners a{color:var(--brand)}.lottery-ledger{padding:8px 10px;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-link:before{display:none}.lottery-manage-link svg{display:block;width:14px;height:14px}.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{cursor:pointer;font-weight:600}.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:grid;gap:12px}.lottery-admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px}.lottery-admin-card{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.lottery-admin-card span{color:var(--text-muted);font-size:var(--font-size-xs)}.lottery-admin-card strong{font-size:var(--font-size-lg)}.lottery-group-checks{display:flex;flex-wrap:wrap;gap:9px}.lottery-group-check{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:var(--font-size-sm)}.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}@media(max-width:720px){.lottery-card>header{flex-direction:column}.lottery-card>header em{align-self:flex-start}.lottery-prizes li,.lottery-winners li{flex-direction:column;gap:2px}.lottery-prizes span,.lottery-winners span{text-align:left}}
/* market */
.market-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.market-nav a{padding:6px 14px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);color:var(--text-muted);font-size:13px;text-decoration:none}.market-nav a.active{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)}.market-grid{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.market-grid .empty-state{grid-column:1/-1}.market-card{min-width:0}.market-card-link{display:grid;gap:8px;padding:12px;border:1px solid var(--line-soft);border-radius:9px;background:var(--bg);text-decoration:none;color:var(--text);height:100%}.market-card-link:hover{border-color:var(--brand)}.market-card-ribbon{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--brand);opacity:.8}.market-card-points .market-card-link{border-top:3px solid #4f8df7;background:linear-gradient(180deg,rgba(79,141,247,.08),var(--bg) 42%)}.market-card-points .market-card-ribbon{color:#3977d3}.market-card-gacha .market-card-link{border-top:3px solid #a56de2;background:linear-gradient(180deg,rgba(165,109,226,.12),var(--bg) 42%)}.market-card-gacha .market-card-ribbon{color:#8a4dcc}.market-card-other .market-card-link{border-top:3px solid #f0a33b;background:linear-gradient(180deg,rgba(240,163,59,.12),var(--bg) 42%)}.market-card-other .market-card-ribbon{color:#c77b16}.market-card-soldout .market-card-link{filter:grayscale(1);opacity:.62;background:var(--line-soft)}.market-card-soldout .market-card-link:hover{border-color:var(--line-soft);opacity:.78}.market-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.market-price{color:var(--brand);font-weight:700;font-size:15px}.market-price-lg{font-size:20px}.market-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--line-soft);color:var(--text-subtle)}.market-badge-on{background:rgba(23,163,90,.12);color:var(--brand)}.market-badge-sold{background:rgba(200,60,60,.12);color:#c83c3c}.market-card-title{margin:0;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.market-card-meta,.market-card-foot{display:flex;gap:10px;color:var(--text-subtle);font-size:12px}.market-card-foot{justify-content:space-between}.market-seller{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.market-detail-title{margin:0 0 8px;font-size:18px}.market-detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-subtle);font-size:12px;margin-bottom:12px}.market-detail-body{line-height:1.7;word-break:break-word;margin-bottom:14px}.market-contact-box{padding:10px 12px;border:1px dashed var(--brand);border-radius:8px;margin-bottom:14px;line-height:1.6}.market-contact-box strong{display:block;margin-bottom:4px;color:var(--brand)}.market-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.market-action-form{margin:0}.market-back{margin:0}.btn-sm{padding:4px 10px;font-size:12px}.market-purchase-records{padding:10px 12px;border:1px solid var(--line-soft);border-radius:8px;margin:14px 0}.market-purchase-records>strong{display:block;color:var(--brand);margin-bottom:7px}.market-purchase-records ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}.market-purchase-records li{display:grid;grid-template-columns:minmax(80px,1fr) minmax(120px,1.5fr) auto;gap:10px;font-size:12px;padding:5px 0;border-bottom:1px solid var(--line-soft)}.market-purchase-records li:last-child{border-bottom:0}.market-purchase-records time{color:var(--text-subtle);white-space:nowrap}.market-gacha-box{padding:10px 12px;border:1px dashed var(--brand);border-radius:8px;margin-bottom:14px}.market-gacha-box strong{display:block;margin-bottom:6px;color:var(--brand)}.market-gacha-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.market-gacha-prize{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line-soft)}.market-gacha-prize:last-child{border-bottom:0}.market-gacha-rate{color:var(--text-subtle);white-space:nowrap}.market-gacha-editor{gap:8px}.market-gacha-rows{display:grid;gap:6px}.market-gacha-row{display:grid;grid-template-columns:110px 130px 130px 90px minmax(120px,1fr) auto;gap:6px;align-items:center}.market-gacha-row select,.market-gacha-row input[type=number],.market-gacha-row input[type=text]{width:100%}.market-gacha-head{font-size:11px;color:var(--text-subtle);padding:2px 0}.market-gacha-head span{min-width:0}.market-gacha-group{display:none}.market-gacha-rows:empty::before{content:"点击下方“新增奖项”开始配置奖池";color:var(--text-subtle);font-size:12px;font-style:italic}.market-gacha-foot{display:flex;align-items:center;gap:12px;margin-top:4px}.market-gacha-sum{font-size:12px;color:var(--text-subtle)}.market-gacha-sum b{color:var(--brand)}.market-gacha-sum.is-valid b{color:var(--success)}.market-gacha-sum.is-invalid b{color:var(--danger)}.market-gacha-row .market-gacha-del{align-self:center}.market-mine-row .market-mine-actions{display:flex;gap:8px;flex-wrap:wrap}.market-gacha-description{display:block;color:var(--text-subtle);font-size:11px;margin-top:3px}.market-card-prize-details{width:100%;margin-top:10px;padding-top:8px;border-top:1px solid var(--line-soft)}.market-card-prize-content{margin-top:5px}.market-card-prize-details ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.market-card-prize-details li{display:flex;justify-content:space-between;gap:12px;font-size:12px}.market-card-prize-details li div{min-width:0}.market-card-prize-details li strong{display:block}.market-card-prize-details li small{display:block;color:var(--text-subtle);font-size:11px;margin-top:2px}.market-card-prize-details li>span{color:var(--text-subtle);white-space:nowrap}.market-owned-card-list{list-style:none;margin:0;padding:12px;display:grid;gap:10px}.market-owned-card{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg)}.market-owned-card.pending{border-color:rgba(23,163,90,.35)}.market-owned-card.is-highlight{box-shadow:0 0 0 3px rgba(23,163,90,.16)}.market-owned-card-main,.market-owned-card-side{display:flex;flex-direction:column;gap:6px}.market-owned-card-main span{font-size:12px;color:var(--text-subtle)}.market-owned-card-side{align-items:flex-end}.market-card-status{font-size:12px}.market-card-status.pending{color:var(--brand)}.market-card-status.drawn{color:var(--text-subtle)}.market-card-result{text-align:right}.market-card-result small{display:block;color:var(--text-subtle);max-width:360px;margin-top:4px}.market-fireworks{position:fixed;inset:0;z-index:20;pointer-events:none;display:grid;place-items:center;background:rgba(0,0,0,.08);animation:market-fireworks-fade 2.8s ease forwards}.market-fireworks strong{padding:14px 24px;border-radius:999px;background:var(--bg);color:var(--brand);font-size:20px;box-shadow:0 8px 30px rgba(0,0,0,.18);animation:market-prize-pop .7s ease both}.market-fireworks i{position:absolute;width:8px;height:8px;border-radius:50%;background:#20c878;animation:market-confetti 1.5s ease-out infinite}.market-fireworks i:nth-child(1){transform:translate(-180px,-80px);background:#f4b942}.market-fireworks i:nth-child(2){transform:translate(160px,-100px);background:#ef5da8;animation-delay:.15s}.market-fireworks i:nth-child(3){transform:translate(-140px,100px);background:#5d8def;animation-delay:.3s}.market-fireworks i:nth-child(4){transform:translate(180px,90px);background:#a56de2;animation-delay:.45s}.market-fireworks i:nth-child(5){transform:translate(0,-140px);background:#ff774d;animation-delay:.6s}@keyframes market-confetti{0%{opacity:0;scale:.4}20%{opacity:1}100%{opacity:0;scale:1.8;transform:translate(0,0)}}@keyframes market-prize-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes market-fireworks-fade{0%,75%{opacity:1}100%{opacity:0}}
/* mp3_player */
.mp3-player-count{display:block;margin-top:2px;color:var(--text-subtle);font-size:10px}.mp3-player-playlist{display:grid;gap:5px;max-height:300px;margin:0;padding:8px 0 0;border-top:1px solid var(--line-soft);overflow:auto;list-style:none}.mp3-player-track{min-width:0}.mp3-player-track-button{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.mp3-player-track-button:hover{border-color:var(--line);background:var(--bg)}.mp3-player-track.is-current .mp3-player-track-button{border-color:var(--brand);background:var(--brand-soft)}.mp3-player-track-copy{display:grid;gap:3px;min-width:0}.mp3-player-track-copy strong{overflow-wrap:anywhere;color:var(--text);font-size:12px;line-height:1.45}.mp3-player-track-copy span{color:var(--text-muted);font-size:11px}.mp3-player-track-progress{display:grid;gap:4px;justify-items:end;color:var(--text-subtle);font-size:10px}.mp3-player-track-bar{display:block;width:88px;height:3px;overflow:hidden;border-radius:3px;background:var(--line)}.mp3-player-track-bar span{display:block;height:100%;background:var(--brand);transition:width .15s ease}.mp3-player-card{display:grid;gap:10px;margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 4px 14px var(--shadow-base)}.mp3-player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.mp3-player-file{display:flex;align-items:flex-start;gap:8px;min-width:0}.mp3-player-file strong{display:block;min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.4}.mp3-player-type{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:30px;height:22px;border-radius:5px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:800}.mp3-player-status{flex:0 0 auto;color:var(--text-muted);font-size:11px;white-space:nowrap}.mp3-player-card audio{display:block;width:100%;min-width:0}.mp3-player-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;min-width:0;color:var(--text-muted);font-size:11px}.mp3-player-controls>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp3-player-rate{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}.mp3-player-rate select{min-height:28px;padding:0 24px 0 7px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);font-size:11px}.mp3-player-history-page{max-width:860px;margin:0 auto}.mp3-player-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.mp3-player-kicker{display:block;margin-bottom:5px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:1.4px}.mp3-player-history-head h2{margin:0;color:var(--text);font-size:26px;line-height:1.2}.mp3-player-history-head p{margin:7px 0 0;color:var(--text-muted);font-size:13px}.mp3-player-history-clear{flex:0 0 auto}.mp3-player-history-clear button{margin:0}.mp3-player-history-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mp3-player-history-item{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.mp3-player-history-main{display:grid;gap:6px;min-width:0}.mp3-player-history-main>a{overflow-wrap:anywhere;color:var(--text);font-weight:700}.mp3-player-history-main strong{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px;font-weight:500}.mp3-player-history-meta{display:flex;flex-wrap:wrap;gap:6px}.mp3-player-history-meta span{padding:4px 7px;border:1px solid var(--line-soft);border-radius:5px;background:var(--bg);color:var(--text-subtle);font-size:11px}.mp3-player-history-empty{padding:24px;text-align:center;color:var(--text-muted);border:1px dashed var(--line);border-radius:7px}.mp3-player-admin{max-width:none}.mp3-player-admin-form{display:grid;gap:14px}.mp3-player-admin-note{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg)}.mp3-player-admin-note strong{color:var(--text);font-size:13px}.mp3-player-admin-note span{color:var(--text-muted);font-size:12px;line-height:1.6}.mp3-player-forum-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:12px}.mp3-player-forum-head button{margin:0;padding:5px 9px;background:var(--bg);color:var(--text-muted);border:1px solid var(--line)}.mp3-player-forum-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp3-player-forum-option{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer}.mp3-player-forum-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.mp3-player-forum-option input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--brand)}.mp3-player-forum-option span{display:grid;gap:2px;min-width:0}.mp3-player-forum-option strong{overflow-wrap:anywhere;color:var(--text);font-size:12px}.mp3-player-forum-option small{color:var(--text-subtle);font-size:10px}.mp3-player-admin-actions{display:flex;justify-content:flex-start;gap:8px}.mp3-player-admin-actions button{margin:0}@media(max-width:760px){.mp3-player-track-button{grid-template-columns:minmax(0,1fr) 76px;padding:8px}.mp3-player-track-bar{width:72px}.mp3-player-forum-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mp3-player-card{padding:11px}.mp3-player-head,.mp3-player-history-head{display:grid;gap:7px}.mp3-player-status{justify-self:start}.mp3-player-history-clear,.mp3-player-history-clear button{width:100%}.mp3-player-forum-options{grid-template-columns:1fr}.mp3-player-admin-actions button{width:100%}}
/* Refined frontend player */
.mp3-player-card {
    --mp3-control-size: 48px;
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 0;
    margin: 16px 0;
    padding: 0;
    overflow: visible;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: 0 8px 24px var(--shadow-base);
}
.mp3-player-card.is-playing {
    border-color: color-mix(in srgb, var(--brand) 35%, var(--line));
    box-shadow: 0 10px 28px var(--shadow-medium);
}
.mp3-player-card .mp3-player-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 17px 16px 13px;
}
.mp3-player-card .mp3-player-file {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.mp3-player-card .mp3-player-file > div {
    min-width: 0;
}
.mp3-player-card .mp3-player-file strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mp3-player-card .mp3-player-type {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--line));
    border-radius: 8px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: none;
}
.mp3-player-card .mp3-player-count {
    display: block;
    margin-top: 2px;
    color: var(--text-subtle);
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0;
}
.mp3-player-card .mp3-player-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid var(--line-soft);
    border-radius: 999px;
    background: var(--bg);
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}
.mp3-player-card .mp3-player-status::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-disabled);
    box-shadow: none;
    content: "";
}
.mp3-player-card.is-playing .mp3-player-status {
    border-color: color-mix(in srgb, var(--brand) 28%, var(--line-soft));
    background: var(--brand-soft);
    color: var(--brand);
}
.mp3-player-card.is-playing .mp3-player-status::before {
    background: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent);
    animation: none;
}
.mp3-player-card .mp3-player-audio-element {
    display: none;
}
.mp3-player-card .mp3-player-audio {
    display: grid;
    grid-template-columns: var(--mp3-control-size) minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    margin: 0 16px 8px;
    padding: 13px 14px;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: var(--bg);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--panel) 80%, transparent);
}
.mp3-player-card.is-playing .mp3-player-audio {
    border-color: color-mix(in srgb, var(--brand) 26%, var(--line-soft));
}
.mp3-player-card .mp3-player-toggle {
    display: grid;
    place-items: center;
    width: var(--mp3-control-size);
    min-width: var(--mp3-control-size);
    height: var(--mp3-control-size);
    min-height: var(--mp3-control-size);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--brand);
    color: var(--inverse-text);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--brand) 30%, transparent);
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.mp3-player-card .mp3-player-toggle:hover {
    background: var(--brand-hover);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--brand) 36%, transparent);
    transform: translateY(-1px);
}
.mp3-player-card .mp3-player-toggle:active {
    box-shadow: 0 2px 7px color-mix(in srgb, var(--brand) 24%, transparent);
    transform: scale(.96);
}
.mp3-player-card .mp3-player-toggle:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 3px;
}
.mp3-player-card .mp3-player-toggle svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    filter: none;
}
.mp3-player-card.is-playing .mp3-player-toggle {
    box-shadow: 0 4px 12px color-mix(in srgb, var(--brand) 32%, transparent);
    animation: none;
}
.mp3-player-card .mp3-player-seek {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 24px;
}
.mp3-player-card .mp3-player-seek input {
    grid-row: 1;
    grid-column: 2;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    background: linear-gradient(to right, var(--brand) var(--mp3-progress, 0%), var(--line) var(--mp3-progress, 0%));
    outline: 0;
    cursor: pointer;
}
.mp3-player-card .mp3-player-seek input:hover {
    height: 5px;
    background: linear-gradient(to right, var(--brand) var(--mp3-progress, 0%), var(--line-soft) var(--mp3-progress, 0%));
}
.mp3-player-card .mp3-player-seek input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 3px solid var(--panel);
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 0 0 1px var(--brand), 0 2px 5px var(--shadow-base);
    cursor: grab;
}
.mp3-player-card .mp3-player-seek input::-webkit-slider-thumb:active {
    cursor: grabbing;
}
.mp3-player-card .mp3-player-seek input::-moz-range-thumb {
    width: 11px;
    height: 11px;
    border: 3px solid var(--panel);
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 0 0 1px var(--brand), 0 2px 5px var(--shadow-base);
    cursor: grab;
}
.mp3-player-card .mp3-player-seek input:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 4px;
}
.mp3-player-card .mp3-player-seek input:disabled {
    opacity: .5;
    cursor: default;
}
.mp3-player-card .mp3-player-seek span {
    display: contents;
}
.mp3-player-card .mp3-player-seek i {
    grid-row: 1;
    color: var(--text-subtle);
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal;
    white-space: nowrap;
}
.mp3-player-card .mp3-player-seek i:first-child {
    grid-column: 1;
    text-align: left;
}
.mp3-player-card .mp3-player-seek i:last-child {
    grid-column: 3;
    text-align: right;
}
.mp3-player-card .mp3-player-controls {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 0 16px 12px;
    color: var(--text-muted);
    font-size: 11px;
}
.mp3-player-card .mp3-player-controls > span[data-mp3-position] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mp3-player-card .mp3-player-volume {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto;
    overflow: visible;
    text-overflow: clip;
}
.mp3-player-card .mp3-player-volume-toggle {
    display: grid;
    place-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--text-muted);
    box-shadow: none;
    cursor: pointer;
}
.mp3-player-card .mp3-player-volume-toggle:hover,
.mp3-player-card .mp3-player-volume-toggle[aria-expanded="true"] {
    border-color: var(--line-soft);
    background: var(--bg);
    color: var(--brand);
}
.mp3-player-card .mp3-player-volume-toggle:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 1px;
}
.mp3-player-card .mp3-player-volume-toggle svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}
.mp3-player-card .mp3-player-volume-panel {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    z-index: 10;
    display: grid;
    place-items: center;
    width: 40px;
    height: 132px;
    padding: 11px 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: 0 10px 24px var(--shadow-medium);
    transform: translateX(-50%);
    animation: mp3-player-refined-volume-in .14s ease-out;
}
.mp3-player-card .mp3-player-volume-panel[hidden] {
    display: none;
}
.mp3-player-card .mp3-player-volume-panel input {
    width: 6px;
    height: 108px;
    margin: 0;
    accent-color: var(--brand);
    direction: rtl;
    writing-mode: vertical-lr;
    cursor: pointer;
}
@keyframes mp3-player-refined-volume-in {
    from { opacity: 0; transform: translateX(-50%) translateY(4px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
.mp3-player-card .mp3-player-rate {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    white-space: nowrap;
}
.mp3-player-card .mp3-player-rate > span {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 600;
}
.mp3-player-card .mp3-player-rate select {
    min-width: 56px;
    min-height: 32px;
    padding: 0 24px 0 8px;
    border: 1px solid var(--line-soft);
    border-radius: 6px;
    background-color: var(--bg);
    background-position: right 7px center;
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
}
.mp3-player-card .mp3-player-rate select:hover {
    border-color: var(--line);
}
.mp3-player-card .mp3-player-rate select:focus-visible {
    border-color: var(--brand);
    outline: 2px solid var(--focus-ring);
    outline-offset: 1px;
    box-shadow: none;
}
.mp3-player-card .mp3-player-playlist {
    display: grid;
    gap: 3px;
    max-height: none;
    margin: 0;
    padding: 8px;
    overflow: visible;
    border-top: 1px solid var(--line-soft);
    border-radius: 0 0 8px 8px;
    background: var(--bg);
    list-style: none;
}
.mp3-player-card .mp3-player-track {
    min-width: 0;
}
.mp3-player-card .mp3-player-track-button {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 76px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 54px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}
.mp3-player-card .mp3-player-track-button:hover {
    border-color: var(--line-soft);
    background: var(--panel);
    transform: none;
}
.mp3-player-card .mp3-player-track.is-current .mp3-player-track-button {
    border-color: color-mix(in srgb, var(--brand) 32%, var(--line-soft));
    background: var(--brand-soft);
    box-shadow: none;
}
.mp3-player-card .mp3-player-track-index {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--panel);
    color: var(--text-subtle);
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}
.mp3-player-card .mp3-player-track.is-current .mp3-player-track-index {
    background: var(--brand);
    color: var(--inverse-text);
    box-shadow: none;
}
.mp3-player-card .mp3-player-track[data-completed="1"]:not(.is-current) .mp3-player-track-index {
    background: var(--success-soft);
    color: var(--success);
}
.mp3-player-card .mp3-player-track-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}
.mp3-player-card .mp3-player-track-copy strong {
    overflow: hidden;
    color: var(--text);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mp3-player-card .mp3-player-track-copy span {
    color: var(--text-subtle);
    font-size: 10px;
    font-weight: 500;
}
.mp3-player-card .mp3-player-track-progress {
    display: grid;
    gap: 5px;
    justify-items: end;
    color: var(--text-subtle);
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.mp3-player-card .mp3-player-track-bar {
    display: block;
    width: 72px;
    height: 3px;
    overflow: hidden;
    border-radius: 3px;
    background: var(--line);
}
.mp3-player-card .mp3-player-track-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--brand);
    transition: width .18s linear;
}
@media (max-width: 560px) {
    .mp3-player-card {
        --mp3-control-size: 44px;
        margin: 12px 0;
    }
    .mp3-player-card .mp3-player-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 15px 10px 11px;
    }
    .mp3-player-card .mp3-player-file {
        gap: 8px;
    }
    .mp3-player-card .mp3-player-type {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }
    .mp3-player-card .mp3-player-file strong {
        font-size: 13px;
    }
    .mp3-player-card .mp3-player-status {
        justify-self: end;
        padding: 4px 7px;
    }
    .mp3-player-card .mp3-player-audio {
        gap: 11px;
        margin: 0 10px 7px;
        padding: 11px;
    }
    .mp3-player-card .mp3-player-controls {
        flex-wrap: nowrap;
        gap: 6px;
        padding: 0 10px 10px;
    }
    .mp3-player-card .mp3-player-controls > span[data-mp3-position] {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 10px;
    }
    .mp3-player-card .mp3-player-volume {
        grid-column: auto;
        margin-left: auto;
    }
    .mp3-player-card .mp3-player-rate > span {
        display: none;
    }
    .mp3-player-card .mp3-player-rate select {
        min-width: 52px;
        padding-right: 22px;
    }
    .mp3-player-card .mp3-player-playlist {
        max-height: none;
        padding: 6px;
    }
    .mp3-player-card .mp3-player-track-button {
        grid-template-columns: 28px minmax(0, 1fr) 56px;
        gap: 8px;
        min-height: 50px;
        padding: 7px;
    }
    .mp3-player-card .mp3-player-track-index {
        width: 26px;
        height: 26px;
    }
    .mp3-player-card .mp3-player-track-bar {
        width: 52px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .mp3-player-card,
    .mp3-player-card *,
    .mp3-player-card *::before,
    .mp3-player-card *::after {
        scroll-behavior: auto;
        animation-duration: .01ms;
        animation-iteration-count: 1;
        transition-duration: .01ms;
    }
}.mp3-player-forum-option{grid-template-columns:38px minmax(0,1fr)}.mp3-player-forum-option input[type=checkbox]{width:38px;height:22px;margin:0}
/* nb_checkin */
.nb-checkin-entry{grid-column:4;grid-row:1;justify-self:end;order:2;display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;height:28px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;line-height:1;white-space:nowrap;transition:background-color var(--transition-normal),color var(--transition-normal)}.nb-checkin-entry:hover{background:var(--brand-hover);color:var(--inverse-text)}.nb-checkin-entry:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.nb-checkin-entry-icon{flex:0 0 auto;width:14px;height:14px}.nb-checkin-entry-done{background:var(--brand-soft);color:var(--brand);font-weight:400}.nb-checkin-entry-done:hover{background:var(--brand-soft);color:var(--brand-hover)}@media(max-width:380px){.nb-checkin-entry{gap:0;padding:0 7px}.nb-checkin-entry-label{display:none}}@media(prefers-reduced-motion:reduce){.nb-checkin-entry{transition:none}}.nb-checkin-boot{display:none}.nb-checkin-drawer-user{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)}.mobile-menu-body>.nb-checkin-drawer-user:first-child{margin-top:0}.nb-checkin-drawer-user+.mobile-menu-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}.nb-checkin-drawer-avatar{display:block;flex:0 0 auto;width:40px;height:40px}.nb-checkin-drawer-avatar img{width:40px;height:40px;border-radius:50%}.nb-checkin-drawer-meta{flex:1;min-width:0}.nb-checkin-drawer-name{display:block;overflow:hidden;color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.nb-checkin-drawer-rank{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.nb-checkin-groups{display:flex;flex-wrap:wrap;gap:6px 14px;min-width:0}.nb-checkin-group{display:inline-flex;align-items:center;gap:6px;min-height:26px;color:var(--text);font-size:var(--font-size-sm);line-height:1.3;white-space:nowrap}.nb-checkin-group input{flex:0 0 auto;margin:0}.nb-checkin-group-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.nb-checkin-page{display:grid;gap:12px}.nb-checkin-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;padding:18px 16px;border:1px solid var(--warning-soft);border-radius:var(--radius);background:var(--warning-soft);text-align:center}.nb-checkin-banner-text{color:var(--text);font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.nb-checkin-banner-done{border-color:var(--brand-soft);background:var(--brand-soft)}.nb-checkin-banner-help{flex:0 0 100%;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.nb-checkin-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.nb-checkin-actions .post-action-form{display:inline-flex;margin:0}.nb-checkin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border:1px solid var(--brand-hover);border-radius:var(--radius-sm);background:var(--brand-hover);color:var(--inverse-text);font-size:var(--font-size-md);font-weight:700;line-height:1;white-space:nowrap}.nb-checkin-btn:hover{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)}.nb-checkin-or{color:var(--text-subtle);font-size:var(--font-size-md)}.nb-checkin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nb-checkin-stats>div{display:grid;gap:3px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center}.nb-checkin-stats strong{color:var(--text);font-size:var(--font-size-xl);line-height:1.2}.nb-checkin-stats span{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.nb-checkin-block{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.nb-checkin-rank-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--text);font-size:var(--font-size-lg);font-weight:700;line-height:1.4}.nb-checkin-rank-title::before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:2px;background:var(--brand)}.nb-checkin-rank{margin:0;padding:0;list-style:none}.nb-checkin-rank-row{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 0;border-top:1px solid var(--line-soft)}.nb-checkin-rank-no{flex:0 0 24px;color:var(--text-muted);font-size:var(--font-size-md);font-weight:700;text-align:center}.nb-checkin-rank-no-1{color:var(--danger)}.nb-checkin-rank-no-2,.nb-checkin-rank-no-3{color:var(--warning)}.nb-checkin-rank-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--text)}.nb-checkin-rank-user:hover .nb-checkin-rank-name{color:var(--brand)}.nb-checkin-rank-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-sm)}.nb-checkin-rank-name{min-width:0;overflow:hidden;font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap}.nb-checkin-rank-points{flex:0 0 auto;color:var(--text);font-size:var(--font-size-md);font-weight:700}@media(max-width:700px){.nb-checkin-banner{padding:14px 12px}.nb-checkin-banner-text{font-size:var(--font-size-md)}.nb-checkin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nb-checkin-stats>div{padding:12px 4px}.nb-checkin-stats strong{font-size:var(--font-size-lg)}}
/* nb_editor */
.nb-editor-admin-settings{max-width:none;gap:16px}
.nb-editor-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nb-editor-admin-section{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}
.nb-editor-admin-section-head{display:grid;gap:3px;padding-bottom:2px}
.nb-editor-admin-section-head strong{color:var(--text);font-size:var(--font-size-md);line-height:1.4}
.nb-editor-admin-section-head span{color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.45}
.nb-editor-admin-settings .nb-editor-admin-section>.grid{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:9px 0;border-top:1px solid var(--line-soft)}
.nb-editor-admin-settings .nb-editor-admin-section-head+.grid{border-top:0}
.nb-editor-admin-settings .nb-editor-admin-section>.grid>span{padding-top:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.45}
.nb-editor-admin-settings .nb-editor-admin-section>.grid>span small{margin-top:2px;color:var(--text-subtle);line-height:1.4}
.nb-editor-admin-settings .nb-editor-admin-section>.grid input[type=number]{width:100%;max-width:130px}
.nb-editor-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:2px}
.nb-editor-admin-actions button{margin:0}
.nb-editor-admin-actions span{color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.45}
@media(max-width:720px){
.nb-editor-admin-grid{grid-template-columns:1fr}
.nb-editor-admin-section{padding:12px}
.nb-editor-admin-actions{align-items:stretch;flex-direction:column}
.nb-editor-admin-actions button{width:100%}
}
.nb-editor-field{position:relative;display:grid;row-gap:0;margin:8px 0}
.reply-panel .nb-editor-field{margin:0}
.nb-editor-field>.grid{display:contents}
.nb-editor-field>.grid>span{order:1;margin-bottom:6px;padding-top:0}
.nb-editor-field>.nb-editor{order:2}
/* 正文框固定白底，和主题色工具栏拉开层次；高度仍交给核心按场景决定。 */
.nb-editor-field>.grid>textarea[name=body]{order:3;border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel);resize:vertical}
/* 分栏预览：左边写 Markdown，右边常驻渲染结果，随输入更新。 */
.nb-editor-field.nb-editor-live{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.nb-editor-field.nb-editor-live>.grid>span,.nb-editor-field.nb-editor-live>.nb-editor{grid-column:1/-1}
.nb-editor-field.nb-editor-live>.grid>textarea[name=body]{grid-column:1;border-bottom-right-radius:0}
.nb-editor-field.nb-editor-live>.nb-editor-preview{grid-column:2;max-height:60vh;overflow:auto;border-left:0;border-bottom-left-radius:0}
.nb-editor{min-width:0}
/* 工具栏跟随站点主题色，不写死中性灰。 */
.nb-editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--brand-soft)}
.nb-editor-field:focus-within>.nb-editor>.nb-editor-bar{border-color:var(--brand)}
/* 选择器带上根容器，避免被 .reply-panel button 之类的核心规则按特异性压过。 */
.nb-editor .nb-editor-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--brand-hover);cursor:pointer}
.nb-editor .nb-editor-btn svg{width:16px;height:16px}
.nb-editor .nb-editor-btn:hover{border-color:var(--line);background:var(--panel);color:var(--brand-hover)}
.nb-editor .nb-editor-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.nb-editor .nb-editor-btn.nb-editor-btn-active{border-color:var(--brand);background:var(--panel);color:var(--brand-hover)}
.nb-editor-split{width:1px;height:16px;margin:0 4px;background:var(--line)}
.nb-editor-space{flex:1 1 auto;min-width:0}
/* 面板用 fixed 浮层：既不挤占正文框空间，也不会被祖先的 overflow:hidden 裁掉。位置由 JS 计算，优先向上弹。 */
.nb-editor-panel{position:fixed;z-index:60;display:flex;flex-direction:column;width:min(360px,100%);max-height:min(60vh,340px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 32px var(--shadow-medium);overflow:hidden}
.nb-editor-panel[hidden]{display:none}
.nb-editor-panel-title{flex:0 0 auto;padding:8px 12px 0;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.4}
.nb-editor-items{flex:1 1 auto;min-height:0;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:3px;margin:0;padding:8px 10px;overflow-y:auto;list-style:none}
.nb-editor-items[hidden]{display:none}
.nb-editor-items li{padding:4px 7px;border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-sm);line-height:1.4;cursor:pointer;user-select:none}
.nb-editor-items li:hover{background:var(--bg)}
.nb-editor-items-emoji li{padding:2px 5px;font-size:var(--font-size-xl)}
.nb-editor-tabs{flex:0 0 auto;display:flex;align-items:stretch;flex-wrap:wrap;border-top:1px solid var(--line);background:var(--brand-soft)}
.nb-editor .nb-editor-tab{min-width:0;min-height:34px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400;cursor:pointer}
.nb-editor .nb-editor-tab:hover{background:var(--panel);color:var(--text)}
.nb-editor .nb-editor-tab.nb-editor-tab-active{background:var(--panel);color:var(--brand-hover);font-weight:500}
/* 预览框借用核心 .post-content 的排版，但要去掉它的 margin-top，否则与正文框差 2px。 */
.nb-editor-preview{order:4;margin-top:0;min-height:120px;padding:12px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel)}
.nb-editor-preview[hidden]{display:none}
.nb-editor-preview-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}
.nb-editor-draft{order:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 10px;border:1px solid var(--line);border-top:0;background:var(--info-soft);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}
.nb-editor-draft[hidden]{display:none}
.nb-editor-draft-text{flex:1 1 auto;min-width:0}
.nb-editor-status{order:2;padding:6px 10px;border:1px solid var(--line);border-top:0;background:var(--brand-soft);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere}
.nb-editor-status[hidden]{display:none}
.nb-editor-draft .nb-editor-draft-action{min-width:0;min-height:26px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}
.nb-editor-draft .nb-editor-draft-action:hover{border-color:var(--brand);color:var(--brand-hover)}
/* 与核心 .post-content ul 的缩进保持一致，否则有序列表会多缩进一截。 */
.nb-editor-ol{margin:4px 0 8px 18px;padding:0}
.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:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:-4px 0 0}
.nb-editor-upload .nb-editor-upload-pick{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;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;white-space:normal;cursor:pointer}
.nb-editor-upload .nb-editor-upload-pick:hover{border-color:var(--brand);color:var(--brand-hover)}
.nb-editor-upload .nb-editor-upload-pick.is-busy{opacity:.6;pointer-events:none}
.nb-editor-upload-status{flex:1 1 auto;min-width:0;color:var(--text-muted);font-size:var(--font-size-sm);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}
}
/* neo_premium */
.neo-premium-badge {
    display: inline-block;
    margin-left: 6px;
    font-weight: 700;
    background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #a29bfe, #ff6b6b);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: neoPremiumShine 3s linear infinite;
font-size: var(--font-size-sm);
}
.neo-super-badge {
    display: inline-block;
    margin-left: 6px;
    font-weight: 700;
    background: linear-gradient(90deg, #ffd700, #ffaa00, #ffd700, #ffcc00, #ffd700);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: neoSuperShine 3s linear infinite;
    font-size: var(--font-size-sm);
}
@keyframes neoPremiumShine {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
@keyframes neoSuperShine {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
.neo-status-bar {
    display: flex;
    gap: 16px;
    margin: 12px 0 20px;
    flex-wrap: wrap;
}
.neo-status-item {
    background: var(--panel, );
    border: 1px solid var(--line-soft, );
    border-radius: var(--radius, 6px);
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    min-width: 120px;
}
.neo-status-label {
    font-size: var(--font-size-xs);
    color: var(--text-muted, );
    margin-bottom: 2px;
}
.neo-status-value {
    font-weight: 600;
    font-size: var(--font-size-md);
    color: var(--text, );
}
.neo-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-top: 12px;
}
.neo-product-card {
    border: 1px solid var(--line-soft, );
    border-radius: var(--radius, 6px);
    padding: 16px;
    background: var(--panel, );
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: box-shadow var(--transition-normal, .2s ease), transform var(--transition-normal, .2s ease);
}
.neo-product-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}
.neo-product-header {
    font-weight: 600;
    font-size: var(--font-size-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.neo-product-desc {
    font-size: var(--font-size-sm);
    color: var(--text-muted, );
    line-height: 1.4;
}
.neo-product-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}
.neo-product-price {
    font-weight: 700;
    color: var(--brand, );
    font-size: var(--font-size-md);
}
.neo-product-duration {
    font-size: var(--font-size-xs);
    color: var(--text-muted, );
    background: var(--bg, );
    padding: 2px 8px;
    border-radius: 12px;
}
.neo-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: var(--font-size-xxs);
    font-weight: 600;
    vertical-align: middle;
    white-space: nowrap;
}
.neo-tag-premium {
    background: var(--text-muted, );
    color: ;
}
.neo-tag-super {
    background: var(--warning, );
    color: ;
}
.neo-btn {
    width: 100%;
    padding: 8px 16px;
    border: none;
    border-radius: var(--radius, 6px);
    background: var(--brand, );
    color: ;
    font-weight: 600;
    cursor: pointer;
    transition: opacity var(--transition-normal, .2s ease);
}
.neo-btn:hover:not(:disabled) {
    opacity: 0.9;
}
.neo-btn:disabled, .neo-btn-disabled {
    background: var(--line-soft, );
    color: var(--text-muted, );
    cursor: not-allowed;
}
.neo-btn-sm {
    padding: 4px 10px;
    border: none;
    border-radius: var(--radius, 6px);
    background: var(--brand, );
    color: ;
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: opacity var(--transition-normal, .2s ease);
}
.neo-btn-sm:hover:not(:disabled) {
    opacity: 0.9;
}
.neo-btn-danger {
    background: var(--danger, );
}
.neo-btn-link {
    display: inline-block;
    padding: 4px 10px;
    border-radius: var(--radius, 6px);
    background: var(--bg, );
    color: var(--text, );
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: background var(--transition-normal, .2s ease);
}
.neo-btn-link:hover {
    background: var(--line-soft, );
}
.neo-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}
.neo-search-form {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.neo-search-input {
    flex: 1;
    min-width: 200px;
    padding: 8px 12px;
    border: 1px solid var(--line-soft, );
    border-radius: var(--radius, 6px);
    font-size: var(--font-size-md);
}
.neo-input-sm {
    width: 60px;
    padding: 4px 8px;
    border: 1px solid var(--line-soft, );
    border-radius: var(--radius, 6px);
    font-size: var(--font-size-sm);
}
.neo-table-wrap {
    overflow-x: auto;
    border-radius: var(--radius, 6px);
    border: 1px solid var(--line-soft, );
}
.neo-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
}
.neo-table thead {
    background: var(--bg, );
}
.neo-table th, .neo-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid var(--line-soft, );
    font-size: var(--font-size-md);
}
.neo-table th {
    font-weight: 600;
    color: var(--text-muted, );
    white-space: nowrap;
}
.neo-table tbody tr:hover {
    background: var(--panel, );
}
.neo-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: var(--font-size-xs);
    font-weight: 500;
    background: var(--bg, );
    color: var(--text-muted, );
    white-space: nowrap;
}
.neo-badge-perm {
    background: var(--brand-soft, );
    color: var(--brand, );
}
.neo-badge-none {
    background: var(--danger-soft, );
    color: var(--danger, );
}
.neo-badge-premium {
    background: var(--info-soft, );
    color: var(--info, );
}
.neo-badge-super {
    background: var(--warning-soft, );
    color: var(--warning, );
}
.neo-actions {
    white-space: nowrap;
}
.neo-empty {
    color: var(--text-muted, );
    text-align: center;
    padding: 24px;
    font-size: var(--font-size-md);
}
.neo-product-form .neo-form-grid {
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .neo-search-form {
        flex-direction: column;
        align-items: stretch;
    }
    .neo-search-form button,
    .neo-search-form .neo-btn-link {
        width: 100%;
        text-align: center;
    }
    .neo-search-input {
        min-width: auto;
        width: 100%;
    }
    .neo-table {
        min-width: 0;
        display: block;
    }
    .neo-table thead {
        display: none;
    }
    .neo-table tbody,
    .neo-table tr,
    .neo-table td {
        display: block;
        width: 100%;
    }
    .neo-table tr {
        margin-bottom: 12px;
        border: 1px solid var(--line-soft, #ddd);
        border-radius: var(--radius, 6px);
        padding: 10px;
        background: var(--panel, #fff);
    }
    .neo-table td {
        border: none;
        padding: 6px 0;
        text-align: left;
        position: relative;
        padding-left: 5.5em;
    }
    .neo-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 6px;
        font-weight: 600;
        color: var(--text-muted, #888);
        font-size: var(--font-size-xs);
        white-space: nowrap;
    }
    .neo-actions {
        white-space: normal;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }
    .neo-actions form,
    .neo-actions .neo-btn-link {
        display: inline-flex;
        flex: 1 1 auto;
    }
    .neo-actions button,
    .neo-actions .neo-btn-link {
        flex: 1 1 auto;
        justify-content: center;
    }
    .neo-form-grid {
        grid-template-columns: 1fr;
    }
    .neo-status-bar {
        flex-direction: column;
        gap: 8px;
    }
    .neo-status-item {
        min-width: auto;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .neo-input-sm {
        width: 80px;
    }
}
/* plugin_search */
.plugin-search-toolbar{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--line-soft);background:var(--bg)}.plugin-search-field{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:420px}.plugin-search-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plugin-search-field:before{content:"";position:absolute;left:10px;width:14px;height:14px;background:currentColor;opacity:.55;pointer-events:none;-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%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27m20 20-4-4%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%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27m20 20-4-4%27/%3E%3C/svg%3E") center/14px 14px no-repeat}.plugin-search-input{width:100%;height:34px;padding:0 34px 0 32px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm)}.plugin-search-input:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px var(--focus-ring)}.plugin-search-clear{position:absolute;right:4px;display:none;align-items:center;justify-content:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:var(--font-size-lg);cursor:pointer}.plugin-search-clear.is-visible{display:inline-flex}.plugin-search-clear:hover{background:var(--line-soft);color:var(--text)}.plugin-search-filters{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.plugin-search-filter{min-height:26px;padding:3px 8px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap}.plugin-search-filter:hover{color:var(--text)}.plugin-search-filter.is-active{background:var(--brand-soft);color:var(--brand);font-weight:600}.plugin-search-filter em{margin-left:3px;font-style:normal;opacity:.75}.plugin-search-count{margin-left:auto;color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap}html body .plugin-list>.plugin-item.plugin-search-hidden{display:none!important}.plugin-search-empty{padding:26px 14px;color:var(--text-subtle);text-align:center}.plugin-search-update-all{white-space:nowrap}@media(max-width:720px){.plugin-search-toolbar{align-items:stretch;flex-wrap:wrap}.plugin-search-field{max-width:none;flex-basis:100%}.plugin-search-filters{max-width:100%;overflow-x:auto}.plugin-search-count{align-self:center}}
/* 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}}
/* post_signature */
.post-signature-settings{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.post-signature-settings h3,.post-signature-settings p{margin:0}.post-signature-settings p{color:var(--text-muted);font-size:var(--font-size-sm)}.post-signature-settings form{display:grid;gap:10px}.post-signature-settings textarea{width:100%;max-width:none;min-height:110px}.post-signature-content{grid-column:1/-1;margin:12px 0 0;padding:10px 0 0;border-top:1px dashed var(--line);color:var(--text-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere}.post-signature-content>:first-child{margin-top:0}.post-signature-content>:last-child{margin-bottom:0}.post-signature-content ul,.post-signature-content ol{margin-top:4px;margin-bottom:4px}
/* red_packet */
.red-packet-badge{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}.red-packet-badge.badge-active{background:var(--danger-soft);color:var(--danger)}.red-packet-badge.badge-finished{background:var(--line-soft);color:var(--text-muted)}.red-packet-compose{margin-bottom:12px}.red-packet-compose-details{border:1px solid var(--line);border-radius:var(--radius)}.red-packet-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-compose-body{padding:14px 16px;display:grid;gap:12px}.red-packet-compose-toggle{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);cursor:pointer}.red-packet-compose-grid{display:grid;gap:12px}.red-packet-compose-grid .grid{display:grid;gap:4px}.red-packet-compose-grid .grid span{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600}.red-packet-compose-grid input,.red-packet-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-compose-grid input:disabled,.red-packet-compose-grid select:disabled{opacity:.55;cursor:not-allowed}.red-packet-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-card-wrapper{list-style:none!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important}.red-packet-env{--red-packet-title-size:22px;--red-packet-amount-size:24px;--red-packet-unit-size:10px;width:280px;max-width:calc(100% - 12px);margin:16px auto;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:0 10px 28px rgba(0,0,0,.13);animation:red-packet-card-in .35s ease}@keyframes red-packet-card-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.red-packet-env-main{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px 18px;background:linear-gradient(170deg,#ef4d63 0%,#d93a50 52%,#b93045 100%)}.red-packet-env.is-done .red-packet-env-main{background:linear-gradient(170deg,#aab3bb 0%,#939aa1 52%,#7c838a 100%)}.red-packet-env-main::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% -20%,rgba(255,255,255,.35),transparent 55%)}.red-packet-env-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font-size:24px}.red-packet-env-sender{position:relative;max-width:100%;color:#fff;font-size:var(--font-size-lg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.18)}.red-packet-env-core{position:relative;display:flex;align-items:center;justify-content:center;padding:2px 0}.red-packet-env-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe9a8,#f5d25e 45%,#d9a51f);color:#a0522d;cursor:pointer;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.32),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.16);transition:transform .2s,opacity .2s;animation:red-packet-glow 2s ease-in-out infinite}@keyframes red-packet-glow{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.32),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.16),0 0 0 0 rgba(245,210,94,.55)}50%{box-shadow:0 4px 12px rgba(0,0,0,.32),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -2px 4px rgba(0,0,0,.16),0 0 0 8px rgba(245,210,94,0)}}.red-packet-env-seal:hover{transform:scale(1.06)}.red-packet-env-seal:active{transform:scale(.94)}.red-packet-env-seal.is-loading{opacity:.7;pointer-events:none;transform:scale(.95);animation:none}.red-packet-env-seal.is-done{cursor:default;animation:none}.red-packet-env-seal-text{font-size:var(--red-packet-title-size);font-weight:900;letter-spacing:2px;line-height:1}.red-packet-env-seal-amount{font-size:var(--red-packet-amount-size);font-weight:900;line-height:1}.red-packet-env-seal-unit{font-size:var(--red-packet-unit-size);font-weight:400;opacity:.75;margin-top:1px}.red-packet-env-seal-got{background:radial-gradient(circle at 32% 28%,#ffe9a8,#f0b842 48%,#d39518);cursor:default;width:82px;height:82px;animation:none}.red-packet-env-seal-done,.red-packet-env-seal-login{background:rgba(255,255,255,.2);color:rgba(255,255,255,.78);cursor:default;width:64px;height:64px;animation:none}.red-packet-env-seal-done .red-packet-env-seal-text,.red-packet-env-seal-login .red-packet-env-seal-text{font-size:var(--font-size-md);letter-spacing:0}.red-packet-env-meta{position:relative;display:grid;gap:8px;width:100%;max-width:230px}.red-packet-env-desc{color:rgba(255,255,255,.85);font-size:var(--font-size-sm);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.red-packet-env-desc a{color:#fff;text-decoration:underline}.red-packet-env-progress{display:flex;align-items:center;gap:8px}.red-packet-env-progress-track{flex:1;height:7px;border-radius:4px;background:rgba(0,0,0,.3);overflow:hidden}.red-packet-env-progress-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#ffd166,#f0a92f);box-shadow:0 0 8px rgba(255,209,102,.7)}.red-packet-env-progress-text{color:rgba(255,255,255,.9);font-size:var(--font-size-xs);white-space:nowrap}.red-packet-env-info{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;font-size:var(--font-size-xs);color:var(--text-muted);background:var(--panel);border-top:1px solid var(--line-soft);animation:red-packet-info-in .3s ease}@keyframes red-packet-info-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.red-packet-env-info-right{display:flex;align-items:center;gap:2px}.red-packet-env-info-dim{color:var(--text-disabled)}.red-packet-env-refund{padding:2px 16px 12px;display:flex;justify-content:center}.red-packet-env-refund-btn{min-height:26px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s}.red-packet-env-refund-btn:hover{border-color:var(--danger);color:var(--danger)}.red-packet-env-refund-btn:disabled{opacity:.5;cursor:not-allowed}.red-packet-env-records{list-style:none!important;margin:0!important;padding:0!important;max-height:200px;overflow-y:auto;border-top:1px solid var(--line-soft);background:var(--panel)}.red-packet-env-records li{display:flex;align-items:center;justify-content:space-between;padding:7px 16px!important;font-size:var(--font-size-xs);list-style:none!important;margin:0!important;border-bottom:1px solid var(--line-soft);color:var(--text)}.red-packet-env-records li:last-child{border-bottom:none}.red-packet-env-rec-amt{color:var(--danger);font-weight:700}@media(max-width:720px){.red-packet-env{width:260px}}.red-packet-admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.red-packet-admin-card{display:grid;gap:4px;padding:16px;border-radius:var(--radius);background:var(--panel);text-align:center}.red-packet-admin-card span{font-size:var(--font-size-xs);color:var(--text-muted)}.red-packet-admin-card strong{font-size:var(--font-size-xl);font-weight:700}.red-packet-group-checks{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.red-packet-group-check{display:flex;align-items:center;gap:5px;font-size:var(--font-size-sm);cursor:pointer}.red-packet-group-check input[type="checkbox"]{accent-color:var(--danger)}.red-packet-form{display:grid;gap:16px}.red-packet-form .grid{display:grid;gap:6px}.red-packet-form .grid>span{font-weight:600;font-size:var(--font-size-sm)}.red-packet-form .grid>span small{display:block;margin-top:2px;font-weight:400;color:var(--text-muted)}.red-packet-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-note{color:var(--text-muted);font-size:var(--font-size-sm)}
/* 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}}
/* table_responsive */
.table-responsive-wrap{position:relative;max-width:100%;margin:14px 0;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);overscroll-behavior-inline:contain}.table-responsive-wrap:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus-ring)}.table-responsive-wrap>table{width:max-content;min-width:100%;margin:0;border:0}.table-responsive-wrap.is-scrollable::after{content:"左右滑动查看";position:sticky;right:6px;bottom:4px;float:right;padding:2px 6px;border-radius:5px;background:var(--inverse);color:var(--inverse-text);font-size:var(--font-size-xs);pointer-events:none;opacity:.72}.table-responsive-wrap.has-scrolled::after{display:none}
/* topic_read_groups */
/* ===== 发帖/编辑表单：阅读权限卡片 ===== */
.trg-field{display:flex;flex-direction:column;gap:var(--spacing-sm,8px);padding:var(--spacing-md,14px) 0;border-top:1px solid var(--line-soft,#eee);margin-top:var(--spacing-sm,8px)}
.trg-form-label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text,#1f2328);font-size:var(--font-size-sm,13px)}
.trg-form-label .trg-form-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:var(--brand-soft,#e8f0fe);color:var(--brand,#2563eb)}
.trg-form-help{color:var(--text-muted,#6b7280);font-size:var(--font-size-xs,12px);margin-top:2px;line-height:1.5}
.trg-group-checkbox{display:flex;flex-wrap:wrap;gap:6px 8px;padding:4px 0}

/* 用户组多选：自定义方形复选框（脱离原生控件样式，避免被系统 radio/checkbox 全局样式干扰） */
.trg-gcheck{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-size-sm,13px);color:var(--text,#1f2328);cursor:pointer;padding:5px 11px 5px 7px;border-radius:8px;background:var(--bg,#f7f8fa);border:1px solid var(--line-soft,#e5e7eb);transition:background .15s,border-color .15s,color .15s,transform .05s;user-select:none;white-space:nowrap;line-height:1}
.trg-gcheck:hover{background:var(--brand-soft,#e8f0fe);border-color:var(--brand,#2563eb)}
.trg-gcheck input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}
.trg-gcheck .trg-box{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:4px;border:1.6px solid var(--line,#c9cdd4);background:var(--card,#fff);transition:all .15s;flex:0 0 auto}
.trg-gcheck .trg-box svg{width:11px;height:11px;color:#fff;opacity:0;transform:scale(.6);transition:all .15s}
.trg-gcheck:hover .trg-box{border-color:var(--brand,#2563eb)}
.trg-gcheck:has(input:checked){background:var(--brand-soft,#e8f0fe);border-color:var(--brand,#2563eb);color:var(--brand,#1d4ed8)}
.trg-gcheck:has(input:checked) .trg-box{background:var(--brand,#2563eb);border-color:var(--brand,#2563eb)}
.trg-gcheck:has(input:checked) .trg-box svg{opacity:1;transform:scale(1)}
.trg-gcheck:active{transform:scale(.97)}
.trg-gcheck:focus-within .trg-box{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#2563eb) 22%,transparent)}

/* "完全隐藏"选项：独立开关卡片 */
.trg-hidden-field{margin-top:4px}
.trg-hidden-check{display:flex;align-items:center;gap:9px;font-size:var(--font-size-sm,13px);color:var(--text,#1f2328);cursor:pointer;user-select:none;padding:8px 12px;border-radius:9px;transition:background .15s,border-color .15s;background:var(--danger-soft,#fef2f2);border:1px solid color-mix(in srgb,var(--danger,#dc2626) 22%,transparent);line-height:1.2}
.trg-hidden-check:hover{background:color-mix(in srgb,var(--danger,#dc2626) 12%,var(--bg,#fff))}
.trg-hidden-check input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}
.trg-hidden-check .trg-hbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:5px;border:1.8px solid color-mix(in srgb,var(--danger,#dc2626) 55%,#fff);background:var(--card,#fff);transition:all .15s;flex:0 0 auto}
.trg-hidden-check .trg-hbox svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.6);transition:all .15s}
.trg-hidden-check:has(input:checked) .trg-hbox{background:var(--danger,#dc2626);border-color:var(--danger,#dc2626)}
.trg-hidden-check:has(input:checked) .trg-hbox svg{opacity:1;transform:scale(1)}
.trg-hidden-check .trg-htext{display:flex;flex-direction:column;gap:1px}
.trg-hidden-check .trg-hmain{font-weight:500;color:var(--danger,#b42318)}
.trg-hidden-check:has(input:checked) .trg-hmain{color:var(--danger,#b42318)}
.trg-empty-tip{font-size:var(--font-size-xs,12px);color:var(--text-disabled,#9ca3af);padding:6px 2px}

/* ===== 列表标题徽标 ===== */
.trg-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;border-radius:5px;font-size:var(--font-size-xs,12px);font-weight:600;line-height:1;background:var(--danger-soft,#fef2f2);color:var(--danger,#dc2626);vertical-align:middle;white-space:nowrap;border:1px solid color-mix(in srgb,var(--danger,#dc2626) 18%,transparent)}
/* ===== 详情页拒绝面板 ===== */
.trg-denied-panel{text-align:center;padding:56px 20px;animation:trg-fade-in .25s ease}
.trg-denied-panel .trg-denied-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--danger-soft,#fef2f2);color:var(--danger,#dc2626);margin-bottom:14px}
.trg-denied-panel h2{color:var(--danger,#dc2626);margin:0 0 8px;font-size:var(--font-size-xl,18px)}
.trg-denied-panel p{color:var(--text-muted,#6b7280);margin:0 0 22px;font-size:var(--font-size-sm,14px)}
.trg-denied-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.trg-denied-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:8px;font-size:var(--font-size-sm,13px);text-decoration:none;transition:all .15s;font-weight:500}
.trg-denied-links .trg-btn-back{background:var(--bg,#f7f8fa);color:var(--text,#1f2328);border:1px solid var(--line-soft,#e5e7eb)}
.trg-denied-links .trg-btn-back:hover{background:var(--line-soft,#e5e7eb)}
.trg-denied-links .trg-btn-home{background:var(--brand,#2563eb);color:#fff;border:1px solid var(--brand,#2563eb);box-shadow:0 1px 2px color-mix(in srgb,var(--brand,#2563eb) 35%,transparent)}
.trg-denied-links .trg-btn-home:hover{background:var(--brand-hover,#1d4ed8);border-color:var(--brand-hover,#1d4ed8)}
@keyframes trg-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:480px){.trg-denied-panel{padding:36px 14px}.trg-denied-links a{padding:8px 14px}}
/* two_factor */
.two-factor-profile-card{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.two-factor-profile-card .profile-disclosure-detail{padding:0;border:0;background:transparent}
.two-factor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.two-factor-action-form{display:grid;gap:8px;max-width:450px}
.two-factor-options{display:grid;gap:7px}
.two-factor-option{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:9px 10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);cursor:pointer}
.two-factor-option input{width:16px;height:16px;margin-top:2px;accent-color:var(--brand)}
.two-factor-option span{display:grid;gap:2px;min-width:0}
.two-factor-option strong{color:var(--text);font-size:13px;line-height:1.35}
.two-factor-option small{color:var(--text-subtle);font-size:12px;line-height:1.35}
.two-factor-qr-wrap{display:inline-flex;align-items:center;justify-content:center;margin:2px 0 10px;padding:10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--panel)}
.two-factor-qr{display:block;width:180px;height:180px;max-width:100%}
.two-factor-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}
.two-factor-codes code{display:block;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
.two-factor-option input[type=checkbox]{width:38px;height:22px;margin-top:0}
/* 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%}
/* userstags */
.userstags-page{display:grid;gap:14px}
.userstags-overview{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.userstags-current{text-align:center}
.userstags-current-label{color:var(--text-subtle);font-size:12px;margin-bottom:4px}
.userstags-current-group{font-size:18px;font-weight:700;color:var(--brand)}
.userstags-stats{display:flex;gap:16px;flex-wrap:wrap}
.userstags-stat{display:flex;flex-direction:column;gap:2px}
.userstags-stat strong{font-size:16px;color:var(--text)}
.userstags-stat span{font-size:11px;color:var(--text-subtle)}
.userstags-rule-active{opacity:1}
.userstags-rule-disabled{opacity:.5}
.userstags-badge-ok{color:var(--brand)!important;font-weight:600}
.userstags-badge-off{color:var(--text-muted)!important}
.userstags-warn{color:var(--danger)!important}
.userstags-rule-row{grid-template-columns:minmax(0,1fr) auto}
.userstags-tag-row{grid-template-columns:minmax(0,1fr)}
.userstags-tag-row .admin-row-main{gap:8px}
.userstags-tag-form{display:flex;gap:8px;align-items:center;margin-top:6px}
.userstags-tag-form input{flex:1;min-width:0;height:32px;box-sizing:border-box;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:13px}
.userstags-tag-form button{flex-shrink:0;white-space:nowrap}
.userstags-search-inline{display:flex;gap:6px;align-items:center}
.userstags-search-inline input{width:160px;padding:5px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:12px}
.userstags-search-inline button{flex-shrink:0;white-space:nowrap}
/* ===== 基本设置美化 ===== */
.userstags-form-inline{display:flex!important;flex-direction:column;gap:10px;max-width:none!important}
.ug-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ug-head-row strong{font-size:14px}
.admin-plugin-meta{font-size:11px;color:var(--brand)!important;font-weight:600;white-space:nowrap}
/* 选项行：两组并排，每组一个外框 */
.ug-options-row{display:flex;gap:12px;align-items:stretch;padding:4px 0;flex-wrap:wrap}
.ug-opt-group{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line-soft)}
.ug-opt-group-right{flex:0 0 auto;margin-left:auto}
.ug-opt-group-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}
.ug-opt-group-body{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ug-opt-group-body-right{justify-content:flex-end}
.ug-opt-label{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;color:var(--text);font-size:13px;cursor:pointer;white-space:nowrap;transition:color .15s}
.ug-opt-label:hover{color:var(--brand)}
.ug-opt-label:has(input:checked){color:var(--brand);font-weight:500}
.ug-opt-label input[type=checkbox],.ug-opt-label input[type=radio]{width:14px;height:14px;accent-color:var(--brand);flex-shrink:0}
/* 内联行：radio / 字段 + 按钮同一行 */
.userstags-inline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.userstags-inline-row button{margin-left:auto;justify-self:end!important}
.ug-field-inline{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);white-space:nowrap}
.ug-field-inline>span{font-size:12px;color:var(--text-muted);font-weight:500;flex-shrink:0}
.ug-field-inline input,.ug-field-inline select{width:auto;height:32px;box-sizing:border-box;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:13px;transition:border-color .15s}
.ug-field-inline input:focus,.ug-field-inline select:focus{border-color:var(--brand);outline:none}
.ug-field-inline input[type=number]{width:70px}
.ug-field-inline-grow{flex:1;min-width:120px}
.ug-field-inline-grow input{flex:1;width:100%;min-width:0}
/* ===== 规则表单 / 积分管理 ===== */
.userstags-rule-form{display:grid;gap:12px;max-width:none!important}
.userstags-rule-form input,.userstags-rule-form select{max-width:none!important}
.ug-sub-section{margin-bottom:16px}
.ug-sub-section:last-child{margin-bottom:0}
.ug-sub-section-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--line-soft)}
.userstags-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px}
.ug-field{display:flex;flex-direction:column;gap:4px}
.ug-field>span{font-size:12px;color:var(--text-muted);font-weight:500}
.ug-field input,.ug-field select{height:34px;box-sizing:border-box;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:13px;transition:border-color .15s}
.ug-field input:focus,.ug-field select:focus{border-color:var(--brand);outline:none}
.ug-field input[type=number]{max-width:100%}
.ug-field-wide{grid-column:span 3}
.ug-field-check{flex-direction:row;align-items:center;gap:6px;padding:7px 0}
.ug-field-check input{width:15px;height:15px;accent-color:var(--brand)}
.userstags-form-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding-top:4px;width:100%}
.userstags-form-actions button{justify-self:end!important}
.ug-batch-form{display:flex;flex-direction:column;gap:8px}
.ug-batch-form .muted{margin:0}
/* ===== 导入导出 ===== */
.ug-io-row{display:flex;flex-direction:column;gap:16px}
.ug-io-block{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line-soft)}
.ug-io-block-title{font-size:13px;font-weight:600;color:var(--text)}
.ug-io-block .muted{font-size:12px;margin:0}
.ug-io-file-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer}
.ug-io-block textarea{width:100%;box-sizing:border-box;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:12px;font-family:monospace;resize:vertical}
.ug-io-block textarea:focus{border-color:var(--brand);outline:none}
.userstags-cancel-link{font-size:13px;color:var(--text-muted)}
.userstags-form-wide{max-width:none!important}
.userstags-form-wide input{max-width:none!important}
.userstags-forum-tags-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.userstags-forum-tags-table th{text-align:center!important;padding:6px 8px;border-bottom:2px solid var(--line);color:var(--text-muted);font-size:12px}
.userstags-forum-tags-table td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.userstags-forum-tags-table th:first-child,.userstags-forum-tags-table td:first-child{text-align:left!important;white-space:nowrap;width:auto}
.userstags-forum-tags-table td:not(:first-child){text-align:center}
.ug-tag-input{width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:13px}
.ug-tag-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ug-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);font-size:13px}
.ug-tag-chip-del{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:0!important;min-width:0!important;border:none;border-radius:3px;background:var(--danger);color:#fff;font-size:13px;line-height:18px;text-align:center;cursor:pointer;padding:0;flex-shrink:0;box-sizing:border-box}
.ug-tag-chip-del:hover{opacity:.8}
.ug-tag-add-row{display:flex;gap:8px;align-items:center;margin-top:8px}
.ug-tag-add-row input{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:13px}
.ug-tag-meta{font-size:11px;color:var(--text-subtle);margin-left:4px}
.ug-tag-input-row{display:flex;gap:6px;align-items:center}
.ug-tag-input-row input{flex:1;min-width:0}
.ug-tag-select{height:32px;box-sizing:border-box;padding:5px 6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:12px;flex-shrink:0;cursor:pointer;max-width:90px;width:90px}
.ug-tag-select-bar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}
.ug-tag-select-bar .muted{font-size:12px;text-align:left;flex:0 1 auto}
.ug-tag-select-bar .ug-tag-select{margin-left:auto}
.userstags-tag-form .ug-tag-select{flex-shrink:0}
/* ===== 用户组最低要求表格 ===== */
.ug-gr-table td:not(:first-child){text-align:center}
.ug-gr-input{width:80px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:13px;text-align:center}
.ug-gr-input:focus{border-color:var(--brand);outline:none}
.ug-gr-hint{font-size:12px;margin:8px 0 0}
/* ===== 移动端响应式 ===== */
@media(max-width:768px){.userstags-form-grid{grid-template-columns:repeat(2,1fr)}.ug-field-wide{grid-column:span 2}.userstags-rule-row{grid-template-columns:minmax(0,1fr)}.userstags-rule-row .admin-inline-ops{grid-column:1;justify-content:flex-start;margin-left:0}.ug-setting-group{flex:1 1 100%}.userstags-checkbox-row label{flex:1;justify-content:center;min-width:120px}.userstags-inline-row{flex-wrap:wrap}.ug-field-inline{flex:1;min-width:140px}.userstags-forum-tags-table{font-size:12px}.userstags-forum-tags-table th,.userstags-forum-tags-table td{padding:4px 5px}.ug-options-row{flex-direction:column}}
@media(max-width:480px){.userstags-form-grid{grid-template-columns:1fr}.ug-field-wide{grid-column:span 1}.userstags-overview{grid-template-columns:1fr;text-align:center}.userstags-stats{justify-content:center}.userstags-checkbox-row{flex-direction:column}.userstags-checkbox-row label{width:100%;justify-content:flex-start}.userstags-inline-row{flex-direction:column;align-items:stretch}.userstags-inline-row button{width:100%}.ug-field-inline{width:100%}.ug-field-inline input,.ug-field-inline select{flex:1;width:100%}.userstags-form-actions{justify-content:center}.userstags-forum-tags-table thead{display:none}.userstags-forum-tags-table,.userstags-forum-tags-table tbody,.userstags-forum-tags-table tr,.userstags-forum-tags-table td{display:block;width:100%}.userstags-forum-tags-table tr{padding:6px 0;border-bottom:1px solid var(--line)}.userstags-forum-tags-table td{border:none;text-align:left!important;padding:3px 0}.userstags-forum-tags-table td:first-child{font-weight:600;color:var(--text)}.ug-opt-group-body-right{justify-content:flex-start}.ug-tag-select-bar{justify-content:flex-start}.ug-tag-select-bar .muted{text-align:left}}
/* virtual_card */
.virtual-card-editor{border:1px solid var(--line);background:var(--bg);border-radius:6px;margin:10px 0;padding:10px 12px}.virtual-card-editor-details{display:grid}.virtual-card-editor-details summary{display:inline-flex;align-items:center;width:max-content;max-width:100%;color:var(--text);font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;list-style:none}.virtual-card-editor-details summary::-webkit-details-marker{display:none}.virtual-card-editor-details summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:700;line-height:1}.virtual-card-editor-details[open] summary:before{content:"-"}.virtual-card-editor-inner{display:grid;gap:10px;margin-top:8px}.virtual-card-card{grid-column:1/-1;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid var(--line);border-radius:6px;margin:10px 0;background:var(--bg);box-shadow:0 4px 14px var(--shadow-medium)}.virtual-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px 8px}.virtual-card-head>div{display:grid;gap:1px;min-width:0}.virtual-card-head strong{font-size:15px;line-height:1.4;word-break:break-word}.virtual-card-kicker{color:var(--brand);font-size:11px;font-weight:700;line-height:1.3}.virtual-card-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}.virtual-card-body{display:grid;gap:8px;padding:0 12px 10px}.virtual-card-price{display:flex;align-items:baseline;gap:5px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--panel)}.virtual-card-price strong{color:var(--brand);font-size:20px;line-height:1}.virtual-card-price span,.virtual-card-tip{color:var(--text-muted);font-size:12px}.virtual-card-tip{margin:0}.virtual-card-box form{margin:0}.virtual-card-box form button{width:100%}.virtual-card-orders{margin-top:4px}.virtual-card-orders h3{font-size:12px;margin:0 0 7px}.virtual-card-orders ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.virtual-card-orders li{border:1px solid var(--line-soft);border-radius:6px;padding:9px 10px;min-width:0;background:var(--panel)}.virtual-card-orders li>div{display:flex;align-items:center;gap:8px}.virtual-card-orders code{overflow-wrap:anywhere;flex:1}.virtual-card-orders small{display:flex;gap:10px;flex-wrap:wrap;color:var(--text-subtle);margin-top:6px}.virtual-card-copy{width:auto;padding:5px 9px;white-space:nowrap}.virtual-card-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;font-size:12px}.virtual-card-pagination a{padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:var(--bg)}.virtual-card-pagination span{color:var(--text-muted)}.virtual-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 12px 10px;color:var(--text-muted);font-size:12px}@media(max-width:600px){.virtual-card-editor{margin:8px 0;padding:8px 10px}.virtual-card-editor-details summary{min-height:28px}.virtual-card-editor-details summary:before{flex:0 0 auto}.virtual-card-card{margin:8px 0;box-shadow:0 3px 10px var(--shadow-medium)}.virtual-card-head{display:grid;gap:4px;padding:9px 10px 7px}.virtual-card-status{justify-self:start;min-height:0;padding:0;background:transparent;color:var(--text-subtle);font-weight:400}.virtual-card-body{padding:0 10px 9px}.virtual-card-orders li>div{align-items:flex-start}.virtual-card-foot{display:grid;gap:4px;padding:0 10px 9px}}
