/* 会员中心 · 我的优惠券 */
.ucp-panel{background:rgba(255,255,255,.04);border-radius:14px;padding:18px 16px 24px;min-height:360px}
.ucp-head{margin-bottom:16px}
.ucp-head__title{margin:0;font-size:20px;font-weight:700;color:#fff}
.ucp-head__desc{margin:6px 0 0;font-size:13px;color:rgba(255,255,255,.55)}
.ucp-guest{text-align:center;padding:60px 16px;color:rgba(255,255,255,.7)}
.ucp-guest-btn{display:inline-block;margin-top:14px;padding:10px 22px;border-radius:999px;background:#e8b86d;color:#1a1208;font-weight:600;text-decoration:none}
.ucp-tabs{display:flex;gap:8px;margin-bottom:14px}
.ucp-tab{appearance:none;border:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);padding:8px 16px;border-radius:999px;cursor:pointer;font-size:13px}
.ucp-tab.is-active{background:#e8b86d;color:#1a1208;font-weight:600}
.ucp-loading,.ucp-empty{padding:48px 12px;text-align:center;color:rgba(255,255,255,.5);font-size:14px}
.ucp-list{display:flex;flex-direction:column;gap:12px}
.ucp-card{display:flex;align-items:stretch;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,rgba(232,184,109,.18),rgba(255,255,255,.06));border:1px solid rgba(232,184,109,.25);position:relative}
.ucp-card.is-expired,.ucp-card.is-used,.ucp-card.is-offline{opacity:.72;filter:grayscale(.35)}
.ucp-card__face{width:96px;flex:0 0 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#e8b86d,#c99245);color:#1a1208;padding:12px 8px}
.ucp-card__value{font-size:22px;font-weight:800;line-height:1.1}
.ucp-card__unit{font-size:12px;margin-top:2px}
.ucp-card__main{flex:1;padding:12px 14px;min-width:0}
.ucp-card__title{font-size:15px;font-weight:650;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ucp-card__sub{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5}
.ucp-card__time{margin-top:6px;font-size:12px;color:#e8b86d}
.ucp-card__time.is-bad{color:#ff8e8e}
.ucp-card__action{display:flex;align-items:center;padding:0 12px 0 0}
.ucp-btn{appearance:none;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;background:#e8b86d;color:#1a1208;text-decoration:none}
.ucp-btn:disabled,.ucp-btn.is-disabled{opacity:.5;cursor:not-allowed}
.ucp-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:11px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);vertical-align:middle}
.ucp-badge--warn{background:rgba(255,120,120,.2);color:#ffb0b0}
.ucp-badge--ok{background:rgba(95,184,120,.22);color:#9be0b0}
@media (max-width:720px){
  .ucp-card{flex-wrap:wrap}
  .ucp-card__face{width:100%;flex-basis:auto;flex-direction:row;gap:8px;padding:10px 14px;justify-content:flex-start}
  .ucp-card__action{width:100%;padding:0 12px 12px;justify-content:flex-end}
}

/* 默认浅色会员中心 */
.ucp-panel--light{background:#fff;border:1px solid #eee}
.ucp-panel--light .ucp-head__title{color:#222}
.ucp-panel--light .ucp-head__desc,.ucp-panel--light .ucp-loading,.ucp-panel--light .ucp-empty,.ucp-panel--light .ucp-guest{color:#888}
.ucp-panel--light .ucp-tab{background:#f3f3f3;color:#666}
.ucp-panel--light .ucp-tab.is-active{background:#e8b86d;color:#1a1208}
.ucp-panel--light .ucp-card{background:linear-gradient(135deg,#fff8ec,#fff);border-color:#f0d9a8}
.ucp-panel--light .ucp-card__title{color:#222}
.ucp-panel--light .ucp-card__sub{color:#888}
.ucp-panel--light .ucp-card__time{color:#c99245}
.ucp-panel--light .ucp-card__time.is-bad{color:#d9534f}
.ucp-panel--light .ucp-badge{background:#f5f5f5;color:#666}
.ucp-panel--light .ucp-badge--warn{background:#fdecea;color:#d9534f}
.ucp-panel--light .ucp-badge--ok{background:#e8f7ee;color:#2f9e5d}