:root {
      color-scheme: dark !important;
      --bg-dark: #07080b;
      --gold-primary: #d4be88;
      --gold-glow: rgba(212, 190, 136, 0.25);
      --gold-soft: rgba(212, 190, 136, 0.1);
      --panel-bg: rgba(13, 15, 21, 0.96);
      --border-subtle: rgba(212, 190, 136, 0.2);
      --border-fine: rgba(255, 255, 255, 0.08);
      --text-white: #f3f5f9;
      --text-muted: #838896;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html, body {
      height: 100%;
      overflow: hidden;
      min-height: 0;
      background: var(--bg-dark);
      color: var(--text-white);
      font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", sans-serif;
    }

    /* 顶栏：彻底取消分界线，左上角 LOGO 原位不变，与暗黑全景融为一体 */
    .stage-paper > header.shared-header.home-header {
      position: absolute !important;
      top: 0;
      left: 0;
      right: 0;
      z-index: 30;
      height: var(--header-h); /* 93px */
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 56px 0 16px !important;
      background: transparent !important;
      border-bottom: none !important;
      box-shadow: none !important;
    }

    /* 居中主舞台：上下 0 padding，让画框与卡片以整页 1280px 为绝对基准几何居中（中线 Y = 640px） */
    .ambient-stage.home-classic-stage {
      position: relative;
      z-index: 10;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 0;
      padding: 0 40px; /* 拔除 93px 偏置，整屏绝对居中 */
      box-sizing: border-box;
      overflow: hidden;
    }

    /* 左右分屏定宽大舞台（居中对齐，等高 500px 排布） */
    .home-stage-container {
      width: 100%;
      max-width: 1460px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 52px;
      margin: 0 auto;
      box-sizing: border-box;
    }

    /* 左侧展示区：画框为核心基准，Slogan 自然悬浮其上，绝不挤压居中中线 */
    .home-showcase-column {
      display: flex;
      flex-direction: column;
      flex: 0 0 auto;
      position: relative;
    }

    .home-slogan-wrap {
      position: absolute;
      bottom: calc(100% + 18px);
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      gap: 14px;
      pointer-events: none;
    }

    .home-slogan {
      font-size: var(--font-title, 24px);
      font-weight: 400;
      letter-spacing: 4px;
      color: var(--gold-primary);
      line-height: 1.25;
      text-shadow: 0 0 24px rgba(212, 190, 136, 0.35);
      margin: 0;
      white-space: nowrap;
    }

    .slogan-accent-line {
      flex: 1;
      height: 1px;
      background: linear-gradient(to right, rgba(212, 190, 136, 0.35) 0%, transparent 100%);
    }

    /* 16:9 宽银幕视窗：高度精确锁定为 500px，与右侧登录框绝对等高 */
    .reel-frame {
      height: 500px;
      aspect-ratio: 16 / 9;
      width: auto;
      position: relative;
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid var(--border-subtle);
      background: #07080b;
      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9), 0 0 30px rgba(212, 190, 136, 0.05);
      flex-shrink: 0;
    }

    /* 出图页同款：高斯模糊漫反射底图，随案例色温平滑渐变 */
    .reel-ambient-backdrop {
      position: absolute;
      inset: -20px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      filter: blur(40px) brightness(0.42) saturate(1.4);
      transform: scale(1.1);
      opacity: 0.85;
      pointer-events: none;
      transition: background-image 0.8s ease-in-out;
    }

    /* 电影级案例放映机舞台：搭载 0.8s 叠化 + 高斯模糊高级转场 */
    .reel-slider-stage {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 2;
      opacity: 1;
      transform: scale(1);
      filter: blur(0px);
      transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out, filter 0.8s ease-in-out;
      will-change: opacity, transform, filter;
    }

    .reel-slider-stage.fade-transition {
      opacity: 0;
      transform: scale(1.02);
      filter: blur(14px); /* 叠化 ➕ 高斯模糊转场 */
    }

    /* 底层：原图/线稿图（居中 contain，不变形，绝对无多余网格覆盖） */
    .reel-layer-under {
      position: absolute;
      inset: 0;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
    }

    /* 顶层拉开层：2K 全彩极简实景图（严格匀速 3.0s 从 0% 拉到 100%） */
    .reel-layer-reveal {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 0%;
      overflow: hidden;
      border-right: 2px solid var(--gold-primary);
      box-shadow: 2px 0 20px rgba(212, 190, 136, 0.8);
      will-change: width;
    }

    .reel-layer-reveal-inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 888px; /* 500px 高度对应 16:9 画幅宽度 */
      height: 500px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
    }

    /* 左上角微光说明浮标：极简白描核心能力，带平滑淡入淡出 */
    .reel-badge-left {
      position: absolute;
      top: 14px;
      left: 16px;
      z-index: 5;
      font-size: var(--font-micro, 15px);
      letter-spacing: 1.5px;
      color: #e2e6f0;
      background: rgba(7, 8, 11, 0.85);
      backdrop-filter: blur(8px);
      padding: 5px 14px;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      display: flex;
      align-items: center;
      gap: 8px;
      pointer-events: none;
      opacity: 1;
      transition: opacity 0.4s ease;
    }

    .reel-badge-left.badge-fade {
      opacity: 0;
    }

    .reel-badge-left::before {
      content: “”;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--gold-primary);
      box-shadow: 0 0 8px var(--gold-primary);
    }

    /* 金色同频呼吸灯（3.8s 周期，严格呼应左侧案例拉开与转场） */
    @keyframes goldCardBreathe {
      0% {
        border-color: rgba(212, 190, 136, 0.2);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.88), 0 0 14px rgba(212, 190, 136, 0.12);
      }
      78.9% { /* 3.0s 拉开完成时刻，能量蓄积至最高 */
        border-color: rgba(212, 190, 136, 0.55);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.95), 0 0 32px rgba(212, 190, 136, 0.35);
      }
      100% { /* 3.8s 转场完成，柔和呼气敛光 */
        border-color: rgba(212, 190, 136, 0.2);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.88), 0 0 14px rgba(212, 190, 136, 0.12);
      }
    }

    /* ─────────────────────────────────────────────────────────────
       浅色主题（Light Theme）100% 严格同源规范适配
       底色直接复用全站浅色统领底色 #f4f1ea，切页 0 色差；
       卡片呈现纯白白曜磨砂水晶舱，边框搭载深香槟琥珀金柔和呼吸灯
       ───────────────────────────────────────────────────────────── */
    html[data-theme="light"] {
      color-scheme: light !important;
    }
    html[data-theme="light"] body {
      background: #f8f7f4 !important; /* 全站统一高定暖玉与纸本底色 */
      color: #111318 !important;
    }
    html[data-theme="light"] .stage-paper > header.shared-header.home-header {
      background: transparent !important;
      border-bottom: none !important;
    }
    html[data-theme="light"] .home-slogan {
      color: #8f6e2b !important;
      text-shadow: 0 0 20px rgba(143, 110, 43, 0.2) !important;
    }
    html[data-theme="light"] .slogan-accent-line {
      background: linear-gradient(to right, rgba(143, 110, 43, 0.35) 0%, transparent 100%) !important;
    }
    html[data-theme="light"] .reel-frame {
      background: #ede9df !important;
      border-color: #ded9cb !important;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), 0 0 24px rgba(143, 110, 43, 0.08) !important;
    }
    html[data-theme="light"] .reel-ambient-backdrop {
      filter: blur(40px) brightness(0.95) saturate(1.1) !important;
      opacity: 0.75 !important;
    }
    html[data-theme="light"] .reel-badge-left {
      background: rgba(255, 255, 255, 0.92) !important;
      border-color: rgba(143, 110, 43, 0.3) !important;
      color: #1e2430 !important;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    }
    html[data-theme="light"] .reel-badge-left::before {
      background: #8f6e2b !important;
      box-shadow: 0 0 6px #8f6e2b !important;
    }

    /* 浅色卡片琥珀金同频呼吸灯（3.8s 与拉杆同频） */
    @keyframes lightGoldCardBreathe {
      0% {
        border-color: rgba(143, 110, 43, 0.25);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06), 0 0 16px rgba(143, 110, 43, 0.12);
      }
      78.9% {
        border-color: rgba(143, 110, 43, 0.65);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.10), 0 0 32px rgba(143, 110, 43, 0.28);
      }
      100% {
        border-color: rgba(143, 110, 43, 0.25);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06), 0 0 16px rgba(143, 110, 43, 0.12);
      }
    }

    html[data-theme="light"] .auth-card-panel {
      background: rgba(255, 255, 255, 0.96) !important;
      border: 1.5px solid rgba(143, 110, 43, 0.25) !important;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06), 0 0 16px rgba(143, 110, 43, 0.12) !important;
      animation: lightGoldCardBreathe 3.8s ease-in-out infinite !important;
    }
    html[data-theme="light"] .auth-title {
      color: #0f172a !important;
    }
    html[data-theme="light"] .btn-wechat-primary {
      background: #f4f1ea !important;
      border-color: #ded8cb !important;
      color: #0f172a !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    }
    html[data-theme="light"] .btn-wechat-primary:hover {
      background: #eae5da !important;
      border-color: #8f6e2b !important;
      box-shadow: 0 0 12px rgba(143, 110, 43, 0.18) !important;
    }
    html[data-theme="light"] .auth-or-divider::before,
    html[data-theme="light"] .auth-or-divider::after {
      background: #ded8cb !important;
    }
    html[data-theme="light"] .auth-or-divider span {
      color: #8a92a2 !important;
    }
    html[data-theme="light"] .auth-type-pill-wrap {
      background: #ede9df !important;
      border-color: #ded8cb !important;
    }
    html[data-theme="light"] .btn-auth-type-tab {
      color: #64748b !important;
    }
    html[data-theme="light"] .btn-auth-type-tab.active {
      background: #ffffff !important;
      color: #8f6e2b !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    }
    html[data-theme="light"] .field-input-box {
      background: #f8f6f0 !important;
      border-color: #ded9cb !important;
    }
    html[data-theme="light"] .field-input-box:focus-within {
      border-color: #8f6e2b !important;
      background: #ffffff !important;
      box-shadow: 0 0 12px rgba(143, 110, 43, 0.18) !important;
    }
    html[data-theme="light"] .auth-input {
      color: #0f172a !important;
      color-scheme: light !important;
    }
    html[data-theme="light"] .auth-input::placeholder {
      color: #94a3b8 !important;
    }
    html[data-theme="light"] .auth-input:-webkit-autofill,
    html[data-theme="light"] .auth-input:-webkit-autofill:hover,
    html[data-theme="light"] .auth-input:-webkit-autofill:focus {
      -webkit-text-fill-color: #0f172a !important;
      -webkit-box-shadow: 0 0 0 1000px #f8f6f0 inset !important;
      box-shadow: 0 0 0 1000px #f8f6f0 inset !important;
      color-scheme: light !important;
    }
    html[data-theme="light"] .btn-input-pill-action {
      background: rgba(143, 110, 43, 0.12) !important;
      border-color: rgba(143, 110, 43, 0.3) !important;
      color: #7d5e1b !important;
    }
    html[data-theme="light"] .auth-agreement-row {
      color: #5a6070 !important;
    }
    html[data-theme="light"] input[type="checkbox"].agreement-checkbox,
    html[data-theme="light"] .agreement-checkbox {
      background: #ffffff !important;
      border: 1.5px solid #94a3b8 !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    }
    html[data-theme="light"] input[type="checkbox"].agreement-checkbox:hover,
    html[data-theme="light"] .agreement-checkbox:hover {
      border-color: #8f6e2b !important;
    }
    html[data-theme="light"] input[type="checkbox"].agreement-checkbox:checked,
    html[data-theme="light"] .agreement-checkbox:checked {
      background: #8f6e2b !important;
      border-color: #8f6e2b !important;
    }
    html[data-theme="light"] input[type="checkbox"].agreement-checkbox:checked::after,
    html[data-theme="light"] .agreement-checkbox:checked::after {
      border-color: #ffffff !important;
    }
    html[data-theme="light"] .agreement-label-inline a {
      color: #7d5e1b !important;
    }
    html[data-theme="light"] .btn-auth-submit {
      background: linear-gradient(135deg, #dfcb9a 0%, #c4aa6e 60%, #a98d50 100%) !important;
      color: #08090c !important;
      box-shadow: 0 4px 16px rgba(180, 140, 80, 0.28) !important;
    }
    html[data-theme="light"] .auth-footer-links a {
      color: #64748b !important;
    }
    html[data-theme="light"] .auth-footer-links a:hover {
      color: #8f6e2b !important;
    }
    html[data-theme="light"] .presence-user-name {
      color: #0f172a !important;
    }
    html[data-theme="light"] .presence-crest-icon {
      background: #f4f1ea !important;
      border-color: #8f6e2b !important;
      color: #8f6e2b !important;
      box-shadow: 0 0 16px rgba(143, 110, 43, 0.16) !important;
    }
    html[data-theme="light"] .presence-user-tier {
      background: rgba(143, 110, 43, 0.1) !important;
      border-color: rgba(143, 110, 43, 0.25) !important;
      color: #7d5e1b !important;
    }
    html[data-theme="light"] .btn-presence-nav {
      background: #f8f6f0 !important;
      border-color: rgba(143, 110, 43, 0.3) !important;
      color: #0f172a !important;
    }
    html[data-theme="light"] .btn-presence-nav:hover {
      background: #ede8dc !important;
      border-color: #8f6e2b !important;
      color: #7d5e1b !important;
      box-shadow: 0 0 14px rgba(143, 110, 43, 0.18) !important;
    }
    html[data-theme="light"] .btn-presence-logout-box {
      background: #f8f6f0 !important;
      border-color: #ded8cb !important;
      color: #64748b !important;
    }

    /* 右侧：MasterGo 1:1 紧凑高定注册/登录卡（高度 500px 等高对齐，金色同频呼吸边框） */
    .auth-card-panel {
      width: 440px;
      height: 500px;
      background: var(--panel-bg);
      backdrop-filter: blur(32px);
      border: 1.5px solid rgba(212, 190, 136, 0.2);
      border-radius: 16px;
      padding: 32px 34px 26px;
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.88), 0 0 14px rgba(212, 190, 136, 0.12);
      box-sizing: border-box;
      position: relative;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      animation: goldCardBreathe 3.8s ease-in-out infinite;
    }

    .auth-card-header {
      margin-bottom: 22px;
    }

    .auth-title {
      font-size: var(--font-title, 24px);
      font-weight: 500;
      letter-spacing: 1.5px;
      color: #ffffff;
      margin: 0;
    }

    /* 微信登录按钮：黑曜微光底 + 官方双眼睛标准微标 */
    .btn-wechat-primary {
      width: 100%;
      height: 42px;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #ffffff;
      font-size: var(--font-hint, 17px);
      font-weight: 400;
      letter-spacing: 1.5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      transition: all 0.2s ease;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
      margin-bottom: 14px;
    }

    .btn-wechat-primary:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: var(--gold-primary);
      box-shadow: 0 0 16px var(--gold-glow);
      transform: translateY(-1px);
    }

    .wechat-svg-icon {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
    }

    /* 微信二维码扫描抽屉 */
    .wechat-qr-box {
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      padding: 10px 0;
    }

    .wechat-qr-code-wrap {
      width: 172px;
      height: 172px;
      background: #ffffff;
      border-radius: 10px;
      padding: 10px;
      box-sizing: border-box;
      border: 1.5px solid var(--gold-primary);
      box-shadow: 0 0 24px var(--gold-glow);
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .wechat-qr-pattern {
      width: 100%;
      height: 100%;
      background: repeating-conic-gradient(#111 0% 25%, #fff 0% 50%) 50%/16px 16px;
      border-radius: 4px;
      position: relative;
      overflow: hidden;
      opacity: 0.92;
    }

    .wechat-scan-laser {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: var(--gold-primary);
      box-shadow: 0 0 8px var(--gold-primary);
      animation: scanLaserMove 2.6s infinite ease-in-out;
    }

    @keyframes scanLaserMove {
      0% { top: 0%; opacity: 0; }
      20% { opacity: 1; }
      80% { opacity: 1; }
      100% { top: 98%; opacity: 0; }
    }

    .wechat-qr-crest {
      position: absolute;
      width: 34px;
      height: 34px;
      background: #07080b;
      border: 1px solid var(--gold-primary);
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 600;
      color: var(--gold-primary);
    }

    .wechat-qr-tip {
      font-size: var(--font-micro, 15px);
      color: #9aa1b2;
      margin-top: 14px;
      letter-spacing: 0.5px;
    }

    .btn-return-form {
      background: none;
      border: none;
      color: var(--gold-primary);
      font-size: var(--font-micro, 15px);
      margin-top: 10px;
      cursor: pointer;
      text-decoration: underline;
    }

    /* 分隔线「或」 */
    .auth-or-divider {
      display: flex;
      align-items: center;
      margin: 8px 0 12px;
    }

    .auth-or-divider::before,
    .auth-or-divider::after {
      content: "";
      flex: 1;
      height: 1px;
      background: rgba(255, 255, 255, 0.08);
    }

    .auth-or-divider span {
      padding: 0 14px;
      font-size: var(--font-micro, 15px);
      color: #5c6273;
    }

    /* 验证码登录 / 密码登录 双独立并排切换按钮 */
    .auth-type-pill-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      background: rgba(0, 0, 0, 0.4);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      padding: 3px;
      margin-bottom: 14px;
    }

    .btn-auth-type-tab {
      height: 34px;
      border-radius: 6px;
      border: none;
      background: transparent;
      color: #8c93a4;
      font-size: var(--font-micro, 15px);
      font-weight: 400;
      cursor: pointer;
      transition: all 0.2s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .btn-auth-type-tab.active {
      background: #232734;
      color: var(--gold-primary);
      font-weight: 600;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    }

    /* 表单输入组（严格等比 10px 间距） */
    .auth-fields-wrap {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* 外壳容器 */
    .field-input-box {
      position: relative !important;
      width: 100% !important;
      height: 42px !important;
      border-radius: 8px !important;
      background: rgba(255, 255, 255, 0.04) !important;
      border: 1px solid rgba(255, 255, 255, 0.12) !important;
      display: flex !important;
      align-items: center !important;
      padding: 0 10px 0 14px !important;
      box-sizing: border-box !important;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    }

    .field-input-box[style*="display: none"],
    .field-input-box[hidden] {
      display: none !important;
    }

    .field-input-box:focus-within {
      border-color: var(--gold-primary) !important;
      background: rgba(255, 255, 255, 0.06) !important;
      box-shadow: 0 0 12px rgba(212, 190, 136, 0.18) !important;
    }

    /* 纯净 input：彻底杜绝任何全局样式渗透与浏览器自动填充浅白底 */
    .auth-input {
      appearance: none !important;
      -webkit-appearance: none !important;
      border: none !important;
      border-width: 0 !important;
      border-radius: 0 !important;
      outline: none !important;
      box-shadow: none !important;
      background: transparent !important;
      color: #ffffff !important;
      font-size: var(--font-hint, 17px) !important;
      font-family: inherit !important;
      padding: 0 !important;
      margin: 0 !important;
      flex: 1 1 auto !important;
      width: 100% !important;
      min-width: 0 !important;
      height: 100% !important;
      line-height: 42px !important;
      color-scheme: dark !important;
    }

    .auth-input::placeholder {
      color: #5d6375 !important;
      font-size: var(--font-hint, 17px) !important;
      font-weight: 300 !important;
    }

    /* Chrome / Edge 自动填充强力穿透：深黑底遮蔽原生浅白底 */
    .auth-input:-webkit-autofill,
    .auth-input:-webkit-autofill:hover,
    .auth-input:-webkit-autofill:focus,
    .auth-input:-webkit-autofill:active {
      -webkit-text-fill-color: #ffffff !important;
      -webkit-box-shadow: 0 0 0 1000px #14161f inset !important;
      box-shadow: 0 0 0 1000px #14161f inset !important;
      transition: background-color 50000s ease-in-out 0s !important;
      color-scheme: dark !important;
    }

    .auth-input::-ms-reveal,
    .auth-input::-ms-clear,
    .auth-input::-webkit-credentials-auto-fill-button {
      display: none !important;
    }

    .btn-input-pill-action {
      background: rgba(212, 190, 136, 0.1);
      border: 1px solid var(--border-subtle);
      color: var(--gold-primary);
      font-size: var(--font-micro, 15px);
      padding: 4px 10px;
      height: 28px;
      line-height: 18px;
      border-radius: 6px;
      cursor: pointer;
      white-space: nowrap;
      transition: all 0.2s;
      flex-shrink: 0;
      margin-left: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .btn-input-pill-action:hover:not(:disabled) {
      background: rgba(212, 190, 136, 0.2);
      color: #ffffff;
      border-color: var(--gold-primary);
    }

    .btn-input-pill-action:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }

    .auth-msg-line {
      font-size: 14px;
      color: #e06c75;
      min-height: 16px;
      letter-spacing: 0.5px;
      margin-top: 4px;
      margin-bottom: 2px;
    }

    .auth-msg-line.info {
      color: var(--gold-primary);
    }

    /* 服务与隐私协议（绝对单排不折行） */
    .auth-agreement-row {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: flex-start !important;
      flex-wrap: nowrap !important;
      white-space: nowrap !important;
      gap: 8px;
      margin: 10px 0 16px;
      font-size: 14px !important;
      line-height: 1 !important;
      color: #7b8294;
      user-select: none;
    }

    .agreement-checkbox,
    input[type="checkbox"].agreement-checkbox {
      appearance: none !important;
      -webkit-appearance: none !important;
      width: 15px !important;
      min-width: 15px !important;
      max-width: 15px !important;
      height: 15px !important;
      flex: 0 0 15px !important;
      border: 1px solid rgba(255, 255, 255, 0.25) !important;
      border-radius: 3px !important;
      background: rgba(255, 255, 255, 0.05) !important;
      cursor: pointer !important;
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important;
      transition: all 0.2s;
    }

    .agreement-checkbox:checked,
    input[type="checkbox"].agreement-checkbox:checked {
      background: var(--gold-primary) !important;
      border-color: var(--gold-primary) !important;
    }

    .agreement-checkbox:checked::after,
    input[type="checkbox"].agreement-checkbox:checked::after {
      content: "";
      position: absolute;
      left: 4.5px;
      top: 1.5px;
      width: 4px;
      height: 7px;
      border: solid #07080b;
      border-width: 0 1.5px 1.5px 0;
      transform: rotate(45deg);
    }

    .agreement-label-inline {
      display: inline-flex !important;
      flex-direction: row !important;
      align-items: center !important;
      white-space: nowrap !important;
      gap: 4px;
      cursor: pointer;
      font-size: 14px !important;
      line-height: 1 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .agreement-label-inline a {
      color: #a6adbe;
      text-decoration: underline;
      white-space: nowrap !important;
      transition: color 0.2s;
    }

    .agreement-label-inline a:hover {
      color: var(--gold-primary);
    }

    .btn-auth-submit {
      width: 100%;
      height: 44px;
      border-radius: 8px;
      background: linear-gradient(135deg, #dfcb9a 0%, #c4aa6e 60%, #a98d50 100%);
      color: #08090c;
      border: none;
      font-size: var(--font-body, 20px);
      font-weight: 600;
      letter-spacing: 4px;
      cursor: pointer;
      box-shadow: 0 6px 20px rgba(196, 170, 110, 0.25);
      transition: all 0.2s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 14px;
    }

    .btn-auth-submit:hover {
      filter: brightness(1.1);
      box-shadow: 0 8px 24px rgba(212, 190, 136, 0.35);
      transform: translateY(-1px);
    }

    .auth-footer-links {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      margin-top: auto;
      padding-top: 4px;
      font-size: var(--font-micro, 15px);
    }

    .auth-footer-links a {
      color: #6e7587;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.2s;
    }

    .auth-footer-links a:hover {
      color: var(--gold-primary);
    }

    .footer-sep {
      color: #3b3f4c;
      font-size: 11px;
    }

    /* 已登录态：通行卡 */
    .auth-presence-pass {
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 100%;
      padding: 14px 0;
    }

    .presence-crest-icon {
      width: 64px;
      height: 64px;
      border: 1px solid var(--gold-primary);
      border-radius: 50%;
      background: rgba(212, 190, 136, 0.08);
      color: var(--gold-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      font-weight: 600;
      box-shadow: 0 0 24px var(--gold-glow);
      margin-bottom: 12px;
      position: relative;
    }

    .presence-crest-icon::after {
      content: "";
      position: absolute;
      inset: 3px;
      border: 1px solid rgba(212, 190, 136, 0.3);
      border-radius: 50%;
    }

    .presence-user-name {
      font-size: 24px;
      font-weight: 600;
      color: #ffffff;
      letter-spacing: 1.5px;
      margin-bottom: 6px;
    }

    .presence-user-tier {
      font-size: 14px;
      letter-spacing: 2px;
      color: var(--gold-primary);
      text-transform: uppercase;
      padding: 4px 14px;
      background: rgba(212, 190, 136, 0.08);
      border: 1px solid rgba(212, 190, 136, 0.22);
      border-radius: 12px;
      display: inline-block;
      margin-bottom: 20px;
    }

    /* 垂直 4 项绝对等宽按键堆栈（项目、出图、画布、退出切换） */
    .presence-actions-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      width: 100%;
    }

    /* 4 个按键严格等宽 280px、等高 44px、同款高定磨砂微边 */
    .btn-presence-nav,
    .btn-presence-logout-box {
      width: 280px;
      height: 44px;
      flex: 0 0 44px;
      border-radius: 8px;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.2s ease;
      box-sizing: border-box;
      cursor: pointer;
    }

    /* 核心导航三键：黑曜底 + 香槟金微光细边 */
    .btn-presence-nav {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(212, 190, 136, 0.28);
      color: #e5e8f0;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }

    .btn-presence-nav:hover {
      background: rgba(212, 190, 136, 0.14);
      border-color: var(--gold-primary);
      color: #ffffff;
      box-shadow: 0 0 16px var(--gold-glow);
      transform: translateY(-1px);
    }

    /* 退出并切换账号：同款外形、严格等宽 280px、低调暗微光 */
    .btn-presence-logout-box {
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #8c93a4;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 2px;
    }

    .btn-presence-logout-box:hover {
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(224, 108, 117, 0.5);
      color: #e06c75;
      box-shadow: 0 0 12px rgba(224, 108, 117, 0.18);
      transform: translateY(-1px);
    }