.mine-page .mine-profile { display:flex; justify-content:flex-start; gap:16px; padding:20px; text-align:left; background:#181d2b; border-color:var(--line); }
.mine-profile .avatar { flex:0 0 56px; width:56px; height:56px; }
.mine-profile .grow { min-width:0; }
.mine-profile h2 { font-size:22px; font-weight:600; line-height:1.4; }
.mine-profile .mine-edit { margin-left:auto; flex-shrink:0; }
.mine-page .mine-wallet { display:flex; align-items:center; justify-content:flex-start; gap:16px; padding:20px; background:#24231f; border-color:rgba(224,182,99,.28); text-align:left; }
.mine-wallet .wallet-symbol { display:flex; align-items:center; justify-content:center; position:relative; flex:0 0 44px; width:44px; height:34px; margin:0; border:1px solid #e6bf78; border-radius:7px; background:transparent; color:#e6bf78; font-size:20px; font-style:normal; }
.wallet-symbol::after { content:''; position:absolute; right:-3px; width:12px; height:14px; border:1px solid #e6bf78; border-radius:3px; background:#24231f; }
.mine-wallet strong { color:#f3cf8b; font-size:28px; font-weight:600; line-height:1.3; }
.mine-wallet span { color:#c0b39a; font-size:13px; }
.mine-wallet > b { margin-left:auto; color:#f3cf8b; font-size:15px; }
.mine-ui-heading { margin:24px 2px 12px; }
.mine-ui-heading b { font-size:18px; font-weight:600; line-height:1.5; }
.mine-page .mine-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; padding:18px 8px; }
.mine-quick > button { padding:0 2px; }
.mine-quick i { width:44px; height:44px; margin-bottom:10px; border:0; box-shadow:none; font-weight:600; }
.mine-quick > button > b { font-size:13px; font-weight:500; }
.mine-service-grid { display:flex; flex-direction:column; gap:0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#181d2b; }
.mine-service-grid > button { padding:16px; border:0; border-radius:0; background:transparent; }
.mine-service-grid > button + button { border-top:1px solid var(--line); }
.mine-service-grid span b { font-size:16px; font-weight:500; }
.mine-page .mine-social { padding:16px; background:#181d2b; border-color:var(--line); }
.mine-social-top > span b { font-size:16px; font-weight:500; }
.mine-social-top > i { width:38px; height:38px; flex-basis:38px; border-radius:12px; }
/* React Ant Button keeps one content span; lay out its content explicitly. */
.mine-wallet.ant-btn > span { display:flex; align-items:center; gap:16px; width:100%; text-align:left; }
.mine-wallet.ant-btn > span > b { margin-left:auto; color:#f3cf8b; }
.mine-wallet.ant-btn > span > div { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.mine-service-grid i.coupon { margin:0; padding:0; min-height:0; overflow:hidden; }
.mine-service-grid i.coupon::before,.mine-service-grid i.coupon::after { display:none; }
.mine-quick button { display:flex; flex-direction:column; align-items:center; padding:0 2px; height:auto; border:0; background:transparent; }
.mine-quick button > span { display:flex; flex-direction:column; align-items:center; width:100%; }
.mine-quick button b { font-size:13px; font-weight:500; }
.mine-service-grid button { width:100%; height:auto; padding:16px; border:0; border-radius:0; background:transparent; text-align:left; }
.mine-service-grid button > span { display:flex; align-items:center; gap:12px; width:100%; margin:0; }
.mine-service-grid button > span > span { margin:0; }
.mine-service-grid button b { font-size:16px; font-weight:500; }
.mine-service-grid button em { margin-left:auto; color:var(--dim); font-style:normal; }
.mine-service-grid xyk-ant-button + xyk-ant-button button { border-top:1px solid var(--line); }
.mine-social.ant-btn { height:auto; }
.mine-social.ant-btn > span { width:100%; }