*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}.app-container{min-height:100vh;background-color:#f5f7fa}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;margin:0 auto;padding:0 16px}.container-fluid{width:100%;padding:0 16px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:24px;margin-bottom:16px}.card-header{font-size:18px;font-weight:700;color:#303133;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #EBEEF5}.card-body{color:#606266}.button-group{display:flex;gap:8px;flex-wrap:wrap}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.stat-card-title{font-size:14px;opacity:.9;margin-bottom:8px}.stat-card-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-card-trend{font-size:12px;opacity:.8}.page-title{font-size:24px;font-weight:700;color:#303133;margin-bottom:24px}.page-title-with-action{display:flex;justify-content:space-between;align-items:center}.table-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000f}.empty-state{text-align:center;padding:64px;color:#909399}.empty-state-icon{font-size:64px;color:#c0c4cc;margin-bottom:16px}.empty-state-text{font-size:16px;margin-bottom:16px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.tag{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px}.tag-success{background:#f0f9ff;color:#67c23a;border:1px solid #b7eb8f}.tag-warning{background:#fffbe6;color:#e6a23c;border:1px solid #ffe58f}.tag-danger{background:#fff1f0;color:#f56c6c;border:1px solid #ffccc7}.tag-info{background:#f5f5f5;color:#909399;border:1px solid #d9d9d9}@media screen and (max-width: 768px){.container{padding:0 8px}.card{padding:16px}.page-title{font-size:20px}.stat-card-value{font-size:24px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.cursor-pointer{cursor:pointer}