/* zzz.authref.css — 登录/注册 reference skin (styling overlay only; DOM from woai-tz-home.js + lane09/laneCAPTCHA).
   Rollback: delete this file + zzz.authref.js + assets/authref/. */
html body #woai-ng-login-page.l09-auth{--arw:min(100vw,430px);--ar-v:"20261007a";background:#f8f2ec!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
html body #woai-ng-login-page.l09-auth .woai-ng-login-sheet{position:relative!important;width:min(430px,100%)!important;max-width:100%!important;min-height:100%!important;box-sizing:border-box!important;
  background:#f8f2ec url("/vue/ng-fix/assets/authref/bg-login.jpg?v=20261007a") center top/100% auto no-repeat!important;
  padding:0 0 calc(var(--ar-nav,84px) + 6px)!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Noto Sans SC",Arial,sans-serif!important;color:#3b2a1d}
html body #woai-ng-login-page.l09-auth[data-mode=register] .woai-ng-login-sheet{background-image:url("/vue/ng-fix/assets/authref/bg-register.jpg?v=20261007a")!important}
html body #woai-ng-login-page.l09-auth .woai-ng-login-banner,
html body #woai-ng-login-page.l09-auth .l09-logo,
html body #woai-ng-login-page.l09-auth .woai-ng-login-brand,
html body #woai-ng-login-page.l09-auth .l09-lt,
html body #woai-ng-login-page.l09-auth .l09-hide{display:none!important}
html body #woai-ng-login-page.l09-auth .woai-ng-auth-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important}

/* back chevron (existing close button; sits below the music bubble at top-left) */
html body #woai-ng-login-page.l09-auth .woai-ng-login-close{position:absolute!important;left:10px!important;right:auto!important;top:70px!important;width:36px!important;height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;font-size:0!important;line-height:0!important;color:#1d1a17!important;z-index:3!important}
html body #woai-ng-login-page.l09-auth .woai-ng-login-close::before{content:""!important;position:absolute!important;left:15px!important;top:11px!important;width:13px!important;height:13px!important;margin:0!important;border:solid #1d1a17!important;border-width:0 0 2.6px 2.6px!important;border-radius:1px!important;background:transparent!important;transform:rotate(45deg)!important;box-shadow:0 0 2px rgba(255,255,255,.9)}
html body #woai-ng-login-page.l09-auth .woai-ng-login-close::after{display:none!important;content:none!important}

/* card */
html body #woai-ng-login-page.l09-auth .woai-ng-login-card{position:relative!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;
  margin:calc(var(--arw) * .606) 21px 0!important;padding:18px 26px 14px!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(250,246,240,.97),rgba(246,241,234,.97))!important;
  border:1px solid rgba(226,200,160,.75)!important;
  box-shadow:0 10px 28px rgba(150,108,58,.16),0 0 0 3px rgba(255,255,255,.45),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body #woai-ng-login-page.l09-auth[data-mode=register] .woai-ng-login-card{margin-top:calc(var(--arw) * .479)!important;padding-top:16px!important}
html body #woai-ng-login-page.l09-auth .woai-ng-auth-forms{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important}

/* register header (decorative, injected) */
html body #woai-ng-login-page.l09-auth .ar-reghead{display:none}
html body #woai-ng-login-page.l09-auth[data-mode=register] .ar-reghead{display:flex;align-items:center;justify-content:space-between;height:44px;margin:0 0 10px;padding:0 0 0 2px}
html body #woai-ng-login-page.l09-auth .ar-reghead b{display:block;font-size:19px;line-height:24px;font-weight:700;color:#2e1d10;letter-spacing:1px}
html body #woai-ng-login-page.l09-auth .ar-reghead small{display:block;margin-top:3px;font-size:12.5px;line-height:16px;color:#5b4a3c;letter-spacing:1px}
html body #woai-ng-login-page.l09-auth .ar-safe{display:flex;align-items:center;gap:6px}
html body #woai-ng-login-page.l09-auth .ar-safe i{display:block;width:38px;height:38px;border-radius:50%;background:#efe6db url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a4a1f' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2.8 4.5 5.6v5.6c0 4.6 3.1 8.6 7.5 10 4.4-1.4 7.5-5.4 7.5-10V5.6z'/%3E%3Cpath d='m8.6 12.1 2.4 2.4 4.6-4.8'/%3E%3C/svg%3E") center/22px 22px no-repeat;box-shadow:inset 0 0 0 1px rgba(200,170,130,.25)}
html body #woai-ng-login-page.l09-auth .ar-safe span{font-size:11.5px;line-height:15px;color:#7a4a1f;text-align:center}
html body #woai-ng-login-page.l09-auth .ar-safe span em{display:block;font-style:normal;color:#6b5a4c}

/* fields */
html body #woai-ng-login-page.l09-auth .l09-field{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;box-sizing:border-box!important;
  height:38px!important;margin:0 0 8px!important;padding:0 40px 0 48px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:11px!important;
  background:#f8f5f2!important;box-shadow:0 1px 3px rgba(120,90,60,.10),inset 0 0 0 .5px rgba(190,170,150,.25)!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .l09-field{height:40px!important}
html body #woai-ng-login-page.l09-auth .l09-field[hidden]{display:none!important}
html body #woai-ng-login-page.l09-auth .l09-field:focus-within{box-shadow:0 0 0 1.5px rgba(201,160,100,.55),0 1px 3px rgba(120,90,60,.10)!important}
html body #woai-ng-login-page.l09-auth .l09-field::before{content:""!important;position:absolute!important;left:17px!important;top:50%!important;width:17px!important;height:17px!important;margin-top:-8.5px!important;background:no-repeat center/17px 17px!important}
html body #woai-ng-login-page.l09-auth .l09-f-user::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23454545'%3E%3Ccircle cx='12' cy='7.2' r='4.6'/%3E%3Cpath d='M3.2 21.5c.4-4.9 4.1-8 8.8-8s8.4 3.1 8.8 8z'/%3E%3C/svg%3E")!important}
html body #woai-ng-login-page.l09-auth .l09-f-pass::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.3 10V7.4a4.7 4.7 0 0 1 9.4 0V10' fill='none' stroke='%23454545' stroke-width='2.3'/%3E%3Crect x='4.3' y='9.6' width='15.4' height='12.4' rx='2.2' fill='%23454545'/%3E%3Ccircle cx='12' cy='14.6' r='1.6' fill='%23f8f5f2'/%3E%3Cpath d='M12 15v3' stroke='%23f8f5f2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")!important}
html body #woai-ng-login-page.l09-auth .l09-field::after{content:none!important;display:none!important}
html body #woai-ng-login-page.l09-auth .l09-field input{flex:1 1 auto!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
  font-size:13.5px!important;color:#2b2119!important;-webkit-text-fill-color:#2b2119!important;caret-color:#b8894f!important;letter-spacing:.3px}
html body #woai-ng-login-page.l09-auth .l09-field input::placeholder{color:#8e8781!important;-webkit-text-fill-color:#8e8781!important;opacity:1}
html body #woai-ng-login-page.l09-auth .l09-eye{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;background:transparent!important;color:#4a4a4a!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body #woai-ng-login-page.l09-auth .l09-eye svg{width:19px!important;height:19px!important;stroke-width:2.1}
html body #woai-ng-login-page.l09-auth .a2-hint{margin:-4px 6px 6px!important;font-size:11.5px!important;line-height:15px!important}
html body #woai-ng-login-page.l09-auth input.a2-bad{box-shadow:none!important}
html body #woai-ng-login-page.l09-auth .l09-field:has(input.a2-bad){box-shadow:0 0 0 1px #e8746a!important}

/* remember / forgot row (login) and agree (register) */
html body #woai-ng-login-page.l09-auth .l09-row{display:flex!important;align-items:center!important;justify-content:space-between!important;height:22px!important;margin:7px 2px 7px!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .l09-row{display:none!important}
html body #woai-ng-login-page.l09-auth .woai-remember,html body #woai-ng-login-page.l09-auth .woai-agree{display:flex;align-items:center!important;gap:8px!important;margin:0!important;font-size:13.5px!important;line-height:20px!important;color:#3b2a1d!important;-webkit-text-fill-color:#3b2a1d!important}
html body #woai-ng-login-page.l09-auth .woai-agree{margin:2px 2px 10px!important;font-size:12px!important;color:#6b5d50!important;-webkit-text-fill-color:#6b5d50!important;white-space:nowrap}
html body #woai-ng-login-page.l09-auth .woai-agree em{color:#8a5523!important;-webkit-text-fill-color:#8a5523!important;font-style:normal}
html body #woai-ng-login-page.l09-auth .woai-remember input,html body #woai-ng-login-page.l09-auth .woai-agree input{-webkit-appearance:none!important;appearance:none!important;flex:0 0 17px!important;width:17px!important;height:17px!important;margin:0!important;padding:0!important;border:1.4px solid #b48a5a!important;border-radius:4px!important;background:rgba(255,255,255,.6)!important;position:relative!important;box-shadow:none!important}
html body #woai-ng-login-page.l09-auth .woai-agree input{flex-basis:15px!important;width:15px!important;height:15px!important}
html body #woai-ng-login-page.l09-auth .woai-remember input:checked,html body #woai-ng-login-page.l09-auth .woai-agree input:checked{background:linear-gradient(180deg,#e2c08e,#b88550)!important;border-color:#b07e48!important}
html body #woai-ng-login-page.l09-auth .woai-remember input:checked::after,html body #woai-ng-login-page.l09-auth .woai-agree input:checked::after{content:""!important;position:absolute!important;left:5px!important;top:1.5px!important;width:4px!important;height:8px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;background:none!important}
html body #woai-ng-login-page.l09-auth .woai-agree input:checked::after{left:4px!important;top:1px!important}
html body #woai-ng-login-page.l09-auth .l09-row .woai-ng-login-forgot{width:auto!important;min-height:0!important;padding:0!important;font-size:13.5px!important;line-height:20px!important;font-weight:500!important;color:#5a2a0e!important;-webkit-text-fill-color:#5a2a0e!important;text-decoration:none!important;background:none!important}

/* slider captcha (existing laneCAPTCHA widget, restyled) */
html body #woai-ng-login-page.l09-auth .lcap{margin:0 0 14px!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .lcap{margin:0 0 12px!important}
html body #woai-ng-login-page.l09-auth .lcap-track{height:39px!important;border-radius:12px!important;background:#edeae8!important;background-image:none!important;border:1px solid #fff!important;box-shadow:0 0 0 1px rgba(205,195,185,.55),inset 0 1px 3px rgba(0,0,0,.07)!important;color:inherit!important;-webkit-text-fill-color:initial!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .lcap-track{height:40px!important}
html body #woai-ng-login-page.l09-auth .lcap-track::after{content:"";position:absolute;right:14px;top:50%;width:22px;height:22px;margin-top:-11px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b3b0ae'%3E%3Cpath d='M20.5 11H19V7a2 2 0 0 0-2-2h-4V3.5a2.5 2.5 0 0 0-5 0V5H4a2 2 0 0 0-2 2v3.8h1.5a2.7 2.7 0 0 1 0 5.4H2V20a2 2 0 0 0 2 2h3.8v-1.5a2.7 2.7 0 0 1 5.4 0V22H17a2 2 0 0 0 2-2v-4h1.5a2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E") center/22px no-repeat}
html body #woai-ng-login-page.l09-auth .lcap[data-state=ok] .lcap-track::after,html body #woai-ng-login-page.l09-auth .lcap[data-state=checking] .lcap-track::after{opacity:0}
html body #woai-ng-login-page.l09-auth .lcap[data-state=idle] .lcap-fill{opacity:0}
html body #woai-ng-login-page.l09-auth .lcap-fill{border-radius:11px!important;background:linear-gradient(90deg,rgba(236,212,170,.55),rgba(214,178,128,.75))!important}
html body #woai-ng-login-page.l09-auth .lcap-txt{padding-left:30px!important;font-size:13px!important;font-weight:400!important;letter-spacing:.5px!important;animation:none!important;background:none!important;color:#8b8784!important;-webkit-text-fill-color:#8b8784!important}
html body #woai-ng-login-page.l09-auth .lcap[data-state=ok] .lcap-txt{padding-left:0!important;padding-right:56px!important;color:#7a4a1f!important;-webkit-text-fill-color:#7a4a1f!important;font-weight:600!important}
html body #woai-ng-login-page.l09-auth .lcap[data-state=fail] .lcap-txt{color:#c0504a!important;-webkit-text-fill-color:#c0504a!important}
html body #woai-ng-login-page.l09-auth .lcap-knob{left:4px!important;top:4px!important;width:52px!important;height:29px!important;border-radius:8px!important;
  background:linear-gradient(180deg,#f8e1bd 0%,#dcbb8f 45%,#c9a374 100%)!important;color:#3a200d!important;-webkit-text-fill-color:initial!important;
  box-shadow:0 1px 3px rgba(120,80,30,.35),inset 0 1px 0 rgba(255,255,255,.75),inset 0 0 0 1px rgba(190,145,90,.45)!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .lcap-knob{height:30px!important}
html body #woai-ng-login-page.l09-auth .lcap:not([data-state=ok]) .lcap-knob svg{display:none!important}
html body #woai-ng-login-page.l09-auth .lcap:not([data-state=ok]) .lcap-knob::before{content:"";display:block;width:7px;height:7px;margin-left:-3px;border:solid #3a200d;border-width:2.4px 2.4px 0 0;transform:rotate(45deg);border-radius:1px}
html body #woai-ng-login-page.l09-auth .lcap[data-state=ok] .lcap-knob{color:#7a4a1f!important}
html body #woai-ng-login-page.l09-auth .lcap[data-state=fail] .lcap-track{box-shadow:0 0 0 1px rgba(224,106,100,.7)!important}

/* primary gold pill */
html body #woai-ng-login-page.l09-auth .woai-ng-auth-forms .woai-ng-auth-submit,
html body #woai-ng-login-page.l09-auth .woai-ng-auth-forms .woai-ng-auth-submit.lcap-need{height:43px!important;min-height:43px!important;width:100%!important;margin:0!important;padding:0!important;border-radius:999px!important;
  border:1.5px solid #f2dcb2!important;
  background:linear-gradient(180deg,#e7c896 0%,#cfa673 20%,#ad8050 52%,#b98b57 78%,#dbb47d 100%)!important;
  box-shadow:0 0 0 1px rgba(184,136,80,.55),0 5px 12px rgba(160,112,58,.32),inset 0 1px 1px rgba(255,255,255,.65),inset 0 -2px 5px rgba(110,70,30,.25)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:17px!important;font-weight:600!important;letter-spacing:3px!important;text-indent:3px;text-shadow:0 1px 1.5px rgba(90,55,20,.5)!important;opacity:1!important;filter:none!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .woai-ng-auth-forms .woai-ng-auth-submit{height:44px!important;min-height:44px!important}
html body #woai-ng-login-page.l09-auth .woai-ng-auth-forms .woai-ng-auth-submit:disabled{filter:saturate(.7) brightness(.97)!important}

/* other login (existing Telegram quick-login link) */
html body #woai-ng-login-page.l09-auth .l09-quick{display:flex!important;flex-direction:column!important;align-items:center!important;margin:11px 0 0!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .l09-quick{display:none!important}
html body #woai-ng-login-page.l09-auth .l09-div{display:flex!important;align-items:center!important;gap:12px!important;align-self:stretch!important;width:100%!important;margin:0 0 7px!important;font-size:12px!important;line-height:16px!important;color:#4a3d33!important;-webkit-text-fill-color:#4a3d33!important}
html body #woai-ng-login-page.l09-auth .l09-div::before,html body #woai-ng-login-page.l09-auth .l09-div::after{content:""!important;flex:1 1 0!important;height:1px!important;margin:0!important;background:#d6d1cb!important}
html body #woai-ng-login-page.l09-auth .l09-tg{width:41px!important;height:41px!important;border-radius:50%!important;background:#e9f3fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232f9be6' d='M21.4 3.6 2.6 10.9c-1.1.4-1.1 1.3 0 1.6l4.7 1.5 1.8 5.6c.2.6.5.8 1 .8.4 0 .6-.2.9-.5l2.4-2.3 4.8 3.6c.9.5 1.5.2 1.7-.8l3.2-15c.3-1.3-.5-1.9-1.7-1.8z'/%3E%3Cpath fill='%23d3e9f8' d='m9.1 19.6.4-4.7 8.6-7.8c.4-.3-.1-.5-.6-.2L6.9 13.6l2.2 6z'/%3E%3C/svg%3E") 46% 54%/23px 23px no-repeat!important;box-shadow:0 2px 6px rgba(60,120,180,.18),inset 0 0 0 1px rgba(255,255,255,.9)!important}
html body #woai-ng-login-page.l09-auth .l09-tg svg{display:none!important}
html body #woai-ng-login-page.l09-auth .ar-tgcap{display:block;margin-top:4px;font-size:11.5px;line-height:14px;color:#3b2f27;letter-spacing:.2px}

/* switch + customer service */
html body #woai-ng-login-page.l09-auth .l09-foot{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;margin:8px 0 0!important;gap:0!important}
html body #woai-ng-login-page.l09-auth .l09-foot .woai-ng-auth-switch{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:35px!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
  border:1px solid #d3ae84!important;border-radius:999px!important;background:rgba(255,252,248,.75)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-size:14px!important;line-height:20px!important;font-weight:500!important;color:#2e2117!important;-webkit-text-fill-color:#2e2117!important;letter-spacing:.5px!important}
html body #woai-ng-login-page.l09-auth[data-mode=login] .l09-foot .woai-ng-auth-switch::before{content:"还";position:static}
html body #woai-ng-login-page.l09-auth .l09-foot .woai-ng-auth-switch::after{content:none!important;display:none!important}
html body #woai-ng-login-page.l09-auth .l09-foot .woai-ng-auth-switch em{margin-left:8px;font-style:normal;font-weight:600;color:#5a2a0e!important;-webkit-text-fill-color:#5a2a0e!important}
html body #woai-ng-login-page.l09-auth .l09-foot .woai-ng-auth-switch em::after{content:"";display:inline-block;width:6px;height:6px;margin:0 2px 1px 7px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);vertical-align:middle}
html body #woai-ng-login-page.l09-auth[data-mode=register] .l09-foot{margin-top:14px!important}
html body #woai-ng-login-page.l09-auth[data-mode=register] .l09-foot .woai-ng-auth-switch{height:22px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  background:linear-gradient(#d6d1cb,#d6d1cb) left center/22% 1px no-repeat,linear-gradient(#d6d1cb,#d6d1cb) right center/22% 1px no-repeat!important}
html body #woai-ng-login-page.l09-auth .l09-foot .woai-ng-login-cs{width:auto!important;min-height:0!important;margin:3px 0 0!important;padding:2px 8px!important;font-size:11.5px!important;line-height:16px!important;font-weight:400!important;background:none!important;color:#9a8572!important;-webkit-text-fill-color:#9a8572!important;text-decoration:none!important}
html body #woai-ng-login-page.l09-auth .l09-foot .woai-ng-login-cs::after{content:none!important}

/* footer badges (decorative, injected) */
html body #woai-ng-login-page.l09-auth .ar-foot{margin:13px 21px 0;text-align:center;color:#4a3324;pointer-events:none;-webkit-user-select:none;user-select:none}
html body #woai-ng-login-page.l09-auth .ar-badges{display:flex;align-items:center;justify-content:space-between;padding:0 8px}
html body #woai-ng-login-page.l09-auth .ar-bd{display:flex;align-items:center;gap:7px;flex:1 1 0;justify-content:center}
html body #woai-ng-login-page.l09-auth .ar-bd img{width:auto;height:21px;display:block}
html body #woai-ng-login-page.l09-auth .ar-bd span{display:block;text-align:left;font-size:11px;line-height:13.5px;font-weight:600;color:#3e2817;letter-spacing:.3px;white-space:nowrap}
html body #woai-ng-login-page.l09-auth .ar-bd span em{display:block;font-style:normal;font-weight:400;color:#7d6a5a}
html body #woai-ng-login-page.l09-auth .ar-sep{flex:0 0 1px;height:20px;background:#cdbba6}
html body #woai-ng-login-page.l09-auth .ar-line{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:13px;font-size:12.5px;line-height:16px;color:#4a3324;letter-spacing:1.5px;font-weight:500}
html body #woai-ng-login-page.l09-auth .ar-line::before,html body #woai-ng-login-page.l09-auth .ar-line::after{content:"";width:24px;height:1px;background:#8a6a4a}
html body #woai-ng-login-page.l09-auth .ar-line b{font-weight:500;margin-right:8px}
html body #woai-ng-login-page.l09-auth .ar-en{margin-top:4px;font-family:"Times New Roman",Georgia,serif;font-size:7.5px;line-height:10px;letter-spacing:2.2px;color:#6d5440}
html body #woai-ng-login-page.l09-auth .woai-ng-auth-session{padding:4px 0}
