:root{--brand: #6c5ce7;--brand-dark: #5546c9;--brand-light: #8b7bd8;--brand-soft: #f0edff;--group-nt: #8b7bd8;--group-nf: #5bc0a8;--group-sj: #5b9bd5;--group-sp: #f0a868;--text-1: #1c1c28;--text-2: #4a4a5a;--text-3: #8b8b9e;--text-4: #b4b4c4;--line: #ececf3;--bg: #f7f7fb;--card: #ffffff;--success: #2fbf8f;--warning: #f2a33c;--danger: #ec5b5b;--info: #5b9bd5;--radius-s: 8px;--radius-m: 14px;--radius-l: 22px;--shadow-s: 0 2px 8px rgba(28, 28, 40, .05);--shadow-m: 0 6px 24px rgba(28, 28, 40, .08);--shadow-l: 0 16px 48px rgba(28, 28, 40, .12);--page-max: 1120px;--header-h: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.65;color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}.page{max-width:var(--page-max);margin:0 auto;padding:24px 16px 48px}.card{background:var(--card);border-radius:var(--radius-m);box-shadow:var(--shadow-s);padding:20px}.section-title{font-size:20px;font-weight:700;margin-bottom:4px}.section-sub{color:var(--text-3);font-size:13px;margin-bottom:18px}.grid{display:grid;gap:16px}.row{display:flex;align-items:center;gap:10px}.muted{color:var(--text-3)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border:none;border-radius:999px;background:var(--brand);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 6px 18px #6c5ce747}.btn:hover:not(:disabled){transform:translateY(-1px);background:var(--brand-dark)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--brand);border:1px solid var(--brand);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--brand-soft)}.btn-plain{background:#f1f1f7;color:var(--text-2);box-shadow:none}.btn-plain:hover:not(:disabled){background:#e7e7f0}.btn-block{width:100%}.btn-lg{padding:14px 34px;font-size:16px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px;font-weight:500}.input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:#fbfbfe;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-light);background:#fff;box-shadow:0 0 0 3px #6c5ce71f}.field-error{color:var(--danger);font-size:12px;margin-top:5px}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;background:var(--brand-soft);color:var(--brand);font-weight:500}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .28s cubic-bezier(.22,1,.36,1)}.slide-up-enter-from{opacity:0;transform:translateY(14px)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){body{font-size:14px}.page{padding:16px 12px calc(32px + var(--safe-bottom))}.card{padding:16px;border-radius:var(--radius-m)}.section-title{font-size:18px}.btn-lg{padding:13px 26px;font-size:15px}}@media (min-width: 769px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d8d8e4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c3c3d4}::-webkit-scrollbar-track{background:transparent}}