/**
 * 遗韵 v1.0.0 - 登录界面4套方案主题
 * 
 * 方案一：墨韵山河（默认） — data-login-theme="1"
 * 方案二：古卷宣纸       — data-login-theme="2"
 * 方案三：时光之树       — data-login-theme="3"
 * 方案四：极简禅意       — data-login-theme="4"
 * 
 * 使用方式：给 .login-page 或 body 添加 data-login-theme="1~4"
 * 不设置时默认方案一
 */


/* =====================================================
   方案一：墨韵山河（默认）
   深墨底#0d1117，SVG水墨远山+月光光晕+星点粒子
   ===================================================== */
.login-page[data-login-theme="1"],
.login-page:not([data-login-theme]) {
  background: #0d1117;
  background-image:
    radial-gradient(ellipse 600px 600px at 30% 20%, rgba(108,92,231,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 400px 400px at 70% 30%, rgba(0,206,201,0.04) 0%, transparent 60%),
    radial-gradient(ellipse 800px 200px at 50% 90%, rgba(108,92,231,0.03) 0%, transparent 60%);
}
.login-page[data-login-theme="1"]::before,
.login-page:not([data-login-theme])::before {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400'%3E%3Cpath d='M0,400 L0,280 Q120,200 240,240 Q360,280 480,220 Q600,160 720,200 Q840,240 960,180 Q1080,120 1200,170 Q1320,220 1440,160 L1440,400 Z' fill='%231a1a2e' opacity='0.5'/%3E%3Cpath d='M0,400 L0,320 Q180,260 360,290 Q540,320 720,270 Q900,220 1080,260 Q1260,300 1440,240 L1440,400 Z' fill='%2316213e' opacity='0.4'/%3E%3Cpath d='M0,400 L0,350 Q200,310 400,330 Q600,350 800,320 Q1000,290 1200,310 Q1340,320 1440,300 L1440,400 Z' fill='%230f3460' opacity='0.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  z-index: 0;
}
.login-page[data-login-theme="1"]::after,
.login-page:not([data-login-theme])::after {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  pointer-events: none; z-index: 0;
}
/* 星点粒子 */
.login-page[data-login-theme="1"] .login-leaves,
.login-page:not([data-login-theme]) .login-leaves {
  display: block;
  position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;
  pointer-events: none;
}
.login-page[data-login-theme="1"] .login-leaves span,
.login-page:not([data-login-theme]) .login-leaves span {
  position: absolute;
  width: 2px; height: 2px;
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255,255,255,0.3);
  animation: starTwinkle 3s ease-in-out infinite;
}
.login-page[data-login-theme="1"] .login-leaves span.dim,
.login-page:not([data-login-theme]) .login-leaves span.dim {
  width: 1.5px; height: 1.5px;
  background: rgba(255,255,255,0.3);
  box-shadow: 0 0 3px rgba(255,255,255,0.15);
}
@keyframes starTwinkle {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.3); }
}
.login-page[data-login-theme="1"] .login-container,
.login-page:not([data-login-theme]) .login-container {
  background: rgba(13,17,23,0.78);
  backdrop-filter: blur(20px) saturate(1.2);
  border: 1px solid rgba(108,92,231,0.12);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 80px rgba(108,92,231,0.05), inset 0 1px 0 rgba(255,255,255,0.04);
}
.login-page[data-login-theme="1"] .login-logo h1,
.login-page:not([data-login-theme]) .login-logo h1 {
  color: #E8DCC8;
}
.login-page[data-login-theme="1"] .login-logo p,
.login-page:not([data-login-theme]) .login-logo p {
  color: rgba(232,220,200,0.5);
}
.login-page[data-login-theme="1"] .login-logo .logo-icon,
.login-page:not([data-login-theme]) .login-logo .logo-icon {
  background: #2C3E2D;
  box-shadow: 0 4px 20px rgba(108,92,231,0.25);
  border-radius: 16px;
}
.login-page[data-login-theme="1"] .form-group label,
.login-page:not([data-login-theme]) .form-group label {
  color: #B8A9C9;
}
.login-page[data-login-theme="1"] .form-input,
.login-page:not([data-login-theme]) .form-input {
  border: 1px solid rgba(108,92,231,0.15);
  background: rgba(108,92,231,0.04);
  color: #E8DCC8;
}
.login-page[data-login-theme="1"] .form-input:focus,
.login-page:not([data-login-theme]) .form-input:focus {
  border-color: rgba(108,92,231,0.4);
  box-shadow: 0 0 0 2px rgba(108,92,231,0.1);
}
.login-page[data-login-theme="1"] .form-input::placeholder,
.login-page:not([data-login-theme]) .form-input::placeholder {
  color: rgba(232,220,200,0.25);
}
.login-page[data-login-theme="1"] .btn-primary,
.login-page:not([data-login-theme]) .btn-primary {
  background: linear-gradient(135deg, #5A4BD1, #6C5CE7);
}
.login-page[data-login-theme="1"] .btn-primary:hover,
.login-page:not([data-login-theme]) .btn-primary:hover {
  box-shadow: 0 6px 20px rgba(108,92,231,0.4);
}
.login-page[data-login-theme="1"] .divider-with-text::before,
.login-page[data-login-theme="1"] .divider-with-text::after,
.login-page:not([data-login-theme]) .divider-with-text::before,
.login-page:not([data-login-theme]) .divider-with-text::after {
  background: rgba(108,92,231,0.12);
}
.login-page[data-login-theme="1"] .divider-with-text span,
.login-page:not([data-login-theme]) .divider-with-text span {
  color: rgba(232,220,200,0.3);
}
.login-page[data-login-theme="1"] .mfa-section,
.login-page:not([data-login-theme]) .mfa-section {
  background: rgba(108,92,231,0.05);
}
.login-page[data-login-theme="1"] .mfa-digit,
.login-page:not([data-login-theme]) .mfa-digit {
  border: 1px solid rgba(108,92,231,0.15);
  background: rgba(108,92,231,0.04);
  color: #E8DCC8;
}
.login-page[data-login-theme="1"] .mfa-digit:focus,
.login-page:not([data-login-theme]) .mfa-digit:focus {
  border-color: rgba(108,92,231,0.4);
  box-shadow: 0 0 0 2px rgba(108,92,231,0.1);
}
.login-page[data-login-theme="1"] .login-toggle,
.login-page:not([data-login-theme]) .login-toggle {
  color: rgba(232,220,200,0.4);
}
.login-page[data-login-theme="1"] .login-toggle a,
.login-page:not([data-login-theme]) .login-toggle a {
  color: #A29BFE;
}
.login-page[data-login-theme="1"] .onboarding-visual:not(:has(img)),
.login-page:not([data-login-theme]) .onboarding-visual:not(:has(img)) {
  background: #2C3E2D;
}
/* 方案一引导页 */
.onboarding-page[data-login-theme="1"],
.onboarding-page:not([data-login-theme]) {
  background: #0d1117;
  background-image:
    radial-gradient(ellipse 500px 500px at 50% 50%, rgba(108,92,231,0.08) 0%, transparent 70%);
}
.onboarding-page[data-login-theme="1"] .onboarding-slide,
.onboarding-page:not([data-login-theme]) .onboarding-slide {
  color: #E8DCC8;
}
.onboarding-page[data-login-theme="1"] .onboarding-dots .dot,
.onboarding-page:not([data-login-theme]) .onboarding-dots .dot {
  background: rgba(232,220,200,0.2);
}
.onboarding-page[data-login-theme="1"] .onboarding-dots .dot.active,
.onboarding-page:not([data-login-theme]) .onboarding-dots .dot.active {
  background: #6C5CE7;
}
.onboarding-page[data-login-theme="1"] .onboarding-actions .btn-primary,
.onboarding-page:not([data-login-theme]) .onboarding-actions .btn-primary {
  background: #5A4BD1;
  color: #E8DCC8;
}
.onboarding-page[data-login-theme="1"] .onboarding-actions .btn-secondary,
.onboarding-page:not([data-login-theme]) .onboarding-actions .btn-secondary {
  color: rgba(232,220,200,0.5);
  border-color: rgba(108,92,231,0.2);
}

/* 方案一 HTML内联样式覆盖 — 通过JS动态注入 */
.login-page[data-login-theme="1"] .login-inline-version,
.login-page:not([data-login-theme]) .login-inline-version { color: rgba(232,220,200,0.25); }
.login-page[data-login-theme="1"] .login-inline-mfa-title,
.login-page:not([data-login-theme]) .login-inline-mfa-title { color: #B8A9C9; }
.login-page[data-login-theme="1"] .login-inline-mfa-sub,
.login-page:not([data-login-theme]) .login-inline-mfa-sub { color: rgba(232,220,200,0.4); }
.login-page[data-login-theme="1"] .login-inline-mfa-resend,
.login-page:not([data-login-theme]) .login-inline-mfa-resend,
.login-page[data-login-theme="1"] .login-inline-link,
.login-page:not([data-login-theme]) .login-inline-link { color: #A29BFE; }
.login-page[data-login-theme="1"] .login-inline-agreement,
.login-page:not([data-login-theme]) .login-inline-agreement { color: rgba(232,220,200,0.3); }
.login-page[data-login-theme="1"] .login-inline-terms,
.login-page:not([data-login-theme]) .login-inline-terms { color: #A29BFE; }
.login-page[data-login-theme="1"] .login-inline-reg-terms,
.login-page:not([data-login-theme]) .login-inline-reg-label,
.login-page:not([data-login-theme]) .login-inline-reg-terms { color: rgba(232,220,200,0.45); }
.login-page[data-login-theme="1"] .login-inline-reg-link,
.login-page:not([data-login-theme]) .login-inline-reg-link { color: #A29BFE; }


/* =====================================================
   方案二：古卷宣纸
   暖白宣纸底#F5F0E8，fractalNoise纤维纹理+朱印装饰
   ===================================================== */
.login-page[data-login-theme="2"] {
  background: #F5F0E8;
  background-image:
    radial-gradient(ellipse 50% 50% at 0% 0%, rgba(180,50,50,0.03) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 100% 100%, rgba(180,50,50,0.03) 0%, transparent 60%);
}
.login-page[data-login-theme="2"]::before {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  z-index: 0;
}
.login-page[data-login-theme="2"]::after {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  pointer-events: none; z-index: 0;
}
.login-page[data-login-theme="2"] .login-leaves { display: none; }

.login-page[data-login-theme="2"] .login-container {
  background: rgba(255,252,245,0.82);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(180,50,50,0.08);
  border-radius: 4px;
  box-shadow: 0 16px 48px rgba(120,80,40,0.08), inset 0 2px 0 rgba(255,255,255,0.5);
  border-top: 3px solid #B43232;
}
.login-page[data-login-theme="2"] .login-logo h1 { color: #3D2B1F; }
.login-page[data-login-theme="2"] .login-logo p { color: rgba(61,43,31,0.45); }
.login-page[data-login-theme="2"] .login-logo .logo-icon {
  background: #B43232;
  box-shadow: 0 4px 16px rgba(180,50,50,0.2);
  border-radius: 8px;
}
.login-page[data-login-theme="2"] .form-group label { color: #7A5C47; }
.login-page[data-login-theme="2"] .form-input {
  border: 1px solid rgba(180,50,50,0.1);
  background: rgba(255,252,245,0.6);
  color: #3D2B1F;
  border-radius: var(--radius-sm);
}
.login-page[data-login-theme="2"] .form-input:focus {
  border-color: rgba(180,50,50,0.3);
  box-shadow: 0 0 0 2px rgba(180,50,50,0.06);
}
.login-page[data-login-theme="2"] .form-input::placeholder { color: rgba(61,43,31,0.25); }
.login-page[data-login-theme="2"] .btn-primary {
  background: linear-gradient(135deg, #B43232, #C84040);
  border-radius: var(--radius-sm);
}
.login-page[data-login-theme="2"] .btn-primary:hover { box-shadow: 0 6px 20px rgba(180,50,50,0.3); }
.login-page[data-login-theme="2"] .divider-with-text::before,
.login-page[data-login-theme="2"] .divider-with-text::after { background: rgba(180,50,50,0.1); }
.login-page[data-login-theme="2"] .divider-with-text span { color: rgba(61,43,31,0.3); }
.login-page[data-login-theme="2"] .mfa-section { background: rgba(180,50,50,0.03); }
.login-page[data-login-theme="2"] .mfa-digit {
  border: 1px solid rgba(180,50,50,0.1);
  background: rgba(255,252,245,0.6);
  color: #3D2B1F;
  border-radius: var(--radius-sm);
}
.login-page[data-login-theme="2"] .mfa-digit:focus {
  border-color: rgba(180,50,50,0.3);
  box-shadow: 0 0 0 2px rgba(180,50,50,0.06);
}
.login-page[data-login-theme="2"] .login-toggle { color: rgba(61,43,31,0.4); }
.login-page[data-login-theme="2"] .login-toggle a { color: #B43232; }

.onboarding-page[data-login-theme="2"] {
  background: #F5F0E8;
  background-image: radial-gradient(ellipse 500px 500px at 50% 50%, rgba(180,50,50,0.04) 0%, transparent 70%);
}
.onboarding-page[data-login-theme="2"] .onboarding-slide { color: #3D2B1F; }
.onboarding-page[data-login-theme="2"] .onboarding-slide h2 { font-weight: 700; letter-spacing: 0; }
.onboarding-page[data-login-theme="2"] .onboarding-slide p { color: rgba(61,43,31,0.5); }
.onboarding-page[data-login-theme="2"] .onboarding-visual:not(:has(img)) { background: #B43232; }
.onboarding-page[data-login-theme="2"] .onboarding-dots .dot { background: rgba(180,50,50,0.15); }
.onboarding-page[data-login-theme="2"] .onboarding-dots .dot.active { background: #B43232; }
.onboarding-page[data-login-theme="2"] .onboarding-actions .btn-primary { background: #B43232; color: #FFF8F0; border-radius: var(--radius-sm); }
.onboarding-page[data-login-theme="2"] .onboarding-actions .btn-secondary { color: rgba(61,43,31,0.5); border-color: rgba(180,50,50,0.15); border-radius: var(--radius-sm); }

/* 方案二内联样式 */
.login-page[data-login-theme="2"] .login-inline-version { color: rgba(61,43,31,0.2); }
.login-page[data-login-theme="2"] .login-inline-mfa-title { color: #7A5C47; }
.login-page[data-login-theme="2"] .login-inline-mfa-sub { color: rgba(61,43,31,0.35); }
.login-page[data-login-theme="2"] .login-inline-mfa-resend,
.login-page[data-login-theme="2"] .login-inline-link { color: #B43232; }
.login-page[data-login-theme="2"] .login-inline-agreement { color: rgba(61,43,31,0.3); }
.login-page[data-login-theme="2"] .login-inline-terms { color: #B43232; }
.login-page[data-login-theme="2"] .login-inline-reg-label { color: rgba(61,43,31,0.45); }
.login-page[data-login-theme="2"] .login-inline-reg-terms { color: #B43232; }


/* =====================================================
   方案三：时光之树
   深绿黑#0d1b0e→#1a2e1c，中央SVG生命之树+光点粒子
   ===================================================== */
.login-page[data-login-theme="3"] {
  background: #0d1b0e;
  background-image:
    radial-gradient(ellipse 500px 500px at 50% 50%, rgba(34,120,60,0.10) 0%, transparent 70%),
    radial-gradient(ellipse 800px 200px at 50% 90%, rgba(34,120,60,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 300px 300px at 25% 30%, rgba(80,180,100,0.04) 0%, transparent 60%),
    radial-gradient(ellipse 300px 300px at 75% 25%, rgba(80,180,100,0.04) 0%, transparent 60%);
}
.login-page[data-login-theme="3"]::before {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 900'%3E%3Cg fill='none' stroke='%2322783C' stroke-width='2' stroke-opacity='0.25'%3E%3Cpath d='M400,900 C400,800 395,700 390,600 C385,500 380,400 400,300'/%3E%3Cpath d='M400,600 C370,560 310,540 260,500'/%3E%3Cpath d='M260,500 C230,480 190,470 150,440'/%3E%3Cpath d='M260,500 C250,470 240,440 220,400'/%3E%3Cpath d='M310,540 C280,510 250,490 200,480'/%3E%3Cpath d='M400,600 C430,560 490,540 540,500'/%3E%3Cpath d='M540,500 C570,480 610,470 650,440'/%3E%3Cpath d='M540,500 C550,470 560,440 580,400'/%3E%3Cpath d='M490,540 C520,510 550,490 600,480'/%3E%3Cpath d='M400,300 C360,260 300,240 240,200'/%3E%3Cpath d='M240,200 C210,180 170,170 130,150'/%3E%3Cpath d='M240,200 C230,170 210,140 190,110'/%3E%3Cpath d='M400,300 C440,260 500,240 560,200'/%3E%3Cpath d='M560,200 C590,180 630,170 670,150'/%3E%3Cpath d='M560,200 C570,170 590,140 610,110'/%3E%3Cpath d='M400,450 C370,430 340,420 310,400'/%3E%3Cpath d='M400,450 C430,430 460,420 490,400'/%3E%3Cpath d='M400,350 C375,330 350,310 320,290'/%3E%3Cpath d='M400,350 C425,330 450,310 480,290'/%3E%3Cpath d='M400,900 C370,870 320,860 280,840'/%3E%3Cpath d='M400,900 C430,870 480,860 520,840'/%3E%3Cpath d='M400,900 C390,860 370,840 340,810'/%3E%3Cpath d='M400,900 C410,860 430,840 460,810'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% auto;
  opacity: 0.8;
  z-index: 0;
}
.login-page[data-login-theme="3"]::after {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  pointer-events: none; z-index: 0;
}
.login-page[data-login-theme="3"] .login-leaves {
  display: block;
  position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;
  pointer-events: none;
}
.login-page[data-login-theme="3"] .login-leaves span {
  position: absolute;
  width: 4px; height: 4px;
  background: rgba(80,200,120,0.5);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(80,200,120,0.3);
  animation: leafGlow 3s ease-in-out infinite;
}
.login-page[data-login-theme="3"] .login-leaves span.dim {
  width: 3px; height: 3px;
  background: rgba(80,200,120,0.3);
  box-shadow: 0 0 4px rgba(80,200,120,0.15);
}
@keyframes leafGlow {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.4); }
}

.login-page[data-login-theme="3"] .login-container {
  background: rgba(13,27,14,0.72);
  backdrop-filter: blur(20px) saturate(1.1);
  border: 1px solid rgba(80,200,120,0.12);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 80px rgba(34,120,60,0.05), inset 0 1px 0 rgba(80,200,120,0.06);
}
.login-page[data-login-theme="3"] .login-logo h1 { color: #C8E6C9; }
.login-page[data-login-theme="3"] .login-logo p { color: rgba(200,230,201,0.6); }
.login-page[data-login-theme="3"] .login-logo .logo-icon {
  background: #2C3E2D;
  box-shadow: 0 4px 20px rgba(34,120,60,0.3), 0 0 40px rgba(80,200,120,0.06);
  border-radius: 16px;
}
.login-page[data-login-theme="3"] .form-group label { color: #A5D6A7; }
.login-page[data-login-theme="3"] .form-input {
  border: 1px solid rgba(80,200,120,0.15);
  background: rgba(80,200,120,0.04);
  color: #C8E6C9;
  border-radius: var(--radius-sm);
}
.login-page[data-login-theme="3"] .form-input:focus {
  border-color: rgba(80,200,120,0.4);
  box-shadow: 0 0 0 2px rgba(80,200,120,0.1);
}
.login-page[data-login-theme="3"] .form-input::placeholder { color: rgba(200,230,201,0.3); }
.login-page[data-login-theme="3"] .btn-primary {
  background: linear-gradient(135deg, #22783C, #2E9E50);
  border-radius: var(--radius-sm);
}
.login-page[data-login-theme="3"] .btn-primary:hover { box-shadow: 0 6px 20px rgba(34,120,60,0.35); }
.login-page[data-login-theme="3"] .divider-with-text::before,
.login-page[data-login-theme="3"] .divider-with-text::after { background: rgba(80,200,120,0.12); }
.login-page[data-login-theme="3"] .divider-with-text span { color: rgba(200,230,201,0.35); }
.login-page[data-login-theme="3"] .mfa-section { background: rgba(80,200,120,0.05); }
.login-page[data-login-theme="3"] .mfa-digit {
  border: 1px solid rgba(80,200,120,0.15);
  background: rgba(80,200,120,0.04);
  color: #C8E6C9;
  border-radius: var(--radius-sm);
}
.login-page[data-login-theme="3"] .mfa-digit:focus {
  border-color: rgba(80,200,120,0.4);
  box-shadow: 0 0 0 2px rgba(80,200,120,0.1);
}
.login-page[data-login-theme="3"] .login-toggle { color: rgba(200,230,201,0.45); }
.login-page[data-login-theme="3"] .login-toggle a { color: #66BB6A; }

.onboarding-page[data-login-theme="3"] {
  background: #0d1b0e;
  background-image:
    radial-gradient(ellipse 500px 500px at 50% 50%, rgba(34,120,60,0.10) 0%, transparent 70%),
    radial-gradient(ellipse 50% 50% at 0% 0%, rgba(34,120,60,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 100% 100%, rgba(34,120,60,0.06) 0%, transparent 60%);
}
.onboarding-page[data-login-theme="3"] .onboarding-slide { color: #C8E6C9; }
.onboarding-page[data-login-theme="3"] .onboarding-slide h2 { font-weight: 700; letter-spacing: 0; }
.onboarding-page[data-login-theme="3"] .onboarding-slide p { color: rgba(200,230,201,0.5); }
.onboarding-page[data-login-theme="3"] .onboarding-visual:not(:has(img)) { background: #2C3E2D; }
.onboarding-page[data-login-theme="3"] .onboarding-dots .dot { background: rgba(200,230,201,0.2); }
.onboarding-page[data-login-theme="3"] .onboarding-dots .dot.active { background: #66BB6A; }
.onboarding-page[data-login-theme="3"] .onboarding-actions .btn-primary { background: #22783C; color: #E8F5E9; border-radius: var(--radius-sm); }
.onboarding-page[data-login-theme="3"] .onboarding-actions .btn-secondary { color: rgba(200,230,201,0.6); border-color: rgba(80,200,120,0.2); border-radius: var(--radius-sm); }

/* 方案三内联样式 */
.login-page[data-login-theme="3"] .login-inline-version { color: rgba(200,230,201,0.3); }
.login-page[data-login-theme="3"] .login-inline-mfa-title { color: #A5D6A7; }
.login-page[data-login-theme="3"] .login-inline-mfa-sub { color: rgba(200,230,201,0.45); }
.login-page[data-login-theme="3"] .login-inline-mfa-resend,
.login-page[data-login-theme="3"] .login-inline-link { color: #66BB6A; }
.login-page[data-login-theme="3"] .login-inline-agreement { color: rgba(200,230,201,0.35); }
.login-page[data-login-theme="3"] .login-inline-terms { color: #66BB6A; }
.login-page[data-login-theme="3"] .login-inline-reg-label { color: rgba(200,230,201,0.5); }
.login-page[data-login-theme="3"] .login-inline-reg-terms { color: #66BB6A; }


/* =====================================================
   方案四：极简禅意
   纯白/米白#faf9f6，极细灰线，日式侘寂美学
   ===================================================== */
.login-page[data-login-theme="4"] {
  background: #faf9f6;
}
.login-page[data-login-theme="4"]::before {
  content: ''; position: absolute;
  left: 50%; top: 0; bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, transparent 0%, #c8c4bc 15%, #c8c4bc 85%, transparent 100%);
  z-index: 0;
  background-image: none; /* 清除其他方案的背景图 */
  opacity: 1;
}
.login-page[data-login-theme="4"]::after {
  content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  pointer-events: none; z-index: 0;
}
.login-page[data-login-theme="4"] .login-leaves { display: none; }

.login-page[data-login-theme="4"] .login-container {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
  border: 1px solid #e8e4dc;
  border-radius: 2px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.04);
}
.login-page[data-login-theme="4"] .login-logo h1 {
  color: #2C3E2D;
  font-weight: 300;
  letter-spacing: 8px;
}
.login-page[data-login-theme="4"] .login-logo p {
  color: rgba(44,62,45,0.35);
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 300;
}
.login-page[data-login-theme="4"] .login-logo .logo-icon {
  background: #2C3E2D;
  box-shadow: none;
  border-radius: 2px;
}
.login-page[data-login-theme="4"] .form-group label {
  color: rgba(44,62,45,0.5);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.login-page[data-login-theme="4"] .form-input {
  border: none;
  border-bottom: 1px solid #d4d0c8;
  border-radius: 0;
  background: transparent;
  color: #2C3E2D;
}
.login-page[data-login-theme="4"] .form-input:focus {
  border-bottom-color: #2C3E2D;
  box-shadow: none;
}
.login-page[data-login-theme="4"] .form-input::placeholder { color: #c8c4bc; }
.login-page[data-login-theme="4"] .btn-primary {
  background: #2C3E2D;
  color: #faf9f6;
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: 1px;
}
.login-page[data-login-theme="4"] .btn-primary:hover { background: #3a5040; box-shadow: none; }
.login-page[data-login-theme="4"] .divider-with-text::before,
.login-page[data-login-theme="4"] .divider-with-text::after { background: #e8e4dc; }
.login-page[data-login-theme="4"] .divider-with-text span { color: #c8c4bc; font-size: 11px; letter-spacing: 1px; }
.login-page[data-login-theme="4"] .mfa-section { background: #f5f3ef; border-radius: 2px; }
.login-page[data-login-theme="4"] .mfa-digit {
  border: none;
  border-bottom: 1px solid #d4d0c8;
  border-radius: 0;
  background: transparent;
  color: #2C3E2D;
  font-weight: 300;
}
.login-page[data-login-theme="4"] .mfa-digit:focus {
  border-bottom-color: #2C3E2D;
  box-shadow: none;
}
.login-page[data-login-theme="4"] .login-toggle {
  color: rgba(44,62,45,0.35);
  letter-spacing: 0.5px;
}
.login-page[data-login-theme="4"] .login-toggle a { color: #2C3E2D; }
.login-page[data-login-theme="4"] .btn {
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: 1px;
}
.login-page[data-login-theme="4"] .btn-wechat {
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: 1px;
}

.onboarding-page[data-login-theme="4"] {
  background: #faf9f6;
}
.onboarding-page[data-login-theme="4"] .onboarding-slide { color: #2C3E2D; }
.onboarding-page[data-login-theme="4"] .onboarding-slide h2 { font-weight: 300; letter-spacing: 2px; }
.onboarding-page[data-login-theme="4"] .onboarding-slide p { color: rgba(44,62,45,0.5); opacity: 1; }
.onboarding-page[data-login-theme="4"] .onboarding-visual:not(:has(img)) { background: #2C3E2D; }
.onboarding-page[data-login-theme="4"] .onboarding-dots .dot { background: #d4d0c8; }
.onboarding-page[data-login-theme="4"] .onboarding-dots .dot.active { background: #2C3E2D; }
.onboarding-page[data-login-theme="4"] .onboarding-actions .btn {
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: 1px;
}
.onboarding-page[data-login-theme="4"] .onboarding-actions .btn-primary { background: #2C3E2D; color: #faf9f6; }
.onboarding-page[data-login-theme="4"] .onboarding-actions .btn-secondary { color: rgba(44,62,45,0.4); border-color: #d4d0c8; }

/* 方案四内联样式 */
.login-page[data-login-theme="4"] .login-inline-version { color: rgba(44,62,45,0.2); }
.login-page[data-login-theme="4"] .login-inline-mfa-title { color: rgba(44,62,45,0.6); }
.login-page[data-login-theme="4"] .login-inline-mfa-sub { color: rgba(44,62,45,0.3); }
.login-page[data-login-theme="4"] .login-inline-mfa-resend,
.login-page[data-login-theme="4"] .login-inline-link { color: #2C3E2D; }
.login-page[data-login-theme="4"] .login-inline-agreement { color: rgba(44,62,45,0.25); }
.login-page[data-login-theme="4"] .login-inline-terms { color: #2C3E2D; }
.login-page[data-login-theme="4"] .login-inline-reg-label { color: rgba(44,62,45,0.4); }
.login-page[data-login-theme="4"] .login-inline-reg-terms { color: #2C3E2D; }


/* =====================================================
   暗色主题适配（所有方案）
   ===================================================== */
[data-theme="dark"] .login-page[data-login-theme="4"] { background: #1a1a1a; }
[data-theme="dark"] .login-page[data-login-theme="4"]::before {
  background: linear-gradient(to bottom, transparent 0%, #3a3a3a 15%, #3a3a3a 85%, transparent 100%);
}
[data-theme="dark"] .login-page[data-login-theme="4"] .login-container { background: rgba(30,30,30,0.9); border-color: #333; }
[data-theme="dark"] .login-page[data-login-theme="4"] .login-logo h1 { color: #e8e4dc; }
[data-theme="dark"] .login-page[data-login-theme="4"] .login-logo p { color: rgba(232,228,220,0.35); }
[data-theme="dark"] .login-page[data-login-theme="4"] .form-group label { color: rgba(232,228,220,0.4); }
[data-theme="dark"] .login-page[data-login-theme="4"] .form-input { color: #e8e4dc; border-bottom-color: #3a3a3a; }
[data-theme="dark"] .login-page[data-login-theme="4"] .form-input:focus { border-bottom-color: #e8e4dc; }
[data-theme="dark"] .login-page[data-login-theme="4"] .form-input::placeholder { color: #4a4a4a; }
[data-theme="dark"] .login-page[data-login-theme="4"] .divider-with-text::before,
[data-theme="dark"] .login-page[data-login-theme="4"] .divider-with-text::after { background: #333; }
[data-theme="dark"] .login-page[data-login-theme="4"] .divider-with-text span { color: #4a4a4a; }
[data-theme="dark"] .login-page[data-login-theme="4"] .mfa-section { background: rgba(40,40,40,0.5); }
[data-theme="dark"] .login-page[data-login-theme="4"] .mfa-digit { color: #e8e4dc; border-bottom-color: #3a3a3a; }
[data-theme="dark"] .login-page[data-login-theme="4"] .mfa-digit:focus { border-bottom-color: #e8e4dc; }
[data-theme="dark"] .login-page[data-login-theme="4"] .login-toggle { color: rgba(232,228,220,0.3); }
[data-theme="dark"] .login-page[data-login-theme="4"] .login-toggle a { color: #e8e4dc; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] { background: #1a1a1a; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-slide { color: #e8e4dc; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-slide h2 { color: #e8e4dc; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-slide p { color: rgba(232,228,220,0.4); }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-visual:not(:has(img)) { background: #3A4F3B; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-dots .dot { background: #3a3a3a; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-dots .dot.active { background: #e8e4dc; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-actions .btn-primary { background: #e8e4dc; color: #1a1a1a; }
[data-theme="dark"] .onboarding-page[data-login-theme="4"] .onboarding-actions .btn-secondary { color: rgba(232,228,220,0.35); border-color: #3a3a3a; }