/* 消费认证等级（只做身份展示，无权益）：顶栏邮箱配色 + 徽章、账户菜单会员卡、触屏底部菜单、累计 ¥2000+ 每日一次全屏开场。
   等级由服务端写在 #accountCombo 的 data-sz-* 上（app.py user_tier_info），绘制逻辑在 tier-badge.js。
   原账户胶囊的元素和 id 全部保留（store.js / auth.js / suzheai.js 都在用），这里只负责盖住外观。 */

/* ---- 顶栏身份标识：不要外框、不要头像胶囊（旧样式全部隐藏），靠「大徽章 + 光晕 + 渐变名字 + 等级小字」撑场 ---- */
html body #accountCombo.sz-tiered .nav-cta-combo{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;min-height:48px!important}
html body #accountCombo.sz-tiered #centerLink{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:48px!important;border-radius:0!important;gap:0!important}
html body #accountCombo.sz-tiered #centerLink .nav-avatar,
html body #accountCombo.sz-tiered #centerLink .nav-primary-cta-label,
html body #accountCombo.sz-tiered #accountMenuToggleBtn,
html body #accountCombo.sz-tiered .nav-account-card-status{display:none!important}

html body #accountCombo.sz-tiered .sz-id{position:relative;display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 4px 0 20px;min-width:0;box-sizing:border-box}
/* 与左侧导航之间一条渐隐竖线，把「身份区」单独隔开 */
html body #accountCombo.sz-tiered .sz-id::before{content:"";position:absolute;left:0;top:50%;width:1px;height:28px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent)}

/* 徽章：30px，背后一团本等级颜色的柔光 */
html body #accountCombo.sz-tiered .sz-id-badge{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;line-height:0}
html body #accountCombo.sz-tiered .sz-id-badge::before{content:"";position:absolute;inset:-9px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--sz-ink,#fff) 55%,transparent) 0%,transparent 66%);opacity:.5;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}
html body #accountCombo.sz-tiered .sz-id-badge svg{position:relative;width:30px!important;height:30px!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
html body #accountCombo.sz-tiered .sz-id-dash{position:relative;display:block;width:26px;height:26px;border-radius:50%;border:1.5px dashed rgba(160,160,170,.55);box-sizing:border-box}

/* 头像（user_avatars.py 2026-10-10）：有自定义头像显示图片，否则昵称 / 邮箱首字，底色与描边跟本等级配色 */
html body #accountCombo.sz-tiered .sz-id-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;box-sizing:border-box;
  background:var(--sz-tint,rgba(255,255,255,.08));border:1px solid color-mix(in srgb,var(--sz-ink,#fff) 38%,transparent);color:var(--sz-ink,#f5f5f5);
  font:600 15px/1 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;letter-spacing:0;text-transform:uppercase;user-select:none;transition:border-color .2s ease,transform .3s ease}
html body #accountCombo.sz-tiered .sz-id-avatar.sz-has-img{background:#15151a;border-color:color-mix(in srgb,var(--sz-ink,#fff) 55%,transparent)}
html body #accountCombo.sz-tiered .sz-id-avatar img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:50%}
html body #accountCombo.sz-tiered #centerLink:hover .sz-id-avatar{border-color:color-mix(in srgb,var(--sz-ink,#fff) 80%,transparent);transform:scale(1.04)}
html:not(.theme-dark) body #accountCombo.sz-tiered .sz-id-avatar{color:#1f1f1f;background:color-mix(in srgb,var(--sz-ink,#777) 16%,#fff);border-color:color-mix(in srgb,var(--sz-ink,#777) 45%,transparent)}
html:not(.theme-dark) body #accountCombo.sz-tiered .sz-id-avatar.sz-has-img{background:#fff}
/* 非分级胶囊（兜底）：原 26px 圆底里放图或首字 */
html body #accountCombo .nav-avatar{overflow:hidden}
html body #accountCombo .nav-avatar-img{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}
html body #accountCombo .nav-avatar-initial{font:600 12.5px/1 Inter,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;text-transform:uppercase}

/* 两行字：上面名字（本等级金属渐变），下面等级 */
html body #accountCombo.sz-tiered .sz-id-text{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;line-height:1.1;text-align:left}
html body #accountCombo.sz-tiered .sz-id-email{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:650;letter-spacing:.01em;line-height:1.35;padding:1px 2px 3px 0;color:#f5f5f5!important;transition:filter .2s ease}
html body #accountCombo.sz-tiered .sz-id-tier{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;white-space:nowrap;color:var(--sz-ink,#9a9ca5);opacity:.92}
html body #accountCombo.sz-tiered[data-sz-tier="7"] .sz-id-tier{background:linear-gradient(90deg,#FDE68A,#FB923C,#F472B6,#A78BFA,#60A5FA,#FDE68A);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:szHolo 8s linear infinite;opacity:1}

/* 悬停：光晕放大变亮、名字提亮 */
html body #accountCombo.sz-tiered #centerLink:hover .sz-id-badge::before,
html body #accountCombo.sz-tiered[data-menu-open="true"] .sz-id-badge::before{opacity:.95;transform:scale(1.12)}
html body #accountCombo.sz-tiered #centerLink:hover .sz-id-email{filter:brightness(1.18)}

/* 名字配色：每档一套三段金属渐变，奇点是流动光带（沿用新设计） */
html body #accountCombo.sz-tiered[data-sz-tier="1"]{--sz-em:linear-gradient(90deg,#EEF2F7,#B3BDCB 55%,#DCE2EA)}
html body #accountCombo.sz-tiered[data-sz-tier="2"]{--sz-em:linear-gradient(90deg,#B8F7EE,#3CCAB7 55%,#86E6D9)}
html body #accountCombo.sz-tiered[data-sz-tier="3"]{--sz-em:linear-gradient(90deg,#DDE6FF,#7C9BFF 55%,#BFD0FF)}
html body #accountCombo.sz-tiered[data-sz-tier="4"]{--sz-em:linear-gradient(90deg,#F0E6FF,#B47DFF 55%,#DCC6FF)}
html body #accountCombo.sz-tiered[data-sz-tier="5"]{--sz-em:linear-gradient(90deg,#FFF4D2,#F0B83E 50%,#FFE4A3)}
html body #accountCombo.sz-tiered[data-sz-tier="6"]{--sz-em:linear-gradient(90deg,#FFDCE3,#FF5A7E 50%,#FFB4C4)}
html body #accountCombo.sz-tiered[data-sz-tier="7"]{--sz-em:linear-gradient(90deg,#FDE68A,#FB923C,#F472B6,#A78BFA,#60A5FA,#FDE68A)}
html body #accountCombo.sz-tiered:not([data-sz-tier="0"]) .sz-id-email{background-image:var(--sz-em);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html body #accountCombo.sz-tiered[data-sz-tier="7"] .sz-id-email{background-size:200% 100%;background-repeat:repeat;animation:szHolo 8s linear infinite}
html body #accountCombo.sz-tiered .sz-id-email.sz-sheen{background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),var(--sz-em);background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:szSheen 1s cubic-bezier(.4,0,.2,1)}

/* 浅色页面 */
html:not(.theme-dark) body #accountCombo.sz-tiered .sz-id::before{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18),transparent)}
html:not(.theme-dark) body #accountCombo.sz-tiered .sz-id-email{color:#1f1f1f!important}
html:not(.theme-dark) body #accountCombo.sz-tiered:not([data-sz-tier="0"]) .sz-id-email{filter:brightness(.6) saturate(1.4)}
html:not(.theme-dark) body #accountCombo.sz-tiered .sz-id-tier{filter:brightness(.7) saturate(1.3)}

@media (max-width:560px){
  html body #accountCombo.sz-tiered .sz-id{gap:9px;padding:0 2px 0 12px;height:44px}
  html body #accountCombo.sz-tiered .sz-id::before{height:22px}
  html body #accountCombo.sz-tiered .sz-id-badge{width:30px;height:30px;flex-basis:30px}
  html body #accountCombo.sz-tiered .sz-id-avatar{width:30px;height:30px;flex-basis:30px;font-size:13px}
  html body #accountCombo.sz-tiered .sz-id-badge svg{width:26px!important;height:26px!important}
  html body #accountCombo.sz-tiered .sz-id-email{max-width:28vw;font-size:13.5px}
  html body #accountCombo.sz-tiered .sz-id-tier{font-size:9.5px;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){
  html body #accountCombo.sz-tiered[data-sz-tier="7"] .sz-id-email,
  html body #accountCombo.sz-tiered[data-sz-tier="7"] .sz-id-tier{animation:none}
}
@keyframes szHolo{to{background-position:-200% 0}}

/* ---- 桌面下拉：加宽，顶部放会员卡；卡片与邮箱之间补一条悬停桥，鼠标往下移不会闪退 ---- */
html body #accountCombo.sz-tiered .nav-account-card{min-width:286px!important}
html body #accountCombo.sz-tiered .nav-account-card::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}

/* ---- 会员卡（下拉和手机底部菜单共用） ---- */
html body .sz-tier-card{position:relative;overflow:hidden;border-radius:10px;padding:12px;margin:0 0 4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);text-align:left;color:#f5f5f5;box-sizing:border-box;line-height:1.4}
html body .sz-tier-card .szc-wm{position:absolute;right:-18px;top:-16px;opacity:.12;pointer-events:none;line-height:0}
html body .sz-tier-card .szc-head{position:relative;display:flex;align-items:center;gap:9px;min-width:0}
html body .sz-tier-card .szc-badge{display:inline-flex;line-height:0;flex:0 0 auto}
html body .sz-tier-card .szc-name{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}
html body .sz-tier-card .szc-lv{margin-left:auto;font-size:11px;color:#8b8d96;white-space:nowrap}
html body .sz-tier-card .szc-mail{position:relative;margin-top:6px;font-size:12px;color:#9a9ca5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .sz-tier-card .szc-stat{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-top:12px}
html body .sz-tier-card .szc-spend{font-size:13px;color:#f5f5f5}
html body .sz-tier-card .szc-next{font-size:11px;color:#8b8d96}
html body .sz-tier-card .szc-track{position:relative;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}
html body .sz-tier-card .szc-bar{height:100%;border-radius:2px}
html body .sz-tier-card .szc-col{position:relative;display:flex;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}
html body .sz-tier-card .szc-col span{display:inline-flex;line-height:0}
html body .sz-tier-card .szc-col .szc-off{opacity:.18;filter:grayscale(1)}
html body .sz-tier-card .szc-dash{display:block;width:24px;height:24px;border-radius:50%;border:1.5px dashed rgba(140,140,150,.5);box-sizing:border-box}

/* ---- 触屏：点邮箱从底部弹出菜单（不碰原下拉，避免与各页脚本的开合逻辑打架） ---- */
html body .sz-sheet-root{position:fixed;inset:0;z-index:2147482000}
html body .sz-sheet-root[hidden]{display:none!important}
html body .sz-sheet-root .sz-sheet-bd{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}
html body .sz-sheet-root .sz-sheet{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;background:#141414;border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(102%);transition:transform .34s cubic-bezier(.2,.8,.2,1);box-sizing:border-box}
html body .sz-sheet-root.sz-on .sz-sheet-bd{opacity:1}
html body .sz-sheet-root.sz-on .sz-sheet{transform:none}
html body .sz-sheet-root .sz-sheet-handle{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);margin:0 auto 12px}
html body .sz-sheet-root .sz-sheet-links{padding-top:6px}
html body .sz-sheet-root .sz-sheet-link{display:flex;align-items:center;gap:10px;padding:13px 8px;border-radius:10px;font-size:15px;line-height:1.3;color:#f5f5f5!important;text-decoration:none!important;background:transparent}
html body .sz-sheet-root .sz-sheet-link:active{background:rgba(255,255,255,.06)}
html body .sz-sheet-root .sz-sheet-link.sz-danger{color:#ff8a80!important}
html body .sz-sheet-root .sz-sheet-link svg{width:18px;height:18px;flex:0 0 18px}
html.sz-sheet-lock,html.sz-sheet-lock body{overflow:hidden!important}

/* ---- 累计 ¥2000+：全屏开场，结束后徽章飞回顶栏 ---- */
html body .sz-intro{position:fixed;inset:0;z-index:2147483000;opacity:0;transition:opacity .45s ease;cursor:pointer;overflow:hidden}
html body .sz-intro.sz-on{opacity:1}
html body .sz-intro .szi-fx{position:absolute;left:50%;top:40%;width:0;height:0}
html body .sz-intro .szi-text{position:absolute;left:0;right:0;top:calc(40% + 86px);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 20px}
html body .sz-intro .szi-title{font-size:24px;font-weight:600;letter-spacing:.14em;line-height:1.3}
html body .sz-intro .szi-sub{font-size:12px;letter-spacing:.18em;color:#9a9ca5}
html body .sz-intro .szi-mail{font-size:14px;min-height:20px;margin-top:2px}
html body .sz-intro .szi-skip{font-size:11px;color:#5d5f68;margin-top:14px}
html body .sz-intro-fly{position:fixed;left:50%;top:40%;z-index:2147483001;pointer-events:none;display:flex;align-items:center;justify-content:center}
html body .sz-intro-fly .szi-pt{display:block;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,rgba(255,255,255,.35) 45%,rgba(255,255,255,0) 70%)}
html body .sz-fxp{position:absolute;left:50%;top:50%;pointer-events:none}
@media (max-width:640px){html body .sz-intro .szi-title{font-size:21px}html body .sz-intro .szi-text{top:calc(40% + 76px)}}
@media (prefers-reduced-motion:reduce){html body #accountCombo.sz-tiered[data-sz-tier="7"] .sz-id-email{animation:none}}

@keyframes szSheen{from{background-position:110% 0,0 0}to{background-position:-10% 0,0 0}}
/* 苏哲AI代理：账户菜单「代理中心」（模板只对已开通代理渲染 #accountMenuAgentLink）；主题暗色规则带 !important，这里同样要 !important */
html body #accountCombo .nav-account-card-link.nav-account-card-link-agent{color:#e2b98b!important}
html body #accountCombo .nav-account-card-link.nav-account-card-link-agent:hover,html body #accountCombo .nav-account-card-link.nav-account-card-link-agent:focus-visible{color:#f3d8b0!important;background:rgba(211,163,119,.12)!important}
html body .sz-sheet-root .sz-sheet-link.sz-agent{color:#e2b98b!important}