:root{color-scheme:light!important}:root{--el-bg-color: #ffffff !important;--el-bg-color-overlay: #ffffff !important;--el-text-color-primary: #303133 !important;--el-text-color-regular: #606266 !important;--el-text-color-secondary: #909399 !important;--el-text-color-placeholder: #c0c4cc !important;--el-fill-color-blank: #ffffff !important;--el-border-color: #dcdfe6 !important;--el-border-color-light: #e4e7ed !important}:root{--sidebar-bg: #1A1D23;--sidebar-hover: #2D323B;--sidebar-active: #2D323B;--sidebar-border: #383E47;--sidebar-text: #C9CDD4;--sidebar-highlight: #E8EAED;--content-bg: #FFFFFF;--card-bg: #F7F8FA;--content-border: #E4E7EB;--text-title: #212933;--text-body: #4E5969;--text-muted: #86909C;--accent: #64748B;--accent-hover: #475569;--accent-light: rgba(100, 116, 139, .1);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease}.page-container{padding:var(--spacing-lg);background:var(--content-bg);min-height:calc(100vh - 64px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.page-title{font-size:22px;font-weight:600;color:var(--text-title);margin:0}.page-desc{font-size:14px;color:var(--text-muted);margin:var(--spacing-xs) 0 0 0}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-title{font-size:18px;font-weight:600;color:var(--text-title);margin:0}.card-count{font-size:13px;color:var(--text-muted);background:var(--content-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.stat-icon.blue{background:#3b82f61a;color:var(--info)}.stat-icon.green{background:#10b9811a;color:var(--success)}.stat-icon.orange{background:#f59e0b1a;color:var(--warning)}.stat-icon.gray{background:var(--accent-light);color:var(--accent)}.stat-value{font-size:32px;font-weight:700;color:var(--text-title);line-height:1.2}.stat-label{font-size:14px;color:var(--text-body);margin-top:var(--spacing-xs)}.data-table{width:100%;border-collapse:collapse;background:var(--content-bg);border-radius:var(--radius-md);overflow:hidden}.data-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:13px;font-weight:500;color:var(--text-muted);background:var(--card-bg)}.data-table td{padding:var(--spacing-md);font-size:14px;color:var(--text-title);border-bottom:1px solid var(--content-border)}.data-table tr:hover td{background:var(--card-bg)}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.tag-blue{background:#3b82f61a;color:var(--info)}.tag-green{background:#10b9811a;color:var(--success)}.tag-orange{background:#f59e0b1a;color:var(--warning)}.tag-red{background:#ef44441a;color:var(--error)}.tag-gray{background:var(--accent-light);color:var(--accent)}.filter-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs)}.filter-tab{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border-radius:var(--radius-sm);font-size:14px;color:var(--text-body);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.filter-tab:hover{background:var(--accent-light);color:var(--accent)}.filter-tab.active{background:var(--accent);color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background:var(--accent-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl, 48px);color:var(--text-muted)}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.4}.empty-state p{font-size:14px}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.list-item:hover{background:var(--card-bg)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.page-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--content-border);border-radius:var(--radius-sm);background:var(--content-bg);font-size:14px;color:var(--text-body);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}.page-title{font-size:18px}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:26px}.card{padding:var(--spacing-md)}}@media (max-width: 768px){.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.el-table{font-size:13px}.el-table th.el-table__cell,.el-table td.el-table__cell{padding:8px 0}.el-form-item__label{padding-bottom:4px}.el-input__inner{font-size:16px}.el-button{min-height:40px}.el-button--small{min-height:32px}.el-dialog{width:90%!important;margin:5vh auto!important}.el-pagination{flex-wrap:wrap;justify-content:center}.el-pagination__sizes,.el-pagination__jump{display:none}}@media (hover: none) and (pointer: coarse){.el-button{min-height:44px}.el-checkbox__inner,.el-radio__inner{width:22px;height:22px}.el-button:hover,.el-checkbox__inner:hover,.el-radio__inner:hover{transform:none}.el-button:active{transform:scale(.98)}.el-tabs__item:active{background:#0000000d}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.safe-area-top{padding-top:calc(1rem + env(safe-area-inset-top))}}[data-theme=dark] .mobile-card,.theme-dark .mobile-card{background:var(--bg-secondary, #1E1E1E);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000004d;border:1px solid var(--border-primary, #333333)}[data-theme=dark] .mobile-card:active,.theme-dark .mobile-card:active{background:var(--bg-tertiary, #2D2D2D);border-color:var(--accent-primary, #007AFF)}[data-theme=dark] .mobile-list-item,.theme-dark .mobile-list-item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-secondary, #1E1E1E);border-bottom:1px solid var(--border-primary, #333333);min-height:56px;color:var(--text-primary, #FFFFFF)}[data-theme=dark] .mobile-list-item:active,.theme-dark .mobile-list-item:active{background:var(--bg-tertiary, #2D2D2D)}[data-theme=dark] .mobile-button-group,.theme-dark .mobile-button-group{display:flex;gap:12px;padding:16px;background:var(--bg-secondary, #1E1E1E);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0006;border-top:1px solid var(--border-primary, #333333)}[data-theme=dark] .mobile-button-group .el-button,.theme-dark .mobile-button-group .el-button{flex:1;height:48px;font-size:16px}[data-theme=dark] .mobile-search-bar,.theme-dark .mobile-search-bar{position:sticky;top:0;z-index:10;background:var(--bg-primary, #121212);padding:12px 16px;box-shadow:0 2px 8px #0000004d;border-bottom:1px solid var(--border-primary, #333333)}[data-theme=dark] .mobile-search-bar .el-input,.theme-dark .mobile-search-bar .el-input{font-size:16px}[data-theme=dark] .mobile-tabbar,.theme-dark .mobile-tabbar{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-secondary, #1E1E1E);display:flex;box-shadow:0 -2px 10px #00000080;border-top:1px solid var(--border-primary, #333333);z-index:100}[data-theme=dark] .mobile-tabbar-item,.theme-dark .mobile-tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-secondary, #B0B0B0);font-size:10px;text-decoration:none}[data-theme=dark] .mobile-tabbar-item.active,.theme-dark .mobile-tabbar-item.active{color:var(--accent-primary, #007AFF)}[data-theme=dark] .mobile-tabbar-item .icon,.theme-dark .mobile-tabbar-item .icon{font-size:22px}[data-theme=dark] .mobile-empty,.theme-dark .mobile-empty{padding:60px 20px;text-align:center;background:var(--bg-primary, #121212)}[data-theme=dark] .mobile-empty .icon,.theme-dark .mobile-empty .icon{font-size:64px;color:var(--text-tertiary, #888888);margin-bottom:16px}[data-theme=dark] .mobile-empty .text,.theme-dark .mobile-empty .text{font-size:14px;color:var(--text-secondary, #B0B0B0)}[data-theme=dark] .mobile-form-footer,.theme-dark .mobile-form-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--bg-secondary, #1E1E1E);box-shadow:0 -2px 10px #0006;border-top:1px solid var(--border-primary, #333333);display:flex;gap:12px}[data-theme=dark] .mobile-form-footer .el-button,.theme-dark .mobile-form-footer .el-button{flex:1;height:44px}[data-theme=dark] .mobile-header,.theme-dark .mobile-header{position:sticky;top:0;z-index:100;background:var(--bg-secondary, #1E1E1E);height:48px;display:flex;align-items:center;padding:0 16px;box-shadow:0 1px 0 var(--border-primary, #333333);border-bottom:1px solid var(--border-primary, #333333)}[data-theme=dark] .mobile-header .back,.theme-dark .mobile-header .back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:-8px;font-size:20px;color:var(--text-primary, #FFFFFF)}[data-theme=dark] .mobile-header .title,.theme-dark .mobile-header .title{flex:1;text-align:center;font-size:17px;font-weight:500;color:var(--text-primary, #FFFFFF)}[data-theme=dark] .mobile-header .action,.theme-dark .mobile-header .action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:-8px;color:var(--text-primary, #FFFFFF)}[data-theme=light] .mobile-card,.theme-light .mobile-card{background:var(--bg-secondary, #FFFFFF);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-primary, #E5E7EB)}[data-theme=light] .mobile-card:active,.theme-light .mobile-card:active{background:var(--bg-tertiary, #F0F1F3)}[data-theme=light] .mobile-list-item,.theme-light .mobile-list-item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-secondary, #FFFFFF);border-bottom:1px solid var(--border-primary, #E5E7EB);min-height:56px;color:var(--text-primary, #1D1D1F)}[data-theme=light] .mobile-list-item:active,.theme-light .mobile-list-item:active{background:var(--bg-tertiary, #F0F1F3)}[data-theme=light] .mobile-button-group,.theme-light .mobile-button-group{display:flex;gap:12px;padding:16px;background:var(--bg-secondary, #FFFFFF);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d;border-top:1px solid var(--border-primary, #E5E7EB)}[data-theme=light] .mobile-button-group .el-button,.theme-light .mobile-button-group .el-button{flex:1;height:48px;font-size:16px}[data-theme=light] .mobile-search-bar,.theme-light .mobile-search-bar{position:sticky;top:0;z-index:10;background:var(--bg-secondary, #FFFFFF);padding:12px 16px;box-shadow:0 2px 8px #0000000f;border-bottom:1px solid var(--border-primary, #E5E7EB)}[data-theme=light] .mobile-search-bar .el-input,.theme-light .mobile-search-bar .el-input{font-size:16px}[data-theme=light] .mobile-tabbar,.theme-light .mobile-tabbar{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-secondary, #FFFFFF);display:flex;box-shadow:0 -2px 10px #00000014;border-top:1px solid var(--border-primary, #E5E7EB);z-index:100}[data-theme=light] .mobile-tabbar-item,.theme-light .mobile-tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#999;font-size:10px;text-decoration:none}[data-theme=light] .mobile-tabbar-item.active,.theme-light .mobile-tabbar-item.active{color:var(--accent-primary, #007AFF)}[data-theme=light] .mobile-tabbar-item .icon,.theme-light .mobile-tabbar-item .icon{font-size:22px}[data-theme=light] .mobile-empty,.theme-light .mobile-empty{padding:60px 20px;text-align:center;background:var(--bg-primary, #F7F8FA)}[data-theme=light] .mobile-empty .icon,.theme-light .mobile-empty .icon{font-size:64px;color:#c0c4cc;margin-bottom:16px}[data-theme=light] .mobile-empty .text,.theme-light .mobile-empty .text{font-size:14px;color:#909399}[data-theme=light] .mobile-form-footer,.theme-light .mobile-form-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--bg-secondary, #FFFFFF);box-shadow:0 -2px 10px #0000000d;border-top:1px solid var(--border-primary, #E5E7EB);display:flex;gap:12px}[data-theme=light] .mobile-form-footer .el-button,.theme-light .mobile-form-footer .el-button{flex:1;height:44px}[data-theme=light] .mobile-header,.theme-light .mobile-header{position:sticky;top:0;z-index:100;background:var(--bg-secondary, #FFFFFF);height:48px;display:flex;align-items:center;padding:0 16px;box-shadow:0 1px #eee;border-bottom:1px solid var(--border-primary, #E5E7EB)}[data-theme=light] .mobile-header .back,.theme-light .mobile-header .back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:-8px;font-size:20px;color:var(--text-primary, #1D1D1F)}[data-theme=light] .mobile-header .title,.theme-light .mobile-header .title{flex:1;text-align:center;font-size:17px;font-weight:500;color:var(--text-primary, #1D1D1F)}[data-theme=light] .mobile-header .action,.theme-light .mobile-header .action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:-8px;color:var(--text-primary, #1D1D1F)}.pull-refresh{position:absolute;top:-50px;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;color:#909399;font-size:14px}