.paper-account{--paper:#FAF6F0;--beige:#F5E6CC;--ink:#4A3728;--muted:#75624F;--red:#B84339;--gold:#C9A96E;--line:#D9C8B0;--sans:'Noto Sans SC','Source Han Sans SC',system-ui,sans-serif;--serif:'Noto Serif SC','Source Han Serif SC','SimSun',serif;--wenkai:'Ruqierzhi WenKai Screen',var(--serif);font-family:var(--sans);color:var(--ink);background:var(--beige);-webkit-font-smoothing:antialiased}
.paper-account *{box-sizing:border-box}
.paper-account button,.paper-account input{font:inherit;-webkit-tap-highlight-color:transparent}
.paper-account button{cursor:pointer;touch-action:manipulation}
.paper-account button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.paper-account svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.paper-account .brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;flex-shrink:0;border:0;background:transparent;padding:0;text-align:left}
.paper-account .brand-seal{filter:drop-shadow(0 2px 2px #4A372822)}
.paper-account .back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;border:0;background:transparent;padding:0}
.paper-account .back-link svg{width:17px;height:17px}
.paper-account .back-link:hover{color:var(--red)}
.paper-account .language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:20px;background:var(--paper);font:12px/22px var(--serif);flex-shrink:0}
.paper-account .language-switch button{border:0;color:var(--muted);background:transparent;border-radius:16px;padding:0 8px;min-height:24px;line-height:22px}
.paper-account .language-switch [aria-pressed=true]{color:var(--paper);background:var(--red)}
.paper-account .field label{display:block}
.paper-account .field input{display:block;width:100%;min-width:0;border:1px solid var(--line);color:var(--ink);outline:none}
.paper-account .field input::placeholder{color:#75624F99;opacity:1}
.paper-account .field input:focus{border-color:var(--red);box-shadow:0 0 0 2px #B843390A}
.paper-account .field input[aria-invalid=true]{border-color:var(--red)}
.paper-account .field-message{color:var(--muted);margin:0;overflow-wrap:anywhere}
.paper-account .field-message.is-error{color:var(--red)}
.paper-account .eye-button{position:absolute;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:var(--muted)}
.paper-account .eye-button svg{width:19px;height:19px}
.paper-account .submit-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;background:var(--red);color:var(--paper);box-shadow:0 3px 6px #4A372812}
.paper-account .submit-button svg{width:18px;height:18px}
.paper-account .submit-button:hover{filter:brightness(.97)}
.paper-account .submit-button:disabled{cursor:wait;opacity:.75}
.paper-account .form-status{color:var(--red);min-height:21px;overflow-wrap:anywhere}
.paper-account .secondary-auth{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.paper-account .secondary-auth>span{opacity:.7}
.paper-account .secondary-auth button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--muted)}
.paper-account .secondary-auth button:hover{color:var(--red)}
.paper-account .secondary-auth svg{width:16px;height:16px}
.paper-account .wechat-panel{display:flex;flex-direction:column;align-items:center;gap:18px;margin:16px 0 24px}
.paper-account .wechat-code{width:192px;min-height:192px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:13px/1.6 var(--wenkai)}
.paper-account .wechat-code>svg{width:110px;height:110px;color:var(--line)}
.paper-account .wechat-code>img{width:100%;height:auto}
.paper-account .wechat-back{border:0;background:transparent;color:var(--red);font:14px/1.7 var(--wenkai);padding:4px}
@media(max-width:760px){.paper-account .language-switch button{padding-inline:7px}}
@media(max-width:360px){.paper-account .language-switch{font-size:11px}.paper-account .language-switch button{padding-inline:6px}}

/* Second visual direction, with the first preview's account interaction reused. */
.paper-account .sitebar{border-bottom:1px solid #D9C8B080;background:var(--beige)}
.paper-account .sitebar-inner{width:min(1200px,calc(100% - 64px));min-height:80px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.paper-account .brand{gap:12px}
.paper-account .brand-seal{width:40px;height:40px}
.paper-account .brand-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.paper-account .brand-wordmark{width:104px;height:25px}
.paper-account .brand-tagline{font:12px/1.4 var(--wenkai);color:var(--muted)}
.paper-account .tagline-en{display:none}
html[lang=en] .paper-account .tagline-zh{display:none}
html[lang=en] .paper-account .tagline-en{display:inline}
.paper-account .header-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}
.paper-account .back-link{margin:0;font:13px/1.5 var(--wenkai)}
.paper-account .language-switch{height:34px;align-items:stretch}
.paper-account .page{width:min(520px,calc(100% - 40px));margin:36px auto 24px}
.paper-account .paper-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;padding:28px 44px 24px;background:var(--paper);box-shadow:0 3px 6px #4A372807,0 16px 36px #4A37280A}
.paper-account .paper-corner{position:absolute;right:-36px;top:-36px;width:120px;height:120px;border:1px solid #B8433910;border-radius:50%;background:#B8433905;pointer-events:none}
.paper-account .form-heading{position:relative;text-align:center;margin:0 0 22px}
.paper-account .card-seal{display:block;width:48px;height:48px;margin:0 auto 15px;filter:drop-shadow(0 3px 4px #4A372824)}
.paper-account h1{font:600 28px/1.5 var(--serif);letter-spacing:.04em;margin:0;text-wrap:balance}
.paper-account .form-heading p{font:15px/1.7 var(--wenkai);margin:7px 0 0;color:var(--muted);text-wrap:pretty}
.paper-account .mode-tabs{display:flex;gap:0;background:transparent;border-bottom:1px solid #D9C8B080;border-radius:0;padding:0;margin:0 0 22px}
.paper-account .mode-tabs button{position:relative;flex:1;min-height:44px;border:0;border-radius:0;padding:10px 12px;background:transparent;box-shadow:none;font:16px/24px var(--wenkai);color:var(--muted)}
.paper-account .mode-tabs [aria-selected=true]{color:var(--red);font-weight:600}
.paper-account .mode-tabs [aria-selected=true]::after{content:'';position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--red)}
.paper-account .field{margin-bottom:0}
.paper-account .field label{font:15px/22px var(--wenkai);margin-bottom:7px;color:var(--ink)}
.paper-account .input-wrap{position:relative}
.paper-account .field-icon{position:absolute;top:15px;left:15px;width:18px;height:18px;color:#75624F99;pointer-events:none}
.paper-account .field input{height:48px;padding:11px 14px 11px 44px;border-radius:12px;font:16px/24px var(--wenkai);background:var(--paper)}
.paper-account .password-input input{padding-right:46px}
.paper-account .eye-button{top:3px;right:3px;width:42px;height:42px}
.paper-account .field-message{font:13px/22px var(--wenkai);min-height:22px;margin-top:5px}
.paper-account .field-message.is-error{font-size:14px;line-height:22px}
.paper-account .password-field{margin-bottom:18px}
.paper-account .submit-button{min-height:48px;padding:12px 20px;font:16px/24px var(--wenkai);border-radius:12px}
.paper-account .form-status{font:13px/1.7 var(--wenkai);margin-top:8px}
.paper-account .form-status:empty{min-height:10px;margin:0}
.paper-account .secondary-auth{margin:0 0 14px;gap:14px;font:13px/1.7 var(--wenkai)}
.paper-account .secondary-auth button{font:14px/22px var(--wenkai);padding:5px 0}
.paper-account .record-note{display:flex;align-items:flex-start;gap:10px;padding-top:16px;border-top:1px solid #D9C8B080}
.paper-account .record-note>svg{width:17px;height:17px;color:var(--gold);margin-top:3px}
.paper-account .account-note{margin:0;padding:0;border:0;font:14px/1.8 var(--wenkai);color:var(--ink);text-wrap:pretty}
.paper-account .preview-note{font:12px/1.8 var(--sans);margin:14px 0 0}
html[lang=en] .paper-account h1{font-size:26px;letter-spacing:0;line-height:1.4}
html[lang=en] .paper-account .form-heading p{font:14px/1.7 var(--serif)}
html[lang=en] .paper-account .brand-tagline{font:11px/1.5 var(--serif)}
html[lang=en] .paper-account .field-message{font-family:var(--sans);font-size:12px}
html[lang=en] .paper-account .field-message.is-error{font-size:14px}
html[lang=en] .paper-account .account-note{font:13px/1.8 var(--serif)}
@media(max-width:760px){
  .paper-account .sitebar-inner{width:calc(100% - 32px);min-height:72px;gap:16px}
  .paper-account .brand{gap:10px}
  .paper-account .brand-seal{width:36px;height:36px}
  .paper-account .brand-wordmark{width:94px;height:23px}
  .paper-account .brand-tagline{display:none}
  .paper-account .header-actions{gap:0}
  .paper-account .back-link{display:none}
  .paper-account .language-switch{height:32px}
  .paper-account .page{width:min(480px,calc(100% - 32px));margin:24px auto 20px}
  .paper-account .paper-card{padding:26px 24px 22px;border-radius:18px}
  .paper-account .form-heading{margin-bottom:20px}
  .paper-account h1{font-size:25px}
  .paper-account .card-seal{width:44px;height:44px;margin-bottom:14px}
  .paper-account .form-heading p{font-size:14px}
  .paper-account .mode-tabs{margin-bottom:20px}
  .paper-account .mode-tabs [aria-selected=true]::after{left:14px;right:14px}
  .paper-account .field-message{min-height:24px;line-height:24px}
  .paper-account .field-message.is-error{line-height:24px}
  .paper-account .account-note{font-size:14px}
  html[lang=en] .paper-account h1{font-size:25px}
}
@media(max-width:360px){
  .paper-account .sitebar-inner{width:calc(100% - 24px)}
  .paper-account .brand-seal{width:34px;height:34px}
  .paper-account .brand-wordmark{width:90px;height:22px}
  .paper-account .page{width:calc(100% - 24px);margin-top:20px}
  .paper-account .paper-card{padding:24px 20px 20px}
  .paper-account h1{font-size:24px}
  .paper-account .preview-note{font-size:12px}
}