/* 心动正式个人中心：复用皮肤色彩与卡片，账户功能仅扩展当前页面。 */
body[data-xd-static="0"] .xindong-profile { display: grid; gap: 20px; width: 100%; max-width: 1280px; margin: 0 auto; padding: 24px 20px 80px; color: #f8f5f9; box-sizing: border-box; }
.xindong-profile[hidden] { display: none !important; }
.xindong-profile [hidden] { display: none !important; }
.xindong-profile > * { min-width: 0; }
.xindong-profile-summary { padding: 24px; border: 1px solid #ffffff18; border-radius: 16px; background: #171717; }
.xindong-profile-summary h1, .xindong-profile-summary p { overflow-wrap: anywhere; }
.xindong-profile-avatar { display: grid; place-items: center; flex: 0 0 56px; width: 56px; height: 56px; overflow: hidden; border-radius: 50%; font-size: 22px; font-weight: 700; }
.xindong-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.xindong-profile-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 24px; }
.xindong-profile-stats a { display: grid; gap: 6px; padding: 14px 4px; border-radius: 12px; background: #242024; text-align: center; font-size: 12px; }
.xindong-profile-stats strong { font-size: 20px; }
.xindong-profile-panel, .xindong-profile-wallet { padding: 20px; border: 1px solid #ffffff18; border-radius: 16px; background: #171717; }
.xindong-profile-summary .xindong-profile-panel { margin-top: 20px; padding: 16px; }
.xindong-profile-panel summary { cursor: pointer; font-size: 14px; font-weight: 700; }
.xindong-profile-panel form { display: grid; gap: 16px; margin-top: 20px; font-size: 13px; }
.xindong-profile-panel label { display: grid; gap: 8px; }
.xindong-profile-panel input[name="nickname"] { width: 100%; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid #ffffff28; border-radius: 10px; background: #ffffff0a; color: #fff; }
.xindong-profile-panel .xindong-profile-color { display: flex; align-items: center; justify-content: space-between; }
.xindong-profile-color input { width: 48px; height: 36px; padding: 3px; border: 1px solid #ffffff28; border-radius: 8px; background: transparent; cursor: pointer; }
.xindong-profile-account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.xindong-profile-account-actions .mama-button { min-width: 0; flex: 1 1 auto; font-size: 12px; }
.xindong-profile-wallet h2 { font-size: 15px; font-weight: 700; }
.xindong-profile-wallet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.xindong-profile-wallet-grid > div { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 12px; padding: 14px 10px; border-radius: 12px; background: #242024; }
.xindong-profile-wallet-grid p, .xindong-profile-wallet-grid small { color: #b4a8b6; font-size: 12px; line-height: 1.5; }
.xindong-profile-wallet-grid strong { font-size: 17px; overflow-wrap: anywhere; }
.xindong-profile-wallet-grid .mama-button { margin-top: auto; font-size: 12px; }
.xindong-profile [role="status"] { margin-top: 12px; font-size: 12px; line-height: 1.6; color: #c9bccd; overflow-wrap: anywhere; }
.xindong-profile-order-filters { display: flex; gap: 6px; margin: 18px 0 8px; flex-wrap: wrap; }
.xindong-profile-order-filters button { padding: 7px 9px; border: 1px solid #ffffff18; border-radius: 8px; color: #b4a8b6; background: #242024; font-size: 12px; }
.xindong-profile-order-filters button[aria-selected="true"] { border-color: #f36e99; color: #f6a9c4; background: #f36e9914; }
.xindong-profile-orders ol { padding: 0; margin: 0 0 14px; list-style: none; }
.xindong-profile-orders li { display: grid; gap: 6px; padding: 14px 0; border-bottom: 1px solid #ffffff12; overflow-wrap: anywhere; font-size: 12px; line-height: 1.6; }
.xindong-profile-orders li > strong { font-size: 14px; }
.xindong-profile-orders li > small { color: #b4a8b6; }
.xindong-profile-history { padding: 24px; border: 1px solid #ffffff18; border-radius: 16px; background: #171717; }
.xindong-profile-history .mama-empty { grid-column: 1 / -1; }
.xindong-profile button:disabled { cursor: wait; opacity: .6; }
.xindong-profile button:focus-visible, .xindong-profile summary:focus-visible, .xindong-profile a:focus-visible, .xindong-profile input:focus-visible { outline: 2px solid #f36e99; outline-offset: 3px; }

/* 桌面账号摘要独立成侧栏，钱包/订单/历史利用右侧可用宽度。 */
@media (min-width: 1024px) {
    body[data-xd-static="0"] .xindong-profile { grid-template-columns: 300px minmax(0, 1fr); gap: 24px; padding: 40px 32px 96px; align-items: start; }
    .xindong-profile-summary { grid-column: 1; grid-row: 1 / span 3; }
    .xindong-profile-wallet, .xindong-profile-orders, .xindong-profile-history { grid-column: 2; }
    .xindong-profile-wallet, .xindong-profile-orders { padding: 24px; }
    .xindong-profile-wallet h2, .xindong-profile-panel summary { font-size: 16px; }
    .xindong-profile-wallet-grid { gap: 20px; }
    .xindong-profile-wallet-grid > div { padding: 20px; }
    .xindong-profile-wallet-grid strong { font-size: 24px; }
    .xindong-profile-account-actions { flex-direction: column; }
    .xindong-profile-orders li { grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 24px; align-items: center; }
    .xindong-profile-orders li > small:first-of-type { grid-column: 1 / span 2; }
    .xindong-profile-orders li > small:last-of-type { text-align: right; }
    .xindong-profile-history .mama-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* 手机保持独立单列和紧凑卡片间距，表单及钱包均不超出屏幕。 */
@media (max-width: 767px) {
    body[data-xd-static="0"] .xindong-profile { padding: 20px 16px 80px; }
    .xindong-profile-summary, .xindong-profile-history { padding: 20px; }
    .xindong-profile-panel, .xindong-profile-wallet { padding: 16px; }
    .xindong-profile-summary .xindong-profile-panel { padding: 14px; }
}