/* 家长中心附加样式（复用 play.css 主题变量与基础组件） */
.acct-form { max-width: 420px; }
.acct-input {
  width: 100%; padding: 11px 14px; font: 700 15px inherit;
  border: 2px solid var(--pink-light); border-radius: 14px;
  background: #FFF9F5; color: var(--ink); outline: none;
}
.acct-input:focus { border-color: var(--red); background: #fff; }
.acct-select { width: auto; min-width: 220px; }
.acct-btn-row { justify-content: flex-start; margin-top: 6px; }
.tab-row { display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
.tab[aria-selected="true"] { background: var(--red); border-color: var(--red-deep); color: #fff; box-shadow: 0 3px 0 var(--red-dark); }
.hint { font-size: 12.5px; color: var(--ink-soft); font-weight: 600; margin-top: 6px; line-height: 1.6; }
.f-label { font-size: 13.5px; font-weight: 800; display: block; margin-bottom: 6px; }
.acct-head .s-row { padding: 4px 0; }
.badge-ok {
  display: inline-block; font-size: 11.5px; font-weight: 800;
  background: var(--green-light); color: var(--green);
  border-radius: 999px; padding: 3px 10px; margin-left: 6px;
}
.badge-ok.off { background: #FFF1F0; color: var(--red); }
.avatar-opt {
  width: 46px; height: 46px; border-radius: 16px; font-size: 22px;
  border: 2px solid var(--pink-light); background: #fff; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
}
.avatar-opt[aria-checked="true"] { border-color: var(--red); background: var(--red-light); }
#view-main .s-group { margin-bottom: 14px; }
.wb-remove {
  border: none; background: none; color: var(--red); font-weight: 800;
  cursor: pointer; font-size: 12px; padding: 2px 4px;
}
.a-btn, a.s-btn { text-decoration: none; display: inline-block; }

/* Google 登录 */
.oauth-row { margin-top: 18px; max-width: 420px; }
.oauth-divider {
  display: flex; align-items: center; gap: 10px;
  font-size: 12.5px; color: var(--ink-soft); font-weight: 700;
  margin-bottom: 12px; white-space: nowrap;
}
.oauth-divider::before, .oauth-divider::after {
  content: ''; flex: 1; height: 2px; background: var(--red-light); border-radius: 2px;
}
.oauth-google { display: inline-flex; align-items: center; gap: 10px; }
.oauth-google svg { flex-shrink: 0; }
