:root{--bg: #f5f0e8;--card-bg: #fdfaf5;--border: #e0d8cc;--text: #3a3226;--text-secondary: #7a7265;--accent: #8b7355;--accent-light: #c4a882;--highlight: #fef3cd;--shadow: 0 2px 12px rgba(60, 40, 20, .08);--shadow-lg: 0 8px 32px rgba(60, 40, 20, .14);--radius: 10px;--radius-sm: 6px;--transition-smooth: .45s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s ease;--sidebar-bg: #f8f4ec;--modal-bg: #fffefb;--overlay: rgba(40, 30, 20, .3);--success: #27ae60;--danger: #c0392b;--warn: #e67e22;--info: #555}body[data-theme=oled]{--bg: #000000;--card-bg: #0d0d0d;--border: #2a2a2a;--text: #d4d4d4;--text-secondary: #999999;--accent: #b8a080;--accent-light: #7a6a5a;--highlight: #2a2a1a;--shadow: 0 2px 10px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--sidebar-bg: #0a0a0a;--modal-bg: #141414;--overlay: rgba(0,0,0,.7)}body[data-theme=dark-blue]{--bg: #0f1a2e;--card-bg: #132236;--border: #2a3a54;--text: #c5d0e0;--text-secondary: #8a9bb5;--accent: #7e9bc0;--accent-light: #5a6f90;--highlight: #1a2840;--shadow: 0 2px 12px rgba(10,20,40,.5);--shadow-lg: 0 8px 32px rgba(10,20,40,.6);--sidebar-bg: #0f1a2e;--modal-bg: #132236;--overlay: rgba(0,10,30,.6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Hiragino Sans,Noto Sans CJK SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-smooth),color var(--transition-smooth)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-light),var(--accent),var(--accent),var(--accent),var(--accent-light));z-index:1000;opacity:.7}.app-container{display:flex;height:100vh;padding-top:3px;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0;box-shadow:2px 0 18px #00000014}.sidebar-brand{padding:0 18px 16px;font-size:1.1rem;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-brand small{font-size:.7rem;font-weight:400;color:var(--text-secondary);display:block;margin-top:2px}.sidebar-user{padding:10px 18px 14px;border-bottom:1px solid var(--border);margin-bottom:8px;font-size:.82rem;color:var(--text-secondary)}.sidebar-user .user-label{font-weight:600;color:var(--text);font-family:SF Mono,Consolas,monospace}.nav-menu{list-style:none;padding:0 10px;flex:1}.nav-menu li{padding:10px 14px;margin:2px 0;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.88rem;color:var(--text);display:flex;align-items:center;gap:10px;user-select:none}.nav-menu li:hover{background:#8b735514;color:var(--accent)}.nav-menu li.active{background:#8b735526;font-weight:600;color:var(--accent)}.nav-menu li .nav-icon{font-size:1.05rem;width:20px;text-align:center}.sidebar-footer{padding:12px 14px 8px;border-top:1px solid var(--border);display:flex;gap:6px;flex-wrap:wrap}.sidebar-footer button{flex:1;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;font-size:.75rem;cursor:pointer;color:var(--text);transition:all var(--transition-fast);white-space:nowrap}.sidebar-footer button:hover{background:var(--highlight);border-color:var(--accent-light)}.main-panel{flex:1;overflow-y:auto;padding:24px 28px;background:var(--bg)}.main-panel::-webkit-scrollbar{width:5px}.main-panel::-webkit-scrollbar-track{background:transparent}.main-panel::-webkit-scrollbar-thumb{background:#d5cbc0;border-radius:10px}.main-panel::-webkit-scrollbar-thumb:hover{background:#b8a99a}.view{display:none}.view.active{display:block}.view-header{margin-bottom:24px}.view-header h1{font-size:1.5rem;font-weight:700;color:var(--accent)}.view-header p{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card .stat-num{font-size:2rem;font-weight:700;color:var(--accent);line-height:1.2}.stat-card .stat-label{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.stat-card .stat-icon{font-size:1.4rem;margin-bottom:6px}.stat-card .stat-sub{font-size:.72rem;color:var(--text-secondary);margin-top:6px}.dash-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:800px){.dash-row{grid-template-columns:1fr}}.dash-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.dash-card h3{font-size:.95rem;font-weight:600;margin-bottom:14px;color:var(--text);display:flex;align-items:center;gap:8px}.dash-card h3 .badge{font-size:.65rem;font-weight:400;color:var(--text-secondary);background:var(--highlight);padding:2px 8px;border-radius:10px}.cat-bar-list{display:flex;flex-direction:column;gap:10px}.cat-bar-row{display:flex;align-items:center;gap:10px}.cat-bar-row .cat-name{width:50px;font-size:.8rem;color:var(--text-secondary);text-align:right;flex-shrink:0}.cat-bar-row .cat-track{flex:1;height:22px;background:var(--border);border-radius:11px;overflow:hidden;position:relative}.cat-bar-row .cat-fill{height:100%;border-radius:11px;background:linear-gradient(90deg,var(--accent-light),var(--accent));transition:width .8s cubic-bezier(.34,1.56,.64,1)}.cat-bar-row .cat-val{width:36px;font-size:.78rem;color:var(--text);font-weight:600;text-align:right;flex-shrink:0}.rank-list{list-style:none}.rank-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem}.rank-list li:last-child{border-bottom:none}.rank-list .rank-pos{width:24px;height:24px;border-radius:50%;background:var(--highlight);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--accent);flex-shrink:0}.rank-list .rank-label{flex:1;font-family:SF Mono,Consolas,monospace;font-size:.8rem}.rank-list .rank-count{font-size:.75rem;color:var(--text-secondary);background:#8b73551a;padding:2px 10px;border-radius:12px}.activity-list{list-style:none}.activity-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.82rem;align-items:flex-start}.activity-list li:last-child{border-bottom:none}.activity-list .act-type{flex-shrink:0;font-size:.7rem;background:var(--highlight);padding:1px 8px;border-radius:8px;color:var(--accent)}.activity-list .act-body{flex:1;min-width:0}.activity-list .act-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list .act-meta{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.activity-list .act-snippet{font-size:.78rem;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.thread-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.thread-toolbar .search-input{flex:1;min-width:160px;padding:8px 14px;border:1px solid var(--border);border-radius:20px;background:var(--card-bg);color:var(--text);font-size:.85rem;outline:none;transition:border-color var(--transition-fast)}.thread-toolbar .search-input:focus{border-color:var(--accent)}.thread-toolbar .view-toggle{display:flex;gap:4px}.thread-toolbar .view-toggle button{padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;color:var(--text);font-size:.78rem;transition:all var(--transition-fast)}.thread-toolbar .view-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.thread-toolbar .view-toggle button:hover:not(.active){background:var(--highlight)}.dual-pane{display:flex;gap:16px;height:calc(100vh - 180px)}.pane-list{flex:0 0 360px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg)}.pane-list::-webkit-scrollbar{width:5px}.pane-list::-webkit-scrollbar-thumb{background:#d5cbc0;border-radius:10px}.pane-detail{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);padding:16px 20px}.pane-detail::-webkit-scrollbar{width:5px}.pane-detail::-webkit-scrollbar-thumb{background:#d5cbc0;border-radius:10px}.admin-thread-card{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast)}.admin-thread-card:last-child{border-bottom:none}.admin-thread-card:hover{background:var(--highlight)}.admin-thread-card.active{background:var(--highlight);border-left:3px solid var(--accent)}.admin-thread-card .atc-title{font-size:.9rem;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-thread-card .atc-meta{font-size:.72rem;color:var(--text-secondary);display:flex;gap:8px;flex-wrap:wrap}.admin-thread-card .atc-badge{font-size:.62rem;padding:2px 8px;border-radius:8px;background:#8b73551a;color:var(--accent);white-space:nowrap}.admin-thread-card .atc-badge.featured{background:#fef3cd;color:#b8952e;padding:2px 8px;white-space:nowrap}.admin-thread-card .atc-badge.saged{background:#f0e0d0;color:#a08060}.admin-thread-card .atc-badge.deleted{background:#f0d0d0;color:#c0392b}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.detail-header h2{font-size:1.1rem;font-weight:600}.detail-actions{display:flex;gap:6px;flex-wrap:wrap}.detail-actions button,.reply-actions button{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;color:var(--text);font-size:.72rem;transition:all var(--transition-fast);white-space:nowrap}.detail-actions button:hover,.reply-actions button:hover{background:var(--highlight);border-color:var(--accent-light)}.detail-actions button.danger,.reply-actions button.danger{color:var(--danger);border-color:#e8b0b0}.detail-actions button.danger:hover{background:#fde8e8}.detail-actions button.success{color:var(--success);border-color:#b0d8b0}.detail-actions button.success:hover{background:#e8f8e8}.detail-reply{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);align-items:flex-start}.detail-reply:last-child{border-bottom:none}.detail-reply .dr-content{flex:1;min-width:0;font-size:.88rem;line-height:1.55}.detail-reply .dr-meta{font-size:.72rem;color:var(--text-secondary);margin-bottom:4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.detail-reply .dr-meta .dr-author{font-weight:600;color:var(--text)}.detail-reply .dr-deleted{opacity:.5;text-decoration:line-through}.reply-actions{display:flex;gap:4px;flex-shrink:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg)}table.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}table.admin-table th{background:var(--sidebar-bg);padding:10px 14px;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--border);white-space:nowrap}table.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border)}table.admin-table tr:last-child td{border-bottom:none}table.admin-table tr:hover td{background:var(--highlight)}table.admin-table .tb-actions{display:flex;gap:4px;flex-wrap:nowrap}table.admin-table .tb-actions button{padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);cursor:pointer;font-size:.7rem;transition:all var(--transition-fast);color:var(--text)}table.admin-table .tb-actions button:hover{background:var(--highlight)}table.admin-table .tb-id{font-family:SF Mono,Consolas,monospace;font-size:.75rem;color:var(--text-secondary)}table.admin-table .tb-title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.user-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);transition:all var(--transition-fast)}.user-card:hover{box-shadow:var(--shadow-lg)}.user-card .uc-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.user-card .uc-avatar{width:40px;height:40px;border-radius:50%;background:var(--highlight);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent)}.user-card .uc-name{font-weight:600;font-family:SF Mono,Consolas,monospace;font-size:.9rem}.user-card .uc-status{font-size:.68rem;padding:1px 8px;border-radius:8px}.user-card .uc-status.normal{background:#e8f8e8;color:var(--success)}.user-card .uc-status.banned{background:#fde8e8;color:var(--danger)}.user-card .uc-stats{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}.user-card .uc-actions{display:flex;gap:6px}.user-card .uc-actions button{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;font-size:.75rem;transition:all var(--transition-fast)}.user-card .uc-actions button:hover{background:var(--highlight)}.user-card .uc-actions button.ban-btn{color:var(--danger)}.user-card .uc-actions button.unban-btn{color:var(--success)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;backdrop-filter:blur(2px)}.modal-overlay.active{opacity:1;visibility:visible}.modal-box{background:var(--modal-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform .25s ease}.modal-overlay.active .modal-box{transform:scale(1)}.modal-box h2{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--accent)}.modal-box .modal-body{margin-bottom:18px}.modal-box .modal-body label{display:block;font-size:.82rem;color:var(--text-secondary);margin-bottom:4px}.modal-box .modal-body input,.modal-box .modal-body textarea,.modal-box .modal-body select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font-size:.85rem;font-family:inherit;margin-bottom:12px;outline:none;transition:border-color var(--transition-fast)}.modal-box .modal-body input:focus,.modal-box .modal-body textarea:focus{border-color:var(--accent)}.modal-box .modal-body textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border);padding-top:16px}.modal-actions button{padding:8px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}.modal-actions .btn-cancel{background:var(--card-bg);color:var(--text)}.modal-actions .btn-cancel:hover{background:var(--highlight)}.modal-actions .btn-confirm{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-actions .btn-confirm:hover{opacity:.9}.modal-actions .btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-actions .btn-danger:hover{opacity:.9}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:.9rem}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.loading{text-align:center;padding:40px 20px;color:var(--text-secondary)}.loading .spin{display:inline-block;animation:spin .8s linear infinite;font-size:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hamburger,.sidebar-overlay{display:none}@media(max-width:768px){.hamburger{display:flex;position:fixed;top:12px;left:12px;z-index:98;width:36px;height:36px;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;color:var(--text);transition:all var(--transition-fast)}.hamburger:hover{background:var(--highlight)}.hamburger.open{left:236px}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0000004d;z-index:89;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);backdrop-filter:blur(1px)}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{position:fixed;left:-220px;top:3px;bottom:0;z-index:90;transition:left var(--transition-smooth);box-shadow:none;width:220px}.sidebar.open{left:0;box-shadow:var(--shadow-lg)}.main-panel{padding:56px 14px 16px}.app-container{padding-top:3px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.stat-card{padding:14px}.stat-card .stat-num{font-size:1.5rem}.dash-row{grid-template-columns:1fr}.dual-pane{flex-direction:column;height:auto}.pane-list{flex:none;width:100%;max-height:280px}.pane-detail{flex:none;width:100%}.users-grid{grid-template-columns:1fr}.user-card{min-width:0}.modal-box{width:95%;padding:18px 14px;max-height:90vh}table.admin-table{font-size:.72rem}table.admin-table th,table.admin-table td{padding:6px}table.admin-table .tb-title{max-width:100px}}