*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea{font:inherit}button{border:none;background:transparent}:root{--font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-main: #f5f7fa;--bg-card: #ffffff;--bg-soft: #f8fafc;--text-main: #101828;--text-sub: #667085;--text-weak: #98a2b3;--brand: #0b63f6;--brand-strong: #084ec4;--brand-light: rgba(11, 99, 246, .08);--line: #e4e7ec;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--info: #3b82f6;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 2px 12px rgba(16, 24, 40, .06);--shadow-md: 0 4px 20px rgba(16, 24, 40, .08);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-main);background:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit;cursor:pointer;-webkit-appearance:none}input,select,textarea{font-family:inherit;-webkit-appearance:none;outline:none}.page-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:box-shadow var(--transition)}.section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-main)}.form-input,.form-textarea,.form-select{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);padding:12px 14px;color:var(--text-main);font-size:15px;transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b63f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-weak)}.form-textarea{min-height:96px;resize:vertical}.btn-primary,.btn-secondary,.btn-danger{width:100%;height:48px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:opacity var(--transition),transform var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(.98)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);border:none}.btn-secondary{border:1px solid var(--line);color:var(--text-main);background:#fff}.btn-danger{color:#fff;background:var(--danger);border:none}.state-text{color:var(--text-sub);font-size:13px;line-height:1.5}.tag-b,.tag-c,.tag-d{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;line-height:1.6;white-space:nowrap}.tag-b{background:#3b82f6;color:#fff}.tag-c{background:#22c55e;color:#fff}.tag-d{background:#9ca3af;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in{animation:fadeIn .3s ease forwards}.anim-slide-up{animation:slideUp .35s ease forwards}