@media screen {
  :root{--blue:#2860d8;--ink:#202b3c;--muted:#627085;--line:#dde5ed;}
  body{background:#edf2f6;}
  .app{border:1px solid #dde5ed;border-radius:20px;box-shadow:0 16px 50px #243c560a;}
  .visual{background:linear-gradient(145deg,#eaf1f5,#f5f8fb);border-right:1px solid #dde5ed;}
  .brand img{animation:none;width:38px;height:38px;}
  .brand-name{font-size:18px;font-weight:600;}.brand-sub{color:#627085;font-weight:500;}
  .hero h1{font-size:34px;line-height:1.5;letter-spacing:-.7px;font-weight:600;}
  .track{animation:scroll 26s linear infinite;flex-wrap:nowrap;gap:20px;width:max-content;padding:8px 0;}
  .marquee{height:72px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
  .marquee:hover .track,.marquee:focus-within .track{animation-play-state:paused;}
  .logo{width:138px;height:50px;border-radius:8px;box-shadow:none;}
  .logo[aria-hidden]{display:flex;}
  [hidden]{display:none!important;}
  .login-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 26px;}
  .login-method{height:auto;min-height:100px;background:transparent;color:#6c7a8f;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 2px;font-size:12px;margin:0;}
  .login-method:hover{background:#f5f8fc;color:#2860d8;}
  .method-icon{width:54px;height:54px;border:1px solid #dde5ed;border-radius:50%;display:grid;place-items:center;background:#fff;transition:.2s;}
  .method-icon svg{width:25px;height:25px;}
  .login-method.active{color:#2860d8;}
  .login-method.active .method-icon{border-color:#9cbafa;background:#eef4ff;box-shadow:0 0 0 3px #2860d80a;}
  .login-method.wechat .method-icon{color:#19a35d;}.login-method.apple .method-icon{color:#202b3c;}
  .provider-notice{padding:20px;background:#f7f9fc;border:1px solid #e3e9f0;border-radius:12px;line-height:1.7;font-size:13px;color:#66758a;}.provider-notice strong{color:#29384b;}.provider-notice p{margin-bottom:0;}
  @media(prefers-reduced-motion:reduce){.track{animation:none;overflow:auto;width:100%;}.marquee{overflow:auto;}}
  h2{font-size:26px;font-weight:600;letter-spacing:-.4px;}
  .welcome{line-height:1.6;}.field label{font-weight:500;}
  input{border-radius:8px;background:#f8fafc;}
  input::placeholder{color:#78869a;}input:focus{background:#fff;box-shadow:0 0 0 3px #eaf1ff;}
  button{border-radius:8px;font-size:13px;font-weight:600;}button:hover{background:#1e4bb4;}
  button:focus-visible{outline:2px solid #2860d8;outline-offset:3px;}
  @media(max-width:900px){.app{border:0;border-radius:0;}.visual{border-right:0;border-bottom:1px solid #dde5ed;}.hero h1{font-size:25px;}.brand-name{font-size:17px;}.logo{height:42px;}.hero{max-width:none;}.marquee{max-width:460px;}}
  @media(max-width:480px){.visual{padding:24px 22px;}.hero h1{font-size:22px;margin-bottom:18px;}.login{padding-top:30px;}input{font-size:16px;}}
}

/* v7.9.32 — quiet depth, deliberate typography, compact provider selector. */
@media screen {
 :root{--blue:#0071e3;--ink:#1d1d1f;--muted:#6e6e73;--line:#dce1e8;}
 body{background:radial-gradient(ellipse at 16% 12%,#e8f0fc 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#ece9f7 0,transparent 42%),#f5f5f7;padding:48px;}
 .app{width:min(1380px,100%);min-height:740px;grid-template-columns:1.12fr 1fr;border:1px solid #fff;border-radius:32px;box-shadow:0 40px 100px -35px #23334d30,0 2px 8px #23334d05;background:#ffffffeb;}
 .visual{position:relative;isolation:isolate;padding:54px 58px;background:linear-gradient(145deg,#f7faff,#eef3fb 65%,#f4f0fa);border-right:1px solid #dce3ec80;}
 .visual:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;right:-180px;top:135px;border-radius:50%;background:radial-gradient(circle,#b6c9ff40,transparent 68%);pointer-events:none;}
 .brand img{width:44px;height:44px;filter:drop-shadow(0 4px 8px #5da43812);}.brand-name{font-size:21px;font-weight:650;letter-spacing:-.5px;}.brand-sub{font-size:9px;color:#8491a5;font-weight:600;letter-spacing:2.8px;}
 .hero{margin:auto 0;padding:48px 0;}.eyebrow{font-size:10px;font-weight:650;letter-spacing:3px;color:#8491a5;margin-bottom:24px;}
 .hero h1{max-width:none;font-size:clamp(34px,3.25vw,46px);line-height:1.38;letter-spacing:-1.7px;font-weight:650;margin-bottom:22px;}
 .hero em{background:linear-gradient(100deg,#0071e3,#6572db);background-clip:text;-webkit-background-clip:text;color:transparent;}
 .hero-description{max-width:400px;color:#778394;font-size:14px;line-height:1.9;margin:0 0 40px;}.ecosystem-label{font-size:11px;color:#8994a4;margin-bottom:10px;letter-spacing:.5px;}
 .marquee{width:100%;}.logo{height:52px;border:1px solid #fff;border-radius:13px;background:#ffffffd9;box-shadow:0 4px 12px #23334d06;}.foot{font-size:10px;color:#8e98a7;line-height:1.8;}
 .login{padding:64px 66px;background:#ffffffa6;}.card{width:min(390px,100%);}h2{font-size:34px;font-weight:650;letter-spacing:-1px;}.welcome{font-size:14px;line-height:1.7;margin:10px 0 26px;min-height:24px;}
 .login-methods{gap:6px;margin:0 0 24px;padding:4px;border:1px solid #e8ebf0;border-radius:15px;background:#f7f8fa;}
 .login-method{min-height:64px;justify-content:center;gap:5px;padding:8px 2px;font-size:11px;border-radius:11px;transition:background .2s,box-shadow .2s,color .2s;}
 .login-method:hover{background:#ffffff80;color:#1d1d1f;}.method-icon{width:24px;height:24px;border:0;border-radius:0;background:transparent;transition:transform .2s;}.method-icon svg{width:19px;height:19px;}.login-method:hover .method-icon{transform:translateY(-1px);}
 .login-method.active{color:#0071e3;background:#fff;box-shadow:0 2px 7px #202e4210,0 0 0 1px #e7ebf080;}.login-method.active .method-icon{background:transparent;box-shadow:none;}.login-method.apple .method-icon{color:#1d1d1f;}
 .field{margin-bottom:19px;}.field label{font-size:12px;font-weight:550;margin-bottom:8px;color:#5f6670;}
 input{height:52px;font-size:15px;border-radius:13px;border:1px solid #dce1e8;background:#fafbfc;transition:border-color .2s,box-shadow .2s,background .2s;}input::placeholder{color:#a1a8b3;}input:focus{background:#fff;border-color:#72abea;box-shadow:0 0 0 4px #0071e310;}
 button{border-radius:13px;font-size:14px;font-weight:550;height:52px;transition:background .2s,box-shadow .2s;}.login-method{height:auto;}
 #submit{margin-top:8px;background:linear-gradient(180deg,#1683ed,#0071e3);box-shadow:0 5px 12px #0071e31a,inset 0 1px 0 #ffffff25;}#submit:hover{background:linear-gradient(180deg,#2790f3,#0879e8);box-shadow:0 6px 18px #0071e32a;}
 .provider-notice{padding:24px;border-radius:16px;line-height:1.8;}.login-caption{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;color:#969eaa;font-size:11px;}.login-caption svg{width:13px;height:13px;}
 #panel-account,#panel-wechat,#panel-apple{min-height:245px;}
 @media(min-width:1800px){.app{width:min(1500px,82vw);min-height:800px;}.visual{padding:64px 72px;}.login{padding:70px;}.hero h1{font-size:50px;}.card{width:420px;}}
 @media(max-width:1100px){body{padding:28px;}.app{min-height:680px;}.visual{padding:38px 34px;}.login{padding:46px 32px;}.hero h1{font-size:34px;}}
 @media(max-width:900px){body{display:block;padding:0;background:#f5f5f7;}.app{display:block;width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none;}.visual{padding:30px 32px;border-right:0;border-bottom:1px solid #e7ebf0;min-height:0;}.brand img{width:36px;height:36px;}.brand-name{font-size:18px;}.hero{padding:30px 0 10px;margin:0;max-width:none;}.eyebrow{margin-bottom:12px;font-size:9px;}.hero h1{font-size:30px;margin-bottom:12px;}.hero-description{margin-bottom:20px;font-size:13px;}.ecosystem-label,.foot{display:none;}.marquee{max-width:none;height:58px;}.logo{height:44px;}.login{padding:40px 28px;background:#fff;}.card{width:min(420px,100%);}h2{font-size:30px;}.login-methods{margin-bottom:24px;}}
 @media(max-width:480px){.visual{padding:24px;}.hero{padding-top:22px;}.eyebrow{display:none;}.hero h1{font-size:28px;letter-spacing:-1px;}.hero-description{font-size:12px;margin-bottom:16px;}.login{padding:32px 24px 40px;}.login-method{min-height:60px;font-size:11px;}input{font-size:16px;}}
 @media(prefers-reduced-motion:reduce){.login-method,.method-icon,input,button{transition:none;}.login-method:hover .method-icon{transform:none;}}
}