@charset "UTF-8";body{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5;background-color:var(--bg-color)}#app{min-height:100vh}:root{--primary-color: #ff5000;--primary-hover: #ff6a00;--secondary-color: #ff9000;--bg-color: #f5f5f5;--card-bg: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--border-color: #e5e5e5;--danger-color: #ff4d4f;--success-color: #52c41a;--warning-color: #faad14;--info-color: #1890ff;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:14px;color:var(--text-primary);background-color:var(--bg-color);line-height:1.5;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;outline:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-hover));box-shadow:0 4px 12px #ff50004d}.btn-secondary{background-color:#fff;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:#fff}.btn-text{background:none;border:none;color:var(--text-secondary);padding:4px 8px}.btn-text:hover{color:var(--primary-color);background-color:#00000005}.card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;margin-bottom:16px;line-height:1.4}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);transition:all .3s;background-color:#fff}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#bfbfbf}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff50001a}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group textarea{resize:vertical;min-height:100px}.list{list-style:none}.list li{padding:12px 0;border-bottom:1px solid var(--border-color)}.list li:last-child{border-bottom:none}table{width:100%;border-collapse:separate;border-spacing:0}table th,table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}table th{background-color:#fafafa;font-weight:600;color:var(--text-secondary);font-size:14px;white-space:nowrap}table tr{transition:background-color .2s}table tr:hover td{background-color:#fafafa}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;display:flex;align-items:center;font-size:14px}.alert.alert-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:var(--success-color)}.alert.alert-danger{background-color:#fff1f0;border:1px solid #ffa39e;color:var(--danger-color)}.alert.alert-warning{background-color:#fffbe6;border:1px solid #ffe58f;color:var(--warning-color)}.alert.alert-info{background-color:#e6f7ff;border:1px solid #91d5ff;color:var(--info-color)}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,80,0,.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:8px}.pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;transition:all .3s;background-color:#fff;font-size:14px}.pagination .page-item .page-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination .page-item .page-link.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:500}.pagination .page-item .page-link.disabled{color:var(--text-light);cursor:not-allowed;background-color:#f5f5f5;border-color:var(--border-color)}.pagination .page-item .page-link.disabled:hover{border-color:var(--border-color);color:var(--text-light)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-primary{color:var(--primary-color)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mr-10{margin-right:10px}.ml-10{margin-left:10px}