/* 个人中心 */
.me{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start;padding-top:24px}
.me-side{position:sticky;top:188px;overflow:hidden;background:#fff;border-radius:8px}
.me-card{display:flex;align-items:center;gap:12px;padding:20px 16px;background:linear-gradient(135deg,#FFF1E6,#fff)}
.me-card img,.me-card .av0,.av-lg{flex:none;display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--brand-bg);object-fit:cover;font-weight:700;color:var(--brand)}
.me-card b{display:block;font-size:15px}
.me-card span{font-size:12px}
.me-side nav{display:flex;flex-direction:column;padding:8px}
.me-side nav a{position:relative;display:flex;align-items:center;height:40px;padding:0 14px;border-radius:4px;font-size:14px;color:var(--ink2)}
.me-side nav a:hover{color:var(--brand)}
.me-side nav a.on{background:var(--brand-bg);font-weight:600;color:var(--brand)}
.me-side nav a.on::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--brand)}
.me-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.me-main>.panel{border:0}
.me-tiles{display:grid;grid-template-columns:repeat(4,1fr)}
.me-tiles a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 0}
.me-tiles a+a{border-left:1px solid var(--line)}
.me-tiles b{font-size:26px;font-weight:700}
.me-tiles span{font-size:13px;color:var(--ink2)}
.me-tiles a:hover span{color:var(--brand)}
.me-links{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px}
.me-links a{height:34px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #E2E2E2;border-radius:17px;font-size:13px;color:var(--ink2)}
.me-links a:hover{border-color:var(--brand);color:var(--brand)}
.me-tabs{gap:4px;overflow-x:auto}
.me-tabs a{height:30px;display:inline-flex;align-items:center;padding:0 14px;border-radius:15px;font-size:13px;color:var(--ink2);white-space:nowrap}
.me-tabs a:hover{color:var(--brand)}
.me-tabs a.on{background:var(--brand);color:#fff}
.od{border-top:1px solid var(--line)}
.od:first-of-type{border-top:0}
.od-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 20px;background:#FAFAFA;font-size:13px}
.od-st{margin-left:auto;color:var(--ink)}
.od-st.st0,.od-st.st2{color:var(--brand)}
.od-b{display:flex;flex-direction:column;gap:10px;padding:14px 20px}
.od-it{display:flex;align-items:center;gap:12px}
.od-it .cart-img{width:56px;height:56px}
.od-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px 14px;font-size:13px;color:var(--ink2)}
.od-f .price{font-size:18px}
.od-act{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.od-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px}
.od-top .od-st{margin:0;font-size:20px}
.od-top.st0 .od-st,.od-top.st2 .od-st{color:var(--brand)}
.od-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.od-grid>.panel{border:0}
.kv p{font-size:14px;line-height:1.9}
.od-sum{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:18px;padding:14px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.od-sum .price{font-size:22px}
.rf{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--line);font-size:13px}
.tl{padding:10px 20px 14px}
.tl li{display:grid;grid-template-columns:100px 120px 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line2);font-size:13px}
.tl li:last-child{border-bottom:0}
.addr-op{display:flex;gap:4px;margin-top:6px}
.rate{display:flex;gap:4px}
.rate button{font-size:26px;line-height:1;color:#DDD}
.rate button.on{color:var(--brand)}
.form-narrow{max-width:560px}
.avatar-edit{display:flex;align-items:center;gap:14px}
.av-lg{width:64px;height:64px;font-size:22px}
.av-lg img{width:100%;height:100%;object-fit:cover}
.inq{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:14px 20px;border-top:1px solid var(--line);font-size:14px}
.inq:first-child{border-top:0}
.inq p{flex-basis:100%;font-size:13px}
@media (max-width:1100px){.me{grid-template-columns:1fr}.me-side{position:static}.me-side nav{flex-direction:row;overflow-x:auto}.me-side nav a{white-space:nowrap}.me-side nav a.on::before{display:none}}
@media (max-width:767px){
  .me{gap:12px;padding-top:12px}
  .me-card{padding:14px}
  .od-grid{grid-template-columns:1fr}
  .tl li{grid-template-columns:86px 1fr}
  .tl li span:last-child{grid-column:1 / -1}
  .od-act .btn{height:32px}
}

/* 邀请商户入驻 */
.inv-share{display:flex;gap:28px;align-items:center;padding:24px}
.inv-qr{flex:none;display:grid;place-items:center;width:168px;height:168px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff}
.inv-qr svg{width:100%;height:100%}
.inv-code{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}
.inv-code h3{font-size:20px;font-weight:700}
.inv-row{display:flex;align-items:center;gap:10px;min-width:0}
.inv-row .lab{flex:none;width:64px;font-size:13px;color:var(--ink2)}
.inv-row .input{flex:1;min-width:0;max-width:440px;height:34px;font-size:13px;color:var(--ink2)}
.inv-c{font-size:26px;font-weight:700;letter-spacing:.14em;color:var(--brand)}
.inv-off{padding:28px 24px}
.inv-off h3{margin-bottom:6px;font-size:18px}
.inv-sum{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;border-top:1px solid var(--line);background:var(--brand-bg2)}
.inv-sum>div{display:flex;flex-direction:column;gap:4px;padding:16px 24px}
.inv-sum>div+div{border-left:1px solid var(--line)}
.inv-sum span{font-size:13px;color:var(--ink2)}
.inv-sum b{font-size:22px;font-weight:700}
.inv-wd{align-items:center;text-align:center}
.inv-wd small{font-size:12px}
.inv-rules{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px 40px;list-style:decimal;font-size:14px;line-height:1.8;color:var(--ink2)}
.inv-tbl{font-size:14px}
.inv-tbl td{height:48px}
.inv-st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;background:#F2F2F2;font-size:12px;color:var(--ink2)}
.inv-st.ok{background:var(--brand-bg);color:var(--brand)}
.inv-st.x{background:#FDECEC;color:var(--danger)}
.inv-note{display:block;max-width:260px;margin-top:2px;font-size:12px;white-space:normal}
.inv-more{padding:10px 20px 16px;text-align:center}
/* 我的余额（AI豆） */
.bn-hero{overflow:hidden}
.bn-top{display:flex;align-items:center;gap:24px;padding:26px 28px;background:linear-gradient(135deg,#FFF3E8,#FFFCF9)}
.bn-bal{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.bn-lab{flex-basis:100%;font-size:13px;color:var(--ink2)}
.bn-v{font-size:40px;font-weight:700;line-height:1.1;color:var(--brand)}
.bn-yuan{font-size:16px;color:var(--ink2)}
.bn-bal small{flex-basis:100%;font-size:12px}
.bn-wd{display:flex;flex-direction:column;align-items:center;gap:6px;margin-left:auto}
.bn-wd small{font-size:12px;text-align:center;max-width:220px;line-height:1.5}
.bn-calc{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:var(--brand-bg2)}
.bn-calc>div{display:flex;flex-direction:column;gap:4px;padding:14px 24px}
.bn-calc>div+div{border-left:1px solid var(--line)}
.bn-calc span{font-size:13px;color:var(--ink2)}
.bn-calc b{font-size:19px;font-weight:700}
.bn-inv{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px}
.bn-inv p{font-size:14px;line-height:1.7}
.bn-sum{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;border:1px solid var(--line);border-radius:6px;background:var(--brand-bg2)}
.bn-sum>div{display:flex;flex-direction:column;gap:3px;padding:12px 14px}
.bn-sum>div+div{border-left:1px solid var(--line)}
.bn-sum span{font-size:12px;color:var(--ink2)}
.bn-sum b{font-size:17px;font-weight:700}

/* 入驻页：通过邀请链接打开时的提示 */
.join-inv{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:22px;padding:8px 14px;border-radius:5px;background:var(--brand-bg);color:var(--ink2);font-size:14px}
.join-inv .ic{width:16px;height:16px;color:var(--brand)}
.join-inv b{color:var(--brand);letter-spacing:.08em}
@media (max-width:767px){
  .inv-share{flex-direction:column;align-items:stretch;gap:16px;padding:16px}
  .inv-qr{align-self:center;width:150px;height:150px}
  .inv-row{flex-wrap:wrap}
  .inv-row .input{flex-basis:100%;order:3;max-width:none}
  .inv-sum{grid-template-columns:1fr 1fr}
  .inv-sum>div{padding:12px 16px}
  .inv-sum>div:nth-child(3){border-left:0}
  .inv-sum>div:nth-child(n+3){border-top:1px solid var(--line)}
  .inv-wd{grid-column:1 / -1;border-left:0!important}
  .inv-sum b{font-size:18px}
}

/* 消息与在线客服 */
.chat-page{display:grid;grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 230px);min-height:560px;padding-top:24px}
.chat-page>.panel{border:0}
.chat-side{display:flex;flex-direction:column;min-height:0}
.chat-tabs{display:flex;padding:8px 12px;border-bottom:1px solid var(--line)}
.conv-list{flex:1;overflow-y:auto}
.conv{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.conv:hover{background:#FAFAFA}
.conv.on{background:var(--brand-bg2)}
.conv.notice{grid-template-columns:1fr auto}
.conv img,.conv .av0,.msg-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-bg);object-fit:cover;font-weight:700;color:var(--brand)}
.conv-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.conv-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-t .faint{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px}
.chat-main{display:flex;flex-direction:column;min-height:0}
.chat-empty{margin:auto}
.chat-box{display:flex;flex-direction:column;height:100%;min-height:0}
.chat-h{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-bottom:1px solid var(--line)}
.chat-h b{display:block;font-size:15px}
.chat-h .faint{font-size:12px}
.chat-back{display:none}
.msgs{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px;background:#FAFAFA}
.msg{display:flex;gap:10px;max-width:78%}
.msg.mine{align-self:flex-end;flex-direction:row-reverse}
.msg-av{flex:none;width:34px;height:34px}
.msg-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.msg.mine .msg-b{align-items:flex-end}
.msg-n{font-size:11px}
.msg-text{padding:9px 12px;border:1px solid var(--line);border-radius:4px 10px 10px 10px;background:#fff;font-size:14px;line-height:1.6;word-break:break-word}
.msg.mine .msg-text{border-color:transparent;border-radius:10px 4px 10px 10px;background:var(--brand);color:#fff}
.msg-img{max-width:220px;max-height:260px;border:1px solid var(--line);border-radius:8px}
.msg-card{display:flex;gap:10px;width:260px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.msg-card img{width:56px;height:56px;border-radius:4px;background:#F5F5F5;object-fit:cover}
.msg-card span{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}
.msg-card b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-sys{align-self:center;padding:4px 10px;border-radius:10px;background:#EFEFEF;font-size:12px;color:var(--ink3)}
.chat-page .quick{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-top:1px solid var(--line)}
.chat-page .quick .tag{height:26px;cursor:pointer}
.chat-page .quick .tag:hover{border-color:var(--brand);color:var(--brand)}
.chat-input{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}
.chat-input .textarea{min-height:40px;max-height:140px;resize:none}
.upl-btn{height:40px}
@media (max-width:767px){
  .chat-page{display:block;height:calc(100vh - 130px);padding-top:10px}
  .chat-side,.chat-main{height:100%}
  .chat-main{display:none}
  .chat-page.in-chat .chat-side{display:none}
  .chat-page.in-chat .chat-main{display:flex}
  .chat-back{display:inline-flex;font-size:22px}
  .msg{max-width:88%}
  .pg-chat .m-tab{display:none}
}