:root {
  --paper:#f6f5fb; --paper-strong:#fff; --paper-subtle:#f0edff; --ink:#2e2b44;
  --dim:#79758d; --faint:#9792aa; --line:#e5e1f0; --line-strong:#cec7e2;
  --gold:#6858c7; --gold-deep:#2f296d; --gold-fill:#6858c7; --gold-wash:#f0edff;
  --jade:#3f8066; --jade-wash:#e6f6ef; --danger:#a55267;
  --sans:'Noto Sans SC',system-ui,sans-serif; --serif:'Noto Serif SC',serif; --display:'Ma Shan Zheng','STKaiti','KaiTi',serif;
}
* { box-sizing:border-box; }
html { background:var(--paper); }
body { min-width:320px; margin:0; color:var(--ink); background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 32rem),var(--paper); font-family:var(--sans); }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.mine-main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:clamp(34px,6vw,62px) 0 96px; }
.mine-account { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:16px; padding:20px 22px; border:1px solid rgba(65,104,70,.2); border-radius:24px; background:linear-gradient(135deg,var(--jade-wash),var(--paper-strong)); box-shadow:0 12px 34px rgba(63,51,34,.055); }
.mine-account-avatar { width:56px; height:56px; display:grid; place-items:center; border-radius:18px; color:#fff; background:var(--jade); font:700 20px/1 var(--serif); }
.mine-account-copy { min-width:0; display:grid; gap:3px; }
.mine-account-copy span { color:var(--jade); font-size:11px; font-weight:700; letter-spacing:.9px; }
.mine-account-copy b { overflow:hidden; text-overflow:ellipsis; color:var(--ink); font-size:16px; line-height:1.45; white-space:nowrap; }
.mine-account-copy p { margin:0; color:var(--dim); font-size:11.5px; line-height:1.6; }
.mine-account-copy p:empty, .mine-current-copy em:empty, .mine-menu-copy small:empty { display:none; }
.mine-account-actions { display:flex; align-items:center; gap:7px; }
.mine-account-actions a,.mine-account-actions button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid rgba(65,104,70,.24); border-radius:999px; color:var(--jade); background:var(--paper-strong); font-size:11px; font-weight:700; text-decoration:none; cursor:pointer; }
.mine-card { margin-top:18px; padding:22px; border:1px solid var(--line); border-radius:22px; background:color-mix(in srgb,var(--paper-strong) 90%,transparent); box-shadow:0 8px 24px rgba(63,51,34,.045); }
.mine-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.mine-section-heading>div:first-child { min-width:0; }
.mine-section-heading p { margin:0 0 4px; color:var(--gold-deep); font-size:10px; font-weight:700; letter-spacing:1.3px; }
.mine-section-heading h2 { margin:0; font:700 22px/1.35 var(--serif); letter-spacing:.5px; }
.mine-section-heading span { display:block; margin-top:5px; color:var(--faint); font-size:10.5px; line-height:1.5; }
.mine-section-heading>a,.mine-heading-actions>a { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid var(--line); border-radius:999px; color:var(--gold-deep); background:var(--paper-strong); font-size:10.5px; font-weight:700; text-decoration:none; white-space:nowrap; }
.mine-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.mine-heading-actions .mine-primary-link { border-color:var(--gold-fill); color:#fff; background:var(--gold-fill); }
.mine-section-lead { margin:14px 0; padding:11px 13px; border-left:3px solid var(--gold); border-radius:0 11px 11px 0; color:var(--dim); background:var(--gold-wash); font-size:11px; line-height:1.75; }
.profile-primary { margin-top:17px; }
.profile-primary-card { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:13px; min-height:82px; padding:14px; border:1px solid rgba(65,104,70,.24); border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,var(--jade-wash) 72%,var(--paper-strong)),var(--paper-strong)); }
.profile-primary-mark { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; color:#fff; background:var(--jade); font:700 17px/1 var(--serif); }
.profile-primary-copy { min-width:0; display:grid; gap:4px; color:inherit; text-decoration:none; }
.profile-primary-copy>span { display:flex; align-items:center; gap:7px; min-width:0; }
.profile-primary-copy b { overflow:hidden; text-overflow:ellipsis; font-size:14px; white-space:nowrap; }
.profile-primary-copy i { padding:3px 7px; border-radius:999px; color:var(--jade); background:rgba(65,104,70,.12); font-size:9px; font-weight:700; font-style:normal; }
.profile-primary-copy small,.profile-primary-copy em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-primary-copy small { color:var(--dim); font-size:10.5px; }
.profile-primary-copy em { color:var(--faint); font-size:9.5px; font-style:normal; }
.profile-primary-open { min-height:38px; display:inline-flex; align-items:center; padding:8px 11px; border:1px solid rgba(65,104,70,.24); border-radius:999px; color:var(--jade); background:var(--paper-strong); font-size:10px; font-weight:700; text-decoration:none; white-space:nowrap; }
.profile-manager { margin-top:13px; border-top:1px solid var(--line); }
.profile-manager>summary { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 2px 4px; cursor:pointer; list-style:none; }
.profile-manager>summary::-webkit-details-marker { display:none; }
.profile-manager>summary span { display:grid; gap:3px; }
.profile-manager>summary b { font-size:12px; }
.profile-manager>summary small { color:var(--faint); font-size:10px; font-weight:400; }
.profile-manager>summary i { width:9px; height:9px; flex:0 0 auto; border-top:1.5px solid var(--faint); border-right:1.5px solid var(--faint); transform:rotate(45deg); transition:transform .18s; }
.profile-manager[open]>summary i { transform:rotate(135deg); }
.profile-manager-body { padding:2px 0 4px; }
.profile-search { min-height:48px; display:flex; align-items:center; gap:10px; margin-top:14px; padding:0 14px; border:1px solid var(--line-strong); border-radius:14px; color:var(--gold-deep); background:var(--paper-strong); }
.profile-search>span { font:500 23px/1 var(--serif); }
.profile-search input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; font-size:13px; }
.profile-list { display:grid; gap:10px; margin-top:13px; }
.profile-state { margin:0; padding:34px 18px; border:1px dashed var(--line-strong); border-radius:16px; color:var(--faint); font-size:11.5px; line-height:1.75; text-align:center; }
.profile-state a { display:inline-flex; margin-top:10px; padding:9px 13px; border-radius:999px; color:#fff; background:var(--gold-fill); font-size:10px; font-weight:700; text-decoration:none; }
.profile-card { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid var(--line); border-radius:17px; background:var(--paper-strong); transition:border-color .18s,transform .18s,box-shadow .18s; }
.profile-card:hover { border-color:color-mix(in srgb,var(--gold) 48%,var(--line)); transform:translateY(-1px); box-shadow:0 7px 18px rgba(63,51,34,.06); }
.profile-card.is-default { border-color:rgba(65,104,70,.27); background:linear-gradient(135deg,color-mix(in srgb,var(--jade-wash) 70%,var(--paper-strong)),var(--paper-strong)); }
.profile-card-mark { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#fff; background:var(--gold-fill); font:700 15px/1 var(--serif); }
.profile-card.is-default .profile-card-mark { background:var(--jade); }
.profile-card-main { min-width:0; display:grid; gap:4px; color:inherit; text-decoration:none; }
.profile-card-title { display:flex; align-items:center; gap:7px; min-width:0; }
.profile-card-title b { overflow:hidden; text-overflow:ellipsis; font-size:13px; white-space:nowrap; }
.profile-default-badge { flex:0 0 auto; padding:3px 6px; border-radius:999px; color:var(--jade); background:rgba(65,104,70,.12); font-size:8.5px; font-weight:700; }
.profile-card-main small { overflow:hidden; color:var(--faint); font-size:10px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.profile-card-main em { color:var(--dim); font-size:9.5px; line-height:1.45; font-style:normal; }
.profile-card-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
.profile-card-actions button { min-height:34px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--dim); background:var(--paper-strong); font-size:9.5px; font-weight:700; cursor:pointer; }
.profile-card-actions .profile-switch { border-color:var(--gold-fill); color:#fff; background:var(--gold-fill); }
.profile-card-actions .profile-delete { color:var(--danger); }
.profile-card-actions button:disabled { opacity:.55; cursor:wait; }
.mine-menu { margin-top:18px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:color-mix(in srgb,var(--paper-strong) 92%,transparent); box-shadow:0 8px 24px rgba(63,51,34,.045); }
.mine-menu-row { min-height:74px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:13px; margin-left:18px; padding:12px 20px 12px 0; color:inherit; text-decoration:none; }
.mine-menu-row+.mine-menu-row { border-top:1px solid var(--line); }
.mine-menu-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#fff; background:var(--gold-fill); font:700 13px/1 var(--serif); }
.mine-menu-icon.is-favorite { background:#917548; }
.mine-menu-icon.is-settings { background:#657588; }
.mine-menu-copy { min-width:0; display:grid; gap:4px; }
.mine-menu-copy b { font-size:13.5px; }
.mine-menu-copy small { overflow:hidden; color:var(--faint); font-size:10.5px; text-overflow:ellipsis; white-space:nowrap; }
.mine-menu-row:hover,.mine-menu-row:focus-visible { outline:0; background:color-mix(in srgb,var(--gold-wash) 52%,transparent); }
.record-kind-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:16px; }
.record-kind-summary a { min-width:0; display:grid; justify-items:center; gap:5px; padding:14px 8px; border:1px solid var(--line); border-radius:15px; color:inherit; background:var(--paper-strong); text-decoration:none; }
.record-kind-summary b { color:var(--gold-deep); font:700 22px/1 var(--serif); }
.record-kind-summary span { color:var(--dim); font-size:10px; }
.mine-records .records-controls { margin-top:16px; }
.mine-records .records-empty { margin-top:8px; }
.mine-privacy-note { margin:14px 0 0; padding-top:13px; border-top:1px solid var(--line); color:var(--faint); font-size:10px; line-height:1.75; }
.mine-theme { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:15px; }
.mine-theme button { min-height:60px; display:grid; justify-items:start; gap:5px; padding:12px 14px; border:1px solid var(--line); border-radius:15px; color:var(--ink); background:var(--paper-strong); text-align:left; cursor:pointer; }
.mine-theme button[aria-pressed='true'] { border-color:var(--gold); background:var(--gold-wash); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent); }
.mine-theme b { font-size:12px; }.mine-theme span { color:var(--faint); font-size:9.5px; }
.payment-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:16px; }
.payment-product { position:relative; display:grid; align-content:start; gap:9px; min-width:0; padding:17px; border:1px solid var(--line); border-radius:18px; background:var(--paper-strong); }
.payment-product.is-recommended { border-color:rgba(169,138,85,.58); box-shadow:0 9px 24px rgba(116,87,42,.08); }
.payment-product-badge { position:absolute; top:-9px; right:12px; padding:4px 8px; border-radius:999px; color:#fff; background:var(--gold-fill); font-size:8px; font-weight:700; letter-spacing:.5px; }
.payment-product h3 { margin:0; font:700 15px/1.4 var(--serif); }
.payment-product-price { display:flex; align-items:baseline; gap:3px; color:var(--gold-deep); }
.payment-product-price small { font-size:13px; font-weight:700; }.payment-product-price b { font:700 30px/1 var(--serif); }
.payment-product>p { min-height:3.2em; margin:0; color:var(--dim); font-size:10px; line-height:1.6; }
.payment-product-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:3px; }
.payment-product-actions button { min-height:38px; padding:8px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--paper-subtle); font-size:10px; font-weight:700; cursor:pointer; }
.payment-product-actions button[data-channel='alipay'] { border-color:rgba(22,119,255,.28); color:#1269cf; background:color-mix(in srgb,#1677ff 8%,var(--paper-strong)); }
.payment-product-actions button[data-channel='wechat'] { border-color:rgba(7,193,96,.3); color:#087a41; background:color-mix(in srgb,#07c160 8%,var(--paper-strong)); }
.payment-product-actions button:disabled { opacity:.5; cursor:wait; }
.payment-status { min-height:1.6em; margin:13px 0 0; color:var(--dim); font-size:10.5px; line-height:1.6; }
.payment-status[data-kind='success'] { color:var(--jade); }.payment-status[data-kind='error'] { color:var(--danger); }
.payment-fallback { width:max-content; max-width:100%; min-height:40px; display:inline-flex; align-items:center; justify-content:center; margin-top:8px; padding:8px 14px; border:1px solid rgba(22,119,255,.28); border-radius:12px; color:#1269cf; background:color-mix(in srgb,#1677ff 8%,var(--paper-strong)); font-size:11px; font-weight:700; line-height:1.5; text-decoration:none; }
.payment-fallback[hidden] { display:none; }
.payment-fallback:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.payment-history { margin-top:9px; border-top:1px solid var(--line); color:var(--dim); font-size:10px; }
.payment-history summary { padding:13px 0 6px; color:var(--gold-deep); font-weight:700; cursor:pointer; }
.payment-order { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:9px 0; border-bottom:1px solid var(--line); }
.payment-order b { overflow:hidden; color:var(--ink); text-overflow:ellipsis; white-space:nowrap; }.payment-order time { color:var(--faint); font-size:9px; }
.payment-order span { grid-row:1 / span 2; grid-column:2; align-self:center; padding:4px 7px; border-radius:999px; background:var(--paper-subtle); font-size:9px; }
.payment-order span[data-status='paid'] { color:var(--jade); background:var(--jade-wash); }
.payment-order span[data-status='paid_unfulfilled'] { color:var(--danger); background:color-mix(in srgb,var(--danger) 9%,var(--paper-strong)); }
.payment-dialog { width:min(390px,calc(100% - 28px)); padding:0; border:0; border-radius:24px; color:var(--ink); background:transparent; }
.payment-dialog::backdrop { background:rgba(26,25,22,.62); backdrop-filter:blur(4px); }
.payment-dialog-card { position:relative; display:grid; justify-items:center; gap:9px; padding:27px 24px 24px; border:1px solid var(--line); border-radius:24px; background:var(--paper-strong); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.payment-dialog-card>p { margin:0; color:#087a41; font-size:10px; font-weight:700; letter-spacing:1.4px; }.payment-dialog-card h2 { margin:0 0 4px; font:700 20px/1.4 var(--serif); }
.payment-dialog-card canvas { width:248px; max-width:100%; height:auto; padding:8px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.payment-dialog-card strong { color:var(--gold-deep); font:700 18px/1.4 var(--serif); }.payment-dialog-card>span { color:var(--dim); font-size:10.5px; }
.payment-dialog-close { position:absolute; top:10px; right:12px; width:34px; height:34px; border:0; color:var(--dim); background:transparent; font-size:25px; cursor:pointer; }
.payment-dialog-done { min-height:39px; margin-top:5px; padding:8px 18px; border:1px solid var(--line); border-radius:999px; color:var(--dim); background:var(--paper-subtle); font-size:10px; font-weight:700; cursor:pointer; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid color-mix(in srgb,var(--gold) 38%,transparent); outline-offset:2px; }
html[data-theme='dark'] body { --paper:#20211f; --paper-strong:#292a27; --paper-subtle:#30312d; --ink:#f1ecdf; --dim:#b8b3a8; --faint:#93948b; --line:rgba(228,214,182,.16); --line-strong:rgba(228,214,182,.27); --gold-wash:#453b2c; --jade-wash:#29372d; background:radial-gradient(circle at 12% 0%,rgba(170,131,72,.14),transparent 32rem),var(--paper); }
@media (max-width:720px) {
  .mine-main { width:min(100% - 28px,640px); padding-top:30px; padding-bottom:116px; }
  .mine-account { grid-template-columns:52px minmax(0,1fr) auto; gap:12px; padding:16px; }
  .mine-account-avatar { width:50px; height:50px; border-radius:16px; }
  .mine-account-copy b { font-size:14px; }
  .mine-account-actions { grid-column:auto; justify-content:flex-end; }
  .mine-account-actions a { min-width:0; min-height:40px; padding-inline:11px; }
  .mine-card { padding:16px; border-radius:19px; }
  .mine-section-heading { align-items:center; }
  .profile-primary-card { grid-template-columns:46px minmax(0,1fr) auto; gap:10px; padding:12px; }
  .profile-primary-mark { width:44px; height:44px; border-radius:14px; }
  .payment-products { grid-template-columns:1fr; }
  .payment-product>p { min-height:0; }
  .profile-card { grid-template-columns:42px minmax(0,1fr); }
  .profile-card-mark { width:40px; height:40px; border-radius:12px; }
  .profile-card-actions { grid-column:2; justify-content:flex-start; }
}
@media (max-width:430px) {
  .mine-main { width:calc(100% - 22px); }
  .mine-account-copy p { max-width:180px; }
  .profile-primary-open { min-width:38px; width:38px; padding:0; overflow:hidden; color:transparent; }
  .profile-primary-open::after { width:8px; height:8px; border-top:1.5px solid var(--jade); border-right:1.5px solid var(--jade); content:''; transform:rotate(45deg); }
  .mine-menu-row { margin-left:14px; padding-right:16px; }
  .record-kind-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* 个人中心 v3：账号与当前命主合一，减少系统设置页式的大卡堆叠。 */
[hidden] { display:none !important; }
html[data-theme='light'] body {
  --mine-canvas:#f6f5fb;
  --mine-paper:rgba(255,255,255,.94);
  --mine-paper-solid:#fff;
  --mine-ink:#2e2b44;
  --mine-muted:#645f77;
  --mine-line:rgba(104,88,199,.15);
  --mine-line-strong:rgba(104,88,199,.26);
  --mine-purple:#6858c7;
  --mine-purple-deep:#352d78;
  --mine-lavender:#efedfb;
  --mine-mint:#e7f6f1;
  --mine-jade:#367463;
  --mine-blue:#eaf3fb;
  --mine-gold:#fff4dc;
  --mine-rose:#f9ebf0;
  min-height:100vh;
  background:
    radial-gradient(circle at 2% 0%,rgba(104,88,199,.15),transparent 27rem),
    radial-gradient(circle at 100% 18%,rgba(117,205,184,.18),transparent 29rem),
    var(--mine-canvas);
}

.mine-gate {
  width:min(760px,calc(100% - 40px));
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:22px auto 0;
  padding:12px 16px;
  border:1px solid rgba(104,88,199,.18);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  color:var(--mine-muted,#645f77);
}
.mine-gate p { margin:0; font-size:13px; }
.mine-gate button {
  min-height:42px;
  padding:9px 18px;
  border:1px solid rgba(104,88,199,.24);
  border-radius:999px;
  color:#fff;
  background:var(--mine-purple,#6858c7);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.mine-gate button:disabled { opacity:.55; cursor:wait; }

.mine-main {
  width:min(760px,calc(100% - 40px));
  padding:clamp(28px,5vw,52px) 0 56px;
}
#profileQuickSwitch { scroll-margin-top:calc(var(--site-nav-height,82px) + env(safe-area-inset-top,0px) + 16px); }
html body .site-header { padding-top:env(safe-area-inset-top,0px); }
html body .site-nav-bar {
  padding-left:max(clamp(20px,3vw,54px),env(safe-area-inset-left,0px));
  padding-right:max(clamp(20px,3vw,54px),env(safe-area-inset-right,0px));
}

.mine-account {
  display:block;
  padding:0;
  overflow:hidden;
  border:1px solid var(--mine-line);
  border-radius:26px;
  background:var(--mine-paper);
  box-shadow:0 18px 48px rgba(47,41,109,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.mine-account-head {
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:23px 24px 20px;
}
.mine-account-avatar {
  width:56px;
  height:56px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,#7869d4,#51439f);
  box-shadow:0 8px 19px rgba(74,60,155,.2);
  font:600 20px/1 var(--serif);
}
.mine-account-copy { gap:4px; }
.mine-account-copy span {
  color:var(--mine-purple-deep);
  font-size:11px;
  letter-spacing:1.4px;
}
.mine-account-copy b {
  color:var(--mine-ink);
  font-size:17px;
  font-weight:650;
}
.mine-account-copy p {
  color:var(--mine-muted);
  font-size:12px;
  line-height:1.55;
}
.mine-account-actions { justify-content:flex-end; }
.mine-account-actions a,
.mine-account-actions button {
  min-height:44px;
  padding:9px 14px;
  border-color:var(--mine-line-strong);
  color:var(--mine-purple-deep);
  background:rgba(255,255,255,.88);
  font-size:12px;
}

.mine-current-profile {
  width:100%;
  min-height:82px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 10px;
  align-items:center;
  gap:13px;
  padding:16px 24px;
  border:0;
  border-top:1px solid var(--mine-line);
  border-radius:0;
  color:var(--mine-ink);
  background:linear-gradient(125deg,var(--mine-mint),rgba(255,255,255,.82) 78%);
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
}
.mine-current-profile:not(:disabled) { cursor:pointer; }
.mine-current-profile:disabled { opacity:1; cursor:default; }
.mine-current-mark {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(63,128,111,.2);
  border-radius:15px;
  color:var(--mine-jade);
  background:rgba(255,255,255,.78);
  font:700 17px/1 var(--serif);
}
.mine-current-copy { min-width:0; display:grid; gap:3px; }
.mine-current-copy small { color:var(--mine-jade); font-size:11px; font-weight:700; letter-spacing:.8px; }
.mine-current-copy b { overflow:hidden; color:var(--mine-ink); font:600 16px/1.4 var(--serif); text-overflow:ellipsis; white-space:nowrap; }
.mine-current-copy em { overflow:hidden; color:var(--mine-muted); font-size:12px; font-style:normal; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.mine-current-chevron,
.profile-card-chevron {
  width:9px;
  height:9px;
  border-top:1.5px solid var(--mine-muted);
  border-right:1.5px solid var(--mine-muted);
  transform:rotate(45deg);
}
.mine-current-profile:disabled .mine-current-chevron { opacity:0; }
.mine-current-profile[data-state='loading'] .mine-current-mark,
.mine-current-profile[data-state='syncing'] .mine-current-mark { color:var(--mine-purple-deep); }

.mine-profiles { margin-top:16px; }
.profile-create-card {
  min-height:94px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:15px;
  padding:18px 22px;
  border:1px solid var(--mine-line-strong);
  border-radius:22px;
  color:var(--mine-ink);
  background:linear-gradient(135deg,rgba(255,255,255,.96),var(--mine-lavender));
  box-shadow:0 10px 30px rgba(47,41,109,.055);
  text-decoration:none;
}
.profile-create-mark {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(104,88,199,.18);
  border-radius:17px;
  color:var(--mine-purple);
  background:rgba(255,255,255,.78);
  font:400 29px/1 var(--sans);
}
.profile-create-copy { min-width:0; display:grid; gap:5px; }
.profile-create-copy b { font:600 17px/1.35 var(--serif); }
.profile-create-copy small { color:var(--mine-muted); font-size:12.5px; line-height:1.55; }

.profile-switch-group {
  margin-top:16px;
  padding:21px 22px 6px;
  border:1px solid var(--mine-line);
  border-radius:22px;
  background:var(--mine-paper);
  box-shadow:0 10px 30px rgba(47,41,109,.05);
}
.profile-switch-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; }
.profile-switch-heading p { margin:0 0 4px; color:var(--mine-purple-deep); font-size:11px; font-weight:700; letter-spacing:1.4px; }
.profile-switch-heading h2 { margin:0; color:var(--mine-ink); font:600 19px/1.35 var(--serif); }
.profile-switch-heading > span { color:var(--mine-muted); font-size:12px; }
.profile-switch-hint { margin:7px 0 0; color:var(--mine-muted); font-size:12px; line-height:1.55; }
.profile-orbit-list {
  display:flex;
  gap:10px;
  margin:18px -4px 3px;
  padding:0 4px 12px;
  overflow-x:auto;
  scrollbar-width:none;
}
.profile-orbit-list::-webkit-scrollbar { display:none; }
.profile-orbit-item {
  width:76px;
  min-width:76px;
  min-height:96px;
  display:grid;
  justify-items:center;
  align-content:start;
  gap:5px;
  padding:8px 5px;
  border:0;
  border-radius:17px;
  color:var(--mine-ink);
  background:transparent;
  cursor:pointer;
}
.profile-orbit-mark {
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid rgba(104,88,199,.19);
  border-radius:50%;
  color:var(--mine-purple-deep);
  background:linear-gradient(145deg,#fff,var(--mine-lavender));
  box-shadow:0 6px 16px rgba(47,41,109,.08);
  font:600 17px/1 var(--serif);
}
.profile-orbit-item b { width:100%; overflow:hidden; font-size:12px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.profile-orbit-item small { color:var(--mine-muted); font-size:11px; }

.profile-manager { margin-top:4px; border-top:1px solid var(--mine-line); }
.profile-manager > summary { min-height:64px; padding:10px 2px 8px; }
.profile-manager > summary b { color:var(--mine-ink); font-size:13px; }
.profile-manager > summary small { color:var(--mine-muted); font-size:12px; }
.profile-manager > summary i { border-color:var(--mine-muted); }
.profile-manager-body { padding:0 0 15px; }
.profile-search {
  min-height:48px;
  margin-top:8px;
  border-color:var(--mine-line-strong);
  border-radius:14px;
  color:var(--mine-purple-deep);
  background:rgba(255,255,255,.88);
}
.profile-search input { color:var(--mine-ink); font-size:13px; }
.profile-search input::placeholder { color:var(--mine-muted); }
.profile-list { gap:9px; margin-top:11px; }
.profile-state { padding:16px 14px; border-color:var(--mine-line-strong); color:var(--mine-muted); font-size:12px; }
.profile-card {
  width:100%;
  grid-template-columns:46px minmax(0,1fr) 10px;
  gap:12px;
  padding:13px 14px;
  border-color:var(--mine-line);
  border-radius:16px;
  color:var(--mine-ink);
  background:rgba(255,255,255,.92);
  text-align:left;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.profile-card.is-default { border-color:rgba(63,128,111,.23); background:linear-gradient(135deg,var(--mine-mint),#fff); }
.profile-card-mark {
  width:44px;
  height:44px;
  border:1px solid rgba(104,88,199,.17);
  border-radius:14px;
  color:var(--mine-purple-deep);
  background:var(--mine-lavender);
  font-size:15px;
}
.profile-card.is-default .profile-card-mark { color:var(--mine-jade); background:rgba(255,255,255,.76); }
.profile-card-main { gap:3px; }
.profile-card-title b { color:var(--mine-ink); font-size:14px; }
.profile-default-badge { color:var(--mine-jade); background:rgba(63,128,111,.1); font-size:10px; }
.profile-card-main small { color:var(--mine-muted); font-size:12px; }
.profile-card-main em { color:var(--mine-muted); font-size:11.5px; }

.mine-menu {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mine-menu-row {
  min-width:0;
  min-height:106px;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:0;
  padding:16px;
  border:1px solid var(--mine-line);
  border-radius:19px;
  color:var(--mine-ink);
  background:rgba(255,255,255,.9);
  box-shadow:0 9px 27px rgba(47,41,109,.045);
}
.mine-menu-row + .mine-menu-row { border-top:1px solid var(--mine-line); }
.mine-menu-icon {
  width:46px;
  height:46px;
  border:1px solid rgba(104,88,199,.16);
  border-radius:15px;
  color:#5e50b8;
  background:var(--mine-lavender);
  font:600 16px/1 var(--serif);
}
.mine-menu-icon.is-favorite { border-color:rgba(145,108,30,.15); color:#8c681d; background:var(--mine-gold); }
.mine-menu-icon.is-settings { border-color:rgba(76,112,155,.15); color:#4c709b; background:var(--mine-blue); }
.mine-menu-copy { gap:5px; }
.mine-menu-copy b { color:var(--mine-ink); font:600 16px/1.35 var(--serif); }
.mine-menu-copy small { color:var(--mine-muted); font-size:12px; line-height:1.5; white-space:normal; }

.mine-status {
  margin:12px 0 0;
  padding:11px 14px;
  border:1px solid rgba(54,116,99,.22);
  border-radius:13px;
  color:var(--mine-jade);
  background:var(--mine-mint);
  font-size:12px;
  line-height:1.55;
}
.mine-status:empty { display:none; }

.mine-card {
  border-color:var(--mine-line);
  background:var(--mine-paper);
  box-shadow:0 10px 30px rgba(47,41,109,.05);
}
.mine-recharge { margin-top:18px; }
.mine-recharge .mine-section-heading p { color:var(--mine-purple-deep); font-size:11px; }
.mine-recharge .mine-section-heading h2 { color:var(--mine-ink); font-size:20px; }
.mine-recharge .mine-section-heading span,
.mine-recharge .mine-section-lead,
.mine-recharge .mine-privacy-note,
.mine-recharge .payment-status,
.mine-recharge .payment-history { color:var(--mine-muted); font-size:12px; }
.mine-recharge .payment-history summary { color:var(--mine-purple-deep); font-size:12px; }
.mine-recharge .payment-order time,
.mine-recharge .payment-order span { color:var(--mine-muted); font-size:11px; }
.mine-recharge .payment-order span[data-status='paid'] { color:var(--mine-jade); }
.mine-recharge .payment-order span[data-status='paid_unfulfilled'] { color:var(--danger); }
.mine-recharge .payment-product-badge { font-size:10.5px; }
.mine-recharge .payment-product > p { color:var(--mine-muted); font-size:12px; }
.mine-recharge .payment-product-actions button { min-height:44px; font-size:12px; }
.payment-dialog-card > p,
.payment-dialog-card > span,
.payment-dialog-done { font-size:12px; }
.payment-dialog-card > span,
.payment-dialog-done { color:var(--mine-muted,#645f77); }
.payment-dialog-done { min-height:44px; }
.payment-dialog button:focus-visible {
  outline:3px solid var(--mine-purple-deep,#352d78);
  outline-offset:2px;
}

.profile-detail-dialog {
  width:min(520px,calc(100% - 28px));
  max-height:min(760px,calc(100vh - 28px));
  max-height:min(760px,calc(100dvh - 28px));
  margin:auto;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:26px;
  color:var(--mine-ink,#2e2b44);
  background:transparent;
}
.profile-detail-dialog::backdrop { background:rgba(35,31,67,.54); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.profile-detail-surface {
  max-height:min(760px,calc(100vh - 28px));
  max-height:min(760px,calc(100dvh - 28px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--mine-line,rgba(104,88,199,.15));
  border-radius:26px;
  background:var(--mine-paper-solid,#fff);
  box-shadow:0 26px 80px rgba(35,31,67,.24);
}
.profile-detail-head {
  flex:0 0 auto;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:17px 18px;
  border-bottom:1px solid var(--mine-line,rgba(104,88,199,.15));
  background:linear-gradient(135deg,var(--mine-lavender,#efedfb),#fff 74%);
}
.profile-detail-back {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0 0 3px;
  border:1px solid var(--mine-line-strong,rgba(104,88,199,.26));
  border-radius:14px;
  color:var(--mine-purple-deep,#352d78);
  background:rgba(255,255,255,.85);
  font:400 30px/1 var(--serif);
  cursor:pointer;
}
.profile-detail-head > div { min-width:0; }
.profile-detail-head > div > span { color:var(--mine-purple-deep,#352d78); font-size:10.5px; font-weight:700; letter-spacing:1.3px; }
.profile-detail-head h2 { overflow:hidden; margin:3px 0 0; font:600 19px/1.35 var(--serif); text-overflow:ellipsis; white-space:nowrap; }
.profile-detail-badge { padding:5px 8px; border-radius:999px; color:var(--mine-jade,#367463); background:var(--mine-mint,#e7f6f1); font-size:10px; font-weight:700; font-style:normal; }
.profile-detail-body { min-height:0; overflow-y:auto; padding:20px 22px max(22px,env(safe-area-inset-bottom)); }
.profile-detail-lead { margin:0 0 14px; padding:12px 13px; border-radius:13px; color:var(--mine-muted,#645f77); background:var(--mine-lavender,#efedfb); font-size:12px; line-height:1.7; }
.profile-detail-list { margin:0; border-block:1px solid var(--mine-line,rgba(104,88,199,.15)); }
.profile-detail-list > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:14px; padding:13px 2px; border-bottom:1px solid var(--mine-line,rgba(104,88,199,.15)); }
.profile-detail-list > div:last-child { border-bottom:0; }
.profile-detail-list dt { color:var(--mine-muted,#645f77); font-size:12px; }
.profile-detail-list dd { min-width:0; margin:0; color:var(--mine-ink,#2e2b44); font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.profile-detail-primary {
  width:100%;
  min-height:48px;
  margin-top:18px;
  border:0;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--mine-purple,#6858c7),var(--mine-purple-deep,#352d78));
  box-shadow:0 9px 20px rgba(67,54,145,.18);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.profile-detail-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:10px; }
.profile-detail-actions button { min-height:46px; border:1px solid var(--mine-line-strong,rgba(104,88,199,.26)); border-radius:13px; color:var(--mine-purple-deep,#352d78); background:#fff; font-size:12px; font-weight:700; cursor:pointer; }
.profile-detail-actions.is-single #btnProfileDetailUse { grid-column:1 / -1; }
.profile-detail-status { min-height:1.6em; margin:10px 0 0; color:var(--mine-muted,#645f77); font-size:12px; line-height:1.6; }
.profile-detail-status[data-kind='success'] { color:var(--mine-jade,#367463); }
.profile-detail-status[data-kind='error'] { color:var(--danger,#a55267); }
.profile-detail-danger { margin-top:22px; padding-top:18px; border-top:1px solid var(--mine-line,rgba(104,88,199,.15)); }
.profile-detail-danger h3 { margin:0; color:var(--mine-ink,#2e2b44); font:600 14px/1.4 var(--serif); }
.profile-detail-danger p { margin:5px 0 11px; color:var(--mine-muted,#645f77); font-size:11.5px; line-height:1.65; }
.profile-detail-danger button { min-height:44px; padding:9px 13px; border:1px solid color-mix(in srgb,var(--danger,#a55267) 35%,transparent); border-radius:12px; color:var(--danger,#a55267); background:transparent; font-size:12px; cursor:pointer; }

.profile-create-card:hover,
.profile-orbit-item:hover,
.mine-menu-row:hover,
.profile-card:hover { transform:translateY(-1px); }
.mine-account a:focus-visible,
.mine-current-profile:focus-visible,
.profile-create-card:focus-visible,
.profile-orbit-item:focus-visible,
.profile-manager > summary:focus-visible,
.profile-card:focus-visible,
.mine-menu-row:focus-visible,
.profile-detail-dialog button:focus-visible {
  outline:3px solid var(--mine-purple-deep,#352d78);
  outline-offset:2px;
}
.profile-search:focus-within {
  border-color:var(--mine-purple-deep,#352d78);
  outline:3px solid var(--mine-purple-deep,#352d78);
  outline-offset:2px;
  box-shadow:none;
}

@media (max-width:720px) {
  html body .site-nav-bar {
    padding-left:max(18px,env(safe-area-inset-left,0px));
    padding-right:max(18px,env(safe-area-inset-right,0px));
  }
  .mine-main { width:min(100% - 24px,640px); padding-top:20px; padding-bottom:40px; }
  .mine-account-head { grid-template-columns:52px minmax(0,1fr) auto; gap:12px; padding:18px 16px 16px; }
  .mine-account-avatar { width:50px; height:50px; border-radius:16px; }
  .mine-account-copy b { font-size:15px; }
  .mine-account-copy p { max-width:none; font-size:12px; }
  .mine-account-actions a { min-width:0; padding-inline:12px; }
  .mine-current-profile { padding:15px 17px; }
  .profile-create-card { padding:17px; }
  .profile-switch-group { padding:19px 17px 5px; }
  .mine-menu { grid-template-columns:1fr; gap:9px; }
  .mine-menu-row { min-height:82px; padding:13px 16px; }
  .profile-card { grid-template-columns:44px minmax(0,1fr) 9px; }
  .profile-card-mark { width:42px; height:42px; }
  .payment-products { grid-template-columns:1fr; }
}

@media (max-width:430px) {
  html body .site-nav-bar {
    padding-left:max(14px,env(safe-area-inset-left,0px));
    padding-right:max(14px,env(safe-area-inset-right,0px));
  }
  .mine-main { width:calc(100% - 22px); }
  .mine-account-actions { gap:5px; }
  .mine-account-actions a { padding-inline:10px; }
  .profile-create-card { grid-template-columns:50px minmax(0,1fr); gap:12px; }
  .profile-create-mark { width:48px; height:48px; }
  .profile-create-copy small { font-size:12px; }
  .mine-menu-row { margin-left:0; padding-right:15px; }
  .profile-detail-dialog { width:100%; max-height:calc(100vh - max(8px,env(safe-area-inset-top))); max-height:calc(100dvh - max(8px,env(safe-area-inset-top))); margin:auto 0 0; border-radius:24px 24px 0 0; }
  .profile-detail-surface { max-height:calc(100vh - max(8px,env(safe-area-inset-top))); max-height:calc(100dvh - max(8px,env(safe-area-inset-top))); border-radius:24px 24px 0 0; }
  .profile-detail-head { padding:14px 15px; }
  .profile-detail-body { padding:18px 17px max(20px,env(safe-area-inset-bottom)); }
}