:root{--bg: #f5f7fb;--surface: #ffffff;--text: #1f2430;--text-muted: #7b8395;--border: #e6e9f0;--accent: #4f6ef7;--accent-soft: #eaefff;--success: #2fb37a;--warning: #e0a13a;--danger: #e2566b;--radius: 12px;--shadow: 0 6px 24px rgba(31, 36, 48, .06);--font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .15s ease;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;outline:none;width:100%;background:#fff;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#3f5ae0}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--accent-soft);color:var(--accent)}.btn-ghost:hover{background:#dbe4ff}.btn-plain{background:transparent;color:var(--text-muted)}.btn-plain:hover{background:#eef1f7}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.msg-error{color:var(--danger);font-size:13px;min-height:18px}.msg-ok{color:var(--success);font-size:13px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182273;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;overflow-y:auto}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:480px;padding:22px;box-shadow:0 20px 60px #14182240;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 16px;font-size:17px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media (max-width: 640px){input,textarea,select{font-size:16px;padding:11px 12px}.modal-mask{padding:0;align-items:flex-end}.modal{max-width:none;border-radius:16px 16px 0 0;max-height:92vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.modal-actions button{flex:1;padding:12px}.modal-actions{gap:12px}}