/* PC login layout is separate from the mobile template. */
body[data-app="mall-pc"][data-login-screen="true"] { min-width: 0; margin: 0; background: #f4f7fc url('/security/login-background.png') center top / cover fixed no-repeat; }
body[data-app="mall-pc"][data-login-screen="true"] main { margin: 0; padding: 0; width: 100%; max-width: none; min-height: 0; }
body[data-app="mall-pc"][data-login-screen="true"] #accountView { width: 100%; max-width: none; margin: 0; padding: 40px 24px 32px; min-height: calc(100dvh - 104px); justify-content: center; }
@media(max-width:540px) {
  body[data-app="mall-pc"][data-login-screen="true"] #accountView { padding: 12px 16px 24px; min-height: calc(100dvh - 96px); }
  body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-panel { padding: 28px 24px 20px; }
}

/* Configurable PC member login. Authentication nodes and IDs stay in place. */
body[data-app="mall-pc"][data-login-screen="true"] { background:#fff; }
body[data-app="mall-pc"][data-login-screen="true"] #accountView { position:relative; display:block !important; padding:0; min-height:100dvh; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth { display:grid; grid-template-columns:minmax(0,48%) minmax(0,52%); gap:0; align-items:stretch; max-width:none; width:100%; min-height:100dvh; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-panel { display:flex; flex-direction:column; justify-content:center; gap:0; width:100%; padding:90px clamp(32px,7vw,112px) 52px; border:0; border-radius:0; box-shadow:none; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-panel > * { width:100%; max-width:410px; margin-left:auto; margin-right:auto; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .ml-brand { display:none; }
body[data-app="mall-pc"][data-login-screen="true"] .ml-back-wrap { position:absolute; z-index:3; top:24px; right:32px; width:auto; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-tabs { display:flex; justify-content:stretch; gap:0; padding:0; border-radius:8px; background:#f0f6ff; margin-bottom:24px; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-tabs button { flex:1; padding:12px 8px; font-size:14px; }
body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-tabs button.is-active::after { width:100%; left:0; height:2px; }
.mld-form-heading { margin-bottom:30px; }
.mld-form-eyebrow { margin:0 0 10px; color:#1475ff; font-size:13px; }
.mld-form-heading h2,.mld-preview-form h2 { margin:0 0 12px; font-size:30px; line-height:1.3; color:inherit; }
.mld-form-description { margin:0; color:#6f7c90; font-size:13px; line-height:1.7; }
.mld-intro { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; min-height:720px; overflow:hidden; padding:44px clamp(28px,4.4vw,70px) 64px; background-color:var(--mld-background,#0963ed); background-image:var(--mld-image,linear-gradient(145deg,transparent,#03183a80)); background-position:center; background-size:cover; color:white; }
.mld-intro::before { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(ellipse at 100% 65%,#7dbbff55,transparent 48%),linear-gradient(120deg,#001e5a12,#00184340); }
.mld-intro[data-has-image="true"]::before { background:linear-gradient(110deg,#071c47db,#071c479c); }
.mld-intro::after { content:""; position:absolute; z-index:-1; width:650px; height:650px; border:1px solid #ffffff16; border-radius:50%; right:-410px; top:90px; box-shadow:0 0 0 100px #ffffff05,0 0 0 200px #ffffff04; pointer-events:none; }
.mld-brand { display:flex; align-items:center; gap:12px; min-height:38px; font-size:16px; font-weight:650; }
.mld-brand img { width:auto; max-width:135px; height:40px; object-fit:contain; padding:4px 7px; background:#fffffff0; border-radius:8px; }
.mld-brand:has(img) > span { max-width:180px; color:#ffffffdb; font-size:13px; }
.mld-copy { position:relative; z-index:1; margin-top:clamp(68px,11vh,130px); max-width:520px; }
.mld-eyebrow { margin:0 0 24px; color:#e2edff; font-size:13px; line-height:1.5; }
.mld-eyebrow::before { content:""; display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#8de5d0; box-shadow:0 0 0 4px #8de5d01c; }
.mld-copy h1 { margin:0; color:#fff; font-size:clamp(34px,3.5vw,54px); font-weight:750; line-height:1.3; letter-spacing:-1.5px; white-space:pre-line; overflow-wrap:anywhere; }
.mld-description { max-width:440px; margin:24px 0 0; color:#e0edff; font-size:15px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
.mld-features { display:grid; gap:24px; width:min(100%,300px); margin:48px 0 0; padding:0; list-style:none; position:relative; z-index:1; }
.mld-features li { display:flex; align-items:center; gap:14px; min-width:0; }
.mld-feature-symbol { display:grid; place-items:center; flex:none; width:34px; height:34px; border:1px solid #ffffff40; border-radius:10px; background:#ffffff0d; color:#c8e4ff; font-size:23px; }
.mld-features strong,.mld-features li > div > span { display:block; line-height:1.6; overflow-wrap:anywhere; }
.mld-features strong { font-size:14px; font-weight:600; }
.mld-features li > div > span { margin-top:4px; color:#d4e6ff; font-size:12px; }
.mld-art { position:absolute; z-index:0; right:-24px; bottom:65px; width:240px; height:230px; pointer-events:none; perspective:850px; transform:rotateX(var(--mld-rx,0deg)) rotateY(var(--mld-ry,0deg)); transition:transform .25s ease-out; }
.mld-art-card { position:absolute; width:155px; height:110px; padding:20px; border:1px solid #ffffff9c; border-radius:18px; background:linear-gradient(140deg,#e6f7ffff,#98bfff99); box-shadow:14px 24px 34px #00165935,inset 0 1px #fff; transform:rotateY(-28deg) rotateX(18deg) rotateZ(-15deg); }
.mld-art-card b { display:block; color:#296fe0; font-size:29px; line-height:1; }.mld-art-card i { display:block; width:68%; height:5px; margin-top:12px; border-radius:8px; background:#5388dd66; }.mld-art-card i:last-child { width:42%; margin-top:6px; }
.mld-art-card-0 { top:4px; left:12px; }.mld-art-card-1 { top:69px; left:59px; background:linear-gradient(140deg,#fff,#c3e2ffaa); }.mld-art-card-2 { top:132px; left:1px; transform:scale(.72) rotateY(-28deg) rotateX(18deg) rotateZ(-15deg); }
.mld-orbit { position:absolute; top:50px; left:-28px; width:235px; height:135px; border:1px solid #cde8ff77; border-radius:50%; transform:rotateZ(-38deg) rotateX(48deg); }.mld-orb { position:absolute; right:15px; top:0; width:36px; height:36px; border-radius:50%; background:radial-gradient(circle at 30% 25%,white,#a7d4ff 40%,#2978e8); box-shadow:6px 12px 20px #00368844; }
.mld-intro[data-motion="true"] .mld-art-card-0 { animation:mld-float 7s ease-in-out infinite; }.mld-intro[data-motion="true"] .mld-art-card-1 { animation:mld-float 7s 1.2s ease-in-out infinite; }.mld-intro[data-motion="true"] .mld-orb { animation:mld-orb 9s ease-in-out infinite; }
.mld-motion-toggle { position:relative; z-index:1; align-self:flex-start; margin-top:32px; padding:7px 12px; border:1px solid #ffffff38; border-radius:20px; background:#ffffff0a; color:#e0edff; font:inherit; font-size:11px; cursor:pointer; }
@keyframes mld-float { 50% { transform:translateY(-14px) rotateY(-20deg) rotateX(14deg) rotateZ(-11deg); } } @keyframes mld-orb { 50% { transform:translate(-12px,18px); } }
body[data-login-theme="dark"][data-login-screen="true"] { --ml-ink:#edf3fd; --ml-muted:#a5b4cb; --ml-line:#334155; background:#111b2d; }
body[data-app="mall-pc"][data-login-screen="true"][data-login-theme="dark"] #memberAuth .auth-panel { background:#111b2d; }
body[data-app="mall-pc"][data-login-screen="true"][data-login-theme="dark"] #memberAuth :is(input,select) { color:#edf3fd; background:#19263c; border-color:#36465f; }
body[data-app="mall-pc"][data-login-screen="true"][data-login-theme="dark"] #memberAuth .auth-tabs { background:#19263c; }
body[data-app="mall-pc"][data-login-screen="true"][data-login-theme="dark"] #memberAuth .member-form label { color:#c6d2e4; }
body[data-app="mall-pc"][data-login-screen="true"][data-login-theme="dark"] :is(.ml-register-link,.ml-third-label,.ml-back,.ml-provider > span:last-child) { color:#b6c4d8; }
.mld-preview { display:grid; grid-template-columns:48% 52%; min-height:760px; background:#fff; color:#202c40; }
.mld-preview .mld-intro { min-height:760px; padding:38px 45px; }.mld-preview .mld-copy { margin-top:90px; }.mld-preview .mld-copy h1 { font-size:45px; }.mld-preview .mld-art { right:-35px; }
.mld-preview-form { align-self:center; width:100%; max-width:420px; margin:auto; padding:50px 32px; }.mld-preview-form label { display:grid; gap:8px; margin:22px 0; font-size:13px; }.mld-preview-form input { width:100%; height:46px; padding:0 12px; border:1px solid #dce2ec; border-radius:7px; background:#f8faff; }.mld-preview-tabs { margin-top:30px; padding:14px; background:#f0f6ff; color:#1677ff; border-bottom:2px solid #1677ff; text-align:center; font-size:14px; }.mld-preview-submit { width:100%; height:46px; border:0; border-radius:6px; background:#0963ed; color:white; }.mld-preview-register { margin:22px 0 32px; text-align:center; font-size:12px; color:#2879ef; }.mld-preview-providers { display:flex; justify-content:center; gap:34px; margin-top:20px; color:#1677ff; font-size:14px; }.mld-preview-providers [data-provider="wechat"] { color:#08a65d; }
.mld-preview[data-login-theme="dark"] { background:#111b2d; color:#edf3fd; }.mld-preview[data-login-theme="dark"] input,.mld-preview[data-login-theme="dark"] .mld-preview-tabs { background:#19263c; border-color:#36465f; color:#c6d2e4; }
@media(max-width:1050px) { .mld-art { opacity:.5; right:-70px; }.mld-features { width:100%; } body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-panel { padding-left:36px; padding-right:36px; } }
@media(max-width:720px) { body[data-app="mall-pc"][data-login-screen="true"] #memberAuth { grid-template-columns:1fr; } .mld-intro { min-height:0; padding:25px 24px 30px; }.mld-brand { font-size:14px; }.mld-brand img { height:34px; }.mld-copy { margin-top:28px; }.mld-eyebrow { margin-bottom:14px; font-size:12px; }.mld-copy h1 { font-size:32px; letter-spacing:-.5px; }.mld-description { margin-top:16px; font-size:13px; }.mld-features { display:none; }.mld-art { right:-22px; bottom:20px; transform:scale(.62); transform-origin:right bottom; opacity:.3; }.mld-copy { max-width:100%; }.mld-description { max-width:280px; } body[data-app="mall-pc"][data-login-screen="true"] .ml-back-wrap { position:relative; top:auto; right:auto; align-self:flex-end; margin:0 18px; } body[data-app="mall-pc"][data-login-screen="true"] #memberAuth .auth-panel { padding:36px 24px; }.mld-form-heading h2 { font-size:26px; }.mld-form-heading { margin-bottom:24px; } }
@media(prefers-reduced-motion:reduce) { .mld-intro .mld-art,.mld-intro .mld-art * { animation:none !important; transition:none !important; }.mld-motion-toggle { display:none; } }