:root{--brand-primary:#168cf2;--brand-primary-hover:#087be2;--brand-deep:#0e5fa8;--brand-deeper:#07477f;--surface-page:#f3f5f7;--surface-card:#fff;--surface-muted:#f8fafc;--text-primary:#172033;--text-secondary:#6f7a8d;--text-muted:#98a2b3;--border-soft:#e4e8ed;--border-strong:#cbd3df;--success:#148a5b;--success-soft:#edf9f2;--warning:#d98b00;--warning-soft:#fff8e8;--danger:#d83a45;--danger-soft:#fff0f1;--info-soft:#eef7ff;--shadow-card:0 12px 34px #17203312;--shadow-dialog:0 22px 70px #0a1e3a38;--radius-card:12px;--radius-control:8px;--font-sans:"HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, monospace;color:var(--text-primary);background:var(--surface-page);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--surface-page);min-width:320px;min-height:100%}body{background:var(--surface-page);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}img{max-width:100%;display:block}#app{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-weight:650;line-height:1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button:focus-visible,.input:focus-visible,.icon-button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #168cf240}.button-primary{color:#fff;background:var(--brand-primary);box-shadow:0 7px 16px #168cf233}.button-primary:not(:disabled):hover{background:var(--brand-primary-hover)}.button-secondary{color:var(--text-primary);border-color:var(--border-strong);background:#fff}.button-secondary:not(:disabled):hover{color:var(--brand-deep);border-color:var(--brand-primary)}.button-danger{color:var(--danger);background:var(--danger-soft);border-color:#f5c6ca}.button:disabled{color:#a1a9b6;box-shadow:none;background:#eef1f4;border-color:#e0e5eb}.input{width:100%;height:44px;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:#fff;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:#aeb9c8}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #168cf21f}.input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);margin-top:6px;font-size:13px;line-height:1.45}.spinner{border:2px solid #ffffff73;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}