html,body,#root{height:100%}body{margin:0;background:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--brand-primary: #E02424;--brand-primary-hover: #F05252;--brand-primary-active: #C81E1E;--brand-primary-light: #FDF2F2;--brand-primary-border: #FDE8E8;--bg-page: #0B0F19;--bg-page-light: #F4F6F9;--surface-card: #FFFFFF;--surface-card-sub: #F9FAFB;--text-main: #111827;--text-regular: #4B5563;--text-muted: #9CA3AF;--border-light: #E5E7EB;--border-focus: #F87171;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-portal: 0 20px 35px -5px rgba(0, 0, 0, .1), 0 10px 15px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(224, 36, 36, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-page-light);background-image:radial-gradient(at 0% 0%,rgba(224,36,36,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(30,64,175,.03) 0px,transparent 50%),linear-gradient(180deg,#f8fafc,#eef2f6);overflow-x:hidden;overflow:clip}.bg-glow-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bg-glow-orb{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.45}.bg-glow-orb-top{top:-120px;right:-80px;background:radial-gradient(circle,#f0525238,#fee2e200 70%)}.bg-glow-orb-bottom{bottom:-150px;left:-100px;background:radial-gradient(circle,#3b82f61f,#dbeafe00 70%)}.app-topbar{height:64px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.8);flex:0 0 auto;position:sticky;top:0;z-index:100;transition:all .2s ease}.app-topbar-inner{height:100%;max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark-svg{filter:drop-shadow(0 2px 6px rgba(224,36,36,.3))}.app-brand-text{display:flex;flex-direction:column}.app-brand-title{font-size:17px;font-weight:700;color:var(--text-main);letter-spacing:-.3px;line-height:1.2}.app-brand-sub{font-size:9px;font-weight:600;color:var(--text-muted);letter-spacing:1px;line-height:1.2}.app-topbar-right{display:inline-flex;align-items:center}.app-security-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f3f4f6cc;border:1px solid #E5E7EB;font-size:12px;font-weight:500;color:var(--text-regular)}.app-security-badge .security-icon{color:#10b981}.account-top-user-menu{display:flex;align-items:center}.account-top-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:var(--surface-card-sub);border:1px solid var(--border-light)}.account-top-name{font-size:13px;font-weight:600;color:var(--text-main)}.btn-top-logout{color:var(--text-muted)}.btn-top-logout:hover{color:var(--brand-primary)}.app-main{flex:1;display:flex;padding:36px 24px;position:relative;z-index:1}.app-content{width:100%;margin:auto}.app-foot{flex:0 0 auto;padding:24px 20px 32px;text-align:center;position:relative;z-index:1}.app-foot-links{font-size:13px;color:var(--text-regular);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.foot-sep{color:#d1d5db}.app-foot-copy{margin-top:8px;font-size:12px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace}.auth-portal-wrapper{display:flex;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-portal);border:1px solid rgba(229,231,235,.7);overflow:hidden;min-height:540px}.auth-portal-hero{flex:0 0 42%;background:linear-gradient(145deg,#181c26,#0f131d);color:#fff;padding:44px 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-portal-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(224,36,36,.25) 0%,transparent 45%),radial-gradient(circle at 90% 85%,rgba(59,130,246,.15) 0%,transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#e024242e;border:1px solid rgba(224,36,36,.4);font-size:12px;font-weight:600;color:#fca5a5;margin-bottom:22px}.hero-headline{font-size:26px;font-weight:700;line-height:1.35;color:#fff;margin:0 0 16px;letter-spacing:-.5px}.hero-highlight{color:#ff5a5a;text-shadow:0 0 12px rgba(255,90,90,.35)}.hero-desc{font-size:13.5px;line-height:1.65;color:#9ca3af;margin:0 0 32px}.hero-features{display:flex;flex-direction:column;gap:18px}.feature-item{display:flex;align-items:flex-start;gap:14px}.feature-icon{width:32px;height:32px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#f87171;font-size:16px;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-title{font-size:13.5px;font-weight:600;color:#f3f4f6}.feature-sub{font-size:12px;color:#6b7280}.hero-bottom-info{position:relative;z-index:1;font-size:10px;letter-spacing:1.5px;color:#4b5563;font-weight:600}.auth-portal-form-panel{flex:1;padding:44px 48px;display:flex;flex-direction:column;justify-content:center;background:#fff}.form-panel-header{margin-bottom:24px}.form-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.panel-title{margin:0!important;font-weight:700!important;color:var(--text-main)!important;font-size:22px!important}.register-quick-link{font-size:13px;font-weight:600;color:var(--brand-primary);display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.register-quick-link:hover{color:var(--brand-primary-hover);transform:translate(2px)}.panel-subtitle{margin:0!important;font-size:13.5px;color:var(--text-regular)}.auth-form-alert{margin-bottom:20px;border-radius:var(--radius-sm)}.input-field-icon{color:#9ca3af;font-size:16px}.password-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-form-item-label>label:has(.password-label-row){width:100%}.forgot-password-link{font-size:12.5px;color:#6b7280;font-weight:500}.forgot-password-link:hover{color:var(--brand-primary)}.auth-submit-item{margin-top:10px;margin-bottom:0}.btn-auth-primary{height:46px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#e02424,#c81e1e);border:none;box-shadow:0 4px 12px #e0242440;transition:all .2s ease}.btn-auth-primary:hover:not(:disabled){background:linear-gradient(135deg,#f05252,#d82222)!important;box-shadow:0 6px 16px #e0242459!important;transform:translateY(-1px)}.btn-auth-primary:active:not(:disabled){background:#b91c1c!important;transform:translateY(0)}.btn-auth-secondary{height:46px;font-size:15px;font-weight:500}.form-dual-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-row{display:flex;gap:12px;align-items:stretch}.code-row .ant-input-affix-wrapper{flex:1}.code-row>button{flex:0 0 auto;border-radius:var(--radius-sm);font-weight:500}.form-panel-footer{margin-top:24px;padding-top:18px;border-top:1px solid #F3F4F6}.security-notice-text{font-size:12px;color:#9ca3af;line-height:1.5;margin:0}.account-hero-card{background:linear-gradient(135deg,#1e232f,#111520);border-radius:var(--radius-lg);padding:32px 36px;margin-bottom:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.hero-card-pattern{position:absolute;top:0;right:0;width:45%;height:100%;background:radial-gradient(circle at 80% 30%,rgba(224,36,36,.18) 0%,transparent 70%);pointer-events:none}.account-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:28px}.hero-avatar-wrap{position:relative;flex:0 0 auto}.account-hero-avatar-img{border:3px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #00000059;background:#f3f4f6}.avatar-change-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:12px;white-space:nowrap;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .15s ease}.avatar-change-badge:hover{background:var(--brand-primary);border-color:var(--brand-primary)}.account-hero-details{flex:1;min-width:0}.hero-title-line{display:flex;align-items:center;gap:12px;margin-bottom:6px}.hero-user-nickname{margin:0;color:#fff;font-size:24px;font-weight:700;letter-spacing:-.3px}.hero-role-tag{border-radius:14px;font-weight:500;border:none;background:#e0242433;color:#fca5a5}.hero-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#9ca3af}.hero-meta-username{color:#e5e7eb;font-weight:500}.hero-meta-sep{color:#4b5563}.hero-meta-uid{cursor:pointer;padding:2px 8px;border-radius:4px;background:#ffffff14;color:#f3f4f6;font-family:ui-monospace,monospace;transition:background .15s}.hero-meta-uid:hover{background:#e0242440;color:#fff}.copy-icon{margin-left:4px;font-size:11px}.hero-meta-email{color:#9ca3af}.hero-stats-panel{flex:0 0 auto;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06)}.hero-stat-box{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s}.hero-stat-box:hover{transform:translateY(-2px)}.stat-num{font-size:22px;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:11.5px;color:#9ca3af}.hero-stat-sep{width:1px;height:28px;background:#ffffff1a}.account-body-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background:#fff}.tab-item-title{display:inline-flex;align-items:center;gap:8px;font-size:14.5px}.tab-count-badge{padding:1px 7px;border-radius:10px;background:#fee2e2;color:var(--brand-primary);font-size:11px;font-weight:700}.profile-tab-container{padding:8px 4px}.profile-section-card{margin-bottom:8px}.profile-group-title{margin-bottom:4px!important;color:var(--text-main);font-size:16px;font-weight:600}.profile-group-desc{margin-bottom:20px!important;color:var(--text-regular)}.profile-descriptions-grid{background:var(--surface-card-sub);padding:20px 24px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.profile-descriptions-grid .ant-descriptions-item-label{color:var(--text-regular);width:120px}.strong-text{font-weight:600;color:var(--text-main)}.tag-uid-text{display:inline-block;padding:2px 8px;border-radius:4px;background:#fee2e2;color:var(--brand-primary);font-weight:600}.nickname-input-group{display:flex;gap:16px;max-width:480px}.avatar-tab-modern{display:flex;flex-direction:column;gap:28px;padding:8px 4px}.avatar-current-card{display:flex;align-items:center;gap:32px;padding:28px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:var(--radius-md);border:1px solid var(--border-light)}.avatar-current-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.avatar-current-img-glow{border:3px solid #FFFFFF;box-shadow:0 4px 14px #0000001a}.avatar-type-pill{padding:2px 10px;border-radius:12px;background:#fff;border:1px solid var(--border-light);font-size:11px;font-weight:600;color:var(--text-regular)}.avatar-section-title{margin-bottom:6px!important;font-size:16px}.avatar-section-desc{margin-bottom:18px!important;color:var(--text-regular);max-width:580px}.upload-tips-line{margin-top:10px;font-size:12px;color:var(--text-muted)}.avatar-gallery-section{display:flex;flex-direction:column;gap:16px}.avatar-gallery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.gallery-title{margin:0!important;font-size:16px}.gallery-subtitle{margin:4px 0 0!important;color:var(--text-regular)}.btn-reload-batch{border-radius:var(--radius-sm);font-weight:500}.avatar-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px}.avatar-card-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:var(--radius-md);background:#fff;border:2px solid var(--border-light);cursor:pointer;transition:all .2s ease}.avatar-card-btn:hover:not(:disabled){border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.avatar-card-btn.is-selected{border-color:var(--brand-primary);background:var(--brand-primary-light)}.avatar-card-img-wrap{position:relative;display:inline-block}.avatar-selected-badge{position:absolute;top:-4px;right:-4px;color:var(--brand-primary);background:#fff;border-radius:50%;font-size:16px;line-height:1}.avatar-seed-label{font-size:11.5px;font-weight:500;color:var(--text-regular)}.security-tab-modern{display:flex;flex-direction:column;gap:24px;padding:8px 4px}.security-section-box{display:flex;flex-direction:column;gap:16px}.security-group-title{display:flex;align-items:center;gap:8px;margin-bottom:4px!important;font-size:16px}.title-icon{color:var(--brand-primary)}.security-group-desc{margin-bottom:16px!important;color:var(--text-regular)}.password-form-grid{max-width:580px}.security-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-item-card{padding:24px;border-radius:var(--radius-md);background:var(--surface-card-sub);border:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:space-between;gap:18px}.status-item-card.danger-card{background:#fff5f5;border-color:#fed7d7}.status-item-info{display:flex;flex-direction:column;gap:6px}.status-item-title{font-size:15px;font-weight:600;color:var(--text-main)}.status-item-title.danger-text{color:#c53030}.status-item-desc{font-size:12.5px;color:var(--text-regular);line-height:1.5}.btn-danger-primary{background:#e53e3e!important;border-color:#e53e3e!important}.security-audit-tip{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);background:#f3f4f6;font-size:12.5px;color:var(--text-regular)}.security-audit-tip .tip-icon{color:#10b981}.grants-tab-modern{padding:8px 4px}.grants-tab-intro{margin-bottom:20px}.grants-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.grant-app-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.grant-app-card:hover{border-color:#fca5a5;box-shadow:0 6px 16px #0000000f;transform:translateY(-2px)}.grant-card-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.grant-app-avatar-box{width:44px;height:44px;border-radius:10px;background:#fee2e2;color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.grant-app-title-wrap{flex:1;min-width:0}.app-title-row{display:flex;align-items:center;gap:8px}.app-name-text{margin:0;font-size:16px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-client-id-row{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-muted);margin-top:2px}.client-id-text{color:var(--text-regular)}.grant-app-desc{font-size:13px;color:var(--text-regular);line-height:1.5;margin:0 0 16px;min-height:38px}.grant-scopes-list{background:var(--surface-card-sub);padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:16px}.scopes-header-label{font-size:11px;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:4px}.scope-badge{border-radius:4px;font-size:11px;margin-bottom:2px}.grant-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-light)}.grant-time-info{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.login-records-panel{padding:8px 4px}.login-records-header{margin-bottom:20px}.panel-inner-title{margin-bottom:4px!important;font-size:16px}.panel-inner-desc{margin-bottom:0!important;color:var(--text-regular)}.login-records-list{display:flex;flex-direction:column;gap:14px}.login-record-card{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-light);gap:20px;transition:all .2s ease;box-shadow:0 1px 3px #00000008}.login-record-card:hover{border-color:#fca5a5;box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.login-record-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.login-device-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.login-device-icon-box.is-desktop{background:#eff6ff;color:#3b82f6}.login-device-icon-box.is-mobile{background:#f0fdf4;color:#10b981}.login-device-info{display:flex;flex-direction:column;gap:6px;min-width:0}.login-device-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.login-device-name{font-size:15px;font-weight:600;color:var(--text-main);line-height:1.3}.login-latest-badge{border-radius:4px;font-size:11px;margin:0}.ua-tooltip-trigger{color:#9ca3af;font-size:14px;cursor:pointer;transition:color .15s ease}.ua-tooltip-trigger:hover{color:var(--brand-primary)}.tooltip-ua-title{font-weight:600;font-size:12px;margin-bottom:4px;color:#f3f4f6}.tooltip-ua-content{font-size:11.5px;line-height:1.5;color:#d1d5db;font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all;max-width:320px}.login-meta-subline{display:flex;align-items:center;gap:12px}.login-ip-tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#6b7280;background:#f9fafb;padding:2px 10px;border-radius:4px;border:1px solid #F3F4F6}.login-ip-tag .ip-icon{color:#9ca3af}.login-record-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.login-time-relative{font-size:14px;font-weight:600;color:var(--text-main)}.login-time-exact{font-size:12px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace}.login-record-empty{padding:48px 0;text-align:center;color:var(--text-muted);font-size:13.5px}.consent-modern-card{box-shadow:var(--shadow-portal);border-radius:var(--radius-lg);padding:36px 32px;background:#fff}.consent-head{text-align:center;margin-bottom:24px}.consent-app-icon-wrap{margin-bottom:14px}.consent-title{margin-bottom:6px!important;font-size:22px!important;font-weight:700!important}.consent-sub{margin:0!important;font-size:13.5px}.consent-desc-box{padding:12px 16px;background:#f9fafb;border-radius:var(--radius-sm);text-align:center;margin-bottom:20px;border:1px solid var(--border-light)}.consent-scopes-box{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:20px}.consent-scopes-header{font-weight:600;font-size:13.5px;color:var(--text-main);margin-bottom:10px}.consent-scope-item{padding:10px 0!important}.scope-title-text{font-weight:600;font-size:13.5px}.scope-desc-text{font-size:12.5px;color:var(--text-regular)}.consent-identity-box{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#f3f4f6;border-radius:var(--radius-md);margin-bottom:16px}.identity-user-tag{font-size:12px;color:var(--text-regular);display:flex;align-items:center;gap:6px}.identity-user-info{display:flex;align-items:center;gap:6px}.identity-handle{color:var(--text-muted);font-size:12px}.consent-home-url{text-align:center;font-size:12px;margin-bottom:20px!important}.consent-actions-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.consent-card-foot{text-align:center;font-size:12px;color:var(--text-muted)}.auth-card{box-shadow:var(--shadow-portal);border-radius:var(--radius-lg);background:#fff}.state-center{display:flex;align-items:center;justify-content:center;padding:56px 0}.state-spin-holder{width:1px;height:1px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:900px){.auth-portal-wrapper{flex-direction:column}.auth-portal-hero{flex:none;padding:32px 24px}.auth-portal-form-panel{padding:32px 24px}.account-hero-content{flex-direction:column;align-items:flex-start}.hero-stats-panel{width:100%;justify-content:space-around}.security-status-grid,.form-dual-row{grid-template-columns:1fr}}@media(max-width:640px){.app-main{padding:16px 12px}.app-topbar-inner{padding:0 16px}.grants-grid-layout{grid-template-columns:1fr}.login-record-card{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.login-record-right{align-items:flex-start;padding-left:60px}.nickname-input-group{flex-direction:column}}