/* PinkyDolly V2 · pd-v2-account (T13)
 * Page-specific layout only — form fields/.alert/.okmsg/.keep/.copy all live
 * in pd-v2-account-shared.css now (shared with contact/FAQ). Ported from
 * handover/v2/pages/account/styles.css's own account-page block.
 */

/* 没有横幅和面包屑:账户页不属于商品层级(SPEC 明确要求) */
.acct{max-width:1120px;margin:0 auto;padding:calc(var(--navh) + clamp(36px,7vh,80px)) var(--gut) clamp(56px,10vh,110px)}
.acct__head{margin-bottom:clamp(22px,4vh,36px)}
.acct__head .cap{color:var(--act2)}
html[data-mode="dark"] .acct__head .cap{color:var(--main1)}
.acct h1{font-size:clamp(36px,5.2vw,60px);font-weight:650;letter-spacing:-.022em;line-height:1.02}
.acct__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(18px,2.4vw,28px);align-items:stretch}
@media (max-width:900px){.acct__grid{grid-template-columns:minmax(0,1fr)}}

/* 卡片 */
.auth{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,40px)}

/* 分段切换(真实链接,不是 JS 同页切换 —— 当前项由模板的 initial_view 决定) */
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:26px;
  background:var(--raise);border-radius:var(--pill)}
.seg__b{position:relative;z-index:1;min-height:42px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--pill);font:700 14px/1 var(--ui);color:var(--tx-dim);transition:color .2s}
.seg__b[aria-selected="true"]{color:var(--tx)}
html[data-mode="light"] .seg__b:not([aria-selected="true"]){color:#5C505C} /* tx-dim 在 raise 底上只有 4.2:1 */
@media (hover:hover) and (pointer:fine){.seg__b:hover{color:var(--tx)}}
.seg__b:focus-visible{outline:2px solid var(--act);outline-offset:2px}
.seg__i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--pill);
  background:var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .35s var(--e);pointer-events:none}
.seg[data-i="1"] .seg__i{transform:translateX(100%)}
@media (prefers-reduced-motion:reduce){.seg__i{transition:none}}

.pane{display:grid;gap:18px}
/* Display style even though it dips to 22px on mobile — decided by role
   (this heading, sitewide), not by the live clamp()'d pixel size
   (SPEC-typography.md). ≤30px max, so it also gets the +0.02em tracking. */
.pane__h{font-size:clamp(22px,2.4vw,28px);font-weight:650;letter-spacing:.02em}
.pane__lede{margin:-8px 0 0;color:var(--tx-dim);line-height:1.6}

.auth__help,.auth__fine{margin:0;font-size:13.5px;color:var(--tx-dim);text-align:center;line-height:1.6}
.auth__help a,.auth__fine a{color:var(--tx);text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .auth__help a:hover,.auth__fine a:hover{color:var(--act)}
  html[data-mode="dark"] .auth__help a:hover,html[data-mode="dark"] .auth__fine a:hover{color:var(--main1)}
}