.login-page-shell { background-color:#eef3fa; background-image:var(--login-bg-image); background-size:cover; background-position:center; }
.login-page-shell::before { opacity:calc(.8 - var(--login-overlay) * .45); }
.login-page-shell::after { opacity:calc(.5 - var(--login-overlay) * .2); }
.login-page-shell .login-card { background:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.9); box-shadow:0 18px 56px rgba(73,89,125,.18); backdrop-filter:blur(22px) saturate(130%); }
.login-page-shell .login-title { color:#19233b; }
.login-page-shell .login-sub { color:#64748b; }
.login-page-shell .el-input__wrapper { background:#f8fafc !important; box-shadow:0 0 0 1px rgba(113,133,171,.28) inset !important; }
.login-page-shell .el-input__inner { color:#19233b; -webkit-text-fill-color:#19233b; caret-color:#2563eb; }
.login-page-shell .el-input__inner::placeholder { color:#64748b; -webkit-text-fill-color:#64748b; opacity:1; }
.login-page-shell .el-input__prefix .el-icon,.login-page-shell .el-input__suffix .el-icon { color:#64748b; }
.login-page-shell .login-icp { color:#64748b; border-color:rgba(73,89,125,.12); }
.login-page-shell .login-icp .footer-copy { color:#64748b; }
[data-theme="dark"] .login-page-shell { background-color:#0a0e1f; }
[data-theme="dark"] .login-page-shell .login-card { background:rgba(19,26,51,.88); border-color:rgba(255,255,255,.14); box-shadow:0 18px 56px rgba(0,0,0,.38); }
[data-theme="dark"] .login-page-shell .login-title { color:#f1f5f9; }
[data-theme="dark"] .login-page-shell .login-sub { color:#a8b3c7; }
[data-theme="dark"] .login-page-shell .el-input__wrapper { background:#0b1124 !important; box-shadow:0 0 0 1px rgba(159,212,255,.24) inset !important; }
[data-theme="dark"] .login-page-shell .el-input__inner { color:#f1f5f9; -webkit-text-fill-color:#f1f5f9; caret-color:#4facfe; }
[data-theme="dark"] .login-page-shell .el-input__inner::placeholder { color:#94a3b8; -webkit-text-fill-color:#94a3b8; }
[data-theme="dark"] .login-page-shell .el-input__prefix .el-icon,[data-theme="dark"] .login-page-shell .el-input__suffix .el-icon { color:#a8b3c7; }
[data-theme="dark"] .login-page-shell .login-icp,[data-theme="dark"] .login-page-shell .login-icp .footer-copy,[data-theme="dark"] .login-company-brand { color:#a8b3c7; border-color:rgba(255,255,255,.12); }
.login-advertising { width:min(58vw,760px); aspect-ratio:4/3; position:relative; overflow:hidden; border-radius:20px; box-shadow:0 18px 52px rgba(73,89,125,.15); margin-right:clamp(28px,5vw,90px); z-index:2; }
.login-ad-track { display:flex; height:100%; transition:transform .45s ease; }
.login-ad-slide { min-width:100%; height:100%; }
.login-ad-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.login-ad-arrow { position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border:0; border-radius:50%; color:#334155; background:rgba(255,255,255,.7); font-size:28px; cursor:pointer; }
.login-ad-prev { left:16px; }.login-ad-next { right:16px; }
.login-ad-dots { position:absolute; left:0; right:0; bottom:18px; display:flex; justify-content:center; gap:8px; }
.login-ad-dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:rgba(51,65,85,.35); cursor:pointer; }.login-ad-dots button.active { width:24px; border-radius:5px; background:#4facfe; }
.login-company-brand { margin-top:14px; text-align:center; color:#64748b; font-size:12px; }.login-company-brand img { display:block; max-width:190px; max-height:32px; margin:0 auto; object-fit:contain; }
.login-page-admin-title,.login-page-publish,.login-asset-actions { display:flex; align-items:center; gap:10px; }.login-page-admin-title { justify-content:space-between; }.login-page-publish { justify-content:flex-end; margin-top:18px; padding-top:16px; border-top:1px solid var(--tw-08); }.login-asset-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.login-asset-item { padding:12px; border:1px solid var(--el-border-color-lighter); border-radius:8px; }.login-asset-item img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; margin:8px 0 12px; }.login-asset-label { font-weight:600; }.login-asset-actions { flex-wrap:wrap; }.login-page-form { max-width:680px; }.login-logo-upload { width:240px; height:82px; display:flex; align-items:center; justify-content:center; border:1px dashed var(--el-border-color); border-radius:6px; color:var(--el-text-color-secondary); }.login-logo-upload img { max-width:220px; max-height:70px; object-fit:contain; }
.login-upload-requirements { line-height:1.8; }
@media (max-width:1023px) { .login-advertising { display:none; } .login-page-shell .login-card { margin:0 auto; } }
@media (prefers-reduced-motion:reduce) { .login-ad-track { transition:none; } }