/* Generated by npm run build:ui from ui/styles. */
/* Opt-in design studies. The source application keeps ownership of all data and actions. */
html[data-flat]{--f-bg:#f4f6fa;--f-paper:#fff;--f-ink:#1c2c43;--f-muted:#7c889a;--f-line:#e1e6ee;--f-accent:#2868df;--f-soft:#edf3ff;--f-radius:6px;--background:var(--f-bg);--foreground:var(--f-ink);--card:var(--f-paper);--card-foreground:var(--f-ink);--popover:#fff;--popover-foreground:var(--f-ink);--primary:var(--f-accent);--primary-foreground:#fff;--secondary:var(--f-soft);--secondary-foreground:var(--f-accent);--muted:#f2f4f7;--muted-foreground:var(--f-muted);--border:var(--f-line);--input:var(--f-line);--ring:var(--f-accent);--radius:6px;--sky-preview-height:0px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--f-ink);background:var(--f-bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
html[data-flat=ink]{--f-bg:#f7f7f7;--f-ink:#202328;--f-muted:#85888e;--f-line:#e3e4e7;--f-accent:#2856df;--f-soft:#eef2fc;--f-radius:3px;--radius:3px}
html[data-flat=mint]{--f-bg:#f6f6f1;--f-ink:#253d38;--f-muted:#86938d;--f-line:#e1e7df;--f-accent:#19735f;--f-soft:#eaf4ed;--f-radius:8px;--radius:8px}
html[data-flat] body{margin:0;background:var(--f-bg)!important;color:var(--f-ink)!important;font:13px/1.55 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important}
html[data-flat] :is(button,input,select,textarea){font-family:inherit!important}
html[data-flat] :is(.cn-font-body,.cn-font-heading){font-family:inherit!important}
html[data-flat] :is(h1,h2,h3,h4,p){letter-spacing:0!important}
html[data-flat] :is(h1,h2,h3,h4){color:var(--f-ink);font-weight:650}
html[data-flat] :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--f-accent)!important;outline-offset:3px}
html[data-flat] :is([data-slot=card],[data-slot=button],[data-slot=input],[data-slot=tabs-list],[data-slot=tabs-trigger],[data-slot=select-trigger]){box-shadow:none!important;border-radius:var(--f-radius)!important}
html[data-flat] [data-slot=card]{background:var(--f-paper)!important;border:1px solid var(--f-line)!important}
html[data-flat] :is([data-slot=input],[data-slot=select-trigger],textarea){height:40px;background:#fff!important;border:1px solid var(--f-line)!important;color:var(--f-ink);font-size:13px!important}
html[data-flat] [data-slot=button]{font-size:12px;gap:7px;min-height:34px;font-weight:550}
html[data-flat] :is(button,a){-webkit-tap-highlight-color:transparent}
html[data-flat] button:disabled{opacity:.45}
html[data-flat] [data-slot=badge]{border-radius:3px!important;font-size:10px!important;line-height:17px!important;font-weight:500!important}
html[data-flat] [data-slot=switch]{width:31px!important;height:18px!important;min-width:31px;box-shadow:none!important}
html[data-flat] [data-slot=switch-thumb]{width:14px!important;height:14px!important}
html[data-flat] #xr-preview-bar,html[data-flat] #sky-preview-toolbar{display:none!important}
html[data-flat] .xr-user-shell{background:var(--f-bg)!important;color:var(--f-ink)!important;--account-blue:var(--f-accent);--account-ink:var(--f-ink);--account-muted:var(--f-muted);--account-line:var(--f-line);--account-soft:var(--f-soft)}
html[data-flat] .xr-user-app-shell{padding:0!important}
html[data-flat] .xr-user-app-shell>div{min-height:100dvh!important;background:var(--f-bg)!important}
html[data-flat] .xr-user-app-shell>div>div>header{height:72px!important;min-height:72px!important;padding:0 32px!important;border:0!important;border-bottom:1px solid var(--f-line)!important;background:var(--f-paper)!important;box-shadow:none!important;backdrop-filter:none!important;top:0!important}
html[data-flat] .xr-user-brand{display:block;position:relative;padding-left:38px!important;min-width:180px}
html[data-flat] .xr-user-brand::before{content:"";position:absolute;width:27px;height:27px;top:5px;left:0;background:var(--f-accent);mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14 3c3-1 6-1 7-1 0 3-1 6-3 9l-6 6-5-5 7-9zm1 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM6 10l-4 2v6l5-2m7 1 1 5h6v-7M7 18l-5 4 2-6z"/%3E%3C/svg%3E') center/contain no-repeat}
html[data-flat] .xr-user-brand-title{font-size:19px!important;font-weight:700!important;line-height:25px!important;color:var(--f-ink)!important}
html[data-flat] .xr-user-brand-tagline{display:block!important;font-size:10px!important;font-weight:400!important;line-height:16px!important;color:var(--f-muted)!important}
html[data-flat] .xr-user-shell main{width:100%;max-width:1184px!important;margin:0 auto!important;padding:32px 32px 48px!important}
html[data-flat] .xr-user-bottom-nav{position:static!important;inset:auto!important;border:0!important;border-bottom:1px solid var(--f-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important}
html[data-flat] .xr-user-bottom-nav-inner{display:flex!important;justify-content:flex-start!important;gap:24px!important;max-width:1120px!important;margin:auto!important;padding:0!important;min-height:52px!important}
html[data-flat] .xr-user-nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:14px 3px!important;min-width:70px!important;border-radius:0!important;border-bottom:2px solid transparent!important;font-size:12px!important;color:var(--f-muted)!important;background:none!important}
html[data-flat] .xr-user-nav-item svg{width:16px!important;height:16px!important}
html[data-flat] .xr-user-nav-item.is-active{color:var(--f-accent)!important;border-bottom-color:var(--f-accent)!important;font-weight:600!important}
html[data-flat] .xr-user-shell main h1{font-size:25px!important;font-weight:650!important;line-height:1.4!important}
html[data-flat] .xr-user-shell main h1+p{font-size:12px!important;color:var(--f-muted)!important;margin-top:5px!important}
html[data-flat] .xr-user-shell main>div>div.mb-5{margin-bottom:24px!important}

/* Home: real account, activation and notice controls. */
html[data-flat] .sky-icon{width:19px;height:19px;flex-shrink:0}
html[data-flat] :is(.sky-home-content,.xr-sky-home){color:var(--f-ink);font-size:13px}
html[data-flat] .sky-page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
html[data-flat] .sky-page-intro h1{font-size:27px!important;margin:0}
html[data-flat] .sky-page-intro p{margin:7px 0 0;color:var(--f-muted);font-size:12px}
html[data-flat] .sky-desktop-overview{display:flex;gap:16px;color:var(--f-muted);font-size:11px}
html[data-flat] .sky-desktop-launcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--f-paper);border:1px solid var(--f-line);border-radius:var(--f-radius);margin-bottom:20px}
html[data-flat] .sky-launch-item{display:flex;align-items:center;gap:12px;padding:19px 18px;border-right:1px solid var(--f-line);text-align:left;min-width:0;color:var(--f-ink)}
html[data-flat] .sky-launch-item:last-child{border:0}
html[data-flat] .sky-launch-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--f-soft);border-radius:6px;color:var(--f-accent);flex-shrink:0}
html[data-flat] .sky-launch-copy{min-width:0;flex:1}
html[data-flat] .sky-launch-copy :is(strong,small){display:block}
html[data-flat] .sky-launch-copy strong{font-weight:600;font-size:14px}
html[data-flat] .sky-launch-copy small{font-size:10px;color:var(--f-muted);margin-top:4px;white-space:nowrap}
html[data-flat] .sky-launch-arrow{width:13px;color:var(--f-muted)}
html[data-flat] .sky-dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
html[data-flat] :is(.sky-panel,.sky-account-hero){border:1px solid var(--f-line);background:var(--f-paper);border-radius:var(--f-radius);box-shadow:none;overflow:hidden}
html[data-flat] .sky-account-hero{position:relative;padding:24px;background:var(--f-accent);color:#fff;grid-row:span 2;border-color:var(--f-accent)}
html[data-flat] .sky-account-hero h2{color:inherit}
html[data-flat] .sky-switch{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:7px;color:inherit;font-size:11px;opacity:.9;border:1px solid #ffffff50;border-radius:4px;padding:6px 9px}
html[data-flat] .sky-switch svg{width:14px}
html[data-flat] .sky-hero-identity{padding:7px 0 20px}
html[data-flat] .sky-current-avatar{display:none}
html[data-flat] .sky-hero-identity h2{font-size:25px;margin:0 0 5px;font-weight:600}
html[data-flat] .sky-hero-identity p{font-size:12px;opacity:.75;margin:0 0 8px}
html[data-flat] .sky-status{display:flex;align-items:center;gap:5px;font-size:11px}
html[data-flat] .sky-status i,html[data-flat] .sky-row-status i{height:5px;width:5px;background:#8b99ad;border-radius:50%;display:inline-block}
html[data-flat] .sky-status i.is-online{background:#82e5c9}
html[data-flat] .sky-level{display:block;font-size:44px;line-height:1.2;margin-top:16px;font-weight:600;letter-spacing:-1.5px}
html[data-flat] .sky-hero-plan{display:flex;align-items:center;width:100%;gap:10px;padding:14px 0;margin:0 0 18px;border-top:1px solid #ffffff40;font-size:11px;text-align:left}
html[data-flat] .sky-hero-plan strong{font-size:12px;font-weight:550;white-space:nowrap}
html[data-flat] .sky-hero-plan span{opacity:.75;flex:1}
html[data-flat] .sky-hero-plan svg{width:17px}
html[data-flat] .sky-hero-action-row{display:flex;gap:8px;flex-wrap:wrap}
html[data-flat] :is(.sky-hero-cta,.sky-hero-renew,.sky-desktop-manage){display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 13px;font-size:11px;font-weight:550;border-radius:4px}
html[data-flat] .sky-hero-cta{background:#fff;color:var(--f-accent);flex:1}
html[data-flat] .sky-hero-renew{color:#fff;border:1px solid #ffffff70;flex:1}
html[data-flat] .sky-desktop-manage{color:#fff;opacity:.8;padding:0}
html[data-flat] .sky-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}
html[data-flat] .sky-panel-heading h2{font-size:15px;font-weight:650;margin:0}
html[data-flat] .sky-text-link{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--f-accent);white-space:nowrap}
html[data-flat] .sky-text-link svg{width:14px;height:14px}
html[data-flat] .sky-notice-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 20px;text-align:left;border-top:1px solid var(--f-line);color:var(--f-ink)}
html[data-flat] .sky-notice-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--f-accent);background:var(--f-soft);border-radius:4px}
html[data-flat] .sky-notice-icon svg{width:17px;height:17px}
html[data-flat] .sky-notice-copy{display:block;flex:1;min-width:0}
html[data-flat] .sky-notice-copy strong{display:block;font-size:12px;font-weight:550}
html[data-flat] .sky-notice-copy :is(small,span){display:block;font-size:10px;color:var(--f-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-flat] .sky-notice-row time{font-size:10px;color:var(--f-muted)}
html[data-flat] .sky-notice-row>svg:last-child{width:12px;height:12px;color:var(--f-muted)}
html[data-flat] .sky-redeem{padding-bottom:18px}
html[data-flat] .sky-redeem-info{display:flex;align-items:center;gap:12px;padding:0 20px 14px}
html[data-flat] .sky-redeem-info strong{font-size:12px;font-weight:550}
html[data-flat] .sky-redeem-info p{font-size:10px;color:var(--f-muted);margin-top:4px}
html[data-flat] .sky-blue-button{background:var(--f-soft);color:var(--f-accent);border:1px solid var(--f-line);border-radius:4px;min-height:35px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550}
html[data-flat] .sky-redeem>.sky-blue-button{margin:0 20px;width:calc(100% - 40px)}
html[data-flat] .sky-accounts{grid-column:1/-1}
html[data-flat] .sky-account-row{display:flex;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--f-line)}
html[data-flat] .sky-avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--f-soft);color:var(--f-accent);border-radius:5px;font-size:12px}
html[data-flat] .sky-account-name{flex:1;min-width:0}
html[data-flat] .sky-account-name strong{display:block;font-size:12px;font-weight:550}
html[data-flat] .sky-account-name small{display:block;font-size:10px;color:var(--f-muted);margin-top:2px}
html[data-flat] .sky-account-lv{font-size:13px;font-weight:550;color:var(--f-accent);min-width:65px}
html[data-flat] .sky-row-status{display:flex;align-items:center;gap:6px;width:65px;font-size:11px;color:var(--f-muted)}
html[data-flat] .sky-row-status i.is-online{background:#269d83}
html[data-flat] .sky-soft-button{font-size:11px;color:var(--f-accent);padding:6px 12px;background:var(--f-soft);border-radius:4px}
html[data-flat] .sky-guide{padding:20px;grid-column:1/-1;border:1px solid var(--f-line);border-radius:var(--f-radius);background:var(--f-paper)}
html[data-flat] .sky-guide h2{font-size:15px;margin:0 0 18px;font-weight:650}
html[data-flat] .sky-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
html[data-flat] .sky-guide-steps>li,html[data-flat] .sky-guide-steps>div{display:flex;align-items:start;gap:10px}
html[data-flat] .sky-guide-number{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid var(--f-line);color:var(--f-accent);border-radius:4px;font-size:11px}
html[data-flat] .sky-guide h3{font-size:12px;font-weight:600;margin:0 0 5px}
html[data-flat] .sky-guide p{font-size:11px;line-height:1.6;color:var(--f-muted);margin:0}
html[data-flat] .sky-account-picker{position:absolute;z-index:10;right:24px;top:62px;background:#fff;color:var(--f-ink);border:1px solid var(--f-line);border-radius:4px;padding:5px;min-width:220px}
html[data-flat] .sky-account-picker button{display:flex;width:100%;gap:10px;padding:10px;text-align:left}

/* Account cards share their existing node, protocol, expiry and action controls. */
html[data-flat] .xuran-account-page{max-width:none!important}
html[data-flat] .xuran-account-page>.mb-5{align-items:center!important;gap:20px!important}
html[data-flat] .xuran-account-page>.mb-5>div.shrink-0{gap:8px!important}
html[data-flat] .xuran-account-page>.mb-5 button{height:36px!important;padding:0 13px!important;font-size:11px!important;border-radius:var(--f-radius)!important;box-shadow:none!important}
html[data-flat] .xuran-account-page [data-tour=account-add]{background:var(--f-accent)!important;color:#fff!important;border-color:var(--f-accent)!important}
html[data-flat] .xuran-account-page [data-slot=tabs-list]{padding:0!important;background:none!important;border:0!important;border-bottom:1px solid var(--f-line)!important;border-radius:0!important;height:40px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-trigger]{padding:8px 20px!important;border-radius:0!important;background:none!important;color:var(--f-muted)!important;box-shadow:none!important;border:0!important;font-size:12px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-trigger][data-state=active]{border-bottom:2px solid var(--f-accent)!important;color:var(--f-accent)!important}
html[data-flat] .xr-account-recover-mobile{display:none!important}
html[data-flat] .account-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;padding:0!important}
html[data-flat] .account-tile{border:1px solid var(--f-line)!important;background:#fff!important;border-radius:var(--f-radius)!important;box-shadow:none!important;overflow:hidden!important}
html[data-flat] .account-tile-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:20px!important;gap:16px!important;min-height:0!important}
html[data-flat] .account-identity{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;min-width:0!important}
html[data-flat] .account-identity img{width:40px!important;height:40px!important;border-radius:8px!important;border:1px solid var(--f-line)!important}
html[data-flat] .account-name{font-size:15px!important;font-weight:600!important;line-height:22px!important;color:var(--f-ink)!important}
html[data-flat] .account-level{font-size:10px!important;border-radius:3px!important;color:var(--f-accent)!important;border:1px solid var(--f-line)!important;background:#fff!important;padding:1px 5px!important}
html[data-flat] .account-meta{font-size:10px!important;color:var(--f-muted)!important;margin-top:3px!important}
html[data-flat] .account-state{font-size:10px!important;background:var(--f-soft)!important;color:var(--f-accent)!important;border:0!important;border-radius:3px!important;padding:2px 5px!important}
html[data-flat] .account-remove{position:absolute!important;right:0!important;top:0!important;width:25px!important;height:25px!important;color:var(--f-muted)!important}
html[data-flat] .account-details-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;border:0!important;border-radius:0!important;padding:13px 0!important;background:none!important;border-top:1px solid var(--f-line)!important;border-bottom:1px solid var(--f-line)!important}
html[data-flat] .account-tile-content>*{margin-top:0!important}
html[data-flat] .account-detail{box-shadow:none!important}
html[data-flat] .account-subscription>div.mt-2{margin-top:0!important}
html[data-flat] .account-detail{display:block!important;padding:0!important;border:0!important;background:none!important}
html[data-flat] .account-detail>div:first-child{display:flex!important;align-items:center!important;gap:5px!important;color:var(--f-muted)!important;font-size:10px!important}
html[data-flat] .account-detail svg{width:12px!important;height:12px!important;color:var(--f-muted)!important}
html[data-flat] .account-detail-value{margin-top:5px!important;font-size:12px!important;font-weight:550!important;color:var(--f-ink)!important}
html[data-flat] .account-subscription{border:0!important;border-radius:0!important;padding:0!important;background:none!important;color:var(--f-muted)!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
html[data-flat] .account-subscription :is(strong,.font-medium){font-size:12px!important;color:var(--f-ink)!important;font-weight:550!important}
html[data-flat] .account-actions{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;border:0!important}
html[data-flat] .account-actions>button{display:flex;align-items:center;justify-content:center;gap:6px!important;flex:1;min-width:0!important;height:34px!important;padding:0 8px!important;box-shadow:none!important;border:1px solid var(--f-line)!important;background:#fff!important;border-radius:4px!important;color:var(--f-ink)!important;font-size:11px!important;font-weight:550!important}
html[data-flat] .account-actions>button svg{width:14px!important;height:14px!important}
html[data-flat] .account-actions[data-primary-action=tasks]>.account-action-tasks,html[data-flat] .account-actions[data-primary-action=login]>.account-action-login,html[data-flat] .account-actions[data-primary-action=renew]>.account-action-renew{background:var(--f-soft)!important;color:var(--f-accent)!important;border-color:var(--f-soft)!important}
html[data-flat] :is(.account-state-mobile,.account-expiry,.account-action-renew-mobile,.xr-plan-mobile-copy){display:none!important}
html[data-flat] .xr-plan-desktop-copy{display:inline!important}
html[data-flat] .account-next-step{font-size:11px!important;color:var(--f-muted)!important;margin:0!important;padding:0!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}

/* Level acceleration: consistent row icons and paired controls. */
html[data-flat] .min-h-dvh[data-v-84944110]{background:var(--f-bg)!important}
html[data-flat] header[data-v-84944110]{height:72px;background:#fff!important;border-bottom:1px solid var(--f-line)!important;box-shadow:none!important;backdrop-filter:none!important;top:0!important}
html[data-flat] header[data-v-84944110]>div{max-width:1120px!important;margin:auto;padding:14px 24px!important}
html[data-flat] header[data-v-84944110] img{width:36px!important;height:36px!important}
html[data-flat] header[data-v-84944110] .font-semibold{font-size:14px!important}
html[data-flat] main[data-v-84944110]{padding:24px!important;max-width:1120px!important;margin:auto!important}
html[data-flat] main[data-v-84944110]>section{border:1px solid var(--f-line)!important;background:#fff!important;border-radius:var(--f-radius)!important;padding:15px 18px!important;box-shadow:none!important;margin-bottom:18px!important;display:flex!important;align-items:center;justify-content:space-between;gap:14px}
html[data-flat] main[data-v-84944110]>section h2{font-size:14px!important}
html[data-flat] main[data-v-84944110]>section>div{margin:0!important;gap:7px!important}
html[data-flat] main[data-v-84944110]>section button{font-size:11px!important;min-height:32px!important;height:32px!important;padding:0 12px!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]{display:block}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:first-child{padding:20px!important;border:1px solid var(--f-line)!important;border-radius:var(--f-radius)!important;background:#fff!important;box-shadow:none!important;margin-bottom:24px!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:first-child .text-5xl{font-size:35px!important;font-weight:600!important;line-height:1.2!important}
html[data-flat] .summary-equation{gap:12px!important;margin-top:18px!important}
html[data-flat] .summary-trigger{padding:13px 16px!important;border-radius:4px!important;border:1px solid var(--f-line)!important;background:var(--f-bg)!important;color:var(--f-muted)!important;box-shadow:none!important;text-align:left!important}
html[data-flat] .summary-trigger[data-state=active]{border-color:var(--f-accent)!important;background:var(--f-soft)!important;color:var(--f-accent)!important}
html[data-flat] .summary-trigger strong{font-size:22px!important;font-weight:600!important;color:var(--f-ink)!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:last-child{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:last-child>div:first-child{padding:0 0 13px!important;border:0!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:last-child h2{font-size:16px!important}
html[data-flat] [data-v-84944110] [data-slot=tabs-content]>.divide-y{display:flex;flex-direction:column;gap:0;border:1px solid var(--f-line);border-radius:var(--f-radius);overflow:hidden;background:#fff}
html[data-flat] .task-row{display:flex!important;align-items:center!important;gap:14px!important;padding:15px 18px!important;min-height:76px!important;border:0!important;border-bottom:1px solid var(--f-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;margin:0!important}
html[data-flat] .task-row:last-child{border-bottom:0!important}
html[data-flat] .task-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;border-radius:5px!important;border:0!important;background:var(--f-soft)!important;color:var(--f-accent)!important;box-shadow:none!important}
html[data-flat] .task-icon-image{display:none!important}
html[data-flat] .xr-task-glyph-desktop{display:block!important;width:21px!important;height:21px!important;color:var(--f-accent)!important}
html[data-flat] .xr-task-glyph-mobile{display:none!important}
html[data-flat] .task-row>.min-w-0{flex:1!important;min-width:0!important}
html[data-flat] .task-title{font-size:13px!important;font-weight:550!important;color:var(--f-ink)!important}
html[data-flat] .task-subtitle{font-size:11px!important;color:var(--f-muted)!important;line-height:1.5!important;margin-top:4px!important}
html[data-flat] .task-actions{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px!important;flex-shrink:0!important;margin:0!important}
html[data-flat] .xr-single-task-retry{height:30px!important;min-height:30px!important;min-width:48px!important;padding:0 10px!important;font-size:11px!important;color:var(--f-accent)!important;background:var(--f-soft)!important;border:1px solid var(--f-line)!important;border-radius:4px!important;box-shadow:none!important}
html[data-flat] .pc-task-row{border-radius:4px!important;box-shadow:none!important;padding:16px!important;background:#fff!important;border:1px solid var(--f-line)!important}
html[data-flat] [data-v-84944110] footer{padding:25px!important;font-size:10px!important;color:var(--f-muted)!important}

/* Flat purchase dialogs, plain QQ confirmation copy. */
html[data-flat] [data-slot=dialog-overlay]{background:#18273b4d!important;backdrop-filter:none!important}
html[data-flat] [data-slot=dialog-content]{border:1px solid var(--f-line)!important;border-radius:var(--f-radius)!important;background:#fff!important;box-shadow:0 12px 40px #12243b14!important;padding:25px!important;gap:18px!important;max-width:510px!important;font-size:13px!important}
html[data-flat] [data-slot=dialog-title]{font-size:20px!important;font-weight:600!important;color:var(--f-ink)!important}
html[data-flat] [data-slot=dialog-description]{font-size:12px!important;color:var(--f-muted)!important}
html[data-flat] [data-slot=dialog-content] [data-slot=tabs-list]{display:flex!important;border-bottom:1px solid var(--f-line)!important;background:none!important;padding:0!important;border-radius:0!important;min-height:42px!important;width:100%!important}
html[data-flat] [data-slot=dialog-content] [data-slot=tabs-trigger]{flex:1;border:0!important;min-height:42px!important;background:none!important;color:var(--f-muted)!important;box-shadow:none!important;border-radius:0!important;font-size:12px!important}
html[data-flat] [data-slot=dialog-content] [data-slot=tabs-trigger][data-state=active]{color:var(--f-accent)!important;border-bottom:2px solid var(--f-accent)!important}
html[data-flat] [data-slot=dialog-content] label{font-size:12px!important;font-weight:550!important}
html[data-flat] [data-slot=dialog-content] :is(.xr-plan-qq-warning,.xr-plan-qq-notice,.xr-qq-confirm-hint){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-size:11px!important;line-height:1.7!important;color:var(--f-muted)!important;font-weight:400!important}
html[data-flat] [data-slot=dialog-content] [data-slot=tabs-content]{margin-top:16px!important}
html[data-flat] [data-slot=dialog-content] :is(.rounded-2xl,.rounded-xl,.rounded-lg){border-radius:4px!important;box-shadow:none!important}
html[data-flat] [data-slot=dialog-content] .text-3xl{font-size:25px!important;font-weight:600!important}
html[data-flat] [data-slot=dialog-content] button[type=submit]{min-height:40px!important}
html[data-flat] [data-slot=dialog-content] .xr-plan-qq-hint{display:block!important;font-size:11px!important;line-height:1.7!important;color:var(--f-muted)!important;background:none!important;border:0!important;padding:0!important;margin-top:2px!important;font-weight:400!important}
html[data-flat] [data-slot=dialog-content] .xr-plan-qq-hint strong{font-weight:500!important;color:var(--f-ink)!important}
html[data-flat][data-flat-page=plans] [data-slot=dialog-overlay]{background:var(--f-bg)!important}
html[data-flat][data-flat-page=plans] [data-slot=dialog-content]{box-shadow:none!important}

/* Settings, extension cards and administrative controls use the same tokens. */
html[data-flat] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)){max-width:760px!important}
html[data-flat] .xr-user-shell main [data-slot=card].max-w-lg{width:100%!important;max-width:760px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email)>[data-slot=card-content]{padding:26px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form{display:flex;flex-direction:column;gap:23px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.grid{gap:8px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) label{font-size:12px!important;font-weight:500!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.flex.justify-end{border-top:1px solid var(--f-line);padding-top:20px}
html[data-flat] .xr-extension-grid{gap:18px!important}
html[data-flat] .xr-extension-card{border:1px solid var(--f-line)!important;border-radius:var(--f-radius)!important;box-shadow:none!important;background:#fff!important}
html[data-flat] .xr-extension-heading{margin-bottom:24px}
html[data-flat] .xr-extension-card{display:flex;align-items:center;gap:16px;padding:22px;max-width:750px;color:var(--f-ink)}
html[data-flat] .xr-extension-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:var(--f-soft);color:var(--f-accent);border-radius:5px}
html[data-flat] .xr-extension-icon svg{width:23px;height:23px}
html[data-flat] .xr-extension-copy{display:grid;gap:6px;flex:1;min-width:0}
html[data-flat] .xr-extension-copy strong{font-size:15px;font-weight:600}
html[data-flat] .xr-extension-copy>span{font-size:12px;color:var(--f-muted)}
html[data-flat] .xr-extension-enter{display:flex;align-items:center;gap:7px;color:var(--f-accent);font-size:12px;white-space:nowrap}
html[data-flat] .xr-extension-enter svg,html[data-flat] .xr-extension-back svg{width:15px;height:15px}
html[data-flat] .xr-extension-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;color:var(--f-muted)}
html[data-flat] :is(.music-page,.music-dialog){--primary:var(--f-accent);--primary-foreground:#fff;--ring:var(--f-accent);font-family:inherit}
html[data-flat] .music-page :is(.music-card,.tool-strip,.heading-icon,.metrics,.task-run,.account-controls button,.music-logo,.avatar){border-radius:var(--f-radius)!important;box-shadow:none!important}
html[data-flat] .music-page :is(.music-card,.tool-strip){background:var(--f-paper)!important;border:1px solid var(--f-line)!important}
html[data-flat] .music-page .heading-icon{transform:none!important;background:var(--f-soft)!important}
html[data-flat] .music-page .account-card::before,html[data-flat] .music-page .task-row::after{display:none!important}
html[data-flat] .music-page .metrics{background:var(--f-bg)!important;border-color:var(--f-line)!important}
html[data-flat] .music-page .listen-track i{background:var(--f-accent)!important}
html[data-flat] .music-page .task-copy{flex:1;min-width:0}
html[data-flat] .music-page .task-icon{flex-shrink:0!important}
html[data-flat] .music-page .task-row{min-height:70px!important}
html[data-flat] .xr-user-customer-service{border-radius:4px!important;background:var(--f-paper)!important;border:1px solid var(--f-line)!important;box-shadow:none!important;flex-direction:row!important;padding:6px 9px!important;gap:5px!important;font-size:10px!important;color:var(--f-muted)!important}
html[data-flat] .xr-user-customer-service svg{width:12px!important;height:12px!important}

/* Website and QQ authentication retain the source forms. */
html[data-flat] .xr-opening-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:360px;margin-top:8px}
html[data-flat] .xr-opening-choice{min-width:0;padding:11px 12px;border:1px solid var(--f-line);border-radius:var(--f-radius);background:#fff;text-align:left;color:var(--f-accent)}
html[data-flat] .xr-opening-choice span{display:grid;gap:4px}
html[data-flat] .xr-opening-choice strong{font-size:13px;font-weight:600}
html[data-flat] .xr-opening-choice small{font-size:11px;color:var(--f-muted);line-height:1.5}
html[data-flat] .xr-opening-choice:hover{border-color:var(--f-accent);background:var(--f-soft)}
html[data-flat].dark .xr-opening-choice{background:var(--f-paper)}
html[data-flat] .auth-shell.xr-website-login{min-height:100dvh;background:var(--f-bg)!important;color:var(--f-ink)!important}
html[data-flat] .xr-website-login>div{min-height:100dvh!important;background:none!important;padding:100px 32px 50px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
html[data-flat] .xr-website-login>div::before,html[data-flat] .xr-website-login>div::after{content:none!important}
html[data-flat] .xr-website-login header{position:absolute!important;top:0!important;left:0!important;right:0!important;padding:24px 35px!important;background:transparent!important;border:0!important}
html[data-flat] .xr-website-login header img{width:28px!important;height:28px!important}
html[data-flat] .xr-website-login main{position:relative!important;width:100%!important;max-width:400px!important;margin:0!important;padding:0!important}
html[data-flat] .xr-website-login main>.rounded-xl{border:1px solid var(--f-line)!important;border-radius:var(--f-radius)!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;padding:34px!important}
html[data-flat] .xr-website-login main>.rounded-xl>div:first-child{margin-bottom:24px!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}
html[data-flat] .xr-website-login main h1{font-size:24px!important;font-weight:650!important;letter-spacing:0!important;margin-top:0!important}
html[data-flat] .xr-website-login main h1+p{font-size:12px!important;color:var(--f-muted)!important;margin-top:8px!important}
html[data-flat] .xr-website-login main .size-9{width:32px!important;height:32px!important;border-radius:5px!important;background:var(--f-soft)!important;color:var(--f-accent)!important;margin-bottom:14px!important}
html[data-flat] .xr-website-login main>p{font-size:10px!important;color:var(--f-muted)!important;text-align:center;margin-top:22px!important}
html[data-flat] .xr-auth-form{font-family:inherit!important}
html[data-flat] .xr-website-login [class*="auth-rise"]{animation:none!important;opacity:1!important;transform:none!important}
html[data-flat] .xr-auth-form [role=tablist]{background:none!important;border-bottom:1px solid var(--f-line)!important;border-radius:0!important;padding:0!important;margin:0 0 22px!important}
html[data-flat] .xr-auth-form [role=tablist]>span{display:none!important}
html[data-flat] .xr-auth-form [role=tab]{background:none!important;border-radius:0!important;color:var(--f-muted)!important;font-size:12px!important;height:37px!important}
html[data-flat] .xr-auth-form [role=tab][aria-selected=true]{border-bottom:2px solid var(--f-accent)!important;color:var(--f-accent)!important}
html[data-flat] .xr-auth-form input{height:42px!important;border:1px solid var(--f-line)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;font-size:13px!important}
html[data-flat] .xr-auth-form label{font-size:12px!important;font-weight:500!important;color:var(--f-ink)!important}
html[data-flat] .xr-auth-form button[type=submit]{height:42px!important;border:0!important;border-radius:4px!important;box-shadow:none!important;background:var(--f-accent)!important;color:#fff!important;font-size:13px!important;font-weight:550!important}
html[data-flat] .xr-qq-login{background:var(--f-bg)!important;font-family:inherit!important}
html[data-flat] .xr-qq-login main{width:100%!important;max-width:450px!important;margin:auto!important;padding:24px!important}
html[data-flat] .xr-qq-login-card{border:1px solid var(--f-line)!important;border-radius:var(--f-radius)!important;padding:26px!important;background:#fff!important;box-shadow:none!important}
html[data-flat] .xr-qq-login-intro{display:block!important;margin-bottom:24px!important}
html[data-flat] .xr-qq-login-intro h1{font-size:24px!important;font-weight:600!important}
html[data-flat] .xr-qq-login-intro p{font-size:12px!important;color:var(--f-muted)!important;margin-top:7px!important}

/* B / Ink: an editorial list layout with a compact left navigation. */
@media(min-width:768px){
html[data-flat] .sky-page-intro{margin-bottom:20px}
html[data-flat] .sky-guide{padding:16px}
html[data-flat] .sky-guide h2{margin-bottom:14px}
html[data-flat] .xr-user-shell{position:relative}
html[data-flat]:not([data-flat=ink]) .xr-user-bottom-nav{position:absolute!important;top:72px!important;left:0!important;right:0!important;bottom:auto!important;z-index:25}
html[data-flat]:not([data-flat=ink]) .xr-user-shell main{padding-top:84px!important}
html[data-flat=ink] .xr-user-app-shell>div>div>header{height:68px!important;min-height:68px!important;padding-left:26px!important}
html[data-flat=ink] .xr-user-bottom-nav{position:fixed!important;top:68px!important;left:0!important;bottom:0!important;right:auto!important;width:156px!important;border-right:1px solid var(--f-line)!important;border-bottom:0!important;padding:22px 14px!important;z-index:20}
html[data-flat=ink] .xr-user-bottom-nav-inner{flex-direction:column!important;gap:5px!important;margin:0!important}
html[data-flat=ink] .xr-user-nav-item{justify-content:flex-start!important;border:0!important;padding:12px!important;min-height:42px!important;border-radius:3px!important;gap:10px!important}
html[data-flat=ink] .xr-user-nav-item.is-active{background:#202328!important;color:#fff!important}
html[data-flat=ink] .xr-user-shell main{margin-left:156px!important;width:calc(100% - 156px)!important;padding:30px!important;max-width:none!important}
html[data-flat=ink] .sky-desktop-launcher{border:0;border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line);background:none;border-radius:0}
html[data-flat=ink] .sky-launch-item{padding:17px 13px;border:0;gap:10px}
html[data-flat=ink] .sky-launch-icon{width:25px;height:25px;background:none;color:var(--f-ink)}
html[data-flat=ink] .sky-launch-copy small{font-size:9px}
html[data-flat=ink] .sky-dashboard{grid-template-columns:1fr 1fr;gap:18px}
html[data-flat=ink] .sky-account-hero{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 36px;background:#202328;border-color:#202328;padding:25px}
html[data-flat=ink] .sky-hero-identity{grid-row:span 2;position:relative;padding:0 100px 0 0}
html[data-flat=ink] .sky-hero-identity h2{font-size:22px}
html[data-flat=ink] .sky-level{position:absolute;right:24px;top:20px;font-size:39px;margin:0}
html[data-flat=ink] .sky-switch{right:25px;top:18px;font-size:10px;padding:4px 7px;z-index:2}
html[data-flat=ink] .sky-hero-plan{border:0;padding:4px 0 12px;margin-top:22px;gap:8px}
html[data-flat=ink] .sky-hero-cta{color:#202328}
html[data-flat=ink] .sky-hero-action-row{justify-content:flex-start}
html[data-flat=ink] .sky-accounts{grid-row:2;grid-column:1/-1}
html[data-flat=ink] .sky-guide{grid-column:1/-1}
html[data-flat=ink] .account-list{grid-template-columns:1fr!important;gap:10px!important}
html[data-flat=ink] .account-tile-content{display:grid!important;grid-template-columns:minmax(195px,1.1fr) minmax(180px,1fr) minmax(160px,.9fr) minmax(180px,1fr)!important;align-items:center!important;gap:16px!important;padding:18px!important}
html[data-flat=ink] .account-identity img{width:35px!important;height:35px!important;border-radius:4px!important}
html[data-flat=ink] .account-identity .account-remove{top:-10px!important;right:-8px!important;width:20px!important;height:20px!important}
html[data-flat=ink] .account-name{font-size:13px!important}
html[data-flat=ink] .account-details-grid{border:0!important;padding:0!important;gap:8px!important}
html[data-flat=ink] .account-detail-value{font-size:11px!important}
html[data-flat=ink] .account-subscription{display:block!important;font-size:10px!important}
html[data-flat=ink] .account-actions{gap:4px!important}
html[data-flat=ink] .account-actions>button{font-size:10px!important;height:32px!important;padding:0 6px!important}
html[data-flat=ink] .account-actions>button svg{display:none!important}
html[data-flat=ink] main[data-v-84944110]>[data-slot=tabs]{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}
html[data-flat=ink] .summary-equation{display:flex!important;flex-direction:column!important;gap:8px!important}
html[data-flat=ink] .summary-trigger{width:100%!important}
html[data-flat=ink] [data-slot=dialog-content]:has(#purchase-card-qq,#purchase-online-qq){max-width:730px!important;display:grid!important;grid-template-columns:185px minmax(0,1fr)!important;gap:25px!important}
html[data-flat=ink] [data-slot=dialog-content]:has(#purchase-card-qq,#purchase-online-qq)>[data-slot=dialog-header]{border-right:1px solid var(--f-line);padding:8px 20px 0 0;gap:12px}
html[data-flat=ink] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.grid{grid-template-columns:125px minmax(0,1fr);align-items:center;gap:14px!important;padding:6px 0}
html[data-flat=ink] .xr-website-login>div{flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;padding-right:9%!important;background:#fff!important}
html[data-flat=ink] .xr-website-login>div::before{content:"XURAN\A轻松管理，每一程。"!important;white-space:pre-wrap;position:absolute;inset:0 52% 0 0;background:#202328;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:500;line-height:2.8;letter-spacing:1px}
html[data-flat=ink] .xr-website-login header{color:#fff!important;z-index:1}
html[data-flat=ink] .xr-website-login header button{color:var(--f-ink)!important}
html[data-flat=ink] .xr-website-login main{max-width:355px!important}
html[data-flat=ink] .xr-website-login main>.rounded-xl{border:0!important;padding:20px!important}
}

/* C / Mint: a compact application with a white navigation rail and grouped panels. */
@media(min-width:768px){
html[data-flat=mint] .xr-user-app-shell>div>div>header{width:100%!important;height:80px!important;min-height:80px!important;background:var(--f-bg)!important;border-bottom:0!important;max-width:1200px;margin:auto}
html[data-flat=mint] .xr-user-bottom-nav{background:var(--f-bg)!important;border:0!important}
html[data-flat=mint] .xr-user-bottom-nav{top:80px!important}
html[data-flat=mint] .xr-user-shell main{padding-top:80px!important}
html[data-flat=mint] .xr-user-bottom-nav-inner{background:#fff!important;border:1px solid var(--f-line);border-radius:7px!important;min-height:48px!important;justify-content:space-around!important;gap:0!important}
html[data-flat=mint] .xr-user-nav-item{min-width:120px!important;padding:13px 8px!important;border:0!important}
html[data-flat=mint] .xr-user-nav-item.is-active{background:var(--f-soft)!important}
html[data-flat=mint] .sky-page-intro{margin-bottom:20px}
html[data-flat=mint] .sky-desktop-launcher{gap:12px;border:0;background:none}
html[data-flat=mint] .sky-launch-item{background:#fff;border:1px solid var(--f-line)!important;border-radius:6px;padding:16px}
html[data-flat=mint] .sky-dashboard{grid-template-columns:1fr 1fr 1fr;gap:16px}
html[data-flat=mint] .sky-account-hero{grid-column:1/3;grid-row:auto;background:#e8f2e9;color:var(--f-ink);border-color:#d8e5d9;padding:22px}
html[data-flat=mint] .sky-hero-identity{padding:0 0 14px;position:relative}
html[data-flat=mint] .sky-hero-identity h2{font-size:24px}
html[data-flat=mint] .sky-level{position:absolute;right:0;top:40px;margin:0;font-size:43px;color:var(--f-accent)}
html[data-flat=mint] .sky-switch{color:var(--f-accent);border-color:#b9d3c3;top:20px;right:22px}
html[data-flat=mint] .sky-hero-plan{border-color:#d0dfd4;margin:0 0 12px;padding-top:11px}
html[data-flat=mint] .sky-hero-cta{background:var(--f-accent);color:#fff}
html[data-flat=mint] .sky-hero-renew{color:var(--f-accent);border-color:#b9d3c3}
html[data-flat=mint] .sky-desktop-manage{color:var(--f-accent)}
html[data-flat=mint] .sky-notices{grid-column:3;grid-row:1/3}
html[data-flat=mint] .sky-notice-row{display:grid;grid-template-columns:30px 1fr;padding:18px;gap:10px}
html[data-flat=mint] .sky-notice-row time{grid-column:2}
html[data-flat=mint] .sky-notice-row>.sky-icon{display:none}
html[data-flat=mint] .sky-redeem{grid-column:1/3;display:flex;align-items:center;padding:14px 18px;gap:12px}
html[data-flat=mint] .sky-redeem .sky-panel-heading{padding:0;display:block}
html[data-flat=mint] .sky-redeem .sky-panel-heading>.sky-text-link{margin-top:5px;font-size:10px}
html[data-flat=mint] .sky-redeem-info{padding:0;flex:1}
html[data-flat=mint] .sky-redeem-info .sky-notice-icon{display:none}
html[data-flat=mint] .sky-redeem>.sky-blue-button{margin:0;width:auto;padding:0 13px;font-size:11px}
html[data-flat=mint] .account-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html[data-flat=mint] .account-tile-content{padding:17px!important;gap:13px!important}
html[data-flat=mint] .account-identity img{width:34px!important;height:34px!important}
html[data-flat=mint] .account-name{font-size:14px!important}
html[data-flat=mint] .account-details-grid{gap:8px!important}
html[data-flat=mint] .account-subscription{display:block!important}
html[data-flat=mint] .account-subscription>div{margin-bottom:5px!important}
html[data-flat=mint] .account-actions{gap:5px!important}
html[data-flat=mint] .account-actions>button{font-size:10px!important;padding:0 5px!important}
html[data-flat=mint] .account-actions>button svg{width:12px!important;height:12px!important}
html[data-flat=mint] [data-v-84944110] [data-slot=tabs-content]>.divide-y{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;background:none;overflow:visible}
html[data-flat=mint] .task-row{border:1px solid var(--f-line)!important;border-radius:6px!important;padding:14px!important}
html[data-flat=mint] .task-actions{gap:8px!important}
html[data-flat=mint] .xr-website-login main{max-width:430px!important}
html[data-flat=mint] .xr-website-login main>.rounded-xl{border-top:4px solid var(--f-accent)!important;padding:38px!important}
}

/* Mobile retains the real app navigation and makes every action a comfortable target. */
@media(max-width:767px){
html[data-flat] body{font-size:12px!important}
html[data-flat] .xr-user-app-shell>div>div>header{height:67px!important;min-height:67px!important;padding:0 17px!important}
html[data-flat] .xr-user-brand{padding-left:30px!important;min-width:150px}
html[data-flat] .xr-user-brand::before{width:23px;height:23px;top:6px}
html[data-flat] .xr-user-brand-title{font-size:17px!important;line-height:23px!important}
html[data-flat] .xr-user-brand-tagline{font-size:8px!important;line-height:13px!important}
html[data-flat] .xr-user-shell main{padding:21px 16px 88px!important;max-width:none!important}
html[data-flat] .xr-user-bottom-nav{position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;border:0!important;border-top:1px solid var(--f-line)!important;z-index:25!important}
html[data-flat] .xr-user-bottom-nav-inner{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding:7px 3px max(8px,env(safe-area-inset-bottom))!important;min-height:60px!important}
html[data-flat] .xr-user-nav-item{flex-direction:column!important;gap:4px!important;min-width:0!important;padding:4px 0!important;border:0!important;font-size:9px!important;line-height:14px!important}
html[data-flat] .xr-user-nav-item svg{width:19px!important;height:19px!important}
html[data-flat] .xr-user-shell main h1{font-size:23px!important}
html[data-flat] .xr-sky-home{display:flex;flex-direction:column;gap:16px}
html[data-flat] .sky-home-hero{position:relative;padding:24px 20px;background:var(--f-accent);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:15px;border:0}
html[data-flat] .sky-home-hero h1{font-size:24px!important;font-weight:600!important;color:#fff;line-height:1.4!important;margin:0}
html[data-flat] .sky-home-add-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;min-height:34px;padding:0 13px;background:#fff;color:var(--f-accent);border-radius:4px;font-weight:550}
html[data-flat] .sky-home-add-button svg{width:14px;height:14px}
html[data-flat] .sky-panel-heading{padding:16px 16px 11px}
html[data-flat] .sky-panel-heading h2{font-size:14px}
html[data-flat] .sky-text-link{font-size:10px}
html[data-flat] .sky-home-account-list{padding:0 16px}
html[data-flat] .sky-home-account-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--f-line)}
html[data-flat] .sky-home-account-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:var(--f-soft);color:var(--f-accent);border-radius:4px}
html[data-flat] .sky-home-account-icon svg{width:17px;height:17px}
html[data-flat] .sky-home-account-copy{flex:1;min-width:0}
html[data-flat] .sky-home-account-copy strong{display:block;font-size:12px;font-weight:550}
html[data-flat] .sky-home-account-copy small{display:block;font-size:10px;color:var(--f-muted);margin-top:3px}
html[data-flat] .sky-home-account-status{font-size:10px;color:var(--f-muted)}
html[data-flat] .sky-home-account-status[data-state=online]{color:#218a70}
html[data-flat] .sky-notice-row{padding:12px 16px;gap:10px}
html[data-flat] .sky-home-notice-icon{width:28px;height:28px;padding:6px;background:var(--f-soft);color:var(--f-accent);border-radius:4px;flex-shrink:0}
html[data-flat] .sky-notice-copy strong{font-size:11px}
html[data-flat] .sky-notice-copy :is(small,span){font-size:9px}
html[data-flat] .sky-notice-row time{font-size:9px}
html[data-flat] .sky-guide{padding:16px}
html[data-flat] .sky-guide h2{font-size:14px;margin-bottom:16px}
html[data-flat] .sky-guide-steps{display:flex;flex-direction:column;gap:13px}
html[data-flat] .sky-guide h3{font-size:11px}
html[data-flat] .sky-guide p{font-size:10px}
html[data-flat] .sky-guide-number{height:22px;min-width:22px;font-size:10px}
html[data-flat] .xuran-account-page>.mb-5{gap:10px!important;align-items:center!important;flex-wrap:nowrap!important;margin-bottom:19px!important}
html[data-flat] .xuran-account-page>.mb-5>div:first-child{flex:1;min-width:0}
html[data-flat] .xuran-account-page>.mb-5 h1{font-size:23px!important}
html[data-flat] .xuran-account-page>.mb-5 p{font-size:10px!important}
html[data-flat] .xuran-account-page>.mb-5 button{height:34px!important;padding:0 10px!important;font-size:10px!important;min-width:0!important;gap:5px!important}
html[data-flat] .xuran-account-page>.mb-5 button svg{width:12px!important;height:12px!important}
html[data-flat] .xr-account-recover-desktop{display:none!important}
html[data-flat] .xr-account-recover-mobile{display:flex!important;gap:4px!important;height:30px!important;border:1px solid var(--f-line)!important;border-radius:4px!important;padding:0 9px!important;font-size:10px!important;background:#fff!important;color:var(--f-muted)!important;margin-left:9px!important}
html[data-flat] .xr-account-recover-mobile svg{width:12px!important;height:12px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-list]{height:36px!important}
html[data-flat] .xuran-account-page>[data-slot=tabs]{display:grid!important;grid-template-columns:1fr auto!important;gap:13px 0!important;align-items:center!important}
html[data-flat] .xuran-account-page>[data-slot=tabs]>[data-slot=tabs-content]{grid-column:1/-1}
html[data-flat] .xuran-account-page>[data-slot=tabs]>[data-slot=tabs-list]{margin:0!important}
html[data-flat] .xuran-account-page>[data-slot=tabs]>.xr-account-recover-mobile{margin:0!important;width:auto!important;align-self:center}
html[data-flat] .xuran-account-page [data-slot=tabs-trigger]{padding:6px 13px!important;font-size:11px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4{gap:8px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4 input{height:35px!important;font-size:12px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4{flex-wrap:nowrap!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4>.relative{flex:1!important;width:auto!important;min-width:0!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4>[data-slot=select-trigger]{width:90px!important;height:35px!important;font-size:11px!important}
html[data-flat] .xuran-account-page [data-slot=tabs-content]>.mb-4>.ml-auto{display:none!important}
html[data-flat] .account-list{grid-template-columns:1fr!important;gap:12px!important}
html[data-flat] .account-tile-content{padding:14px!important;gap:12px!important}
html[data-flat] .account-identity{gap:9px!important}
html[data-flat] .account-identity img{width:34px!important;height:34px!important;border-radius:5px!important}
html[data-flat] .account-name{font-size:14px!important;line-height:20px!important}
html[data-flat] .account-level{font-size:9px!important;line-height:15px!important;padding:0 4px!important}
html[data-flat] .account-state{display:flex!important;position:absolute!important;right:24px;top:6px;background:none!important;padding:0!important}
html[data-flat] .account-state-desktop,html[data-flat] .account-state>svg,html[data-flat] .account-meta>.h-3{display:none!important}
html[data-flat] .account-state-mobile{display:flex!important;font-size:10px!important;color:var(--f-muted)!important;background:var(--f-bg)!important;border:0!important;padding:2px 5px!important;border-radius:3px!important;position:static!important;margin:0!important}
html[data-flat] .account-state[data-account-status="1"] .account-state-mobile{color:#238b73!important;background:#edf7f2!important}
html[data-flat] .account-remove{top:6px!important}
html[data-flat] .account-details-grid{grid-template-columns:1fr!important;gap:5px!important;padding:10px 0!important}
html[data-flat] .account-detail{display:flex!important;align-items:center!important;gap:12px!important}
html[data-flat] .account-detail>div:first-child{min-width:42px!important;font-size:10px!important}
html[data-flat] .account-detail-value{margin:0!important;font-size:12px!important;font-weight:500!important}
html[data-flat] .account-expiry .account-detail-value{display:flex!important;flex-wrap:wrap;gap:5px;align-items:center;font-size:11px!important}
html[data-flat] .account-expiry-remaining{background:var(--f-soft);color:var(--f-accent);padding:0 4px;border-radius:2px;font-size:10px}
html[data-flat] .account-expiry-plan{font-size:10px;color:var(--f-muted)}
html[data-flat] :is(.account-expiry-date,.account-expiry-remaining)[data-expired=true]{color:#b84e4e!important;background:none!important}
html[data-flat] .account-expiry{display:flex!important}
html[data-flat] .account-subscription{display:none!important}
html[data-flat] .account-actions{gap:8px!important}
html[data-flat] .account-actions>button{height:34px!important;font-size:12px!important;gap:5px!important}
html[data-flat] .account-actions>button svg{width:12px!important;height:12px!important}
html[data-flat] .account-actions>.account-action-renew-mobile{display:flex!important}
html[data-flat] .account-actions>.account-action-renew:not(.account-action-renew-mobile){display:none!important}
html[data-flat] .xr-plan-mobile-copy{display:inline!important}
html[data-flat] .xr-plan-desktop-copy{display:none!important}
html[data-flat] header[data-v-84944110]{height:67px}
html[data-flat] header[data-v-84944110]>div{padding:13px 16px!important}
html[data-flat] header[data-v-84944110] .font-semibold{font-size:13px!important}
html[data-flat] main[data-v-84944110]{padding:16px!important}
html[data-flat] main[data-v-84944110]>section{display:block!important;padding:13px!important;margin-bottom:14px!important}
html[data-flat] main[data-v-84944110]>section h2{font-size:12px!important;margin-bottom:10px}
html[data-flat] main[data-v-84944110]>section>div{gap:6px!important}
html[data-flat] main[data-v-84944110]>section button{font-size:10px!important;padding:0 7px!important;height:31px!important;min-height:31px!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:first-child{padding:15px!important;margin-bottom:20px!important}
html[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:first-child .text-5xl{font-size:32px!important}
html[data-flat] .summary-equation{gap:6px!important;margin-top:14px!important}
html[data-flat] .summary-trigger{padding:10px 9px!important;font-size:10px!important}
html[data-flat] .summary-trigger strong{font-size:19px!important}
html[data-flat] .summary-trigger p{font-size:10px!important}
html[data-flat] .summary-equation>span{font-size:11px!important}
html[data-flat] .task-row{gap:9px!important;padding:12px!important;min-height:77px!important}
html[data-flat] .task-icon{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important}
html[data-flat] .xr-task-glyph-desktop{display:block!important;width:18px!important;height:18px!important}
html[data-flat] .xr-task-glyph-mobile{display:none!important}
html[data-flat] .task-title{font-size:11px!important;line-height:17px!important}
html[data-flat] .task-subtitle{font-size:9px!important;line-height:15px!important;margin-top:3px!important}
html[data-flat] .task-row [data-slot=badge]{font-size:8px!important;line-height:14px!important;padding:0 4px!important}
html[data-flat] .task-row>.min-w-0>.flex{gap:4px!important}
html[data-flat] .task-actions{gap:7px!important}
html[data-flat] .task-actions [data-slot=switch]{width:27px!important;height:16px!important;min-width:27px!important}
html[data-flat] .task-actions [data-slot=switch-thumb]{width:12px!important;height:12px!important}
html[data-flat] .xr-single-task-retry{height:28px!important;min-height:28px!important;min-width:38px!important;padding:0 6px!important;font-size:10px!important}
html[data-flat] [data-slot=dialog-content]{width:calc(100% - 30px)!important;max-width:440px!important;padding:21px!important;gap:15px!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important}
html[data-flat] [data-slot=dialog-title]{font-size:19px!important}
html[data-flat] [data-slot=dialog-description]{font-size:11px!important}
html[data-flat] [data-slot=dialog-content] [data-slot=input]{height:40px!important;font-size:13px!important}
html[data-flat] [data-slot=dialog-content] [data-slot=tabs-trigger]{font-size:11px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email)>[data-slot=card-content]{padding:20px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form{gap:20px!important}
html[data-flat] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.flex.justify-end button{width:100%;height:38px!important}
html[data-flat] .xr-website-login>div{padding:104px 24px 48px!important;align-items:center!important;justify-content:flex-start!important}
html[data-flat] .xr-website-login header{padding:22px 24px!important}
html[data-flat] .xr-website-login main>.rounded-xl{padding:26px 23px!important}
html[data-flat] .xr-website-login main h1{font-size:23px!important}
html[data-flat] .xr-website-login main>.rounded-xl>div:first-child{margin-bottom:22px!important}
html[data-flat] .xr-auth-form [role=tablist]{margin-bottom:22px!important}
html[data-flat] .xr-qq-login main{padding:20px!important}
html[data-flat] .xr-qq-login-card{padding:22px!important}
html[data-flat=ink] .sky-home-hero{background:#202328;padding:23px 18px}
html[data-flat=ink] .sky-home-hero h1{font-size:23px!important}
html[data-flat=ink] .sky-home-add-button{color:#202328}
html[data-flat=ink] .sky-panel{border-left:0;border-right:0;border-radius:0}
html[data-flat=ink] .account-tile{border-left:3px solid #252b35!important}
html[data-flat=ink] .account-details-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
html[data-flat=ink] .account-detail{display:block!important}
html[data-flat=ink] .account-detail-value{margin-top:4px!important}
html[data-flat=ink] .account-expiry{display:flex!important;grid-column:1/-1;margin-top:2px}
html[data-flat=ink] .account-expiry .account-detail-value{margin:0!important}
html[data-flat=ink] .xr-website-login>div{padding:130px 22px 40px!important;background:#fff!important}
html[data-flat=ink] .xr-website-login>div::before{content:""!important;position:absolute;inset:0 0 auto;height:88px;background:#202328}
html[data-flat=ink] .xr-website-login header{color:#fff!important}
html[data-flat=ink] .xr-website-login main>.rounded-xl{border:0!important;padding:22px 8px!important}
html[data-flat=mint] .sky-home-hero{background:#e8f2e9;color:var(--f-ink);padding:23px 19px}
html[data-flat=mint] .sky-home-hero h1{color:var(--f-ink)!important}
html[data-flat=mint] .sky-home-add-button{background:var(--f-accent);color:#fff}
html[data-flat=mint] .account-details-grid{padding:10px!important;border:0!important;background:var(--f-bg)!important;border-radius:4px!important}
html[data-flat=mint] .summary-trigger{background:var(--f-bg)!important}
html[data-flat=mint] .summary-trigger[data-state=active]{background:var(--f-accent)!important;color:#fff!important}
html[data-flat=mint] .summary-trigger[data-state=active] strong{color:#fff!important}
html[data-flat=mint] .xr-website-login main>.rounded-xl{border-top:3px solid var(--f-accent)!important}
}

/* Preserve the source theme switch across all three studies. */
html.dark[data-flat]{--f-bg:#111923;--f-paper:#1b2633;--f-ink:#e3eaf5;--f-muted:#94a2b6;--f-line:#304050;--f-soft:#243d5b;--f-accent:#669dff;--primary-foreground:#10213e;--popover:var(--f-paper);--muted:#24313f}
html.dark[data-flat=ink]{--f-bg:#161719;--f-paper:#222427;--f-ink:#f0f1f4;--f-muted:#a1a5ae;--f-line:#373b43;--f-soft:#28334d;--f-accent:#86a5ff}
html.dark[data-flat=mint]{--f-bg:#151d19;--f-paper:#202d26;--f-ink:#e0ece3;--f-muted:#9baea0;--f-line:#374b3d;--f-soft:#2b4939;--f-accent:#83c5a0}
html.dark[data-flat] :is(.xr-user-app-shell>div>div>header,.xr-user-bottom-nav,.sky-desktop-launcher,.sky-launch-item,.account-tile,.account-actions>button,.account-level,.xr-account-recover-mobile,.task-row,.pc-task-row,[data-slot=input],[data-slot=select-trigger],[data-slot=dialog-content],[data-slot=button][data-variant=outline],.xr-extension-card,.xr-qq-login-card,.sky-account-picker){background:var(--f-paper)!important;color:var(--f-ink)}
html.dark[data-flat] .xr-website-login main>.rounded-xl,html.dark[data-flat] .xr-auth-form input,html.dark[data-flat] main[data-v-84944110]>section,html.dark[data-flat] main[data-v-84944110]>[data-slot=tabs]>section:first-child,html.dark[data-flat] header[data-v-84944110],html.dark[data-flat] [data-v-84944110] [data-slot=tabs-content]>.divide-y{background:var(--f-paper)!important}
html.dark[data-flat=mint] :is(.sky-account-hero,.sky-home-hero){background:#294235!important}
html.dark[data-flat=ink] .xr-website-login>div{background:var(--f-bg)!important}

/* A homepage only: existing account, plan and notice actions are unchanged. */
html[data-flat=air] :is(.sky-home-content,.xr-sky-home){--home-line:var(--f-line);--home-wash:#f8fafc;--home-muted:var(--f-muted)}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-panel{border-color:var(--home-line);border-radius:6px}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-panel-heading{padding:19px 20px 14px}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-panel-heading h2{font-size:16px;font-weight:600}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-text-link{font-size:12px;font-weight:500}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-notice-copy strong{font-size:13px;font-weight:550;line-height:1.6}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-notice-copy :is(small,span){font-size:11px;line-height:1.65;margin-top:4px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-notice-row{padding:15px 20px;gap:11px;align-items:flex-start;border-color:var(--home-line)}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-notice-row time{font-size:11px;white-space:nowrap;line-height:22px;color:var(--home-muted)}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-notice-row>svg:last-child{margin-top:5px}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-guide{background:none;border:0;border-top:1px solid var(--home-line);border-radius:0;padding:20px 2px 0}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-guide h2{font-size:15px;font-weight:600;margin-bottom:18px}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-guide-number{width:23px;min-width:23px;height:23px;border-radius:50%;border-color:#d5e4fa;background:var(--f-paper);font-size:11px}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-guide h3{font-size:12px;font-weight:550;margin-bottom:5px}
html[data-flat=air] :is(.sky-home-content,.xr-sky-home) .sky-guide p{font-size:11px;line-height:1.7;color:var(--home-muted)}

/* Wide home: one current-account panel and a clearly separated account list. */
html[data-flat=air] .sky-home-content .sky-page-intro{margin-bottom:23px}
html[data-flat=air] .sky-home-content .sky-page-intro h1{font-size:26px!important;font-weight:600!important}
html[data-flat=air] .sky-home-content .sky-page-intro p{font-size:13px;margin-top:7px}
html[data-flat=air] .sky-home-content .sky-desktop-overview{align-items:center;font-size:12px;gap:8px}
html[data-flat=air] .sky-home-content .sky-desktop-overview svg{width:16px;height:16px;color:var(--f-accent)}
html[data-flat=air] .sky-home-content .sky-desktop-launcher{gap:0;border:1px solid var(--home-line);border-radius:6px;background:var(--f-paper);margin-bottom:24px}
html[data-flat=air] .sky-home-content .sky-launch-item{padding:20px;border:0;border-right:1px solid var(--home-line);border-radius:0;background:none;gap:12px}
html[data-flat=air] .sky-home-content .sky-launch-item:hover{background:var(--home-wash)}
html[data-flat=air] .sky-home-content .sky-launch-item:last-child{border-right:0}
html[data-flat=air] .sky-home-content .sky-launch-icon{width:31px;height:31px;border:0;background:none;border-radius:0}
html[data-flat=air] .sky-home-content .sky-launch-copy strong{font-size:14px;font-weight:600}
html[data-flat=air] .sky-home-content .sky-launch-copy small{font-size:11px;line-height:1.5;margin-top:3px;color:var(--home-muted)}
html[data-flat=air] .sky-home-content .sky-dashboard{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);grid-template-areas:"current notices" "accounts redeem" "guide guide";gap:18px;align-items:stretch}
html[data-flat=air] .sky-home-content .sky-dashboard:not(:has(.sky-accounts)){grid-template-areas:"current notices" "guide redeem"}
html[data-flat=air] .sky-home-content .sky-dashboard:has(.sky-hero-empty){grid-template-areas:"current notices" "guide guide"}
html[data-flat=air] .sky-home-content .sky-account-hero{grid-area:current;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 18px;padding:21px 23px;background:var(--f-paper);border:1px solid var(--home-line);border-radius:6px;color:var(--f-ink);overflow:visible}
html[data-flat=air] .sky-home-content .sky-account-hero::before{content:attr(aria-label);grid-column:1/-1;color:var(--home-muted);font-size:11px;font-weight:500;line-height:17px}
html[data-flat=air] .sky-home-content .sky-switch{right:22px;top:16px;padding:5px 8px;border:0;border-radius:4px;background:var(--home-wash);color:var(--f-accent);font-size:11px;opacity:1}
html[data-flat=air] .sky-home-content .sky-hero-identity{grid-column:1/-1;display:grid;grid-template-columns:45px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;padding:0;margin:0}
html[data-flat=air] .sky-home-content .sky-current-avatar{display:grid;place-items:center;grid-column:1;grid-row:1/3;width:45px;height:45px;background:var(--f-soft);color:var(--f-accent);border-radius:6px;font-size:19px;font-weight:500}
html[data-flat=air] .sky-home-content .sky-hero-identity h2{grid-column:2;grid-row:1;font-size:21px;font-weight:600;line-height:26px;margin:0}
html[data-flat=air] .sky-home-content .sky-hero-identity p{grid-column:2;grid-row:2;font-size:12px;line-height:17px;margin:0;color:var(--home-muted);opacity:1}
html[data-flat=air] .sky-home-content .sky-level{grid-column:3;grid-row:1;font-size:28px;line-height:28px;margin:0;color:var(--f-accent);font-weight:600;letter-spacing:-.6px}
html[data-flat=air] .sky-home-content .sky-status{grid-column:3;grid-row:2;justify-content:flex-end;font-size:10px;color:var(--home-muted)}
html[data-flat=air] .sky-home-content .sky-status i.is-online{background:#269a80}
html[data-flat=air] .sky-home-content .sky-hero-plan{grid-column:1/-1;border-color:var(--home-line);padding:12px 0 0;margin:0;gap:9px;color:var(--f-ink)}
html[data-flat=air] .sky-home-content .sky-hero-plan>svg:first-child{color:var(--f-accent)}
html[data-flat=air] .sky-home-content .sky-hero-plan strong{font-size:12px;font-weight:550}
html[data-flat=air] .sky-home-content .sky-hero-plan span{font-size:11px;opacity:1;color:var(--home-muted)}
html[data-flat=air] .sky-home-content .sky-hero-plan>svg:last-child{color:var(--home-muted);width:13px}
html[data-flat=air] .sky-home-content .sky-hero-action-row{grid-column:1/-1;gap:9px;flex-wrap:nowrap}
html[data-flat=air] .sky-home-content :is(.sky-hero-cta,.sky-hero-renew,.sky-desktop-manage){min-height:37px;font-size:12px;border-radius:5px}
html[data-flat=air] .sky-home-content .sky-hero-cta{background:var(--f-accent);color:#fff;flex:1;min-width:0}
html[data-flat=air] .sky-home-content .sky-hero-renew{flex:0 0 100px;background:var(--home-wash);border:1px solid #d7e5f9;color:var(--f-accent)}
html[data-flat=air] .sky-home-content .sky-desktop-manage{flex:0 0 80px;color:var(--home-muted);opacity:1;font-size:11px}
html[data-flat=air] .sky-home-content .sky-account-picker{right:22px;top:47px;padding:5px;box-shadow:0 6px 18px #1b395516;border-radius:5px}
html[data-flat=air] .sky-home-content .sky-account-picker button{justify-content:space-between;align-items:center;border-radius:3px;font-size:12px;gap:20px}
html[data-flat=air] .sky-home-content .sky-account-picker button small{font-size:10px;color:var(--home-muted)}
html[data-flat=air] .sky-home-content .sky-account-picker button:is(:hover,.is-selected){background:var(--home-wash);color:var(--f-accent)}
html[data-flat=air] .sky-home-content .sky-notices{grid-area:notices}
html[data-flat=air] .sky-home-content .sky-notice-icon{width:31px;height:31px;background:var(--home-wash);border-radius:5px}
html[data-flat=air] .sky-home-content .sky-accounts{grid-area:accounts}
html[data-flat=air] .sky-home-content .sky-desktop-count{font-size:11px;font-weight:400;color:var(--home-muted);margin-left:8px}
html[data-flat=air] .sky-home-content .sky-account-row{padding:13px 20px;gap:12px;border-color:var(--home-line)}
html[data-flat=air] .sky-home-content .sky-avatar{width:34px;height:34px;font-size:13px;border-radius:6px}
html[data-flat=air] .sky-home-content .sky-account-name strong{font-size:13px;font-weight:550}
html[data-flat=air] .sky-home-content .sky-account-name small{font-size:11px;margin-top:3px}
html[data-flat=air] .sky-home-content .sky-account-lv{font-size:13px;min-width:50px}
html[data-flat=air] .sky-home-content .sky-row-status{width:58px;font-size:11px}
html[data-flat=air] .sky-home-content .sky-soft-button{font-size:11px;border-radius:4px;padding:7px 10px}
html[data-flat=air] .sky-home-content .sky-redeem{grid-area:redeem;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:18px}
html[data-flat=air] .sky-home-content .sky-redeem-info{padding:5px 20px 18px;gap:12px}
html[data-flat=air] .sky-home-content .sky-redeem-info .sky-notice-icon{width:39px;height:39px;border:1px solid var(--home-line);background:none}
html[data-flat=air] .sky-home-content .sky-redeem-info strong{font-size:14px;font-weight:550}
html[data-flat=air] .sky-home-content .sky-redeem-info p{font-size:11px;line-height:1.7;margin-top:4px}
html[data-flat=air] .sky-home-content .sky-redeem>.sky-blue-button{height:36px;background:var(--home-wash);border-color:#d7e5f9;font-size:12px}
html[data-flat=air] .sky-home-content .sky-guide{grid-area:guide}
html[data-flat=air] .sky-home-content .sky-guide-steps{gap:26px}
html[data-flat=air] .sky-home-content .sky-guide-steps>li{gap:11px}
html[data-flat=air] .sky-home-content .sky-hero-empty{grid-column:1/-1;padding:7px 0}
html[data-flat=air] .sky-home-content .sky-account-hero:has(.sky-hero-empty)::before{display:none}
html[data-flat=air] .sky-home-content .sky-hero-empty h2{font-size:22px;font-weight:600;margin:0 0 8px}
html[data-flat=air] .sky-home-content .sky-hero-empty p{font-size:12px;color:var(--home-muted);line-height:1.7;margin:0 0 20px}
html[data-flat=air] .sky-home-content .sky-hero-empty .sky-hero-cta{width:max-content;min-width:160px;gap:7px}
html[data-flat=air] .sky-home-content .sky-empty{padding:15px 20px;font-size:12px;color:var(--home-muted)}

/* Compact home: opening and accounts share one short header. */
html[data-flat=air] .xr-sky-home{display:flex;flex-direction:column;gap:17px}
html[data-flat=air] .xr-sky-home .sky-home-accounts{border-top:1px solid var(--home-line)}
html[data-flat=air] .xr-sky-home .sky-home-hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px;background:var(--f-paper);border-bottom:1px solid var(--home-line)}
html[data-flat=air] .xr-sky-home .sky-home-hero h1{font-size:19px!important;line-height:1.4!important;font-weight:600!important;color:var(--f-ink)!important;margin:0;white-space:nowrap}
html[data-flat=air] .xr-sky-home .sky-home-add-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;min-height:34px;background:var(--f-accent);color:#fff;font-size:12px;font-weight:550;border-radius:5px;white-space:nowrap}
html[data-flat=air] .xr-sky-home .sky-home-add-button svg{width:13px;height:13px}
html[data-flat=air] .xr-sky-home .sky-panel-heading{padding:16px 16px 12px}
html[data-flat=air] .xr-sky-home .sky-panel-heading h2{font-size:15px}
html[data-flat=air] .xr-sky-home .sky-text-link{font-size:11px;gap:5px}
html[data-flat=air] .xr-sky-home .sky-home-account-list{padding:0 16px}
html[data-flat=air] .xr-sky-home .sky-home-account-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--home-line)}
html[data-flat=air] .xr-sky-home .sky-home-account-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:5px;background:var(--f-soft);color:var(--f-accent);flex-shrink:0}
html[data-flat=air] .xr-sky-home .sky-home-account-icon svg{width:18px;height:18px}
html[data-flat=air] .xr-sky-home .sky-home-account-copy{flex:1;min-width:0}
html[data-flat=air] .xr-sky-home .sky-home-account-copy strong{display:block;font-size:14px;font-weight:550;line-height:20px}
html[data-flat=air] .xr-sky-home .sky-home-account-copy small{display:block;font-size:12px;color:var(--home-muted);line-height:17px;margin-top:2px}
html[data-flat=air] .xr-sky-home .sky-home-account-status{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--home-muted);white-space:nowrap}
html[data-flat=air] .xr-sky-home .sky-home-account-status::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
html[data-flat=air] .xr-sky-home .sky-home-account-status[data-state=online]{color:#248973}
html[data-flat=air] .xr-sky-home .sky-home-account-empty{padding:17px 16px;font-size:12px;line-height:1.8;color:var(--home-muted)}
html[data-flat=air] .xr-sky-home .sky-notice-row{padding:12px 16px;gap:9px}
html[data-flat=air] .xr-sky-home .sky-home-notice-icon{width:28px;height:28px;padding:5px;border-radius:5px;background:var(--home-wash);color:var(--f-accent);flex-shrink:0}
html[data-flat=air] .xr-sky-home .sky-notice-copy strong{font-size:13px}
html[data-flat=air] .xr-sky-home .sky-notice-copy :is(small,span){font-size:11px;-webkit-line-clamp:1;margin-top:3px}
html[data-flat=air] .xr-sky-home .sky-notice-row time{font-size:10px;line-height:19px}
html[data-flat=air] .xr-sky-home .sky-guide{padding:15px 16px 12px;background:var(--f-paper);border:1px solid var(--home-line);border-radius:6px}
html[data-flat=air] .xr-sky-home .sky-guide h2{font-size:14px;font-weight:600;margin-bottom:14px}
html[data-flat=air] .xr-sky-home .sky-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-flat=air] .xr-sky-home .sky-guide-steps>li{display:block;position:relative;min-width:0}
html[data-flat=air] .xr-sky-home .sky-guide h3{font-size:12px;line-height:19px;font-weight:500;margin:0 0 6px;padding-left:23px;white-space:nowrap}
html[data-flat=air] .xr-sky-home .sky-guide p{font-size:11px;line-height:1.6}
html[data-flat=air] .xr-sky-home .sky-guide-number{position:absolute;top:1px;left:0;width:17px;min-width:17px;height:17px;margin:0;background:var(--f-soft);border:0;border-radius:4px;font-size:10px;font-weight:500}
html[data-flat=air] .xr-sky-home .sky-guide .sky-guide-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--home-line);font-size:11px;line-height:17px}
@media(max-width:359px){html[data-flat=air] .xr-sky-home .sky-home-hero{padding:17px 13px;gap:8px}html[data-flat=air] .xr-sky-home .sky-home-hero h1{font-size:19px!important}html[data-flat=air] .xr-sky-home .sky-home-add-button{font-size:10px;padding:0 8px}}
html.dark[data-flat=air] :is(.sky-home-content,.xr-sky-home){--home-line:#304050;--home-wash:#203248;--home-muted:#94a2b6}
html.dark[data-flat=air] .sky-home-content .sky-account-hero{background:var(--f-paper)!important}

/* A / blue-white. Presentation only; original components own every action. */
html[data-flat=air]{--air-line:#e3e7ed;--air-wash:#f7f9fc;--air-muted:#748093}
html[data-flat=air]:not(.dark){--f-bg:#f6f7f9;--f-paper:#fff;--f-ink:#253044;--f-muted:#748093;--f-line:#e3e7ed;--f-accent:#2465c6;--f-soft:#edf3fc}

/* Accounts: aligned desktop rows and compact mobile cards. */
html[data-flat=air] .xuran-account-page>.mb-5{margin-bottom:20px!important}
html[data-flat=air] .xuran-account-page>.mb-5 h1{font-size:26px!important;font-weight:600!important;letter-spacing:0!important}
html[data-flat=air] .xuran-account-page>.mb-5 button{height:36px!important;padding:0 14px!important;border-radius:5px!important;font-size:12px!important;font-weight:500!important}
html[data-flat=air] .xuran-account-page>.mb-5 button svg{width:15px!important;height:15px!important}
html[data-flat=air] .xuran-account-page .xr-account-recover-desktop{background:var(--f-paper)!important;border-color:var(--air-line)!important;color:var(--f-muted)!important}
html[data-flat=air] .xuran-account-page [data-slot=tabs-list]{height:36px!important;margin-bottom:16px!important}
html[data-flat=air] .xuran-account-page [data-slot=tabs-trigger]{font-size:12px!important;padding:7px 18px!important;font-weight:500!important}
html[data-flat=air] .xuran-account-page [data-slot=tabs-content]>.mb-4{margin-bottom:14px!important;gap:9px!important}
html[data-flat=air] .xuran-account-page [data-slot=tabs-content]>.mb-4 :is(input,[data-slot=select-trigger]){height:36px!important;border-color:var(--air-line)!important;border-radius:5px!important;font-size:12px!important}
html[data-flat=air] .xuran-account-page [data-slot=tabs-content]>.mb-4 .ml-auto{font-size:11px;color:var(--air-muted)}
html[data-flat=air] .xuran-account-page .account-list{gap:12px!important;align-items:start}
html[data-flat=air] .xuran-account-page .account-tile{border-color:var(--air-line)!important;border-radius:6px!important;box-shadow:none!important;transition:border-color .15s}
html[data-flat=air] .xuran-account-page .account-tile:hover{border-color:#c9d4e4!important}
html[data-flat=air] .xuran-account-page .account-tile-content{padding:18px!important;gap:12px!important}
html[data-flat=air] .xuran-account-page .account-identity{padding-right:126px!important;min-height:40px}
html[data-flat=air] .xuran-account-page .account-identity img{width:40px!important;height:40px!important;border-radius:7px!important;box-shadow:none!important}
html[data-flat=air] .xuran-account-page .account-name{font-size:15px!important;font-weight:600!important}
html[data-flat=air] .xuran-account-page .account-level{height:18px!important;padding:0 4px!important;gap:3px!important;border-color:#d9e7fb!important;font-size:10px!important}
html[data-flat=air] .xuran-account-page .xr-level-icons{display:inline-flex;gap:2px;align-items:center;height:13px}
html[data-flat=air] .xuran-account-page .xr-level-tier{display:inline-flex;align-items:center;gap:2px;line-height:1}
html[data-flat=air] .xuran-account-page .xr-level-count{font-size:9px;line-height:1}
html[data-flat=air] .xuran-account-page .xr-level-icons svg{width:11px!important;height:11px!important}
html[data-flat=air] .xuran-account-page .account-meta{font-size:11px!important;margin-top:3px!important}
html[data-flat=air] .xuran-account-page .account-meta>.h-3{display:none!important}
html[data-flat=air] .xuran-account-page .account-state{position:absolute!important;right:31px;top:10px;gap:4px!important;background:none!important;color:var(--air-muted)!important;font-size:10px!important;font-weight:400!important;padding:2px 0!important}
html[data-flat=air] .xuran-account-page .account-state svg{width:12px!important;height:12px!important}
html[data-flat=air] .xuran-account-page .account-state[data-account-status="1"]{color:#248973!important}
html[data-flat=air] .xuran-account-page .account-remove{top:7px!important;width:24px!important;height:26px!important;min-height:26px!important;opacity:.65!important}
html[data-flat=air] .xuran-account-page .account-remove:hover{opacity:1!important}
html[data-flat=air] .xuran-account-page .account-details-grid{gap:8px 16px!important;padding:10px 0!important;border:0!important;border-top:1px solid var(--air-line)!important;border-bottom:1px solid var(--air-line)!important;border-radius:0!important;background:none!important}
html[data-flat=air] .xuran-account-page .account-detail>div:first-child{color:var(--air-muted)!important;font-size:11px!important;gap:5px!important}
html[data-flat=air] .xuran-account-page .account-detail svg{color:var(--air-muted)!important}
html[data-flat=air] .xuran-account-page .account-detail-value{font-size:12px!important;font-weight:500!important;margin-top:4px!important}
html[data-flat=air] .xuran-account-page .account-subscription{gap:8px!important;font-size:11px!important;min-height:22px}
html[data-flat=air] .xuran-account-page .account-subscription [data-slot=badge]{background:none!important;border:0!important;padding:0!important;color:var(--f-ink)!important;font-size:11px!important;font-weight:500!important}
html[data-flat=air] .xuran-account-page .account-subscription [data-slot=badge]+[data-slot=badge]{border-left:1px solid var(--air-line)!important;border-radius:0!important;padding-left:8px!important;margin-left:2px;color:var(--air-muted)!important;font-weight:400!important}
html[data-flat=air] .xuran-account-page .account-tile:has(.account-expiry-date[data-expired=true]) .account-subscription [data-slot=badge]:last-child{color:#b84e4e!important}
html[data-flat=air] .xuran-account-page .account-actions{gap:8px!important}
html[data-flat=air] .xuran-account-page .account-actions>button{height:34px!important;border-color:var(--air-line)!important;border-radius:5px!important;font-size:12px!important;font-weight:500!important}
html[data-flat=air] .xuran-account-page .account-actions[data-primary-action=tasks]>.account-action-tasks,
html[data-flat=air] .xuran-account-page .account-actions[data-primary-action=login]>.account-action-login,
html[data-flat=air] .xuran-account-page .account-actions[data-primary-action=renew]>.account-action-renew{background:var(--f-soft)!important;border-color:#d8e4f5!important;color:var(--f-accent)!important}
html[data-flat=air] .xuran-account-page .account-next-step{font-size:11px!important;line-height:1.6!important}

/* Tasks: a metric strip and one list, with existing single-task controls. */
html[data-flat=air] main[data-v-84944110]{max-width:1184px!important;padding:24px 32px!important}
html[data-flat=air] header[data-v-84944110]>div{max-width:1120px!important;padding-left:0!important;padding-right:0!important}
html[data-flat=air] main[data-v-84944110]>section{border:0!important;border-radius:0!important;background:none!important;padding:0 0 16px!important;margin-bottom:16px!important;border-bottom:1px solid var(--air-line)!important}
html[data-flat=air] main[data-v-84944110]>section button{border-radius:5px!important;border-color:var(--air-line)!important;background:var(--f-paper)!important;font-size:12px!important;font-weight:500!important;height:34px!important;min-height:34px!important}
html[data-flat=air] main[data-v-84944110]>section button:first-child{color:var(--f-accent)!important;background:var(--air-wash)!important;border-color:#d7e5f9!important}
html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child{display:grid;grid-template-columns:185px minmax(0,1fr);align-items:center;gap:24px;padding:22px!important;border-color:var(--air-line)!important;border-radius:6px!important;margin-bottom:25px!important}
html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child>.mb-4{margin:0!important;gap:10px!important;align-items:flex-end}
html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child>.mb-4 p{font-size:12px!important;color:var(--air-muted)!important}
html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child>.mb-4 strong{font-size:36px!important;line-height:1.15!important;font-weight:600!important;color:var(--f-ink)!important}
html[data-flat=air] main[data-v-84944110] .summary-equation{margin-top:0!important;gap:12px!important}
html[data-flat=air] main[data-v-84944110] .summary-trigger{min-height:75px;padding:12px 16px!important;gap:5px!important;background:none!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;align-items:flex-start!important}
html[data-flat=air] main[data-v-84944110] .summary-trigger span{font-size:12px!important;font-weight:400!important}
html[data-flat=air] main[data-v-84944110] .summary-trigger strong{font-size:23px!important;font-weight:600!important}
html[data-flat=air] main[data-v-84944110] .summary-trigger[data-state=active]{background:none!important;border-bottom-color:var(--f-accent)!important}
html[data-flat=air] main[data-v-84944110] .summary-trigger[data-state=active] strong{color:var(--f-accent)!important}
html[data-flat=air] main[data-v-84944110] .summary-operator{color:#8ca0b9!important;font-size:15px!important}
html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:last-child h2{font-size:17px!important;font-weight:600!important}
html[data-flat=air] main[data-v-84944110] [data-slot=tabs-content]>.divide-y{display:grid!important;grid-template-columns:1fr;gap:0;border:1px solid var(--air-line)!important;border-radius:6px!important;background:var(--f-paper)!important;overflow:hidden!important}
html[data-flat=air] main[data-v-84944110] .task-row{min-height:82px!important;padding:16px 20px!important;gap:14px!important;border:0!important;border-bottom:1px solid var(--air-line)!important;border-radius:0!important;background:var(--f-paper)!important}
html[data-flat=air] main[data-v-84944110] .task-icon{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important;border:0!important;border-radius:5px!important;background:var(--f-soft)!important}
html[data-flat=air] main[data-v-84944110] .task-title{font-size:14px!important;line-height:21px!important;font-weight:500!important}
html[data-flat=air] main[data-v-84944110] .task-subtitle{font-size:12px!important;line-height:18px!important;color:var(--air-muted)!important;margin-top:4px!important;overflow-wrap:anywhere}
html[data-flat=air] main[data-v-84944110] .task-row>.min-w-0>.flex{gap:5px!important;flex-wrap:wrap!important}
html[data-flat=air] main[data-v-84944110] .task-row [data-slot=badge]{height:18px!important;line-height:16px!important;font-size:10px!important;font-weight:400!important;padding:0 5px!important;border-radius:3px!important}
html[data-flat=air] main[data-v-84944110] .task-row [data-slot=badge].bg-emerald-600{background:#e8f5ef!important;color:#248973!important;border-color:transparent!important}
html[data-flat=air] main[data-v-84944110] .task-actions{gap:10px!important;flex-direction:row!important;align-items:center!important}
html[data-flat=air] main[data-v-84944110] .xr-single-task-retry{height:32px!important;min-height:32px!important;min-width:48px!important;font-size:12px!important;padding:0 10px!important;border-color:var(--air-line)!important;background:var(--f-paper)!important;border-radius:4px!important;font-weight:400!important}
html[data-flat=air] main[data-v-84944110] .pc-task-row{border-color:var(--air-line)!important;border-radius:0!important}
html[data-flat=air] main[data-v-84944110] [data-slot=tabs-content]>.divide-y:has(.pc-task-row){grid-template-columns:1fr}
html[data-flat=air] main[data-v-84944110] .pc-task-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) minmax(320px,1.1fr);align-items:center!important}
html[data-flat=air] main[data-v-84944110] .pc-task-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;min-width:0!important;width:auto!important}
html[data-flat=air] main[data-v-84944110] .pc-task-actions>button{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;font-weight:500!important;border:1px solid var(--air-line)!important;border-radius:5px!important;min-width:0!important}
html[data-flat=air] main[data-v-84944110] .pc-task-actions>button:first-child{background:var(--f-soft)!important;color:var(--f-accent)!important;border-color:#d7e5f9!important}
html[data-flat=air] main[data-v-84944110] .pc-login-feedback{padding:11px 12px!important;border:1px solid var(--air-line)!important;border-radius:5px!important;background:var(--air-wash)!important;box-shadow:none!important;min-width:0!important;margin:0!important}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__header{display:flex;align-items:center;justify-content:space-between;gap:8px}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__identity{display:flex;align-items:center;gap:7px;min-width:0}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__icon{display:flex;align-items:center;color:var(--air-muted)}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__icon svg{width:15px;height:15px}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__title{font-size:12px;font-weight:500}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__query{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--f-accent);border:0;background:none;white-space:nowrap}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__query svg{width:13px;height:13px}
html[data-flat=air] main[data-v-84944110] .pc-feedback-ui-v1511__detail{font-size:11px;line-height:1.6;margin:6px 0 0;color:var(--air-muted);overflow-wrap:anywhere}

/* Activation: the same original QQ, card and online-payment forms. */
html[data-flat=air] [data-slot=dialog-content][data-editable-qq]{max-width:530px!important;padding:0!important;gap:0!important;border-color:var(--air-line)!important;border-radius:6px!important;overflow:hidden!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq]>[data-slot=dialog-header]{padding:26px 28px 18px!important;gap:7px!important;background:var(--f-paper);border:0;text-align:left}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=dialog-title]{font-size:21px!important;font-weight:600!important;gap:9px!important;line-height:30px!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=dialog-title]>svg{width:21px!important;height:21px!important;padding:0;color:var(--f-accent)!important;background:none;border-radius:0}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=dialog-description]{font-size:13px!important;margin-left:0;color:var(--air-muted)!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq]>[data-slot=tabs]{padding:0 28px 27px!important;gap:0!important;min-width:0}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=tabs-list]{height:42px!important;min-height:42px!important;padding:0!important;gap:0!important;border:0!important;border-bottom:1px solid var(--air-line)!important;border-radius:0!important;background:none!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=tabs-trigger]{height:42px!important;min-height:42px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;font-size:13px!important;font-weight:500!important;gap:7px!important;background:none!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=tabs-trigger][data-state=active]{background:none!important;border-bottom-color:var(--f-accent)!important;color:var(--f-accent)!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=tabs-trigger]::after{display:none!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=tabs-content]{margin-top:20px!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] form{gap:18px!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] form:has(#purchase-online-qq){display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(130px,1fr);gap:18px 14px!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] form>.grid{gap:8px!important;min-width:0}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] form:has(#purchase-online-qq)>:is(.xr-plan-qq-field,button[type=submit]){grid-column:1/-1}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] label{font-size:12px!important;font-weight:500!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] :is([data-slot=input],[data-slot=select-trigger]){height:42px!important;min-width:0!important;width:100%!important;border-radius:5px!important;border-color:#dbe5f1!important;background:var(--f-paper)!important;font-size:13px!important;font-weight:400!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] .xr-plan-qq-hint{font-family:inherit!important;font-size:12px!important;font-weight:400!important;line-height:1.7!important;color:var(--air-muted)!important;margin:0!important;background:none!important;border:0!important;padding:0!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] .xr-plan-qq-hint strong{font-weight:500!important;color:var(--f-ink)!important}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq] button[type=submit]{height:40px!important;min-height:40px!important;font-size:13px!important;font-weight:500!important;border-radius:5px!important;background:var(--f-accent)!important;color:#fff!important;margin-top:2px}
html[data-flat=air] [data-slot=dialog-content][data-editable-qq]>[data-slot=dialog-close]{right:15px!important;top:15px!important;color:var(--air-muted)!important}

/* Settings: plain heading and a focused, consistently aligned form. */
html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)){max-width:800px!important;display:block;margin-left:0!important}
html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email))>.mb-5{padding:0!important;margin:0 0 22px!important}
html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email))>.mb-5>div:first-child::before{display:none}
html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)) h1{font-size:26px!important;font-weight:600!important}
html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)) h1+p{font-size:13px!important;line-height:1.7!important;margin-top:6px!important}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email){padding:0!important;border:1px solid var(--air-line)!important;border-radius:6px!important;overflow:hidden}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email)>[data-slot=card-content]{padding:28px!important}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form{gap:22px!important}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) label{font-size:13px!important;font-weight:500!important;line-height:20px!important}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) input{height:42px!important;border-radius:5px!important;border-color:#dbe5f1!important;font-size:13px!important}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) label button{font-size:11px!important;color:var(--air-muted)!important;gap:5px}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.flex.justify-end{margin-top:0!important;padding-top:22px!important;border-color:var(--air-line)!important}
html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) button[type=submit]{height:37px!important;min-width:116px;border-radius:5px!important;font-size:12px!important;font-weight:500!important}


html[data-flat=air] main[data-v-84944110] .task-row:last-child{border-bottom:0!important}

@media(min-width:1024px){
  html[data-flat=air] .xuran-account-page .account-list{grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--air-line)!important;border-radius:6px!important;overflow:hidden!important;background:var(--f-paper)!important}
  html[data-flat=air] .xuran-account-page .account-tile{border:0!important;border-bottom:1px solid var(--air-line)!important;border-radius:0!important}
  html[data-flat=air] .xuran-account-page .account-tile:last-child{border-bottom:0!important}
  html[data-flat=air] .xuran-account-page .account-tile-content{display:grid!important;grid-template-columns:minmax(210px,1.6fr) minmax(128px,1fr) minmax(126px,1fr) 230px;align-items:center!important;gap:20px!important;padding:21px 20px!important}
  html[data-flat=air] .xuran-account-page .account-identity{padding-right:20px!important}
  html[data-flat=air] .xuran-account-page .account-meta{display:flex!important;flex-wrap:wrap;gap:4px 6px!important}
  html[data-flat=air] .xuran-account-page .account-state{position:static!important;flex-basis:100%;font-size:11px!important;padding:0!important}
  html[data-flat=air] .xuran-account-page .account-remove{right:0!important;top:0!important}
  html[data-flat=air] .xuran-account-page .account-details-grid{display:flex!important;flex-direction:column;gap:9px!important;padding:0!important;border:0!important}
  html[data-flat=air] .xuran-account-page .account-detail:not(.account-expiry){display:flex!important;align-items:center;gap:9px}
  html[data-flat=air] .xuran-account-page .account-detail-value{margin:0!important}
  html[data-flat=air] .xuran-account-page .account-detail>div:first-child{white-space:nowrap}
  html[data-flat=air] .xuran-account-page .account-subscription{display:block!important}
  html[data-flat=air] .xuran-account-page .account-subscription>div.mt-2{margin-top:8px!important;flex-wrap:wrap;gap:5px!important}
  html[data-flat=air] .xuran-account-page .account-subscription [data-slot=badge]{font-size:12px!important}
  html[data-flat=air] .xuran-account-page .account-subscription [data-slot=badge]+[data-slot=badge]{font-size:11px!important}
  html[data-flat=air] .xuran-account-page .account-actions{gap:6px!important}
  html[data-flat=air] .xuran-account-page .account-actions>button{font-size:12px!important;padding:0 8px!important;flex:none!important}
  html[data-flat=air] .xuran-account-page .account-actions>button svg{width:13px!important;height:13px!important}
  html[data-flat=air] .xuran-account-page .account-next-step{grid-column:1/-1}
}
@media(min-width:768px){
  html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.grid{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px!important}
  html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form>.grid label{flex-wrap:wrap;gap:5px}
}
@media(max-width:1023px) and (min-width:768px){
  html[data-flat=air] .xuran-account-page .account-identity{padding-right:25px!important}
  html[data-flat=air] .xuran-account-page .account-state{position:static!important;padding:0!important}
  html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)){grid-template-columns:210px minmax(0,1fr);gap:22px}
}
@media(max-width:767px){
  html[data-flat=air] .xuran-account-page>.mb-5{margin-bottom:17px!important;gap:12px!important}
  html[data-flat=air] .xuran-account-page>.mb-5 h1{font-size:23px!important}
  html[data-flat=air] .xuran-account-page>.mb-5 button{height:34px!important;padding:0 11px!important;gap:6px!important;font-size:11px!important;border-radius:5px!important}
  html[data-flat=air] .xuran-account-page>.mb-5 button svg{width:13px!important;height:13px!important}
  html[data-flat=air] .xuran-account-page [data-slot=tabs-list]{height:34px!important;margin-bottom:0!important}
  html[data-flat=air] .xuran-account-page [data-slot=tabs-trigger]{font-size:12px!important;padding:6px 14px!important}
  html[data-flat=air] .xuran-account-page .xr-account-recover-mobile{height:30px!important;font-size:11px!important;border-radius:5px!important;border-color:var(--air-line)!important;gap:5px!important}
  html[data-flat=air] .xuran-account-page .account-list{gap:12px!important}
  html[data-flat=air] .xuran-account-page .account-tile-content{padding:12px!important;gap:8px!important}
  html[data-flat=air] .xuran-account-page .account-identity{padding-right:75px!important;min-height:35px}
  html[data-flat=air] .xuran-account-page .account-identity img{width:34px!important;height:34px!important;border-radius:6px!important}
  html[data-flat=air] .xuran-account-page .account-name{font-size:14px!important;line-height:20px!important}
  html[data-flat=air] .xuran-account-page .account-level{font-size:9px!important;height:16px!important;line-height:14px!important;gap:2px!important}
  html[data-flat=air] .xuran-account-page .xr-level-icons{height:11px}
  html[data-flat=air] .xuran-account-page .xr-level-icons svg{width:10px!important;height:10px!important}
  html[data-flat=air] .xuran-account-page .account-meta{font-size:11px!important;margin-top:2px!important}
  html[data-flat=air] .xuran-account-page .account-state{right:25px;top:8px;padding:0!important}
  html[data-flat=air] .xuran-account-page .account-state-mobile{background:none!important;padding:0!important;font-size:10px!important}
  html[data-flat=air] .xuran-account-page .account-state-mobile::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:4px}
  html[data-flat=air] .xuran-account-page .account-remove{top:4px!important}
  html[data-flat=air] .xuran-account-page .account-details-grid{padding:8px 0!important;gap:5px!important}
  html[data-flat=air] .xuran-account-page .account-detail{gap:9px!important}
  html[data-flat=air] .xuran-account-page .account-detail>div:first-child{font-size:10px!important;min-width:42px!important}
  html[data-flat=air] .xuran-account-page .account-detail-value{margin:0!important;font-size:12px!important;line-height:17px!important}
  html[data-flat=air] .xuran-account-page .account-expiry .account-detail-value{font-size:11px!important;gap:5px!important;min-width:0}
  html[data-flat=air] .xuran-account-page .account-expiry-remaining{font-size:10px!important;border-radius:3px;padding:0 4px}
  html[data-flat=air] .xuran-account-page .account-actions{gap:7px!important}
  html[data-flat=air] .xuran-account-page .account-actions>button{height:32px!important;min-height:32px!important;font-size:11px!important;gap:5px!important;padding:0 6px!important}
  html[data-flat=air] .xuran-account-page .account-actions[data-primary-action=tasks]>.account-action-tasks{background:var(--f-soft)!important;color:var(--f-accent)!important;border-color:#d8e4f5!important}
  html[data-flat=air] .xuran-account-page .account-actions[data-mobile-primary-action=renew]>.account-action-renew-mobile{background:var(--f-paper)!important;color:var(--f-ink)!important;border-color:var(--air-line)!important}

  html[data-flat=air] header[data-v-84944110]>div{padding:13px 16px!important}
  html[data-flat=air] main[data-v-84944110]{padding:16px!important}
  html[data-flat=air] main[data-v-84944110]>section{padding:0 0 14px!important;margin-bottom:14px!important}
  html[data-flat=air] main[data-v-84944110]>section>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  html[data-flat=air] main[data-v-84944110]>section button{height:32px!important;min-height:32px!important;font-size:11px!important;padding:0 8px!important}
  html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child{display:block;padding:15px!important;margin-bottom:18px!important}
  html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child>.mb-4{margin-bottom:14px!important}
  html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:first-child>.mb-4 strong{font-size:32px!important}
  html[data-flat=air] main[data-v-84944110] .summary-equation{gap:6px!important}
  html[data-flat=air] main[data-v-84944110] .summary-trigger{padding:9px!important;min-height:65px;gap:5px!important}
  html[data-flat=air] main[data-v-84944110] .summary-trigger span{font-size:11px!important}
  html[data-flat=air] main[data-v-84944110] .summary-trigger strong{font-size:20px!important}
  html[data-flat=air] main[data-v-84944110] .summary-operator{font-size:12px!important}
  html[data-flat=air] main[data-v-84944110]>[data-slot=tabs]>section:last-child h2{font-size:15px!important}
  html[data-flat=air] main[data-v-84944110] [data-slot=tabs-content]>.divide-y{grid-template-columns:1fr;gap:0}
  html[data-flat=air] main[data-v-84944110] .task-row{padding:13px 12px!important;gap:10px!important;min-height:80px!important;border-radius:0!important}
  html[data-flat=air] main[data-v-84944110] .task-icon{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;border-radius:5px!important}
  html[data-flat=air] main[data-v-84944110] .task-title{font-size:13px!important;line-height:20px!important}
  html[data-flat=air] main[data-v-84944110] .task-subtitle{font-size:11px!important;line-height:17px!important;margin-top:3px!important}
  html[data-flat=air] main[data-v-84944110] .task-row>.min-w-0>.flex{gap:4px!important}
  html[data-flat=air] main[data-v-84944110] .task-row [data-slot=badge]{font-size:9px!important;height:16px!important;line-height:14px!important;padding:0 4px!important}
  html[data-flat=air] main[data-v-84944110] .task-actions{gap:7px!important}
  html[data-flat=air] main[data-v-84944110] .xr-single-task-retry{height:30px!important;min-height:30px!important;min-width:38px!important;padding:0 6px!important;font-size:10px!important}
  html[data-flat=air] main[data-v-84944110] .pc-task-row{grid-template-columns:28px minmax(0,1fr);align-items:start!important}
  html[data-flat=air] main[data-v-84944110] .pc-task-actions{grid-column:1/-1;gap:8px!important;margin-top:2px!important}
  html[data-flat=air] main[data-v-84944110] .pc-task-actions>button{font-size:11px!important;height:33px!important;min-height:33px!important}

  html[data-flat=air] [data-slot=dialog-content][data-editable-qq]{width:calc(100% - 28px)!important;max-width:440px!important;max-height:calc(100dvh - 28px)!important;overflow-y:auto!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq]>[data-slot=dialog-header]{padding:20px 20px 17px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=dialog-title]{font-size:20px!important;gap:9px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq] [data-slot=dialog-description]{margin-left:0;font-size:12px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq]>[data-slot=tabs]{padding:0 20px 22px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq] form:has(#purchase-online-qq){display:flex!important;gap:17px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq] form{gap:17px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq] .xr-plan-qq-hint{font-size:12px!important}
  html[data-flat=air] [data-slot=dialog-content][data-editable-qq] button[type=submit]{height:42px!important;min-height:42px!important}

  html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)){display:block;max-width:480px!important;margin:auto}
  html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email))>.mb-5{padding:0!important;margin-bottom:19px!important}
  html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email))>.mb-5>div:first-child{position:relative;padding-left:0}
  html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)) h1{font-size:22px!important}
  html[data-flat=air] .xr-user-shell main>div:has(>[data-slot=card] :is(#old-password,#receive-email)) h1+p{font-size:11px!important;margin-top:4px!important}
  html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email)>[data-slot=card-content]{padding:20px!important}
  html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) form{gap:19px!important}
  html[data-flat=air] .xr-user-shell main [data-slot=card]:has(#old-password,#receive-email) button[type=submit]{width:100%;height:40px!important}
}
@media(max-width:359px){
  html[data-flat=air] .xr-user-shell:has(.xuran-account-page,#old-password,#receive-email) header{gap:3px!important;padding-inline:12px!important}
  html[data-flat=air] .xr-user-shell:has(.xuran-account-page,#old-password,#receive-email) header>button{width:26px!important;min-width:26px!important;padding-inline:0!important}
  html[data-flat=air] .xr-user-shell:has(.xuran-account-page,#old-password,#receive-email) .xr-user-brand{min-width:108px;padding-left:24px!important}
  html[data-flat=air] .xr-user-shell:has(.xuran-account-page,#old-password,#receive-email) .xr-user-brand::before{width:19px;height:19px}
  html[data-flat=air] .xr-user-shell:has(.xuran-account-page,#old-password,#receive-email) .xr-user-brand-title{font-size:15px!important}
  html[data-flat=air] .xr-user-shell:has(.xuran-account-page,#old-password,#receive-email) .xr-user-brand-tagline{font-size:7px!important}
  html[data-flat=air] .xuran-account-page .account-identity{padding-right:64px!important}
  html[data-flat=air] .xuran-account-page .account-identity>.min-w-0>div:first-child{gap:4px!important}
  html[data-flat=air] main[data-v-84944110] .task-row{gap:7px!important;padding:10px!important}
  html[data-flat=air] main[data-v-84944110] .task-actions{gap:5px!important}
  html[data-flat=air] main[data-v-84944110] .summary-trigger{padding:8px 6px!important}
  html[data-flat=air] main[data-v-84944110] .summary-trigger span{font-size:10px!important}
  html[data-flat=air] main[data-v-84944110] .summary-trigger strong{font-size:16px!important}
}
html.dark[data-flat=air]{--air-line:#304050;--air-wash:#203248;--air-muted:#94a2b6}