/* 管理后台样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#1A2332;color:#fff;min-height:100vh}
a{text-decoration:none;color:inherit}

/* 登录页 */
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-box{width:100%;max-width:400px;padding:20px}
.login-card{background:#242938;border-radius:16px;padding:40px}
.login-logo{text-align:center;margin-bottom:20px;font-size:56px}
.login-title{text-align:center;font-size:20px;font-weight:600;margin-bottom:30px}
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:13px;color:#A0B0C0;margin-bottom:6px}
.form-input{width:100%;background:#1A2332;border:1px solid #40A0A040;color:#fff;padding:12px;border-radius:8px;font-size:14px}
.form-input:focus{outline:none;border-color:#40A0A0}
.btn-login{width:100%;background:#40A0A0;color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;cursor:pointer}

/* 头部 */
.header{background:#242938;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #40A0A020;position:sticky;top:0;z-index:50}
.header-left{display:flex;align-items:center;gap:20px}
.logo{font-size:18px;font-weight:700;color:#40A0A0}
.nav{display:flex;gap:4px}
.nav a{padding:8px 12px;border-radius:6px;color:#A0B0C0;text-decoration:none;font-size:13px;transition:.2s}
.nav a:hover,.nav a.active{background:#40A0A020;color:#40A0A0}
.header-right{display:flex;align-items:center;gap:12px}
.alert-badge{background:#F44336;color:#fff;padding:4px 10px;border-radius:10px;font-size:12px;cursor:pointer}
.admin-btn{background:#40A0A020;color:#40A0A0;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px}
.user-menu{position:relative}
.user-dropdown{display:none;position:absolute;right:0;top:100%;background:#242938;border:1px solid #40A0A040;border-radius:8px;padding:8px 0;min-width:150px;z-index:51}
.user-menu:hover .user-dropdown{display:block}
.user-dropdown-item{padding:10px 16px;font-size:13px;cursor:pointer;color:#A0B0C0}
.user-dropdown-item:hover{background:#40A0A020;color:#40A0A0}

/* 主内容 */
.main{padding:20px;max-width:1400px;margin:0 auto}
.page{display:none}
.page.active{display:block}
.page-title{font-size:20px;font-weight:600;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}

/* 统计卡片 */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}
.stat-card{background:#242938;border-radius:12px;padding:20px;text-align:center}
.stat-value{font-size:32px;font-weight:700;color:#40A0A0}
.stat-label{color:#A0B0C0;font-size:12px;margin-top:4px}

/* 卡片 */
.card{background:#242938;border-radius:12px;padding:20px;margin-bottom:16px}
.card-title{font-size:14px;font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}

/* 表格 */
table{width:100%;border-collapse:collapse}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #40A0A020}
th{background:#2D7A7A;font-size:12px;font-weight:600}
td{font-size:13px}
tr:hover{background:#40A0A010}

/* 徽章 */
.badge{padding:2px 10px;border-radius:10px;font-size:11px;display:inline-block}
.badge-green{background:#4CAF5020;color:#4CAF50}
.badge-red{background:#F4433620;color:#F44336}
.badge-orange{background:#FF980020;color:#FF9800}
.badge-teal{background:#40A0A020;color:#40A0A0}

/* 按钮 */
.btn-sm{padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-size:12px}
.btn-outline{background:transparent;border:1px solid #40A0A0;color:#40A0A0}
.btn-primary{background:#40A0A0;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}
.btn-danger{background:#F44336;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}
.btn-refresh{background:#40A0A020;color:#40A0A0;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px}

/* 工具栏 */
.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.toolbar input,.toolbar select{padding:8px 12px;background:#242938;border:1px solid #40A0A040;color:#fff;border-radius:6px;font-size:13px}

/* Modal */
.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:100;align-items:center;justify-content:center}
.modal.show{display:flex}
.modal-box{background:#242938;border-radius:16px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}
.modal-title{font-size:18px;font-weight:600;margin-bottom:20px;display:flex;justify-content:space-between}
.modal-close{background:none;border:none;color:#A0B0C0;font-size:24px;cursor:pointer}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}

/* Toast */
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#242938;border:1px solid #40A0A0;padding:10px 20px;border-radius:20px;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:200}
.toast.show{opacity:1}

/* 加载/空状态 */
.loading{text-align:center;padding:40px;color:#A0B0C0}
.empty{text-align:center;padding:60px;color:#A0B0C0}
.empty-icon{font-size:48px;margin-bottom:16px}

/* 分类排行 */
.category-bar{margin-bottom:12px}
.category-bar-info{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}
.category-bar-track{height:8px;background:#1A2332;border-radius:4px}
.category-bar-fill{height:100%;border-radius:4px;transition:width .5s}