:root{--color-primary: #1D4ED8;--color-primary-hover: #1E40AF;--color-primary-light: #EFF6FF;--color-primary-50: #F5F8FF;--color-surface: #F5F5F5;--color-card: #FFFFFF;--color-border: #F0F0F0;--color-border-dark: #E5E5E5;--color-text: #1F1F1F;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-inverse: #FFFFFF;--color-success: #52C41A;--color-success-light: #F6FFED;--color-error: #FF4D4F;--color-error-light: #FFF2F0;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-xl: 0 12px 40px rgba(0,0,0,.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-default{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border-dark)}.btn-default:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#e84749}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#45b015}.btn-lg{padding:10px 28px;font-size:1rem}.btn-sm{padding:4px 12px;font-size:.8rem}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:6px}.form-input,.form-select{width:100%;padding:8px 12px;border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-sans);background:var(--color-card);color:var(--color-text);outline:none;transition:border-color var(--transition)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus,.form-select:focus{border-color:var(--color-primary)}.form-error{color:var(--color-error);font-size:.8rem;margin-top:4px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-box{background:var(--color-card);border-radius:var(--radius-lg);padding:28px 24px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.dialog-title{font-size:1.15rem;font-weight:600;text-align:center;margin-bottom:20px}.dialog-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);background:transparent;font-size:1.1rem;transition:all var(--transition)}.dialog-close:hover{background:#f5f5f5;color:var(--color-text)}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{display:none}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#d9d9d9;border-radius:22px;transition:var(--transition)}.switch .slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:var(--transition)}.switch input:checked+.slider{background:var(--color-primary)}.switch input:checked+.slider:before{transform:translate(22px)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--color-text-tertiary);gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}