:root{color-scheme:dark;--gold:#efd089;--ink:#fff3d9;--muted:#b4ac98;--line:#51452c}
*{box-sizing:border-box}body{margin:0;background:#070807;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:0.875rem;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:hover{color:#ffe5a4}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:0.125rem solid #f1cc77;outline-offset:0.25rem}[hidden]{display:none!important}.skip-link{position:fixed;left:1.25rem;top:-5rem;z-index:100;background:var(--gold);color:#211b0f;padding:0.875rem}.skip-link:focus{top:0.75rem}
.auth-header{width:calc(100% - 7rem);max-width:92.5rem;margin:auto;min-height:6rem;display:flex;align-items:center;gap:1.5rem;border-bottom:0.0625rem solid #b38a3e26}.auth-brand{min-width:0}.auth-brand img{display:block;width:7.5rem;max-height:3.4375rem;object-fit:contain}.brand-name{display:block;font-weight:750;color:var(--gold);font-size:1.25rem;line-height:1.5;max-width:20rem;overflow-wrap:anywhere}.brand-caption{padding-left:1.5rem;border-left:0.0625rem solid #66522b;font-size:0.6875rem;line-height:1.8;color:#cab580;flex-shrink:0}.back-home{margin-left:auto;flex-shrink:0;font-size:0.75rem;color:#d0c3a7}.back-home span{font-size:1.375rem;margin-left:0.875rem}
.auth-main{width:calc(100% - 7rem);max-width:92.5rem;margin:3rem auto;display:grid;grid-template-columns:minmax(0,1fr) 27.5rem;gap:3.5rem;align-items:center;min-height:calc(100vh - 15.75rem)}.auth-scene{position:relative;isolation:isolate;overflow:hidden;min-height:40.625rem;height:100%;max-height:53.75rem;align-self:stretch}.auth-art{position:absolute;z-index:-3;right:-35%;bottom:0;width:150%;height:100%;object-fit:cover;object-position:70% center;opacity:.86}.auth-scene:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#070807 0%,#070807b5 28%,#07080700 65%,#070807 100%),linear-gradient(90deg,#070807bb,transparent 50%,#07080730)}.scene-copy{padding:2.25rem 0.625rem 0;position:relative;z-index:2}.eyebrow{color:#ddbb73;letter-spacing:.15em;font-size:0.6875rem;display:flex;align-items:center;gap:0.9375rem}.eyebrow:before{content:"";width:1.5625rem;height:0.0625rem;background:#e6c575}.scene-copy h1{margin:1.6875rem 0 1.5rem;font-size:clamp(2.375rem,3.7vw,3.75rem);font-weight:800;line-height:1.35;letter-spacing:-.05em}.scene-copy h1>span{display:inline-block;font-size:clamp(4rem,5.7vw,5.5rem);font-style:italic;padding-right:0.75rem;background:linear-gradient(174deg,#fffceb,#fff0b5 29%,#9d7023 47%,#e6b75b 49%,#ffe6a2 70%,#bc882f);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0.1875rem 0 #715019)}.scene-copy>p:last-child{max-width:22.5rem;color:#c4bba8;font-size:0.8125rem;line-height:1.9}.scene-caption{position:absolute;bottom:1.75rem;left:0.625rem;color:#c2a973;letter-spacing:.15em;font-size:0.6875rem;display:flex;align-items:center;gap:1rem}.scene-caption>span{width:2rem;height:0.0625rem;background:#b5904d}
.auth-card{position:relative;background:linear-gradient(140deg,#211f16,#10120d 50%);border:0.0625rem solid #655132;border-radius:0.5rem;padding:1.875rem 2.25rem 1.5rem;box-shadow:0 1.5rem 5rem #0005;min-width:0}.auth-card:before{content:"";position:absolute;top:-0.0625rem;left:2.25rem;width:4.5rem;height:0.125rem;background:#e6c376}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem;padding:0.25rem;border:0.0625rem solid #50442d;border-radius:0.3125rem;background:#090b08;margin-bottom:1.875rem}.role-switch a{text-align:center;padding:0.625rem 0.375rem;color:#bdb4a0;font-size:0.8125rem;border-radius:0.125rem}.role-switch a[aria-current]{background:linear-gradient(115deg,#f8e3a1,#c89b43);color:#261c0b;font-weight:700}.form-eyebrow{font-size:0.625rem;letter-spacing:.12em;color:#c3a569;margin-bottom:0.625rem}.logintit{font-size:1.75rem;line-height:1.4;font-weight:750;color:#fff2d4;margin:0}.auth-note{color:var(--muted);font-size:0.75rem;line-height:1.9;margin:0.625rem 0 1.625rem}.auth-field{position:relative;margin-bottom:1.125rem}.field-label{display:block;color:#d6ccb7;font-size:0.75rem;margin-bottom:0.5625rem;line-height:1.5}.forminput{width:100%;min-width:0;height:3rem;padding:0 0.875rem;border:0.0625rem solid #4e4734;border-radius:0.25rem;box-shadow:none;background:#090c09;color:#fff0ce;font-size:0.875rem;outline:none}.forminput::placeholder{color:#847e6d;font-size:0.75rem}.forminput:focus{border-color:#d4af63;background:#10140e}.forminput:-webkit-autofill{-webkit-box-shadow:0 0 0 62.5rem #11150e inset;-webkit-text-fill-color:#fff0ce;caret-color:#fff0ce}.auth-field:has(.login-captcha) input{padding-right:8.25rem}.auth-field:has(.get_mobile) input{padding-right:7.5rem}.login-captcha{position:absolute;right:0.3125rem;bottom:0.3125rem!important;top:auto!important;width:7.5rem!important;height:2.375rem!important;border-radius:0.1875rem;cursor:pointer;background:#e9e0c5;object-fit:fill}.get_mobile{position:absolute;right:0.75rem;bottom:0;top:auto!important;height:3rem;display:flex;align-items:center;color:#e5c27b;font-size:0.75rem;cursor:pointer;white-space:nowrap}.flex1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.625rem;font-size:0.75rem;color:#c8b483;margin:0.25rem 0 1.375rem;line-height:1.7}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.0625rem;border:0.0625rem solid #ffe6a3;border-radius:0.25rem;background:linear-gradient(115deg,#fff0b7,#eec870 50%,#bd8e37);color:#281e0b;font-weight:750;cursor:pointer;margin-top:0.375rem}.btn:hover{background:linear-gradient(115deg,#fff4cd,#efd080 50%,#c99d49);color:#281e0b}.auth-help{display:flex;align-items:center;justify-content:center;gap:0.375rem;padding-top:1.1875rem;margin-top:0.625rem;border-top:0.0625rem solid #67543155;color:#a79d85;font-size:0.6875rem}.auth-help span{color:#dbb76c;font-size:1.125rem}.auth-help a{color:#e5c78a}.auth-footer{max-width:92.5rem;width:calc(100% - 5rem);margin:0 auto;padding:0 0 1.5625rem;text-align:center;font-size:0.6875rem;line-height:1.9;color:#8f8877}.auth-footer a{color:#b8ac8b}
.circuit-lights{position:absolute;inset:0;overflow:hidden;pointer-events:none;contain:layout paint}.light-track{position:absolute;left:15%;top:80%;width:20.625rem;height:0.125rem;overflow:hidden;transform:rotate(-28deg);transform-origin:left}.light-track:nth-child(2){left:50%;top:90%;transform:rotate(-35deg)}.light-ray{position:absolute;left:-5rem;width:5rem;height:0.125rem;background:linear-gradient(90deg,transparent,#e5b969 76%,#fff1c2);animation:auth-circuit 13s linear infinite;opacity:0}.light-track:nth-child(2) .light-ray{animation-delay:-6s;animation-duration:15s}@keyframes auth-circuit{0%{transform:translateX(0);opacity:0}15%,65%{opacity:.5}90%,100%{transform:translateX(27.5rem);opacity:0}}.ambient-paused .light-ray{animation-play-state:paused}.ambient-static .light-ray{animation:none;opacity:0}
.layui-layer{color:#302713}.layui-layer-msg{max-width:calc(100vw - 2rem)}
@media(min-width:1900px){.auth-main{gap:6.25rem;grid-template-columns:minmax(0,1fr) 30rem}.auth-card{padding:2.25rem 2.625rem 1.875rem}.auth-scene{min-height:46.25rem}.scene-copy{padding-top:3.875rem}}
@media(max-width:1150px){.auth-header,.auth-main{width:calc(100% - 4rem)}.auth-main{grid-template-columns:minmax(0,1fr) 25rem;gap:1.5625rem}.auth-card{padding:1.75rem}.scene-copy h1{font-size:2.375rem}.scene-copy h1>span{font-size:4rem}.scene-copy>p:last-child{max-width:16.25rem}}
@media(max-width:850px){.auth-header{min-height:5rem}.auth-main{max-width:33.75rem;display:block;position:relative;margin:2.1875rem auto;min-height:0}.auth-scene{position:absolute;top:-2.1875rem;left:50%;transform:translateX(-50%);width:100vw;height:37.5rem;min-height:0;max-height:none;pointer-events:none;opacity:.4;z-index:-1}.scene-copy,.scene-caption{display:none}.auth-art{width:150%;right:-20%;height:37.5rem;object-position:75% center}.auth-card{padding:1.875rem 2.125rem;background:linear-gradient(140deg,#211f16f5,#10120df5)}.brand-name{max-width:16.25rem;font-size:1.0625rem}.brand-caption{display:none}.auth-footer{width:calc(100% - 2.5rem)}.light-track:nth-child(2){display:none}}
@media(max-width:480px){.auth-header{width:calc(100% - 2.5rem);min-height:4.75rem;gap:1rem}.auth-brand img{width:6.5625rem}.brand-name{max-width:11.875rem;font-size:0.9375rem}.back-home{font-size:0.6875rem}.back-home span{margin-left:0.3125rem}.auth-main{width:calc(100% - 2rem);margin:1.625rem auto}.auth-card{padding:1.5625rem 1.375rem 1.375rem;border-radius:0.375rem}.role-switch{margin-bottom:1.5625rem}.logintit{font-size:1.625rem}.auth-note{margin-bottom:1.4375rem}.auth-field{margin-bottom:1.0625rem}.forminput{font-size:1rem}.auth-footer{font-size:0.625rem}.flex1{font-size:0.6875rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.gold-auth .layui-layer{background:#1b1d15;border:0.0625rem solid #75603a;border-radius:0.375rem;color:#f4e5c5}.gold-auth .layui-layer-title{background:#24251a;border-bottom-color:#51452c;color:#f4e5c5}.gold-auth .layui-layer-btn a{background:#29291d;border-color:#6b5734;color:#e8d3a5}.gold-auth .layui-layer-btn .layui-layer-btn0{background:linear-gradient(115deg,#f8e3a1,#c89b43);border-color:#e4c279;color:#261c0b}.gold-auth .layui-layer-loading{background:transparent;border:0}.gold-auth .layui-layer-msg{color:#fff0d1}

html{font-size:16px}
/* Keep forms readable without magnifying their vertical spacing on large screens. */
@media(min-width:1441px){html{font-size:clamp(16px,.8vw,18px)}}
@media(min-width:851px){
 .gold-auth{display:flex;flex-direction:column}
 .auth-header{width:91.5%;max-width:none;min-height:88px;margin:0 auto}
 .auth-main{width:91.5%;max-width:none;grid-template-columns:minmax(0,1fr) clamp(400px,27vw,560px);gap:clamp(32px,5vw,120px);margin:36px auto;min-height:0;flex:1}
 .auth-scene{height:auto;min-height:clamp(530px,65vh,820px);max-height:none}
 /* Mask the image itself, not the empty space above a bottom-aligned contain box. */
 .auth-art{right:0;bottom:0;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;transform:translateY(calc(-1 * clamp(40px,8vh,110px)));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
 .auth-scene .circuit-lights{transform:translateY(calc(-1 * clamp(40px,8vh,110px)))}
 .scene-copy{padding:clamp(24px,4vh,56px) 0 0}
 .scene-copy>p:last-child{max-width:32rem}
 .scene-caption{left:0;bottom:20px}
 .auth-card{padding:28px clamp(26px,2vw,42px) 24px;align-self:center}
 .role-switch{margin-bottom:24px}
 .auth-note{margin-bottom:22px}
 .auth-field{margin-bottom:15px}
 .auth-help{padding-top:15px}
 .auth-footer{width:91.5%;max-width:none;padding-bottom:20px;font-size:11px}
}
@media(min-width:851px) and (max-width:1150px){
 .auth-main{grid-template-columns:minmax(0,1fr) 390px;gap:28px}
 .auth-art{width:125%;right:-8%;object-fit:contain}
}
@media(min-width:851px) and (max-height:800px){
 .auth-header{min-height:74px}
 .auth-main{margin-block:24px}
 .auth-card{padding-top:22px;padding-bottom:20px}
 .role-switch{margin-bottom:18px}
 .auth-note{margin-bottom:18px}
 .auth-field{margin-bottom:12px}
 .field-label{margin-bottom:6px}
 .forminput,.get_mobile{height:44px}
 .login-captcha{height:34px!important}
 .auth-scene{min-height:520px}
}