/* attachment_upload */
.attachment-uploader{display:grid;gap:8px}.attachment-input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.attachment-drop{display:grid;justify-items:start;gap:2px;padding:0;border:0;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.attachment-drop strong{color:var(--text);font-size:var(--font-size-md);line-height:1.4}.attachment-drop span{font-size:var(--font-size-sm);line-height:1.45}.attachment-uploader:focus-within .attachment-drop,.attachment-drop:hover{background:transparent;color:var(--brand)}.attachment-field-muted>span{color:var(--text-subtle)}.attachment-field-muted .attachment-uploader{gap:6px}.attachment-field-muted .attachment-drop{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;color:var(--text-subtle)}.attachment-field-muted .attachment-drop strong{flex:0 0 auto;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.attachment-field-muted .attachment-drop span{min-width:0;font-size:11px}.attachment-field-muted .attachment-uploader:focus-within .attachment-drop,.attachment-field-muted .attachment-drop:hover{background:transparent;color:var(--text-muted)}.attachment-upload-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;color:var(--text-subtle);font-size:11px}.attachment-upload-toolbar[hidden],.attachment-upload-list[hidden]{display:none}.attachment-upload-insert{min-height:28px;padding:4px 9px;font-size:var(--font-size-sm);white-space:nowrap}.attachment-upload-list{display:grid;gap:6px;margin-top:2px}.attachment-upload-item{display:grid;gap:6px;min-width:0;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}.attachment-upload-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.attachment-upload-name{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.attachment-upload-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.attachment-upload-status{max-width:220px;color:var(--text-subtle);font-size:11px;line-height:1.4;text-align:right;overflow-wrap:anywhere}.attachment-upload-head-actions .attachment-upload-remove{display:grid;place-items:center;justify-self:auto;width:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);font-size:18px;line-height:1;box-shadow:none}.attachment-upload-remove:hover{background:var(--line-soft);color:var(--danger)}.attachment-upload-remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-progress{display:block;width:100%;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.attachment-upload-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--brand);transition:width .15s ease}.attachment-upload-item[data-state="success"] .attachment-upload-status{color:var(--success)}.attachment-upload-item[data-state="success"] .attachment-upload-progress{display:none}.attachment-upload-item[data-state="success"][data-markdown]{cursor:pointer;transition:border-color .15s,background .15s}.attachment-upload-item[data-state="success"][data-markdown]:hover{border-color:var(--brand);background:var(--brand-soft)}.attachment-upload-item[data-state="success"][data-markdown]:focus-visible{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-item[data-state="error"] .attachment-upload-status{color:var(--danger)}.attachment-upload-item[data-state="error"] .attachment-upload-progress>span{background:var(--danger)}
.attachment-upload-settings{max-width:none;gap:12px}.attachment-upload-settings-section{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.attachment-upload-settings-section>strong{font-size:12px}.attachment-upload-settings-section .grid{margin:0}.attachment-upload-settings-groups{display:grid;grid-template-columns:1fr;gap:10px}.attachment-upload-settings-groups .grid{grid-template-columns:minmax(90px,140px) minmax(0,1fr)}
@media(max-width:600px){.attachment-upload-settings-groups .grid{grid-template-columns:1fr}}
/* avatar_upload */
.avatar-upload-panel{min-width:0}.avatar-upload-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.avatar-upload-current{display:flex;width:72px;height:72px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--bg)}.avatar-upload-row strong{display:block;margin-bottom:3px}.avatar-upload-row p{margin:0 0 10px;color:var(--text-muted)}.avatar-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-upload-select{width:auto}.avatar-upload-status{min-height:0;margin-top:8px;color:var(--text-muted)}.avatar-upload-status:empty{display:none}.avatar-upload-status.error{color:var(--danger)}.avatar-upload-preset-options[hidden]{display:none!important}.avatar-upload-preset-options{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.avatar-crop-modal{z-index:1200}.avatar-crop-dialog{width:min(360px,calc(100vw - 24px))}.avatar-crop-dialog canvas{display:block;width:min(280px,100%);height:auto;margin:0 auto;border-radius:var(--radius);background:var(--bg);cursor:grab;touch-action:none}.avatar-crop-dialog canvas.dragging{cursor:grabbing}.avatar-crop-zoom{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-top:14px}.avatar-crop-zoom input{padding:0}.avatar-field{display:none!important}@media(max-width:600px){.avatar-upload-row{grid-template-columns:56px minmax(0,1fr)}.avatar-upload-current{width:56px;height:56px}}
/* back_to_top */
.back-to-top-button{position:fixed;right:max(20px,calc((100vw - 1100px)/2 - 48px));bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:grid;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text-muted);box-shadow:0 4px 14px var(--shadow-medium);transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal)}.back-to-top-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.back-to-top-button:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.back-to-top-button:active{transform:translateY(1px)}.back-to-top-button[hidden]{display:none}body:has([data-back-to-top-layout][data-top-fixed="1"]) .top{position:sticky;top:0;z-index:35;box-shadow:0 3px 10px var(--shadow-base)}@media(min-width:721px){body:has([data-back-to-top-layout][data-sidebar-fixed="1"]) .sidebar{position:sticky;top:12px}body:has([data-back-to-top-layout][data-top-fixed="1"][data-sidebar-fixed="1"]) .sidebar{top:60px}html.back-to-top-sidebar-tall body:has([data-back-to-top-layout][data-sidebar-fixed="1"]) .sidebar{position:static;top:auto}}@media(max-width:720px){.back-to-top-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}
/* batch_delete_topics */
.batch-delete-topics-form{display:grid;gap:12px}.batch-delete-topics-rich-input{width:100%;min-height:140px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-md);line-height:1.6;overflow-wrap:anywhere;outline:0;resize:vertical}.batch-delete-topics-rich-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.batch-delete-topics-preview{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}.batch-delete-topics-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.batch-delete-topics-preview-head strong{font-size:var(--font-size-md)}.batch-delete-topics-preview-head span,.batch-delete-topics-actions>span{color:var(--text-muted);font-size:var(--font-size-sm)}.batch-delete-topics-missing{padding:9px 11px;background:var(--warning-soft);color:var(--text);font-size:var(--font-size-sm)}.batch-delete-topics-rows{display:grid;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.batch-delete-topics-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto max-content;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border-bottom:1px solid var(--line-soft);background:var(--panel);cursor:pointer}.batch-delete-topics-row:last-child{border-bottom:0}.batch-delete-topics-row:has(input:checked){background:var(--danger-soft)}.batch-delete-topics-row.is-deleted{opacity:.55}.batch-delete-topics-row.is-failed{background:var(--warning-soft)}.batch-delete-topics-row input{width:38px;height:22px;min-width:38px;margin:0}.batch-delete-topics-row-id{grid-column:4;color:var(--text-subtle);font-size:var(--font-size-xs);font-family:var(--font-mono)}.batch-delete-topics-row-main{display:grid;gap:2px;min-width:0}.batch-delete-topics-row a{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.batch-delete-topics-row a:hover{color:var(--brand)}.batch-delete-topics-row-author{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-delete-topics-row-status{grid-column:3;color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap}.batch-delete-topics-row.is-deleted .batch-delete-topics-row-status{color:var(--success)}.batch-delete-topics-row.is-failed .batch-delete-topics-row-status{color:var(--danger)}.batch-delete-topics-reason{grid-template-columns:1fr;gap:5px}.batch-delete-topics-reason>span{padding-top:0}.batch-delete-topics-reason textarea{width:100%;min-height:76px}.batch-delete-topics-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-delete-topics-actions button{margin:0}.batch-delete-topics-log{display:grid;gap:7px;min-height:0;padding:12px 14px}.batch-delete-topics-log-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-sm)}.batch-delete-topics-log-meta strong{color:var(--text);font-size:var(--font-size-sm)}.batch-delete-topics-log-titles{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;overflow-wrap:anywhere}@media(max-width:640px){.batch-delete-topics-row{grid-template-columns:38px minmax(0,1fr) max-content}.batch-delete-topics-row-id{grid-column:3;grid-row:1}.batch-delete-topics-row-status{grid-column:2;grid-row:2}.batch-delete-topics-actions button{width:100%}}
/* better_notice */
/* iOS tap highlight removal */
* {
    -webkit-tap-highlight-color: transparent;
}

/* User popover */
.user-popover {
    background: var(--panel);
    border: 1px solid var(--line-soft);
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}
.notice-profile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--line-soft);
}
.notice-profile img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}
.notice-profile-name {
    font-weight: 600;
    font-size: 16px;
    color: var(--text);
}
.notice-profile-role {
    font-size: 13px;
    color: var(--text-muted);
}

/* Tabs – shadcn style, background same as panel, no bottom line */
.notice-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 4px;
    background: var(--panel);
    border-bottom: 1px solid var(--line-soft);
}
.notice-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}
.notice-tab svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.notice-tab:hover {
    color: var(--text);
}
.notice-tab.notice-tab-active {
    background: var(--panel);
    border-color: var(--line-soft);
    color: var(--text);
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

#notice_list {
    padding: 10px 0;
    height: 280px;
    max-height: 280px;
    min-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
#notice_list .notice-empty,
#notice_list .notice-error {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 260px;
    color: var(--text-muted);
    font-size: 14px;
}
.notice-item {
    padding: 12px 18px;
    border-bottom: 1px solid var(--line-soft);
    cursor: pointer;
    transition: background 0.15s;
}
/* 移除悬停背景 */
.notice-item:hover {
    background: transparent;
}
.notice-item.unread {
    background: var(--brand-soft);
}
.notice-item.unread:hover {
    background: var(--brand-soft);
}
.notice-item .notice-sender {
    color: var(--brand);
    font-weight: 500;
}
.notice-content {
    font-size: 14px;
    color: var(--text);
    margin: 4px 0 6px;
    word-break: break-word;
}
.notice-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: var(--text-muted);
}
.notice-empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
}
.notice-error {
    padding: 20px;
    text-align: center;
    color: var(--danger);
    font-size: 14px;
}
/* Bottom footer: three buttons evenly distributed */
.notice-footer {
    display: flex;
    border-top: 1px solid var(--line-soft);
    padding: 0;
}
.notice-footer .notice-action {
    flex: 1;
    background: transparent;
    border: none;
    border-right: 1px solid var(--line-soft);
    color: var(--text-muted);
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    transition: background 0.15s;
}
.notice-footer .notice-action:last-child {
    border-right: none;
}
.notice-footer .notice-action:hover {
    background: var(--bg);
    color: var(--text);
}
.notice-footer .notice-action.danger {
    color: var(--danger);
}
.notice-footer .notice-action.danger:hover {
    background: var(--danger-soft);
    color: var(--danger);
}
/* Toast – 移除左侧有色边 */
.toast-item {
    background: var(--panel);
    border-radius: 10px;
    padding: 16px;
    pointer-events: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    animation: notifySlideIn 0.3s ease forwards;
    position: relative;
    margin-bottom: 10px;
}
.toast-item .notify-title {
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.toast-item .notify-description {
    font-size: 14px;
    color: var(--text-muted);
    margin-top: 4px;
}
.toast-item .close-toast {
    position: absolute;
    top: 8px;
    right: 10px;
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 16px;
}
.toast-item .close-toast:hover {
    color: var(--text);
}
.toast-item .progress {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    background-color: rgba(63,81,181,.2);
    border-radius: 2px;
}
.toast-item .progress-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
    border-radius: 0 0 10px 10px;
}
.toast-item .determinate-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: var(--brand);
    transition: width .3s linear;
}
@keyframes notifySlideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes notifySlideOut {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}
/* 头像晃动动画（间歇） */
@keyframes avatarShake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-6deg); }
    75% { transform: rotate(6deg); }
}
.better-notice-avatar.shaking {
    animation: avatarShake 0.4s ease-in-out 3; /* 晃动3次，约1.2秒 */
}
/* 移除红点 badge */
.notice-badge {
    display: none !important;
}
/* Avatar positioning - push to far right */
.top .bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.better-notice-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid transparent;
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: 2px;
    transition: none;
}
.better-notice-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
/* 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}}
/* daily_checkin */
.daily-checkin-wrap{display:grid;gap:10px;padding:12px 14px}
.daily-checkin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.daily-checkin-title{color:var(--text);font-size:13px;font-weight:700;line-height:1.35}
.daily-checkin-sub{margin-top:2px;color:var(--text-subtle);font-size:11px;line-height:1.35}
.daily-checkin-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border:1px solid var(--warning-soft);border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:11px;font-weight:600;white-space:nowrap}
.daily-checkin-badge.done{border-color:var(--brand-soft);background:var(--brand-soft);color:var(--brand)}
.daily-checkin-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.daily-checkin-stats>div{display:grid;gap:2px;padding:8px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg);text-align:center}
.daily-checkin-stats strong{color:var(--text);font-size:17px;line-height:1.1}
.daily-checkin-stats span{color:var(--text-subtle);font-size:11px;line-height:1.25}
.daily-checkin-action{display:block}
.daily-checkin-action .post-action-form{display:block!important;width:100%!important}
.daily-checkin-action button,.daily-checkin-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:0 10px;border-radius:7px;font-size:12px;font-weight:700}
.daily-checkin-action button{border:1px solid var(--brand);background:var(--brand);color:var(--inverse-text)}
.daily-checkin-action button:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}
.daily-checkin-done{border:1px solid var(--brand-soft);background:var(--brand-soft);color:var(--brand)}
.daily-checkin-page-panel .admin-list-head{padding:14px 16px}
.daily-checkin-page-body{display:grid;gap:16px;padding:16px}
.daily-checkin-page-stats{gap:12px}
.daily-checkin-page-stats>div{padding:16px 12px}
.daily-checkin-page-stats strong{font-size:24px}
.daily-checkin-page-stats span{font-size:12px}
.daily-checkin-page-action button,.daily-checkin-page-action .daily-checkin-done{min-height:42px;font-size:14px}
.admin-object-row.daily-checkin-row{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.admin-object-row.daily-checkin-row{grid-template-columns:minmax(0,1fr)}}
/* dark_mode */
/* ===== 暗黑模式 CSS 变量 ===== */
[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:#34d984;
    --brand-hover:#2ab86e;
    --brand-soft:rgba(52,217,132,.1);
    --success:#2ab86e;
    --success-soft:rgba(42,184,110,.1);
    --danger:#f47278;
    --danger-soft:rgba(244,114,120,.1);
    --warning:#f6a04e;
    --warning-soft:rgba(246,160,78,.1);
    --info:#6aaeff;
    --info-soft:rgba(106,174,255,.1);
    --inverse:#e8ecf4;
    --inverse-border:#cbd2e0;
    --inverse-text:#0f121a;
    --color-dark-rgb:255,255,255;
    --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 {
    transition:background-color .35s ease,color .3s ease,border-color .35s ease,box-shadow .35s ease
}

/* ===== 搜索框适配 ===== */
[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(.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"]),
[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)
}

/* ===== 按钮增强 ===== */
[data-dark-mode-theme="dark"] button[type="submit"]:not(.dark-mode-toggle-btn),
[data-dark-mode-theme="dark"] .btn-primary {
    background:var(--brand);
    color:var(--inverse-text);
    border-color:var(--brand);
    font-weight:600
}
[data-dark-mode-theme="dark"] button[type="submit"]:not(.dark-mode-toggle-btn):hover,
[data-dark-mode-theme="dark"] .btn-primary:hover {
    background:var(--brand-hover);
    border-color:var(--brand-hover)
}

/* ===== 选中文字高亮 ===== */
[data-dark-mode-theme="dark"] ::selection {
    background:rgba(52,217,132,.26);
    color:var(--text)
}

/* ===== 分隔线 ===== */
[data-dark-mode-theme="dark"] hr {
    border-color:var(--line)
}

/* ===== 图片微调 ===== */
[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:rgba(255,255,255,.06);
    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:rgba(255,255,255,.03)
}

/* ===== 滚动条 ===== */
[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-toggle-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:0;
    border-radius:999px;
    background:transparent;
    color:var(--text-muted);
    cursor:pointer;
    outline:none;
    position:relative;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    flex-shrink:0
}
.dark-mode-toggle-btn::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:999px;
    background:var(--brand);
    opacity:0;
    transition:opacity .35s ease
}
.dark-mode-toggle-btn:hover::before {
    opacity:.08
}
.dark-mode-toggle-btn:hover {
    border-color:var(--brand);
    color:var(--brand)
}
.dark-mode-toggle-btn:active {
    transform:scale(.92)
}
.dark-mode-toggle-btn:focus-visible {
    box-shadow:0 0 0 3.5px var(--focus-ring);
    border-color:var(--brand)
}
.dark-mode-toggle-btn svg {
    width:17px;
    height:17px;
    position:relative;
    z-index:1;
    transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s ease
}
[data-dark-mode-theme="dark"] .dark-mode-toggle-btn svg {
    transform:rotate(180deg)
}

/* ===== 图标可见性切换 ===== */
.dark-mode-icon-sun { display:block }
.dark-mode-icon-moon { display:none }
[data-dark-mode-theme="dark"] .dark-mode-icon-sun { display:none }
[data-dark-mode-theme="dark"] .dark-mode-icon-moon { display:block }

/* ===== 移动端：按钮缩小并移到菜单按钮旁 ===== */
@media(max-width:720px) {
    .dark-mode-toggle-btn {
        width:30px;
        height:30px
    }
    .dark-mode-toggle-btn svg {
        width:15px;
        height:15px
    }
}
/* download_assets */
.download-resource{
    box-sizing:border-box;
    display:grid;
    gap:10px;
    grid-column:1 / -1;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:14px 0 2px;
    padding:14px;
    border:1px solid var(--line);
    border-left:3px solid var(--brand);
    border-radius:var(--radius-sm);
    background:var(--panel);
    color:var(--text);
}
.download-resource-head{display:flex;align-items:flex-start;gap:8px;min-width:0}
.download-resource-badge{display:inline-flex;flex:0 0 auto;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:700;line-height:1.2}
.download-resource-title{min-width:0;overflow-wrap:anywhere;font-size:var(--font-size-md);line-height:1.45}
.download-resource-link,.download-resource-action{display:inline-flex;align-items:center;justify-content:center;justify-self:start;max-width:100%;min-height:34px;padding:0 16px;border-radius:var(--radius-sm);font-weight:600;line-height:1.35;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.download-resource-link{border:1px solid var(--brand);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-md)}
.download-resource-link:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}
.download-resource-action{border:1px solid var(--brand);background:var(--panel);color:var(--brand);font-size:var(--font-size-sm)}
.download-resource-action:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-hover)}
.download-resource-link:focus-visible,.download-resource-action:focus-visible,.download-unlock-form button:focus-visible,.download-resource-password:focus-visible,.download-form>summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.download-resource-action.download-resource-action-disabled{border-color:var(--line);background:var(--bg);color:var(--text-disabled);cursor:not-allowed}
.download-resource-action.download-resource-action-disabled:hover{border-color:var(--line);background:var(--bg);color:var(--text-disabled)}
.download-resource-pay{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.download-resource-price{color:var(--danger);font-size:var(--font-size-md);font-weight:600;line-height:1.45;white-space:nowrap}
.download-resource-hint{margin:0;overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}
.download-unlock-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;margin:0}
.download-unlock-form button{max-width:100%;min-height:34px;padding:0 16px;border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:600;line-height:1.35;cursor:pointer;white-space:normal}
.download-unlock-form button:hover{border-color:var(--brand-hover);background:var(--brand-hover)}
.download-unlock-form button:disabled{cursor:not-allowed;opacity:.6}
.download-resource-password{box-sizing:border-box;flex:1 1 180px;min-width:0;max-width:260px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-sm)}

.download-form{box-sizing:border-box;width:100%;max-width:100%;margin:0 0 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}
.download-form>summary{padding:10px 12px;color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1.45;cursor:pointer;list-style:none}
.download-form>summary::-webkit-details-marker{display:none}
.download-form>summary::before{content:"▸";display:inline-block;margin-right:8px;color:var(--text-subtle);transition:transform var(--transition-normal)}
.download-form[open]>summary::before{transform:rotate(90deg)}
.download-form-body{display:grid;gap:12px;min-width:0;padding:0 12px 12px}
.download-form-body .grid{margin:0}
.download-form-body input,.download-form-body select{min-width:0}
.download-form-note{margin:0;overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}
.download-form [hidden]{display:none}

.download-admin-settings{display:grid;gap:12px}
.download-admin-settings h2{margin:0;color:var(--text);font-size:var(--font-size-lg);line-height:1.35}
.download-permission-note{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}
.download-permission-groups{display:grid;gap:8px;margin:0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}
.download-permission-groups legend{padding:0 4px;color:var(--text);font-size:var(--font-size-sm);font-weight:600}
.download-permission-option{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 4px;color:var(--text);font-size:var(--font-size-sm);cursor:pointer}
.download-permission-option input{flex:0 0 auto}
.download-permission-option-name{min-width:0;overflow-wrap:anywhere}
.download-permission-empty{margin:0;color:var(--text-subtle);font-size:var(--font-size-sm)}
.download-admin-settings-actions{margin:0}
.download-records-bulk-form{margin:0;padding:10px 12px;border-bottom:1px solid var(--line-soft);background:var(--bg)}
.download-records-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.download-records-select-all{display:inline-flex;align-items:center;gap:8px;margin-right:auto;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer}
.download-records-select-all input{flex:0 0 auto}
.download-records-selected-count{color:var(--text-subtle);font-size:var(--font-size-sm);white-space:nowrap}
.download-records-bulk-delete{min-height:30px;padding:0 12px}
.download-records-bulk-form input[data-download-records-select-all][type=checkbox],.download-admin-list .admin-list-line>input.download-records-checkbox[type=checkbox]{
    box-sizing:border-box;
    width:16px;
    height:16px;
    margin:0;
    padding:0;
    border:1px solid var(--line);
    border-radius:3px;
    background:var(--panel);
    background-image:none;
    box-shadow:none;
    accent-color:var(--brand);
    appearance:checkbox;
    -webkit-appearance:checkbox;
    cursor:pointer
}
.download-admin-list .admin-list-line>input.download-records-checkbox[type=checkbox]{flex:0 0 auto;margin-top:3px}
.download-records-bulk-form input[data-download-records-select-all][type=checkbox]:focus-visible,.download-admin-list .admin-list-line>input.download-records-checkbox[type=checkbox]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:none}
.download-admin-row{grid-template-columns:minmax(0,1fr) auto}
.download-admin-row .admin-content-text{overflow-wrap:anywhere}
.download-admin-search{margin:0}
@media(max-width:600px){
    .download-resource{padding:12px}
    .download-resource-head{gap:6px}
    .download-resource-link,.download-resource-action{justify-self:stretch;width:100%}
    .download-resource-pay{align-items:stretch}
    .download-resource-pay .download-resource-price{width:100%}
    .download-unlock-form{width:100%}
    .download-unlock-form .download-resource-password{width:100%;max-width:none}
    .download-unlock-form button{flex:1 1 auto}
    .download-admin-list .admin-head-right-slot{flex:1 1 100%;width:100%;min-width:0}
    .download-admin-list .plugin-head-actions{width:100%;justify-content:flex-start}
    .download-admin-search{width:100%}
    .download-admin-search .admin-search-field{flex:1 1 160px;width:auto;min-width:0}
    .download-records-bulk-bar{align-items:flex-start}
    .download-records-select-all{flex-basis:100%;margin-right:0}
    .download-records-selected-count{margin-right:auto}
    .download-admin-row{grid-template-columns:minmax(0,1fr)}
    .download-admin-row .admin-inline-ops{justify-content:flex-start;margin-left:0}
}
/* hot_topics */
/* ===== Hot Topics Page ===== */
.hot-topics-header{padding:20px 20px 14px}
.hot-topics-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text);line-height:1.3}
.hot-topics-subtitle{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--text-subtle)}

/* Control bar: tabs left, capsules right */
.hot-topics-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 16px;flex-wrap:wrap}

/* Time tabs */
.hot-topics-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line-soft);border-radius:10px}
.hot-topics-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}
.hot-topics-tab:hover{color:var(--brand)}
.hot-topics-tab.active{background:var(--brand);color:var(--inverse-text);box-shadow:var(--shadow-base)}

/* Metric capsules */
.hot-topics-capsules{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line-soft);border-radius:999px}
.hot-topics-capsule{padding:6px 18px;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:all .2s ease;white-space:nowrap}
.hot-topics-capsule:hover{color:var(--brand)}
.hot-topics-capsule.active{background:var(--brand-soft);color:var(--brand)}

/* Topic List */
.hot-topics-list{display:grid;gap:6px;padding:0 20px 20px}

/* Topic Item - heat level backgrounds */
.hot-topics-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}
.hot-topics-item:hover{background:var(--panel);border-color:var(--brand-soft);box-shadow:var(--shadow-medium)}
.hot-topics-item.hot-topics-heat-hot{background:linear-gradient(135deg,var(--bg),rgba(245,158,11,.04));border-color:transparent}
.hot-topics-item.hot-topics-heat-hot:hover{background:linear-gradient(135deg,var(--panel),rgba(245,158,11,.06));border-color:var(--brand-soft)}
.hot-topics-item.hot-topics-heat-normal{background:rgba(243,245,246,.26);border-color:transparent}
.hot-topics-item.hot-topics-heat-normal:hover{background:var(--panel);border-color:var(--brand-soft)}

/* Rank Badge */
.hot-topics-rank-badge{flex:0 0 30px;width:30px;height:30px;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}
.hot-topics-rank-badge.hot-topics-rank-1{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.35)}
.hot-topics-rank-badge.hot-topics-rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px rgba(100,116,139,.25)}
.hot-topics-rank-badge.hot-topics-rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 2px 8px rgba(180,83,9,.25)}
.hot-topics-rank-badge.hot-topics-rank-other{background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs)}

/* Item Body */
.hot-topics-item-body{min-width:0;flex:1}
.hot-topics-item-title{font-size:var(--font-size-md);font-weight:600;color:var(--text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hot-topics-item:hover .hot-topics-item-title{color:var(--brand)}

/* Meta Row */
.hot-topics-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.hot-topics-forum-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:500;line-height:1.6}
.hot-topics-time{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.4}

/* Heat count badge on the right */
.hot-topics-count{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;line-height:1;min-height:32px;transition:all .2s ease}
.hot-topics-heat-hot .hot-topics-count{background:rgba(245,158,11,.1);color:#f59e0b}
.hot-topics-heat-normal .hot-topics-count{background:var(--bg);color:var(--text-subtle)}

/* Empty State */
.hot-topics-empty{padding:40px 20px;text-align:center;color:var(--text-subtle);font-size:var(--font-size-sm)}

/* ===== Sidebar Card ===== */
.hot-topics-card .hot-topics-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hot-topics-card .hot-topics-card-more{color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap;text-decoration:none}
.hot-topics-card .hot-topics-card-more:hover{color:var(--brand)}
.hot-topics-card .hot-topics-card-list a{display:flex;align-items:center;gap:8px;padding:6px 0;min-width:0}
.hot-topics-card .hot-topics-card-list a:before{display:none}
.hot-topics-card .hot-topics-card-rank{flex:0 0 18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--line-soft);color:var(--text-muted);font-size:11px;font-weight:700;line-height:1}
.hot-topics-card .hot-topics-card-rank-top{background:var(--brand-soft);color:var(--brand)}
.hot-topics-card .hot-topics-card-content{flex:1;min-width:0;display:block}
.hot-topics-card .hot-topics-card-title{display:block;font-size:var(--font-size-sm);color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot-topics-card .hot-topics-card-list a:hover .hot-topics-card-title{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-all}
.hot-topics-card .hot-topics-card-list a:hover .hot-topics-card-stat{opacity:0}
.hot-topics-card .hot-topics-card-stat{flex:0 0 auto;color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap}
.hot-topics-card .hot-topics-card-empty{padding:9px 0;color:var(--text-subtle);font-size:var(--font-size-sm)}

/* Responsive */
@media(max-width:600px){
    .hot-topics-header{padding:14px 14px 12px}
    .hot-topics-title{font-size:var(--font-size-lg)}
    .hot-topics-control{padding:0 14px 12px;gap:8px}
    .hot-topics-tab{padding:6px 12px;font-size:12px}
    .hot-topics-capsule{padding:5px 14px;font-size:12px}
    .hot-topics-list{gap:5px;padding:0 10px 16px}
    .hot-topics-item{padding:10px 12px;gap:10px}
    .hot-topics-rank-badge{flex:0 0 26px;width:26px;height:26px;font-size:12px}
    .hot-topics-item-title{font-size:var(--font-size-sm)}
    .hot-topics-count{padding:5px 10px;font-size:12px;min-height:28px}
}
/* 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}
/* 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}.post-head:has(.like-coin-form){padding-right:104px}.topic-post-list .post-head.has-floor:has(.like-coin-form){padding-right:140px}.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){.post-head:has(.like-coin-form){padding-right:110px}.topic-post-list .post-head.has-floor:has(.like-coin-form){padding-right:146px}.like-coin-options{grid-template-columns:1fr}}
/* md_video */
.md-video-wrap{max-width:100%;margin:10px 0;border-radius:var(--radius-sm);overflow:hidden;background:var(--inverse)}
.md-video-wrap video{display:block;width:100%;max-height:480px;border-radius:var(--radius-sm)}
/* 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}
/* official_notifications */
.official-notifications-nav{display:none;position:relative;width:32px;height:32px;place-items:center;border-radius:50%;color:var(--text-muted)}.official-notifications-nav svg{width:18px;height:18px}.official-notifications-nav.has-unread:after{content:"";position:absolute;right:4px;top:3px;width:7px;height:7px;border:2px solid var(--panel);border-radius:50%;background:var(--danger)}.official-notifications-nav-inbar{display:grid;grid-column:4;justify-self:end;margin-right:8px;flex:0 0 auto}.official-notifications-row{grid-template-columns:minmax(0,1fr) auto}.official-notifications-row.is-read{opacity:.65}.official-notifications-row.is-unread{box-shadow:inset 3px 0 var(--brand)}.official-notifications-admin-body{padding:14px}.official-notifications-form{display:grid;gap:10px;max-width:720px}@media(max-width:720px){.official-notifications-row{grid-template-columns:1fr}}
/* poll */
.poll-create-box,.poll-card{border:1px solid var(--line);background:var(--bg);border-radius:6px;margin:10px 0}
.poll-create-box{padding:10px 12px}
.poll-create-details{display:grid}
.poll-create-details summary{display:inline-flex;align-items:center;width:max-content;max-width:100%;color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1.4;cursor:pointer;list-style:none}
.poll-create-details summary::-webkit-details-marker{display:none}
.poll-create-details summary:before{content:"";width:0;height:0;margin-right:8px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease}
.poll-create-details[open] summary{color:var(--text)}
.poll-create-details[open] summary:before{transform:rotate(90deg)}
.poll-create-inner{display:grid;gap:10px;margin-top:8px}
.poll-create-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px}
.poll-more-options{display:grid;grid-column:1/-1;gap:6px;margin-top:3px}
.poll-more-options summary{width:max-content;max-width:100%;color:var(--brand);font-size:12px;cursor:pointer;list-style:none}
.poll-more-options summary::-webkit-details-marker{display:none}
.poll-more-options summary:hover{color:var(--brand-hover)}
.poll-more-options-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;margin-top:6px}
.poll-create-question,.poll-option-input{height:34px;padding:0 9px;border-color:var(--line);background:var(--panel);font-size:12px}
.poll-create-question:focus,.poll-option-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus-ring)}
.poll-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.poll-control-card{display:grid;align-content:center;gap:5px;min-width:0;min-height:48px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text-muted);font-size:11px;line-height:1.3}
.poll-control-card:focus-within{border-color:var(--brand-soft);background:var(--success-soft)}
.poll-control-toggle{grid-template-columns:14px minmax(0,1fr);align-items:center;cursor:pointer}
.poll-control-toggle input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--brand)}
.poll-control-toggle span{color:var(--text);font-size:12px}
.poll-control-number input[type=number]{width:100%;height:26px;padding:0 6px;border-color:var(--line);font-size:12px}
.poll-note{color:var(--text-muted);font-size:12px}
.poll-card{grid-column:1/-1;width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 4px 14px var(--shadow-medium)}
.poll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px 8px}
.poll-kicker{margin-bottom:1px;color:var(--brand);font-size:11px;font-weight:700;line-height:1.3}
.poll-status{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:700;white-space:nowrap}
.poll-body{display:grid;gap:6px;padding:0 12px 10px}
.poll-form{display:grid;gap:6px}
.poll-choice{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;padding:6px 0;color:var(--text);cursor:pointer}
.poll-choice+.poll-choice{border-top:1px solid var(--line-soft)}
.poll-choice:hover{background:transparent;color:var(--text)}
.poll-choice input{position:absolute;opacity:0;pointer-events:none}
.poll-choice-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 3px var(--panel)}
.poll-choice.multi .poll-choice-mark{border-radius:4px}
.poll-choice input:checked+.poll-choice-mark{border-color:var(--brand);background:var(--brand)}
.poll-choice:has(input:checked){color:var(--text)}
.poll-choice.disabled{cursor:default;color:var(--text)}
.poll-choice.disabled:hover{background:transparent}
.poll-choice-text{min-width:0;word-break:break-word;overflow-wrap:anywhere}
.poll-result-row{display:grid;gap:5px;padding:6px 0}
.poll-result-row+.poll-result-row{border-top:1px solid var(--line-soft)}
.poll-result-row.selected{background:transparent}
.poll-result-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.poll-result-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text);font-weight:400;word-break:break-word;overflow-wrap:anywhere}
.poll-picked{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:700;white-space:nowrap}
.poll-result-count{flex:0 0 auto;color:var(--text-muted);font-size:12px;white-space:nowrap}
.poll-bar{height:6px;background:var(--line);border-radius:999px;overflow:hidden}
.poll-bar span{display:block;height:100%;border-radius:999px;background:var(--brand)}
.poll-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:0 12px 10px;color:var(--text-muted);font-size:12px}
.poll-foot-main{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.poll-submit-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.poll-submit-row button,.poll-login-link,.poll-admin-action button{width:auto}
.poll-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-sm,4px);background:var(--brand);color:var(--inverse-text);font-weight:600}
.poll-login-link:hover{background:var(--brand-hover);color:var(--inverse-text)}
.poll-closed{color:var(--warning)}
.poll-admin-row{grid-template-columns:minmax(0,1fr) auto}.poll-admin-row .admin-row-meta span{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){.poll-admin-row{grid-template-columns:minmax(0,1fr)}.poll-admin-row .admin-inline-ops{grid-column:1;justify-content:flex-start;margin-left:0}}
@media (max-width:640px){.poll-create-box{margin:8px 0;padding:8px 10px}.poll-create-details summary,.poll-more-options summary{min-height:28px;display:inline-flex;align-items:center}.poll-create-details summary:before{flex:0 0 auto}.poll-create-options,.poll-more-options-body{grid-template-columns:1fr}.poll-create-question,.poll-option-input{width:100%;max-width:none;height:34px;font-size:13px}.poll-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.poll-control-card{min-height:46px;padding:6px 8px}.poll-card{margin:8px 0;box-shadow:0 3px 10px var(--shadow-medium)}.poll-head{display:grid;gap:4px;padding:9px 10px 7px}.poll-status{justify-self:start;min-height:0;padding:0;background:transparent;color:var(--text-subtle);font-size:11px;font-weight:400}.poll-body{padding:0 10px 9px}.poll-choice{grid-template-columns:16px minmax(0,1fr);gap:7px;min-height:34px}.poll-result-row{gap:4px}.poll-result-top{display:grid;gap:3px}.poll-result-title{display:block}.poll-picked{margin-left:0;margin-top:4px}.poll-result-count{justify-self:start;font-size:11px}.poll-foot{display:grid;gap:7px;padding:0 10px 9px}.poll-login-link{width:100%}.poll-submit-row{display:grid;gap:7px}.poll-submit-row button{width:100%;justify-self:stretch}}
    .poll-control-toggle{grid-template-columns:38px minmax(0,1fr)}
    .poll-control-toggle input[type=checkbox]{width:38px;height:22px;margin:0;padding:0}
/* quick_reply */
.quick-reply-main-action{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:10px}
.quick-reply-main-action[hidden]{display:none}
.quick-reply-home .quick-reply-main-action{width:100%}
.quick-reply-main-action input{box-sizing:border-box;min-width:0;flex:1;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-sm);cursor:text}
.quick-reply-main-action input:focus,.quick-reply-home input:focus{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px}
.quick-reply-main-action button{flex:0 0 auto;min-height:34px;padding:0 14px;border:1px solid var(--brand);border-radius:4px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);cursor:pointer}
.quick-reply-main-action button:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.quick-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.quick-reply-mention{color:var(--brand);font-size:var(--font-size-sm);text-decoration:none}
.quick-reply-mention:hover{text-decoration:underline}
.quick-reply-home{display:flex;align-items:center;justify-content:center;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.quick-reply-home[hidden]{display:none}
.topic-post-list .post-entry.quick-reply-host-before{grid-template-areas:"avatar body" "content content" "quick-reply-slot quick-reply-slot"}
.topic-post-list .post-entry.quick-reply-host-before.has-title{grid-template-areas:"title title" "avatar body" "content content" "quick-reply-slot quick-reply-slot"}
.quick-reply-slot{grid-area:quick-reply-slot;min-width:0;margin:10px 0}
.quick-reply-slot .reply-panel{margin:0}
.topic-post-list .quick-reply-new-reply{margin:10px 0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}
.quick-reply-collapse{margin-left:auto;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.4;text-align:right;cursor:pointer}
/* quote_threads */
.topic-post-list>.quote-threads-thread-item{border-bottom:0}.topic-post-list>.quote-threads-child{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"avatar body" "content content";gap:0 9px;min-height:0;margin:6px 0 6px 40px!important;padding:8px 0;border:0;border-radius:0;background:transparent}.topic-post-list>.quote-threads-child.post-highlight{background:var(--brand-soft)}.topic-post-list>.quote-threads-child .post-avatar{width:30px;height:30px;transform:none}.topic-post-list>.quote-threads-child .post-body{min-height:30px}.topic-post-list>.quote-threads-child .post-head{min-height:16px;padding-right:44px}.topic-post-list>.quote-threads-child .post-meta{margin-top:1px}.topic-post-list>.quote-threads-child .post-content{margin-top:7px;padding-top:0;border:0}.topic-post-list>.quote-threads-child .post-ops{right:0}.topic-post-list>.quote-threads-thread-end{border-bottom:1px solid var(--bg)}@media(max-width:720px){.topic-post-list>.quote-threads-child{grid-template-columns:28px minmax(0,1fr);margin-left:36px!important;padding:8px 0}.topic-post-list>.quote-threads-child .post-avatar{width:28px;height:28px}}
/* reading_progress */
.reading-progress-track{position:fixed;top:0;left:0;z-index:80;width:100%;height:3px;background:transparent;pointer-events:none}.reading-progress-bar{display:block;width:0;height:100%;background:var(--brand);box-shadow:0 0 8px var(--focus-ring);transform-origin:left center;transition:width 80ms linear}.reading-progress-track[hidden]{display:none}@media(prefers-reduced-motion:reduce){.reading-progress-bar{transition:none}}
/* scroll_restore */
.scroll-restore-prompt{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:8px;max-width:min(360px,calc(100vw - 32px));padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs);box-shadow:0 7px 22px var(--shadow-medium)}.scroll-restore-prompt[hidden]{display:none}.scroll-restore-action,.scroll-restore-close{min-height:28px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer}.scroll-restore-action{border-color:var(--brand);color:var(--brand)}.scroll-restore-close{width:28px;min-width:28px;padding:0}@media(max-width:720px){.scroll-restore-prompt{right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}}
/* site_logo */
.brand{background-image:var(--site-logo-image,none);background-repeat:no-repeat;background-position:left center;background-size:contain;width:var(--site-logo-width,auto);max-width:100%;height:var(--site-logo-height,auto);font-size:var(--site-logo-brand-font-size,var(--font-size-lg))}.brand:before{background-image:var(--site-logo-icon-image,url("index.svg"));display:var(--site-logo-icon-display,inline-block)}.bar{grid-template-rows:var(--site-logo-bar-row,48px)}@media(prefers-color-scheme:dark){.brand{background-image:var(--site-logo-image-dark,var(--site-logo-image,none))}}html[data-site-logo-scheme="light"] .brand{background-image:var(--site-logo-image,none)}html[data-site-logo-scheme="dark"] .brand{background-image:var(--site-logo-image-dark,var(--site-logo-image,none))}@media(max-width:720px){.bar{height:var(--site-logo-bar-height,44px)}.brand{width:var(--site-logo-width-mobile,auto);height:var(--site-logo-height-mobile,auto)}.brand:before{display:none}}.site-logo-row{margin:0 0 18px}.site-logo-row:last-child{margin-bottom:0}.site-logo-field{min-width:0}.site-logo-thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:78px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.site-logo-thumb-dark{border-color:var(--inverse-border);background:var(--inverse)}.site-logo-thumb-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.site-logo-thumb img{max-width:100%;max-height:100%}.site-logo-clear{position:absolute;top:-9px;right:-9px;display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;min-height:22px;padding:0;border:0;border-radius:50%;background:var(--danger);color:var(--inverse-text);font-size:var(--font-size-sm);line-height:1}.site-logo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.site-logo-url{flex:1 1 240px;min-width:0;max-width:450px}.site-logo-controls button{flex:0 0 auto;min-width:64px}.site-logo-tip{display:block;margin-top:6px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}
/* telegram_bind */
.telegram-bind-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.telegram-bind-section h2{margin:0 0 8px;color:var(--text);font-size:var(--font-size-lg);line-height:1.35}
.telegram-bind-help{margin:0 0 12px;color:var(--text-subtle);font-size:var(--font-size-sm);line-height:1.5}
.telegram-bind-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.telegram-bind-notify-toggle{display:flex;align-items:center;gap:8px;margin:10px 0 6px;color:var(--text);font-size:var(--font-size-sm);cursor:pointer}
.telegram-bind-notify-toggle input{accent-color:var(--brand)}
.telegram-bind-info{display:grid;gap:4px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}
.telegram-bind-info small{color:var(--text-subtle);font-size:var(--font-size-xs)}
.telegram-bind-result{margin-top:12px;color:var(--text);font-size:var(--font-size-sm);line-height:1.5}
.telegram-bind-code{display:inline-block;margin:10px 0;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--brand);font-weight:700;font-size:var(--font-size-xl);letter-spacing:2px;user-select:all}
.telegram-bind-result p{margin:0 0 6px}
.telegram-bind-result .telegram-bind-help{margin:6px 0 0}
.telegram-bind-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.telegram-bind-actions button{font-size:var(--font-size-sm)}
.telegram-bind-label{color:var(--text-subtle);font-size:var(--font-size-sm);white-space:nowrap}
.telegram-bind-actions select{padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--font-size-sm)}
.telegram-bind-actions input[type="text"]{flex:1;min-width:180px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-size:var(--font-size-sm)}
/* telegram_notify */
.telegram-notify-profile-card{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.telegram-notify-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.telegram-notify-help,.telegram-notify-status small{color:var(--text-subtle);font-size:12px}.telegram-notify-page{display:grid;gap:14px}.telegram-notify-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.telegram-notify-title h2{margin:0}.telegram-notify-help{margin:0;line-height:1.6}.telegram-notify-form{display:grid;gap:12px}.telegram-notify-actions{display:flex;gap:8px;flex-wrap:wrap}.telegram-notify-status+.telegram-notify-actions{margin-top:12px}.telegram-notify-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.telegram-notify-status span{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);overflow-wrap:anywhere}.telegram-notify-admin-stats{margin-top:12px}@media(max-width:680px){.telegram-notify-actions{display:grid;grid-template-columns:1fr}.telegram-notify-actions button{width:100%}}
/* topic_favorites */
.topic-favorites-action .fav-btn{margin:0;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.topic-favorites-action .fav-btn:hover{background:transparent}.topic-favorites-action .fav-btn:disabled{opacity:.55}
/* unread_topic_notice */
.unread-topic-notice{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:var(--brand);font-size:11px;font-weight:600;line-height:1;vertical-align:1px;white-space:nowrap}
.unread-topic-notice:hover{color:var(--brand-hover)}
.unread-topic-notice:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.topic-toolbar .post-action-form{flex:0 0 auto!important}
.topic-toolbar button.unread-topic-read-all{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text-disabled)!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap!important}
.topic-toolbar button.unread-topic-read-all:hover{background:transparent!important;color:var(--text-muted)!important}
/* username_change */
.form-panel form>.username-change-inline{margin:0 0 8px}.username-change-inline .profile-disclosure-summary{align-items:center}.username-change-summary-meta{display:flex;align-items:center;gap:8px}.username-change-summary-meta small{color:var(--text-muted);font-size:12px}.username-change-inline-fields{display:flex;gap:8px}.username-change-inline-fields input{min-width:0;flex:1}.username-change-inline-fields button{white-space:nowrap}.username-change-inline p{margin:8px 0 0;color:var(--text-muted);font-size:12px}.username-change-current-password{margin-top:10px}.username-change-current-password input{width:100%}
/* video_player */
.bbs-video-wrap{
    margin:16px 0;
}
.bbs-video-player{
    width:100%;
    max-width:820px;
    border-radius:8px;
    background:#000000;
}
@media(max-width:768px){
    .bbs-video-player{
        max-width:100%;
    }
}
/* wy-image-upload */
.nos-image-upload-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.nos-image-upload-injected{display:none}
.nos-image-upload-md-btn{flex-shrink:0}
.nos-image-upload-md-btn svg{display:block}
.nos-image-upload-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);line-height:1.5;transition:border-color .15s,color .15s}
.nos-image-upload-btn:hover{border-color:var(--brand);color:var(--brand)}
.nos-image-upload-btn svg{flex-shrink:0}
.nos-image-upload-btn.is-busy{pointer-events:none;opacity:.6}
.nos-image-upload-overlay{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s}
.nos-image-upload-overlay.is-open{opacity:1;pointer-events:auto}
.nos-image-upload-modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;max-width:480px;width:90%;box-shadow:var(--shadow-medium)}
.nos-image-upload-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.nos-image-upload-modal-head h3{margin:0;font-size:var(--font-size-lg)}
.nos-image-upload-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-xl);padding:0 4px;line-height:1;border-radius:4px}
.nos-image-upload-close:hover{color:var(--text)}
.nos-image-upload-dropzone{border:2px dashed var(--line);border-radius:10px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.nos-image-upload-dropzone:hover{border-color:var(--brand);background:var(--brand-soft)}
.nos-image-upload-dropzone.is-dragover{border-color:var(--brand);background:var(--brand-soft)}
.nos-image-upload-dropzone-icon{margin-bottom:8px;color:var(--text-subtle)}
.nos-image-upload-dropzone-text{color:var(--text-muted);font-size:var(--font-size-sm)}
.nos-image-upload-dropzone-hint{color:var(--text-subtle);font-size:var(--font-size-xs);margin-top:4px}
.nos-image-upload-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.nos-image-upload-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;font-size:var(--font-size-sm)}
.nos-image-upload-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}
.nos-image-upload-ok{color:var(--success);flex-shrink:0}
.nos-image-upload-err{color:var(--danger);flex-shrink:0}
.nos-image-upload-progress{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;animation:nos-image-upload-spin .6s linear infinite}
@keyframes nos-image-upload-spin{to{transform:rotate(360deg)}}