.list-page{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;gap:var(--spacing-lg);font-family:var(--font-family);flex-direction:column;display:flex}.list-page .analytics-header{gap:var(--spacing-md);display:flex}.list-page .stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(158px,1fr));width:100%;display:grid}.list-page .stat-card{background:var(--color-bg-primary);padding:16px 20px}.list-page .stat-card:hover{box-shadow:0 2px 8px #0000000f}.list-page .stat-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.list-page .stat-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.list-page .stat-title-cn{color:var(--color-secondary);font-size:12px;font-weight:600;line-height:1.2}.list-page .stat-value{color:var(--color-primary);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;font-size:28px;font-weight:700;line-height:1.15;overflow:hidden}.list-page .stat-label{color:var(--color-muted);opacity:.7;font-size:11px;font-weight:400;line-height:1.2}.list-page .stat-trend{border-radius:0;flex-shrink:0;align-items:center;gap:2px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.list-page .stat-trend [class^=i-lucide-]{width:12px;height:12px;font-size:12px}.list-page .stat-trend-positive{color:var(--color-accent-green);background:#388e3c1a}.list-page .stat-trend-negative{color:var(--color-accent-red);background:#dc26261a}.list-page .stat-badge{background:var(--color-bg-tertiary);color:var(--color-secondary);white-space:nowrap;border-radius:0;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.list-page .toolbar-section{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;display:flex}.list-page .search-box-wrapper{flex:1;align-items:center;min-width:200px;max-width:400px;display:flex;position:relative}.list-page .search-icon{color:var(--color-muted);pointer-events:none;font-size:18px;position:absolute;left:12px}.list-page .search-icon [class^=i-lucide-]{width:18px;height:18px;font-size:18px}.list-page .search-input{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-primary);border-radius:0;padding:10px 36px 10px 38px;font-size:14px;transition:all .15s}.list-page .search-input:focus{border-color:var(--color-accent-blue);outline:none;box-shadow:0 0 0 3px #1976d21a}.list-page .search-input::placeholder{color:var(--color-muted)}.list-page .search-clear-btn{background:var(--color-bg-tertiary);width:28px;height:28px;color:var(--color-muted);cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:absolute;right:8px}.list-page .search-clear-btn:hover{background:var(--color-border);color:var(--color-secondary)}.list-page .search-clear-btn [class^=i-lucide-]{width:16px;height:16px;font-size:16px}.list-page .toolbar-actions{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.list-page .filter-toggle-group{background:var(--color-bg-tertiary);border-radius:0;align-items:center;gap:2px;padding:4px;display:flex}.list-page .filter-toggle-btn{color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.list-page .filter-toggle-btn:hover{background:var(--color-bg-primary);color:var(--color-secondary)}.list-page .filter-toggle-btn.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:0 1px 3px #00000014}.list-page .filter-toggle-icon{opacity:.65;font-size:16px;display:flex}.list-page .filter-toggle-icon [class^=i-lucide-]{width:16px;height:16px;font-size:16px}.list-page .filter-toggle-btn.active .filter-toggle-icon{opacity:1}.list-page .filter-toggle-count{background:var(--color-bg-tertiary);color:var(--color-muted);border-radius:0;padding:2px 6px;font-size:11px;font-weight:600}.list-page .filter-toggle-btn.active .filter-toggle-count{background:var(--color-accent-blue);color:#fff}.list-page .icon-btn{width:36px;height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.list-page .icon-btn [class^=i-lucide-]{width:18px;height:18px;font-size:18px}.list-page .icon-btn:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.list-page .filter-divider{background:var(--color-border);flex-shrink:0;width:1px;height:1.25rem;margin:0 .125rem}.list-page .batch-bar{padding:var(--spacing-md);background:var(--color-primary);color:#fff;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.list-page .batch-info{align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:500;display:flex}.list-page .batch-info [class^=i-lucide-]{width:18px;height:18px;font-size:18px}.list-page .batch-deselect{margin-left:var(--spacing-sm);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:0;padding:4px 8px;font-size:12px;transition:background .15s}.list-page .batch-deselect:hover{background:#ffffff40}.list-page .batch-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.list-page .batch-btn{cursor:pointer;border:none;border-radius:0;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.list-page .batch-btn [class^=i-lucide-]{width:16px;height:16px;font-size:16px}.list-page .batch-btn-secondary{color:#fff;background:#ffffff26}.list-page .batch-btn-secondary:hover{background:#ffffff40}.list-page .batch-btn-primary{background:var(--color-accent-blue);color:#fff}.list-page .batch-btn-primary:hover{background:#1565c0}.list-page .batch-btn-success{background:var(--color-accent-green);color:#fff}.list-page .batch-btn-success:hover{background:#2e7d32}.list-page .batch-btn-danger{background:var(--color-accent-red);color:#fff}.list-page .batch-btn-danger:hover{background:#b91c1c}.list-page .list-wrapper{background:var(--color-bg-primary);flex-direction:column;display:flex}.list-page .list-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.list-page .list-header-left{align-items:center;gap:var(--spacing-md);display:flex}.list-page .select-all-btn{width:48px;height:48px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.list-page .select-all-btn:hover{background:var(--color-bg-secondary);color:var(--color-secondary)}.list-page .select-all-btn.checked,.list-page .select-all-btn.indeterminate{color:var(--color-accent-blue)}.list-page .select-all-btn [class^=i-lucide-]{width:26px;height:26px;font-size:26px}.list-page .list-title-wrapper{flex-direction:column;gap:2px;display:flex}.list-page .list-title{color:var(--text-secondary);opacity:.6;font-size:13px;font-weight:400;line-height:1.2}.list-page .list-title-cn{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}.list-page .list-count{background:var(--color-bg-tertiary);color:var(--color-muted);border-radius:0;padding:4px 10px;font-size:12px;font-weight:500}.list-page .list-content{flex-direction:column;display:flex}.list-page .table-row{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;transition:background .15s;display:grid}.list-page .table-row:hover{background:var(--color-bg-secondary)}.list-page .table-row.row-selected,.list-page .table-row.selected{background:#1976d20a}.list-page .table-cell{box-sizing:border-box;align-items:center;width:100%;min-width:0;display:flex}.list-page .table-cell-actions{justify-content:flex-end}.list-page .row-checkbox{width:48px;height:48px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.list-page .row-checkbox:hover{color:var(--color-secondary);background:var(--color-bg-secondary)}.list-page .table-row.row-selected .row-checkbox,.list-page .table-row.selected .row-checkbox{color:var(--color-accent-blue)}.list-page .row-checkbox [class^=i-lucide-]{width:26px;height:26px;font-size:26px}.list-page .topic-title-wrapper{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.list-page .topic-icon{color:var(--color-accent-blue);opacity:.85;flex-shrink:0;font-size:18px}.list-page .topic-icon [class^=i-lucide-]{width:18px;height:18px;font-size:18px}.list-page .topic-title{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.5;transition:color .15s;overflow:hidden}.list-page .table-row:hover .topic-title{color:var(--color-accent-blue);text-underline-offset:2px;text-decoration:underline}.list-page .topic-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.list-page .topic-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.list-page .topic-author,.list-page .topic-category{align-items:center;gap:4px;display:flex}.list-page .topic-author [class^=i-lucide-],.list-page .topic-category [class^=i-lucide-]{width:12px;height:12px;font-size:12px}.list-page .topic-divider{color:#ccc}.list-page .category-tag{background:var(--color-bg-tertiary);color:var(--color-secondary);white-space:nowrap;border-radius:0;padding:4px 12px;font-size:12px;font-weight:500}.list-page .table-cell-tags{flex-wrap:wrap;gap:4px;display:flex}.list-page .tag-item{color:#6b7280;background:#f3f4f6;border-radius:0;padding:3px 8px;font-size:11px;font-weight:500}.list-page .stat-mini{align-items:center;gap:6px;display:flex}.list-page .stat-mini-icon{color:var(--color-muted);font-size:14px}.list-page .stat-mini-icon [class^=i-lucide-]{width:14px;height:14px;font-size:14px}.list-page .stat-mini-value{color:var(--color-secondary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.list-page .status-badge{text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-radius:0;padding:5px 12px;font-size:11px;font-weight:600}.list-page .status-published,.list-page .status-approved,.list-page .status-active{color:var(--color-accent-green);background:#388e3c1a}.list-page .status-pending{color:var(--color-accent-orange);background:#f57c001a}.list-page .status-draft{background:var(--color-bg-tertiary);color:var(--color-muted)}.list-page .status-rejected,.list-page .status-disabled{color:var(--color-accent-red);background:#dc26261a}.list-page .role-badge{background:var(--color-bg-tertiary);color:var(--color-tertiary);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-radius:0;padding:5px 12px;font-size:11px;font-weight:600}.list-page .role-admin{color:var(--color-accent-blue);background:#1976d21a}.list-page .date-info{align-items:center;gap:6px;display:flex}.list-page .date-icon{color:#ccc;font-size:14px}.list-page .date-icon [class^=i-lucide-]{width:14px;height:14px;font-size:14px}.list-page .date-text{color:var(--color-muted);white-space:nowrap;font-size:12px}.list-page .action-group{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.list-page .action-btn{cursor:pointer;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:36px;min-height:36px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.list-page .action-btn [class^=i-lucide-]{width:16px;height:16px;font-size:16px}.list-page .action-btn-edit,.list-page .action-btn-default{background:var(--color-bg-secondary);color:var(--color-secondary)}.list-page .action-btn-edit:hover,.list-page .action-btn-default:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.list-page .action-btn-delete,.list-page .action-btn-destructive{color:var(--color-accent-red);background:#dc262614}.list-page .action-btn-delete:hover,.list-page .action-btn-destructive:hover{background:#dc262626}.list-page .action-btn-success{color:var(--color-accent-green);background:#388e3c14}.list-page .action-btn-success:hover{background:#388e3c26}.list-page .action-btn-chapters{color:#7c3aed;background:#7c3aed14}.list-page .action-btn-chapters:hover{background:#7c3aed26}.list-page .empty-state-container{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.list-page .empty-icon-wrap{background:var(--color-bg-tertiary);width:72px;height:72px;color:var(--color-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:36px;display:flex}.list-page .empty-icon-wrap [class^=i-lucide-]{width:36px;height:36px;font-size:36px}.list-page .empty-title{color:var(--color-primary);margin-bottom:8px;font-size:18px;font-weight:600}.list-page .empty-desc-group{text-align:center;margin-bottom:24px}.list-page .empty-desc{color:var(--color-secondary);margin-bottom:4px;font-size:14px}.list-page .empty-desc-cn{color:var(--color-muted);font-size:13px}.list-page .empty-action-btn{align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:0;padding:11px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.list-page .empty-action-btn:hover{background:#333;box-shadow:0 4px 12px #00000026}.list-page .pagination-footer{padding:var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.list-page .pagination-info{color:var(--color-muted);font-size:12px}.list-page .pagination-controls{align-items:center;gap:4px;display:flex}.list-page .page-size-select{border:1px solid var(--color-border);background:var(--color-bg-primary);height:44px;color:var(--color-text-primary);cursor:pointer;outline:none;margin-right:8px;padding:0 12px;font-size:14px}.list-page .page-size-select:hover{border-color:var(--color-accent)}.list-page .pagination-btn{background:var(--color-bg-primary);width:44px;height:44px;color:var(--color-muted);cursor:pointer;border:none;border:1px solid var(--color-border);border-radius:0;justify-content:center;align-items:center;font-size:0;transition:all .15s;display:flex}.list-page .pagination-btn [class^=i-lucide-]{flex-shrink:0;width:22px;height:22px;font-size:22px}.list-page .pagination-btn:hover:not(.disabled){background:var(--color-bg-tertiary);color:var(--color-secondary)}.list-page .pagination-btn.disabled{opacity:.4;cursor:not-allowed}.list-page .pagination-numbers{align-items:center;gap:4px;margin:0 8px;display:flex}.list-page .pagination-number{background:var(--color-bg-primary);width:42px;height:42px;color:var(--color-muted);cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .15s;display:flex}.list-page .pagination-number:hover{background:var(--color-bg-tertiary);color:var(--color-secondary)}.list-page .pagination-current{background:var(--color-primary);color:#fff;border-radius:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:600;display:flex}.list-page .drawer-overlay,.drawer-overlay{z-index:1000;justify-content:flex-end;display:flex;position:fixed;inset:0}.list-page .drawer-backdrop,.drawer-backdrop{background:#0006;position:absolute;inset:0}.list-page .drawer-content,.drawer-content{background:var(--color-bg-primary,#fff);flex-direction:column;width:100%;max-width:560px;height:100%;animation:.25s ease-out lp-slideIn;display:flex;position:relative;box-shadow:-4px 0 24px #00000026}@keyframes lp-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.list-page .drawer-header,.drawer-header{padding:var(--spacing-lg,24px);border-bottom:1px solid var(--color-border,#f0f0f0);justify-content:space-between;align-items:center;display:flex}.list-page .drawer-title,.drawer-title{color:var(--color-primary,#1a1a1a);font-size:18px;font-weight:600}.list-page .drawer-close,.drawer-close{background:var(--color-bg-secondary,#fafafa);width:36px;height:36px;color:var(--color-secondary,#444);cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.list-page .drawer-close:hover,.drawer-close:hover{background:var(--color-bg-tertiary,#f5f5f5);color:var(--color-primary,#1a1a1a)}.list-page .modal-overlay,.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.list-page .modal-backdrop,.modal-backdrop{position:absolute;inset:0}.list-page .modal-content,.modal-content{background:var(--color-bg-primary,#fff);width:100%;max-width:420px;padding:var(--spacing-xl,32px);text-align:center;border-radius:0;margin:0 16px;animation:.2s ease-out lp-fadeIn;position:relative}@keyframes lp-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.list-page .dialog-icon-wrap,.dialog-icon-wrap{width:56px;height:56px;margin:0 auto var(--spacing-lg,24px);border-radius:50%;justify-content:center;align-items:center;display:flex}.list-page .dialog-icon-wrap [class^=i-lucide-],.dialog-icon-wrap [class^=i-lucide-]{width:28px;height:28px;font-size:28px}.list-page .dialog-icon-danger,.dialog-icon-danger{color:var(--color-accent-red,#dc2626);background:#dc26261a}.list-page .dialog-icon-warn,.dialog-icon-warn{color:var(--color-accent-orange,#f57c00);background:#f57c001a}.list-page .dialog-icon-info,.dialog-icon-info{color:var(--color-accent-blue,#1976d2);background:#1976d21a}.list-page .dialog-content,.dialog-content{margin-bottom:var(--spacing-lg,24px)}.list-page .dialog-title,.dialog-title{color:var(--color-primary,#1a1a1a);margin-bottom:var(--spacing-sm,8px);font-size:18px;font-weight:600}.list-page .dialog-message,.dialog-message{color:var(--color-secondary,#444);font-size:14px;line-height:1.6}.list-page .dialog-input,.dialog-input{border:1px solid var(--color-border,#f0f0f0);background:var(--color-bg-primary,#fff);width:100%;color:var(--color-primary,#1a1a1a);border-radius:0;margin-top:12px;padding:10px 12px;font-size:14px;transition:all .15s}.list-page .dialog-input:focus,.dialog-input:focus{border-color:var(--color-accent-blue,#1976d2);outline:none;box-shadow:0 0 0 3px #1976d21a}.list-page .dialog-actions,.dialog-actions{gap:var(--spacing-md,16px);flex-wrap:wrap;justify-content:center;display:flex}.list-page .dialog-btn,.dialog-btn{cursor:pointer;border:none;border-radius:0;padding:10px 24px;font-size:14px;font-weight:500;transition:all .15s}.list-page .dialog-btn-secondary,.dialog-btn-secondary{background:var(--color-bg-tertiary,#f5f5f5);color:var(--color-secondary,#444)}.list-page .dialog-btn-secondary:hover,.dialog-btn-secondary:hover{background:var(--color-border,#f0f0f0);color:var(--color-primary,#1a1a1a)}.list-page .dialog-btn-danger,.dialog-btn-danger{background:var(--color-accent-red,#dc2626);color:#fff}.list-page .dialog-btn-danger:hover,.dialog-btn-danger:hover{background:#b91c1c}.list-page .dialog-btn-primary,.dialog-btn-primary{color:#fff;background:#171717}.list-page .dialog-btn-primary:hover,.dialog-btn-primary:hover{background:#333}html.theme-dark .dialog-btn-primary{color:#1a1a1a;background:#ededed}html.theme-dark .dialog-btn-primary:hover{background:#d5d5d5}@media (width<=768px){.list-page .toolbar-section{flex-direction:column;align-items:stretch}.list-page .search-box-wrapper{max-width:none}}html.theme-dark .list-page .stat-card:hover{box-shadow:0 2px 8px #0006}html.theme-dark .list-page .table-row.row-selected,html.theme-dark .list-page .table-row.selected{background:#42a5f51a}.list-page .list-content{-webkit-overflow-scrolling:touch;overflow-x:auto}.list-page .filter-toggle-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto}.list-page .filter-toggle-group::-webkit-scrollbar{display:none}.list-page .filter-toggle-btn{flex-shrink:0}.list-page .pagination-controls,.list-page .pagination-numbers{flex-wrap:wrap}.list-page .toolbar-actions{min-width:0;max-width:100%}.list-page .filter-toggle-group{min-width:0}