.coupon-container{max-width:800px;margin:0 auto;padding:20px}.coupon-tabs{display:flex;gap:6px;margin-bottom:20px}.coupon-tab{padding:6px 14px;border-radius:6px;font-size:13px;color:#64748b;text-decoration:none}.coupon-tab.active{background:#533afd;color:#fff}.coupon-empty{text-align:center;padding:60px;color:#94a3b8}.coupon-empty a{color:#533afd}.coupon-list{display:flex;flex-direction:column;gap:10px}.coupon-card{display:flex;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.coupon-card.used,.coupon-card.expired{opacity:.5}.coupon-left{width:120px;background:linear-gradient(135deg,#533afd,#7c3aed);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.coupon-value{font-size:14px;font-weight:600}.coupon-value span{font-size:28px}.coupon-condition{font-size:11px;opacity:.8;margin-top:4px}.coupon-right{flex:1;padding:14px 16px;display:flex;flex-direction:column;justify-content:center}.coupon-name{font-size:14px;font-weight:600;color:#1e293b}.coupon-time{font-size:12px;color:#94a3b8;margin-top:4px}.coupon-use-btn{margin-top:8px;padding:4px 12px;background:#533afd;color:#fff;border-radius:4px;font-size:12px;text-decoration:none;align-self:flex-start}.coupon-used-label,.coupon-expired-label{margin-top:8px;font-size:12px;color:#94a3b8}.coupon-claim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.coupon-claim-card{display:flex;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.coupon-claim-left{width:110px;background:linear-gradient(135deg,#533afd,#7c3aed);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px}.coupon-claim-value{font-size:22px;font-weight:700}.coupon-claim-condition{font-size:11px;opacity:.8}.coupon-claim-right{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center}.coupon-claim-name{font-size:14px;font-weight:600}.coupon-claim-time,.coupon-claim-remain{font-size:12px;color:#94a3b8;margin-top:2px}.coupon-claim-btn{margin-top:8px;padding:6px 14px;background:#533afd;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;align-self:flex-start}

/* 响应式 */
@media (max-width:768px){
    .coupon-container{padding:12px}
    .coupon-left{width:90px;padding:12px}
    .coupon-value span{font-size:22px}
    .coupon-right{padding:10px 12px}
    .coupon-claim-grid{grid-template-columns:1fr;gap:10px}
    .coupon-claim-left{width:90px;padding:10px}
    .coupon-claim-value{font-size:18px}
}