/* ═══ 登录页高级风格（2026-10-10「首页的主题有点单调，如何做到高大上、简约、美观，做成可以选择的」）═══
   lgs-* 套在 .lg2 上，压过品牌默认 / 中性背景；传了品牌背景图时不套（图优先）。每套 = 背景 + 卡片质感 + 按钮配色。 */
.lg2[class*="lgs-"]{background-attachment:fixed}
.lg2[class*="lgs-"]::before,.lg2[class*="lgs-"]::after{content:none}
.lg2[class*="lgs-"] .lg2-card{border-radius:20px}
.lg2[class*="lgs-"] .btn-login{border:0!important;color:#fff!important;letter-spacing:4px}
.lg2[class*="lgs-"] .lg2-icon{box-shadow:0 6px 18px rgba(0,0,0,.18)}
.lgs-bgfx{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
/* 航线 · 深海：经纬线 + 虚线航线弧 */
.lg2.lgs-route{background:radial-gradient(900px 520px at 78% 12%,rgba(56,130,246,.28),transparent 60%),linear-gradient(160deg,#071a33 0%,#0c2a52 55%,#123d72 100%)!important}
.lg2.lgs-route .lgs-bgfx{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'><g fill='none' stroke='white' stroke-opacity='.07'><ellipse cx='800' cy='450' rx='760' ry='380'/><ellipse cx='800' cy='450' rx='560' ry='380'/><ellipse cx='800' cy='450' rx='320' ry='380'/><path d='M40 450H1560M120 260H1480M120 640H1480'/></g><g fill='none' stroke='%2393c5fd' stroke-opacity='.35' stroke-width='1.4' stroke-dasharray='2 7'><path d='M180 560Q520 180 980 330'/><path d='M980 330Q1250 240 1430 420'/><path d='M260 300Q700 120 1180 560'/></g><g fill='%2393c5fd' fill-opacity='.7'><circle cx='180' cy='560' r='3'/><circle cx='980' cy='330' r='3'/><circle cx='1430' cy='420' r='3'/><circle cx='260' cy='300' r='3'/><circle cx='1180' cy='560' r='3'/></g></svg>") center/cover no-repeat}
.lg2.lgs-route .lg2-card{background:rgba(255,255,255,.95);box-shadow:0 30px 80px rgba(2,10,30,.5)}
.lg2.lgs-route .btn-login{background:linear-gradient(135deg,#1f5eff,#1747c4)!important;box-shadow:0 10px 24px rgba(31,94,255,.35)}
.lg2.lgs-route .lg2-icon{background:linear-gradient(135deg,#1f5eff,#38bdf8)!important}
/* 极光 · 夜幕：三团柔光缓慢漂移（唯一的动效） */
.lg2.lgs-aurora{background:#0d1226!important}
.lg2.lgs-aurora .lgs-bgfx i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:lgsDrift 26s ease-in-out infinite alternate}
.lg2.lgs-aurora .lgs-bgfx i:nth-child(1){width:620px;height:620px;left:-160px;top:-120px;background:#2dd4bf}
.lg2.lgs-aurora .lgs-bgfx i:nth-child(2){width:560px;height:560px;right:-140px;top:20%;background:#6366f1;animation-delay:-8s}
.lg2.lgs-aurora .lgs-bgfx i:nth-child(3){width:520px;height:520px;left:30%;bottom:-220px;background:#c026d3;opacity:.38;animation-delay:-16s}
@keyframes lgsDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.08)}100%{transform:translate(-40px,70px) scale(.95)}}
@media (prefers-reduced-motion:reduce){.lg2.lgs-aurora .lgs-bgfx i{animation:none}}
.lg2.lgs-aurora .lg2-card,.lg2.lgs-obsidian .lg2-card,.lg2.lgs-dusk .lg2-card{background:rgba(17,22,40,.62);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.45);color:#e8ecf4}
.lg2.lgs-aurora .btn-login{background:linear-gradient(120deg,#14b8a6,#6366f1)!important;box-shadow:0 10px 26px rgba(99,102,241,.35)}
.lg2.lgs-aurora .lg2-icon{background:linear-gradient(135deg,#14b8a6,#6366f1)!important}
/* 深色卡片的输入框 / 文字 */
.lg2.lgs-aurora .lg2-title,.lg2.lgs-obsidian .lg2-title,.lg2.lgs-dusk .lg2-title,.lg2.lgs-aurora .form-check-label,.lg2.lgs-obsidian .form-check-label,.lg2.lgs-dusk .form-check-label{color:#f1f4fa}
.lg2.lgs-aurora .ig .form-control,.lg2.lgs-obsidian .ig .form-control,.lg2.lgs-dusk .ig .form-control,
.lg2.lgs-aurora .lg2-row .form-select,.lg2.lgs-obsidian .lg2-row .form-select,.lg2.lgs-dusk .lg2-row .form-select{background-color:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#f1f4fa}
.lg2.lgs-aurora .ig .form-control::placeholder,.lg2.lgs-obsidian .ig .form-control::placeholder,.lg2.lgs-dusk .ig .form-control::placeholder{color:rgba(241,244,250,.45)}
.lg2.lgs-aurora .ig .form-control:-webkit-autofill,.lg2.lgs-obsidian .ig .form-control:-webkit-autofill,.lg2.lgs-dusk .ig .form-control:-webkit-autofill{-webkit-text-fill-color:#f1f4fa;-webkit-box-shadow:0 0 0 40px #232a44 inset;caret-color:#fff}
.lg2.lgs-aurora .lg2-foot,.lg2.lgs-obsidian .lg2-foot,.lg2.lgs-dusk .lg2-foot,.lg2.lgs-aurora .lg2-row a,.lg2.lgs-obsidian .lg2-row a,.lg2.lgs-dusk .lg2-row a{color:rgba(232,236,244,.62)!important}
.lg2.lgs-aurora .ig i.l,.lg2.lgs-obsidian .ig i.l,.lg2.lgs-dusk .ig i.l,.lg2.lgs-aurora .ig .eye,.lg2.lgs-obsidian .ig .eye,.lg2.lgs-dusk .ig .eye{color:rgba(232,236,244,.5)}
/* 曜石 · 鎏金：暗底 + 细金线框 */
.lg2.lgs-obsidian{background:radial-gradient(800px 500px at 50% 0%,rgba(200,163,91,.16),transparent 65%),linear-gradient(180deg,#141312,#1e1c19)!important}
.lg2.lgs-obsidian .lg2-card{background:rgba(24,23,21,.86);border:1px solid rgba(200,163,91,.38);box-shadow:0 0 0 6px rgba(200,163,91,.06),0 30px 80px rgba(0,0,0,.55)}
.lg2.lgs-obsidian .btn-login{background:linear-gradient(135deg,#d6b46c,#a8823f)!important;color:#1b1710!important;box-shadow:0 10px 24px rgba(200,163,91,.25)}
.lg2.lgs-obsidian .lg2-icon{background:linear-gradient(135deg,#d6b46c,#8f6a2c)!important;color:#1b1710!important}
.lg2.lgs-obsidian .lg2-card a{color:#d6b46c!important}.lg2.lgs-obsidian .form-check-input:checked{background-color:#c8a35b;border-color:#c8a35b}
/* 晴空 · 极简：浅底 + 大块淡蓝 + 点阵 */
.lg2.lgs-cloud{background:radial-gradient(rgba(31,94,255,.10) 1.2px,transparent 1.5px) 0 0/24px 24px,linear-gradient(120deg,#eef3ff 0%,#f7f9fc 45%,#ffffff 100%)!important}
.lg2.lgs-cloud .lgs-bgfx::before{content:"";position:absolute;width:70vw;height:70vw;max-width:980px;max-height:980px;left:-22vw;top:-30vw;border-radius:50%;background:linear-gradient(135deg,#dbe6ff,#c7d7ff);opacity:.7}
.lg2.lgs-cloud .lg2-card{background:#fff;border:1px solid #e3e8f2;box-shadow:0 24px 60px rgba(31,58,120,.12)}
.lg2.lgs-cloud .btn-login{background:#1f5eff!important;box-shadow:0 8px 20px rgba(31,94,255,.25)}
.lg2.lgs-cloud .lg2-icon{background:#1f5eff!important}
.lg2.lgs-cloud .lg2-slogan{color:#24365c;text-shadow:none}
/* 青瓷：东方青釉色，浅底白卡 */
.lg2.lgs-celadon{background:radial-gradient(900px 600px at 85% 85%,rgba(47,125,107,.22),transparent 60%),linear-gradient(150deg,#e6f1ec 0%,#cfe3da 60%,#b6d3c6 100%)!important}
.lg2.lgs-celadon .lgs-bgfx{background:repeating-radial-gradient(circle at 12% 110%,rgba(47,125,107,.07) 0 1px,transparent 1px 34px)}
.lg2.lgs-celadon .lg2-card{background:rgba(255,255,255,.93);border:1px solid rgba(47,125,107,.18);box-shadow:0 26px 70px rgba(30,70,60,.18)}
.lg2.lgs-celadon .btn-login{background:linear-gradient(135deg,#2f7d6b,#22604f)!important;box-shadow:0 10px 22px rgba(47,125,107,.28)}
.lg2.lgs-celadon .lg2-icon{background:linear-gradient(135deg,#3a9580,#22604f)!important}
.lg2.lgs-celadon .lg2-card a{color:#2f7d6b!important}.lg2.lgs-celadon .form-check-input:checked{background-color:#2f7d6b;border-color:#2f7d6b}
.lg2.lgs-celadon .lg2-slogan{color:#22493f;text-shadow:none}
/* 暮光 · 柔紫：紫到暖橘的晚霞渐变 */
.lg2.lgs-dusk{background:radial-gradient(700px 420px at 80% 90%,rgba(255,170,130,.45),transparent 60%),linear-gradient(160deg,#1f1640 0%,#4b2a6e 50%,#9b5a7f 100%)!important}
.lg2.lgs-dusk .btn-login{background:linear-gradient(120deg,#f08a6c,#b25ac8)!important;box-shadow:0 10px 26px rgba(178,90,200,.3)}
.lg2.lgs-dusk .lg2-icon{background:linear-gradient(135deg,#f08a6c,#b25ac8)!important}
/* 左右分栏：左边大字品牌，右边登录卡 */
.lg2.lg-split{justify-content:flex-end;padding-right:max(24px,9vw)}
.lg2-hero{position:absolute;left:max(32px,8vw);top:50%;transform:translateY(-50%);max-width:44vw;z-index:1;color:#fff}
.lg2-hero h2{font-size:clamp(30px,3.6vw,52px);font-weight:700;letter-spacing:2px;line-height:1.2;margin:0 0 14px}
.lg2-hero p{font-size:17px;opacity:.78;margin:0;letter-spacing:1px;line-height:1.7}
.lg2-hero .bar{width:56px;height:3px;border-radius:2px;background:currentColor;opacity:.6;margin:0 0 22px}
.lg2.lgs-cloud .lg2-hero,.lg2.lgs-celadon .lg2-hero,.lg2.neutral:not([class*="lgs-"]) .lg2-hero{color:#1f2a44}
.lg-split .lg2-slogan{display:none}
@media (max-width:900px){.lg2.lg-split{justify-content:center;padding-right:24px}.lg2-hero{display:none}}
/* 访客自己换风格（右下角小调色盘，记在本机浏览器） */
.lgs-pick{position:absolute;right:18px;bottom:16px;z-index:3}
.lgs-pick>button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px)}
.lg2.lgs-cloud .lgs-pick>button,.lg2.lgs-celadon .lgs-pick>button{color:#334;border-color:rgba(0,0,0,.15);background:rgba(255,255,255,.7)}
.lgs-pick .pp{display:none;position:absolute;right:0;bottom:46px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 16px 40px rgba(0,0,0,.25);width:236px}
.lgs-pick.on .pp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lgs-pick .pp button{border:2px solid transparent;border-radius:10px;padding:0;background:none;font-size:12px;color:#334;cursor:pointer}
.lgs-pick .pp button span{display:block;height:40px;border-radius:8px;margin-bottom:3px}
.lgs-pick .pp button.cur{border-color:#1f5eff}
.lgs-pick .pp .full{grid-column:1/-1;font-size:12px;color:#667;text-align:left;padding:2px 2px 0}
.lg2.lgs-route .lg2-card a,.lg2.lgs-cloud .lg2-card a{color:#1f5eff!important}
.lg2.lgs-route .form-check-input:checked,.lg2.lgs-cloud .form-check-input:checked{background-color:#1f5eff;border-color:#1f5eff}
.lg2.lgs-aurora .lg2-card a{color:#5eead4!important}.lg2.lgs-dusk .lg2-card a{color:#f9b29b!important}
.lg2.lgs-aurora .form-check-input,.lg2.lgs-obsidian .form-check-input,.lg2.lgs-dusk .form-check-input{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.lg2.lgs-aurora .form-check-input:checked{background-color:#14b8a6;border-color:#14b8a6}.lg2.lgs-dusk .form-check-input:checked{background-color:#e07f6a;border-color:#e07f6a}
.lg2.lgs-obsidian .ig .form-control:focus{border-color:#c8a35b;box-shadow:0 0 0 .2rem rgba(200,163,91,.2)}
.lg2.lgs-aurora .ig .form-control:focus{border-color:#2dd4bf;box-shadow:0 0 0 .2rem rgba(45,212,191,.2)}
.lg2.lgs-celadon .ig .form-control:focus{border-color:#2f7d6b;box-shadow:0 0 0 .2rem rgba(47,125,107,.18)}
.lg2.lgs-dusk .ig .form-control:focus{border-color:#f08a6c;box-shadow:0 0 0 .2rem rgba(240,138,108,.2)}