:root{--primary-color:#ff6b35;--secondary-color:#f7931e;--accent-color:#e65a1a;--background-color:#f5f6fa;--surface-color:#fff;--card-color:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--success-color:#22c55e;--warning-color:#f59e0b;--error-color:#ef4444;--border-color:#e5e7eb;--shadow-color:#1f293714;--gradient-primary:linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);--gradient-page:linear-gradient(180deg, #fff7f0 0%, #f5f6fa 40%, #eef2ff 100%);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-title:28px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{min-height:100%}body{background:var(--gradient-page);color:var(--text-primary);overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.page{max-width:480px;min-height:100vh;padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-xl) + var(--safe-bottom));margin:0 auto}.card{background:var(--card-color);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:0 8px 24px var(--shadow-color)}.page-title{font-size:var(--font-size-title);text-align:center;background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.page-subtitle{text-align:center;color:var(--text-secondary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.field{margin-bottom:var(--spacing-md)}.field:last-of-type{margin-bottom:0}.field-label{margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);display:block}.field-input{border-radius:var(--border-radius-md);border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#f9fafb;outline:none;padding:12px 14px}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #ff6b351f}.btn{border-radius:var(--border-radius-lg);justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.card>.btn,.field+.btn,.chip-group+.btn{margin-top:var(--spacing-lg)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 16px #ff6b3540}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#fff}.btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-row{gap:var(--spacing-md);flex-direction:column;display:flex}.chip-group{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);background:#f9fafb;border-radius:999px;padding:8px 14px}.chip.active{border-color:var(--primary-color);color:var(--accent-color);background:#ff6b351f;font-weight:600}.toast{left:50%;bottom:calc(40px + var(--safe-bottom));color:#fff;font-size:var(--font-size-sm);z-index:1000;text-align:center;background:#1f2937eb;border-radius:999px;max-width:80%;padding:10px 16px;position:fixed;transform:translate(-50%)}.back-link{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);align-items:center;gap:4px;display:inline-flex}