@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg-canvas: #f5f5f7;--bg-canvas-alt: #fbfbfd;--bg-surface: rgba(255, 255, 255, .82);--bg-surface-alt: rgba(245, 245, 247, .92);--bg-dark: rgba(10, 14, 24, .88);--bg-dark-alt: rgba(18, 24, 38, .92);--border-default: rgba(29, 29, 31, .08);--border-strong: rgba(29, 29, 31, .14);--text-primary: #1d1d1f;--text-secondary: #4f5662;--text-muted: #6e6e73;--brand-primary: #0071e3;--brand-primary-hover: #0062c3;--brand-primary-soft: rgba(0, 113, 227, .1);--brand-accent: #2997ff;--state-success: #1f8f61;--state-warning: #bb7b12;--state-error: #c43b2f;--shadow-soft: 0 32px 90px rgba(17, 24, 39, .08);--shadow-card: 0 22px 60px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 4px rgba(0, 113, 227, .14);--desktop-sidebar-main-fr: 1.92fr;--desktop-sidebar-side-fr: .98fr;--desktop-sidebar-side-min: 420px}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Noto Sans SC,SF Pro Text,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;color:var(--text-primary);background:radial-gradient(circle at top center,rgba(41,151,255,.16),transparent 24%),radial-gradient(circle at bottom left,rgba(0,113,227,.1),transparent 22%),linear-gradient(180deg,var(--bg-canvas-alt),var(--bg-canvas));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer}input::placeholder,textarea::placeholder{color:#6e6e73b8}.eyebrow{margin:0 0 .55rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary)}.card-surface{border:1px solid rgba(255,255,255,.7);border-radius:5px;background:linear-gradient(180deg,#ffffffeb,#ffffffc7),var(--bg-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.amount-emphasis{display:inline-flex;align-items:center;min-height:1.9rem;padding:.08rem .56rem;border-radius:999px;background:#0071e314;color:#0b72d9;font-weight:700;line-height:1.1;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px #0071e314}.amount-emphasis--strong{font-size:1.02rem;color:#0057b8;background:linear-gradient(180deg,#0071e324,#0071e314)}.amount-emphasis--total{font-size:1.14rem;color:#004d9d;background:linear-gradient(180deg,#1180f333,#0071e31a);box-shadow:0 10px 22px #0071e31f,inset 0 0 0 1px #0071e314}.amount-emphasis--discount{color:#1f8f61;background:#1f8f611a;box-shadow:inset 0 0 0 1px #1f8f611f}.primary-button,.secondary-button,.ghost-button{min-height:42px;padding:.68rem 1rem;border-radius:5px;border:1px solid transparent;font-size:.94rem;font-weight:600;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.primary-button:hover:enabled,.secondary-button:hover:enabled,.ghost-button:hover:enabled{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(180deg,#1180f3,var(--brand-primary));box-shadow:0 12px 24px #0071e333}.primary-button:hover:enabled{background:linear-gradient(180deg,#2490ff,var(--brand-primary-hover))}.secondary-button{color:var(--brand-primary);background:#ffffffc7;border-color:#0071e32e;box-shadow:inset 0 0 0 1px #0071e30a}.secondary-button:hover:enabled{background:#0071e314;border-color:#0071e347}.ghost-button{color:var(--text-primary);background:#ffffff94;border-color:#1d1d1f14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ghost-button:hover:enabled{border-color:#1d1d1f24;background:#ffffffd1}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.field{display:flex;flex-direction:column;gap:.42rem}.field span{font-size:.88rem;font-weight:500;color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;padding:.82rem .95rem;border:1px solid rgba(29,29,31,.1);border-radius:5px;background:#ffffffc7;color:var(--text-primary);box-shadow:inset 0 1px 1px #ffffffa8;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#0071e357;box-shadow:var(--shadow-focus);background:#fff}.field input[readonly],.field textarea[readonly]{background:#f5f5f7f5;color:var(--text-muted)}.field textarea{resize:vertical;min-height:120px}.field--inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.field--tight{margin:0}.field--full{grid-column:1/-1}.toast-host{position:fixed;top:1.5rem;right:1.5rem;z-index:60;display:grid;gap:.75rem}.toast-item{width:min(380px,100vw - 2rem);display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-radius:5px;color:#fff;box-shadow:var(--shadow-soft)}.toast-item--success{background:linear-gradient(135deg,#1d8f60,#2ab673)}.toast-item--error{background:linear-gradient(135deg,#bb3e34,#d04d41)}.toast-item--info{background:linear-gradient(135deg,#0b6fde,#2997ff)}.toast-item__close{border:none;background:transparent;color:inherit;font-size:1.2rem}.toast-enter-active,.toast-leave-active{transition:all .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px)}.app-error-boundary{min-height:100vh;display:grid;place-items:center;padding:2rem}.app-error-boundary__panel{width:min(640px,100%);padding:2rem}.login-page{min-height:100vh;max-width:1560px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,500px);gap:1.1rem;padding:clamp(.9rem,2.2vw,2rem)}.login-page__hero,.login-page__panel{min-height:calc(100vh - clamp(1.8rem,4.4vw,4rem));border-radius:5px}.login-page__hero{position:relative;overflow:hidden;padding:clamp(1.25rem,2.8vw,2.4rem);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fffc,#f7f9fcb8),radial-gradient(circle at top right,rgba(0,113,227,.18),transparent 28%);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft)}.login-page__hero:before{content:"";position:absolute;inset:auto -10% -16% auto;width:240px;height:240px;border-radius:5px;background:radial-gradient(circle,rgba(0,113,227,.18),transparent 62%);filter:blur(10px);pointer-events:none}.login-page__hero-copy,.login-page__spotlight{position:relative;z-index:1}.login-page__hero h1{max-width:10ch;margin:0 0 .75rem;font-size:clamp(2.35rem,4.4vw,4.2rem);font-weight:800;line-height:.96;letter-spacing:-.05em}.login-page__lead{max-width:30rem;margin:0;font-size:.98rem;color:var(--text-secondary)}.login-page__markers{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.login-page__markers span{padding:.52rem .82rem;border-radius:5px;background:#ffffffad;border:1px solid rgba(29,29,31,.08);color:var(--text-secondary);font-size:.88rem;box-shadow:0 8px 16px #0f172a0a}.login-page__spotlight{width:min(360px,100%);padding:1rem 1.1rem;border-radius:5px}.login-page__spotlight strong{display:block;margin:0 0 .72rem;font-size:1.02rem}.login-page__spotlight-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;color:var(--text-secondary);font-size:.92rem}.login-page__spotlight-list li{display:flex;align-items:center;gap:.65rem}.login-page__spotlight-list li:before{content:"";width:7px;height:7px;border-radius:5px;background:linear-gradient(180deg,var(--brand-accent),var(--brand-primary));box-shadow:0 0 0 6px #0071e31a}.login-page__panel{display:grid;align-items:stretch}.login-card{width:100%;padding:clamp(1.2rem,2.2vw,1.8rem);display:flex;flex-direction:column;justify-content:center;border-radius:5px;border:1px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#ffffffe0,#fcfcfdc7),var(--bg-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.1rem}.login-card__header h2{margin:0;font-size:1.38rem;font-weight:700;letter-spacing:-.03em}.login-card__submit{width:100%;margin-top:1rem;min-height:46px}.login-card__agreement{margin:.85rem 0 0;color:var(--text-muted);font-size:.84rem;line-height:1.6}.public-shell{min-height:100vh;display:grid;grid-template-columns:minmax(248px,292px) 1fr}.public-shell__aside{position:relative;padding:.9rem;background:linear-gradient(180deg,#080c16f0,#111827e6),radial-gradient(circle at top left,rgba(41,151,255,.22),transparent 28%);color:#fff}.public-shell__aside-inner{position:sticky;top:.9rem;min-height:calc(100vh - 1.8rem);padding:1.2rem;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#ffffff05;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.public-shell__aside--hidden{display:none}.public-shell__aside h1{margin:0 0 1rem;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.05em}.public-shell__aside-copy{margin:0;color:#ffffffb8;font-size:.92rem;line-height:1.6}.public-shell__steps{margin:1.4rem 0 0;padding:0;list-style:none;display:grid;gap:.58rem}.public-shell__steps li{border-radius:5px;background:#ffffff0a;color:#ffffffb8;border:1px solid transparent;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.public-shell__step-button{width:100%;display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.72rem .82rem;border:none;border-radius:5px;color:inherit;background:transparent;text-align:left}.public-shell__step-button span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:5px;background:#ffffff14;font-size:.76rem;font-weight:700;letter-spacing:.06em;opacity:.84}.public-shell__step-button strong{flex:1;font-size:.92rem;font-weight:600}.public-shell__steps li.is-active{background:#0071e333;color:#fff;border-color:#2997ff61;box-shadow:0 12px 24px #00000029}.public-shell__steps li.is-active .public-shell__step-button span{background:#ffffff24}.public-shell__steps li.is-completed{background:#ffffff14;color:#fffffff0;border-color:#ffffff14}.public-shell__steps li.is-disabled{opacity:.55}.public-shell__main{padding:.9rem}.public-shell__topbar{position:sticky;top:.9rem;z-index:12;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem .8rem;margin-bottom:.9rem}.public-shell__topbar-brand{display:flex;align-items:center;gap:.85rem;min-width:0}.public-shell__topbar-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.25rem .72rem;border-radius:5px;background:#0071e314;color:var(--brand-primary);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.public-shell__topbar-brand strong{display:block;font-size:.9rem;font-weight:700}.public-shell__topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.public-shell__context-action{min-height:42px;white-space:nowrap}.public-shell__mobile-step-toggle{display:none;align-items:center;justify-content:center;width:42px;min-height:42px;padding:0}.public-shell__mobile-step-toggle-icon{position:relative;width:18px;height:2px;border-radius:999px;background:#1d1d1fdb;box-shadow:0 -6px #1d1d1fdb,0 6px #1d1d1fdb}.public-shell__mobile-drawer-mask{position:fixed;inset:0;border:none;background:#030a166b;z-index:70}.public-shell__mobile-drawer{position:fixed;top:0;right:0;width:min(86vw,360px);height:100vh;z-index:71;display:grid;grid-template-rows:auto 1fr;gap:1rem;padding:1rem;border-left:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#080c16f7,#111827f2),radial-gradient(circle at top right,rgba(41,151,255,.24),transparent 32%);color:#fff;box-shadow:-18px 0 38px #00000047;overflow-y:auto}.public-shell__mobile-drawer-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.public-shell__mobile-drawer-head strong{font-size:1rem;font-weight:700;letter-spacing:.01em}.public-shell__mobile-drawer-close{width:40px;min-height:40px;padding:0;border-radius:10px;font-size:1.35rem;line-height:1}.public-shell__mobile-steps{margin:0;padding:0;list-style:none;display:grid;align-content:start;gap:.58rem}.public-shell__mobile-steps li{border-radius:10px;background:#ffffff0a;color:#ffffffb8;border:1px solid transparent}.public-shell__mobile-steps li.is-active{background:#0071e338;color:#fff;border-color:#2997ff61}.public-shell__mobile-steps li.is-active .public-shell__step-button span{background:#ffffff24}.public-shell__mobile-steps li.is-completed{background:#ffffff14;color:#fffffff0;border-color:#ffffff14}.public-shell__mobile-steps li.is-disabled{opacity:.45}.public-shell-mobile-mask-enter-active,.public-shell-mobile-mask-leave-active{transition:opacity .18s ease}.public-shell-mobile-mask-enter-from,.public-shell-mobile-mask-leave-to{opacity:0}.public-shell-mobile-drawer-enter-active,.public-shell-mobile-drawer-leave-active{transition:transform .22s ease}.public-shell-mobile-drawer-enter-from,.public-shell-mobile-drawer-leave-to{transform:translate(100%)}.public-shell__content{display:grid;gap:.85rem}.profile-page{display:grid;gap:1rem}.profile-page__hero,.flow-page__hero{padding:1.2rem 1.3rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.profile-page__hero h2,.flow-page__hero h2{margin:0 0 .7rem;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1;letter-spacing:-.05em}.profile-page__hero p:last-child{margin:0;font-size:.92rem;color:var(--text-secondary)}.flow-page__hero p:last-child{margin:0;font-size:.92rem;color:var(--text-secondary)}.profile-page__meta,.flow-page__hero-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;color:var(--text-secondary)}.profile-page__meta span{padding:.54rem .8rem;border-radius:5px;background:#f5f5f7d1;border:1px solid rgba(29,29,31,.08);font-size:.84rem;font-weight:500}.profile-grid,.flow-sidebar-grid{display:grid;grid-template-columns:minmax(0,var(--desktop-sidebar-main-fr)) minmax(var(--desktop-sidebar-side-min),var(--desktop-sidebar-side-fr));gap:1rem;align-items:start}.flow-sidebar-grid>*{min-width:0}.profile-form,.profile-sidebar,.profile-page__loading,.flow-sidebar-panel{padding:1.25rem}.profile-sidebar,.flow-sidebar-panel{align-self:start}.profile-form__header,.profile-form__footer{display:flex;justify-content:space-between;gap:1rem;align-items:center}.profile-form__header{margin-bottom:1rem}.profile-form__header h3,.profile-sidebar h3,.flow-sidebar-panel h3{margin:0;font-size:1.18rem;letter-spacing:-.03em}.profile-form__actions,.profile-form__channel-actions{display:flex;justify-content:flex-end;gap:.75rem}.profile-form__channel-banner{padding:.95rem 1rem;margin-bottom:.9rem;border-radius:5px;border:1px solid rgba(29,29,31,.06);background:linear-gradient(135deg,#0071e314,#2997ff08),#ffffffb8}.profile-form__channel-banner--pending{background:linear-gradient(135deg,#0071e314,#11182708),#ffffffb8}.profile-form__channel-banner h3{margin:.15rem 0 .38rem}.profile-form__channel-hint{margin:0 0 .75rem;font-size:.92rem;color:var(--text-secondary);line-height:1.6}.profile-form__channel-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}.profile-form__channel-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.68rem .82rem;border-radius:5px;background:#ffffffa3;color:var(--text-secondary)}.profile-form__channel-list strong{color:var(--text-primary);text-align:right}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form__footer{margin-top:1.2rem}.profile-sidebar__list{list-style:none;padding:0;margin:1.25rem 0;display:grid;gap:.8rem}.profile-sidebar__list li{display:flex;justify-content:space-between;gap:1rem;padding:.82rem 0;border-bottom:1px solid rgba(29,29,31,.06);color:var(--text-secondary)}.profile-sidebar__list li:last-child{border-bottom:none}.profile-sidebar__list strong{color:var(--text-primary)}.profile-sidebar__hint{margin:0;color:var(--text-muted);line-height:1.7}@media(max-width:1279px){.public-shell{grid-template-columns:260px 1fr}}@media(max-width:1023px){.login-page,.public-shell,.profile-grid,.flow-sidebar-grid{grid-template-columns:1fr}.login-page__hero,.login-page__panel{min-height:auto}.public-shell__main{padding:1rem}.public-shell__topbar{top:1rem}.profile-page__hero,.flow-page__hero,.public-shell__topbar{flex-direction:column;align-items:flex-start}.public-shell__topbar-actions,.profile-page__meta,.flow-page__hero-meta{width:100%;justify-content:flex-start}.public-shell__context-action{width:100%}.public-shell__mobile-step-toggle{display:inline-flex;margin-left:auto}.profile-form__channel-list{grid-template-columns:1fr}.flow-sidebar-panel{padding:1rem}}@media(max-width:767px){.login-page{padding:.9rem}.field--inline,.form-grid,.form-grid--compact{grid-template-columns:1fr}.card-surface,.login-page__hero,.login-card,.public-shell__aside-inner{border-radius:5px}.login-page__hero h1,.flow-page__hero h2,.profile-page__hero h2,.public-shell__aside h1{max-width:none}.toast-host{top:auto;bottom:1rem;left:1rem;right:1rem}.toast-item{width:100%}.flow-sidebar-panel{padding:.95rem}.flow-sidebar-panel h3{font-size:1.06rem}}