:root{--ink:#172841;--blue:#2167d7;--mint:#58d9b2;--line:#d9e3ec;--muted:#728197}
.login-toast.error{color:#8a2f2f;border-color:#efb7b7;background:#fff1f1}
*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.55;color:#fff;background:#071827}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.cinema-login{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,460px);grid-template-rows:auto 1fr auto;gap:28px;min-height:100vh;padding:28px clamp(28px,5vw,76px) 22px;overflow:hidden}.cinema-scene{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,18,29,.9) 0%,rgba(4,18,29,.66) 48%,rgba(4,18,29,.4) 100%),linear-gradient(180deg,rgba(4,18,29,.18),rgba(4,18,29,.72)),url('../../assets/images/index3_banner.jpg');background-position:center;background-size:cover;transform:scale(1.02)}.cinema-header,.cinema-copy,.cinema-card,.cinema-footer{position:relative;z-index:1}.cinema-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.cinema-brand{display:flex;align-items:center;gap:13px}.cinema-brand img{width:116px;padding:5px 8px;border-radius:4px;background:#fff}.cinema-brand span{padding-left:13px;border-left:1px solid rgba(255,255,255,.28);color:#c5d6e1;font-family:Consolas,monospace;font-size:12px;font-weight:800}.cinema-header nav{display:flex;align-items:center;gap:18px;color:#b8c9d5;font-size:12px}.cinema-header nav span{display:flex;align-items:center;gap:7px}.cinema-header nav i,.login-options>span i,.card-status i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(88,217,178,.13)}.open-link{padding:8px 12px;border:1px solid rgba(255,255,255,.32);border-radius:5px;color:#fff;background:rgba(7,24,39,.32)}
.cinema-copy{align-self:center;max-width:680px;padding:35px 0}.cinema-kicker,.form-kicker{color:var(--mint);font-family:Consolas,monospace;font-size:12px;font-weight:900;letter-spacing:.1em}.cinema-copy h1{margin:14px 0 0;font-size:44px;line-height:1.17}.cinema-copy h1 strong{color:#6ce0bd;font-weight:800}.cinema-copy>p{margin:14px 0 26px;color:#c2d1da;font-size:16px}.cinema-metrics{display:flex;gap:1px;width:min(560px,100%);border:1px solid rgba(255,255,255,.17);border-radius:7px;overflow:hidden;background:rgba(6,24,39,.55);backdrop-filter:blur(8px)}.cinema-metrics article{flex:1;padding:13px 16px;border-right:1px solid rgba(255,255,255,.13)}.cinema-metrics article:last-child{border-right:0}.cinema-metrics strong,.cinema-metrics span{display:block}.cinema-metrics strong{font-family:Consolas,monospace;font-size:20px}.cinema-metrics span{margin-top:2px;color:#9fb3c0;font-size:12px}
.cinema-card{align-self:center;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:8px;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.card-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-bottom:1px solid #d9e8e2;color:#447466;background:#eff8f5;font-family:Consolas,monospace;font-size:12px}.card-status span{display:flex;align-items:center;gap:7px}.card-status strong{color:#81978f;font-size:12px}.card-body{padding:28px}.form-kicker{color:var(--blue)}.card-body h2{margin:10px 0 2px;font-size:28px;line-height:1.25}.card-body>p{margin:0 0 21px;color:var(--muted);font-size:14px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.account-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:5px;color:#67778c;background:#fff;font-size:14px;font-weight:800}.account-tabs img{width:14px;opacity:.52}.account-tabs button.active{color:var(--blue);border-color:#8cb0ed;background:#f2f6ff}.account-tabs button.active img{opacity:1;filter:invert(38%) sepia(69%) saturate(1446%) hue-rotate(191deg)}.card-body form{display:grid;gap:16px}.login-field{display:grid;gap:7px}.login-field>span{display:flex;justify-content:space-between;color:#34445a;font-size:14px;font-weight:800}.login-field a{color:var(--blue);font-size:12px}.login-field>div{position:relative}.login-field>div>img{position:absolute;top:50%;left:14px;width:15px;opacity:.46;transform:translateY(-50%)}.login-field input{width:100%;min-height:48px;padding:10px 43px 10px 42px;border:1px solid #d3dfeb;border-radius:6px;outline:0;color:var(--ink);font-size:14px}.login-field input:focus{border-color:#73a0ed;box-shadow:0 0 0 3px rgba(33,103,215,.1)}.login-field input::placeholder{color:#a0adbc}.login-field button{position:absolute;top:50%;right:7px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:5px;background:transparent;transform:translateY(-50%)}.login-field button img{width:15px;opacity:.52}.login-options{display:flex;align-items:center;justify-content:space-between;color:#718096;font-size:12px}.login-options label,.login-options>span{display:flex;align-items:center;gap:7px}.login-options input{width:15px;height:15px;accent-color:var(--blue)}.login-submit{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 16px 0 18px;border:0;border-radius:6px;color:#fff;background:var(--blue);font-size:16px;font-weight:850;box-shadow:0 10px 20px rgba(33,103,215,.2)}.login-submit.success{background:#15966d}.login-submit img{width:15px;filter:brightness(0) invert(1)}.login-support{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);color:#8190a2;font-size:12px}.login-support a{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:800}.login-support img{width:13px}.cinema-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;color:#93a8b5;font-size:12px}.cinema-footer nav{display:flex;gap:17px}.login-toast{position:fixed;right:24px;bottom:24px;z-index:20;display:grid;gap:2px;min-width:220px;padding:13px 16px;border:1px solid #bfe6d7;border-radius:6px;color:#2d6855;background:#effaf5;box-shadow:0 12px 35px rgba(20,56,46,.15);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.login-toast.show{opacity:1;transform:translateY(0)}.login-toast strong{font-size:14px}.login-toast span{font-size:12px}
@media(max-width:980px){.cinema-login{grid-template-columns:1fr minmax(380px,430px);padding-right:28px;padding-left:28px}.cinema-copy h1{font-size:36px}.cinema-metrics{display:grid}.cinema-metrics article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.cinema-metrics article:last-child{border-bottom:0}}
@media(max-width:760px){.cinema-login{display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:20px 18px}.cinema-scene{background-position:58% center}.cinema-header nav span,.cinema-header nav>a:first-of-type{display:none}.cinema-copy{padding:34px 0 0}.cinema-copy h1{font-size:32px}.cinema-copy>p{font-size:14px}.cinema-metrics{display:none}.cinema-card{width:min(500px,100%);margin:0 auto}.cinema-footer{margin-top:auto}.cinema-footer>span{display:none}.cinema-footer nav{width:100%;justify-content:space-between}}
@media(max-width:420px){.cinema-brand img{width:96px}.cinema-brand span{display:none}.open-link{padding:7px 9px}.cinema-copy h1{font-size:28px}.card-body{padding:22px}.card-body h2{font-size:24px}.login-toast{right:14px;bottom:14px;left:14px}}