html,body,#app{margin:0;padding:0;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:#f5f7fa}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px}::-webkit-scrollbar-track{background-color:#f5f7fa}.text-center{text-align:center}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.status-active{color:#67c23a}.status-suspended{color:#e6a23c}.status-banned{color:#f56c6c}.status-expired{color:#909399}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a}.stat-card .stat-title{font-size:14px;color:#909399;margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#303133}.stat-card .stat-icon{font-size:48px;opacity:.2}.page-container{padding:20px}.page-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-container .page-header .page-title{font-size:20px;font-weight:500;color:#303133}.page-container .page-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a}.search-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.table-actions{display:flex;gap:8px;justify-content:center}