:root{--color-bg-base: #f3f4fb;--color-bg-elevated: rgba(255, 255, 255, .94);--color-text-primary: rgba(18, 27, 52, .96);--color-text-secondary: rgba(18, 27, 52, .54);--color-primary: #5a6fea;--color-secondary: #13bdfb;--color-brand-gradient: linear-gradient(135deg, #5a6fea 0%, #13bdfb 100%);--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1677ff;--color-border: rgba(32, 44, 77, .08);--color-border-strong: rgba(32, 44, 77, .16);--shadow-base: 0 18px 40px rgba(60, 71, 109, .08), 0 3px 10px rgba(15, 23, 42, .04);--shadow-soft: 0 8px 20px rgba(15, 23, 42, .06);--shadow-blur:0 24px 52px rgba(18, 40, 112, .14);--radius-base: 12px;--radius-xl: 26px;--font-family-base: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--scrollbar-size: 6px;--scrollbar-radius: 999px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(18, 27, 52, .14);--scrollbar-thumb-hover: rgba(18, 27, 52, .24);--scrollbar-thumb-active: rgba(90, 111, 234, .3)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-family-base);color:var(--color-text-primary);background:linear-gradient(180deg,#f8f8fc,#f2f3fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#app{width:100%}.glass-panel{background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-base)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-secondary)}.text-link{color:var(--color-secondary);font-weight:600;transition:opacity .2s ease,transform .2s ease}.text-link:hover{opacity:.88;transform:translateY(-1px)}.ant-form-item{margin-bottom:20px}.ant-form-item-label>label{color:var(--color-text-primary)!important;font-weight:600}.ant-form-item-explain-error{font-size:12px}.auth-form--top-notice .ant-form-item-explain,.auth-form--top-notice .ant-form-item-extra{display:none}.auth-form--top-notice .ant-form-item-with-help{transition:none}.ant-input,.ant-input-affix-wrapper,.ant-input-password,.ant-select-selector{min-height:48px;border-radius:var(--radius-base)!important;border-color:var(--color-border-strong)!important;background:#fff!important;box-shadow:none!important}.ant-input-affix-wrapper .ant-input{min-height:auto;border-radius:0!important;background:transparent!important}.ant-input-affix-wrapper:hover,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-input:hover,.ant-input:focus{border-color:#13bdfb94!important}.ant-checkbox-wrapper{color:var(--color-text-secondary)}.ant-input-prefix,.ant-input-password-icon{color:#121b3466!important}.ant-btn{border-radius:var(--radius-base);font-weight:600}.ant-btn-primary{min-height:48px;border:none;background:var(--color-brand-gradient);box-shadow:none}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(135deg,#5065e0,#10b2ec)!important}.ant-btn-link{padding-inline:0}.ant-alert{border:1px solid rgba(32,44,77,.08);background:#ffffffdb}.app-notification.ant-notification-notice{border:1px solid rgba(32,44,77,.1);border-radius:18px;background:#fffffffa;box-shadow:0 18px 40px #3c476d1f,0 8px 18px #0f172a0f;font-kerning:normal}.app-notification .ant-notification-notice-message{margin-bottom:.375rem;color:var(--color-text-primary);font-size:.9375rem;line-height:1.35;font-weight:700;letter-spacing:.01em}.app-notification .ant-notification-notice-description{color:var(--color-text-secondary);max-width:34ch;font-size:.875rem;line-height:1.6}.app-notification--success.ant-notification-notice{border-color:#52c41a38}.app-notification--warning.ant-notification-notice{border-color:#faad143d}.app-notification--error.ant-notification-notice{border-color:#ff4d4f38}.auth-notification.ant-notification-notice{border-color:#13bdfb38;border-top:3px solid var(--color-secondary)}.auth-notification-icon{color:var(--color-secondary)!important;font-size:18px}.locale-dropdown-overlay .ant-dropdown-menu,.portal-topbar-user-dropdown-overlay .ant-dropdown-menu{padding:8px;border:1px solid rgba(19,189,251,.18);border-radius:16px;background:#fffffffa;box-shadow:0 18px 40px #3c476d1a,0 8px 18px #0f172a0d}.locale-dropdown-overlay .ant-dropdown-menu-item,.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-item{min-width:140px;min-height:32px;border-radius:10px;font-size:14px;font-weight:600;line-height:22px;color:var(--color-text-primary)}.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-item{padding:0}.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-title-content,.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-title-content a{display:flex;align-items:center;width:100%}.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-title-content a{min-height:32px;padding:5px 12px;color:inherit;line-height:22px}.locale-dropdown-overlay .ant-dropdown-menu-item:hover,.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-item:hover{background:#13bdfb14}.locale-dropdown-overlay .ant-dropdown-menu-item-selected,.portal-topbar-user-dropdown-overlay .ant-dropdown-menu-item-selected{background:#13bdfb24;color:var(--color-secondary)}.portal-page{display:grid;gap:24px}.portal-panel{border-radius:24px;border:1px solid rgba(255,255,255,.78);background:#ffffffe0;box-shadow:0 20px 42px #3c476d14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.portal-grid{display:grid;gap:20px}.portal-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.portal-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-grid--cards{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-grid--sidebar{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:start}.portal-grid--cloud{grid-template-columns:minmax(320px,.92fr) minmax(0,1.4fr)}.portal-preview-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#5a6fea1f,#13bdfb24);color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portal-code-block{margin:0;padding:16px 18px;border-radius:18px;background:#10213d;color:#dbeafe;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.portal-tabs .ant-tabs-nav:before{border-bottom-color:#5a6fea14}.portal-tabs .ant-tabs-tab{padding:12px 4px;font-weight:700;color:var(--color-text-secondary)}body.dark{--color-bg-base: #12131e;--color-text-primary: rgba(255, 255, 255, .92);--color-text-secondary: rgba(255, 255, 255, .68);--scrollbar-thumb: rgba(255, 255, 255, .14);--scrollbar-thumb-hover: rgba(255, 255, 255, .24);--scrollbar-thumb-active: rgba(19, 189, 251, .34);background:#12131e}body.dark .glass-panel{background:#141722ad;border-color:#ffffff14}body.dark .ant-input,body.dark .ant-input-affix-wrapper,body.dark .ant-input-password{background:#080c1694!important}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:var(--scrollbar-radius);background:var(--scrollbar-thumb);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}@media(max-width:1200px){.portal-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid--cloud{grid-template-columns:1fr}}@media(max-width:900px){.portal-grid--two,.portal-grid--three,.portal-grid--sidebar{grid-template-columns:1fr}}@media(max-width:640px){.portal-page{gap:18px}.portal-grid,.portal-grid--cards{grid-template-columns:1fr}.portal-panel{border-radius:20px}}
