/* ============================================================================
   帧境 · 登录 / 注册面板 —— 宽版呼吸感重排（v1）
   原面板 430px 宽塞了 9 个信息块，字号 10–12px，读起来挤。
   这里只调版式与字号，不动任何字段、按钮与提交流程。
   ========================================================================= */

/* 面板本体：加宽 + 加内边距 + 更柔的落地阴影 */
body .modal.frame-auth-modal{
  width:min(560px,calc(100vw - 32px)) !important;
  max-width:560px !important;
  padding:48px 46px 42px !important;
  border:1px solid rgba(217,185,130,.22) !important;
  border-radius:16px !important;
  background:
    radial-gradient(120% 90% at 50% -10%,rgba(217,185,130,.07),transparent 62%),
    linear-gradient(180deg,rgba(24,21,17,.98),rgba(13,12,10,.99)) !important;
  box-shadow:
    0 1px 0 rgba(255,240,214,.06) inset,
    0 48px 120px -50px rgba(0,0,0,.95),
    0 0 80px -50px rgba(217,185,130,.5) !important;
  max-height:calc(100dvh - 40px) !important;
}

/* 眉标 */
body .modal.frame-auth-modal .auth-kicker,
body .frame-auth .auth-kicker{
  font-size:10.5px;
  letter-spacing:.3em;
  color:rgba(217,185,130,.62);
  margin:0 0 20px;
}

/* 标题区：更大更稳，副标题拉开通透 */
body .modal.frame-auth-modal .auth-intro h1{
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
  font-size:38px;
  line-height:1.18;
  font-weight:600;
  letter-spacing:.02em;
  color:#f6f0e4;
  margin:0 0 14px;
}
body .modal.frame-auth-modal .auth-intro>p{
  font-size:13.5px;
  line-height:1.85;
  color:#94908a;
  margin:0 0 34px;
  letter-spacing:.01em;
}

/* 字段区：字号回到可读区间，间距拉开 */
body .modal.frame-auth-modal .auth-form{gap:22px}
body .modal.frame-auth-modal .auth-field{
  font-size:13px;
  line-height:1.7;
  color:#a7a49c;
  letter-spacing:.03em;
}
body .modal.frame-auth-modal .auth-field input{
  height:52px;
  margin-top:9px;
  padding:0 16px;
  font-size:15px;
  letter-spacing:.02em;
  border-radius:11px;
  background:rgba(8,7,6,.72);
  border:1px solid rgba(217,185,130,.2);
  color:#f0ece2;
  transition:border-color .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1),background .35s cubic-bezier(.22,.61,.36,1);
}
body .modal.frame-auth-modal .auth-field input::placeholder{color:#6b6862;font-size:14px}
body .modal.frame-auth-modal .auth-field input:hover{border-color:rgba(217,185,130,.32)}
body .modal.frame-auth-modal .auth-field input:focus{
  border-color:rgba(217,185,130,.6);
  background:rgba(14,12,10,.95);
  box-shadow:0 0 0 3px rgba(217,185,130,.1),0 0 30px -14px rgba(217,185,130,.8);
  outline:none;
}
body .modal.frame-auth-modal .auth-field-caption small{font-size:11px;color:#6d6a64}

/* 人机校验区：给足空间，不要贴住按钮 */
body .modal.frame-auth-modal .human-verification{
  margin:2px 0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(217,185,130,.14);
  border-radius:11px;
  background:rgba(255,255,255,.012);
}
body .modal.frame-auth-modal .verification-message{
  font-size:11px !important;
  line-height:1.7 !important;
  letter-spacing:.04em;
}

/* 主按钮：更高更亮 */
body .modal.frame-auth-modal .auth-submit,
body .modal.frame-auth-modal .auth-form button[type="submit"]{
  height:54px;
  margin-top:6px;
  border-radius:11px;
  font-size:15px;
  letter-spacing:.16em;
  background:linear-gradient(135deg,#f4e2bb,#d9b982 62%,#b08c52);
  color:#1a1409;
  border:none;
  box-shadow:0 18px 44px -24px rgba(217,185,130,.95),0 1px 0 rgba(255,248,232,.5) inset;
}
body .modal.frame-auth-modal .auth-switch,
body .modal.frame-auth-modal .auth-links{
  margin-top:18px;
  font-size:12.5px;
  color:#8d8981;
}
body .modal.frame-auth-modal .auth-switch a,
body .modal.frame-auth-modal .auth-links a{color:var(--gold,#d9b982)}

/* 折叠区：更轻、更透气，避免底部糊成一片 */
body .modal.frame-auth-modal details,
body .modal.frame-auth-modal .auth-plans,
body .modal.frame-auth-modal .auth-help{
  margin-top:26px;
  padding-top:20px;
  border-top:1px solid rgba(217,185,130,.1);
  border-left:0;border-right:0;border-bottom:0;
  background:none;
  font-size:12px;
  line-height:1.9;
  color:#8a867f;
}
body .modal.frame-auth-modal details summary,
body .modal.frame-auth-modal .auth-plans summary{
  font-size:12px;
  letter-spacing:.06em;
  color:#9a958d;
  transition:color .3s;
}
body .modal.frame-auth-modal details summary:hover{color:#e0c894}

/* 套餐区：从两行小字改成可读的价目 */
body .modal.frame-auth-modal .auth-plan-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:11px 0;
  font-size:12.5px;
  color:#a19d95;
  border-bottom:1px dashed rgba(217,185,130,.09);
}
body .modal.frame-auth-modal .auth-plan-row:last-of-type{border-bottom:0}
body .modal.frame-auth-modal .auth-plan-row b{
  font-family:"Noto Serif SC",Georgia,serif;
  font-size:14px;
  color:#e6cf9f;
  letter-spacing:.02em;
}
/* 套餐下的长说明：变小变淡，不再抢视线 */
body .modal.frame-auth-modal .auth-plans p,
body .modal.frame-auth-modal .auth-plans small,
body .modal.frame-auth-modal .auth-help p{
  display:block;
  margin:10px 0 0;
  font-size:11px;
  line-height:1.95;
  color:#6f6b65;
  letter-spacing:.01em;
}

/* 小屏：宽度自适应，内边距回收 */
@media (max-width:640px){
  body .modal.frame-auth-modal{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    padding:30px 22px 26px !important;
    border-radius:14px !important;
  }
  body .modal.frame-auth-modal .auth-intro h1{font-size:29px}
  body .modal.frame-auth-modal .auth-intro>p{font-size:12.5px;margin-bottom:26px}
  body .modal.frame-auth-modal .auth-form{gap:18px}
  body .modal.frame-auth-modal .auth-field input{height:48px;font-size:15px}
}

/* 登录页（/account 独立页）也套用同一套节奏 */
body .frame-auth .auth-intro h1{
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
  font-size:40px;font-weight:600;letter-spacing:.02em;color:#f6f0e4;
}
@media (max-width:900px){
  body .frame-auth .auth-intro h1{font-size:31px}
}

/* 登录页右侧面板：解开 370px 的窄限制，给足呼吸 */
body.auth-mode section.auth-pane,
.auth-mode section.auth-pane{
  width:min(100%,560px) !important;
  max-width:560px !important;
  padding:46px 48px 42px !important;
  border-radius:16px !important;
  background:
    radial-gradient(120% 90% at 50% -10%,rgba(217,185,130,.06),transparent 62%),
    linear-gradient(180deg,rgba(22,19,16,.72),rgba(11,10,9,.82)) !important;
  border:1px solid rgba(217,185,130,.14) !important;
  box-shadow:0 40px 100px -56px rgba(0,0,0,.9) !important;
}
body .auth-main{padding-right:6vw !important}
@media (max-width:1100px){
  body .auth-main{padding-right:5vw !important}
}
@media (max-width:900px){
  body.auth-mode section.auth-pane,.auth-mode section.auth-pane{width:100% !important;max-width:100% !important}
  body .auth-main{padding:32px 20px 28px !important}
}