.page-coupon{min-height:100vh;background:#f5f5f5;padding-bottom:40px;}

.coupon-header{height:40px;display:flex;align-items:center;justify-content:space-between;background:#1787e7;color:#fff;padding:0 10px;box-sizing:border-box;}
.coupon-header-back{width:40px;text-align:left;font-size:20px;cursor:pointer;}
.coupon-header-title{flex:1;text-align:center;font-size:15px;font-weight:700;}
.coupon-header-placeholder{width:44px;}

.coupon-header-placeholder .lang-switch-wrap{position:relative;width:44px;height:24px;display:flex;align-items:center;justify-content:center;}
.coupon-header-placeholder .lang-switch{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:4px;background:transparent;color:#fff;font-size:11px;cursor:pointer;outline:none;}
.coupon-header-placeholder .lang-icon{width:24px;height:18px;}
.coupon-header-placeholder .lang-text{display:none;}
.coupon-header-placeholder .lang-menu{position:absolute;left:auto;right:0;top:100%;margin-top:6px;width:68px;background:#fff;border-radius:5px;box-shadow:0 0 20px 5px rgba(0,0,0,0.3);padding:3px 0;display:none;z-index:1200;max-height:181px;overflow-y:auto;}
.coupon-header-placeholder .lang-menu.lang-menu-open{display:block;}
.coupon-header-placeholder .lang-item{display:flex;align-items:center;justify-content:center;padding:8px 6px 5px;font-size:12px;cursor:pointer;border-bottom:1px solid #DFDDDD;text-align:center;white-space:nowrap;}
.coupon-header-placeholder .lang-item:last-child{border-bottom:none;}
.coupon-header-placeholder .lang-item img{width:24px;height:18px;margin-right:4px;}
.coupon-header-placeholder .lang-item:hover{background:#f5f7fa;}
.coupon-header-placeholder .lang-label{color:#999;font-size:12px;}
.coupon-header-placeholder .lang-item-active{background:#ff7f2a;}
.coupon-header-placeholder .lang-item-active .lang-label{color:#fff;}
.coupon-header-placeholder .triangle{width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid #fff;border-left:6px solid rgba(0,0,0,0);position:absolute;top:-10px;left:50%;transform:translateX(-50%);box-sizing:content-box;}

.coupon-biz-tabs{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #eee;}
.coupon-biz-tab{flex:1;text-align:center;height:32px;line-height:32px;border-radius:16px;font-size:13px;color:#666;background:#f5f5f5;cursor:pointer;}
.coupon-biz-tab-active{background:#1787e7;color:#fff;font-weight:700;}

.coupon-tabs{display:flex;align-items:center;justify-content:space-around;background:#fff;border-bottom:1px solid #eee;height:44px;box-sizing:border-box;}
.coupon-tab{flex:1;text-align:center;font-size:13px;color:#000000b0;cursor:pointer;}
.coupon-tab-active{color:#1787e7;font-weight:700;}
.coupon-tab-inner{display:inline-block;position:relative;padding-right:2px;}
.coupon-tab-badge{position:absolute;top:-8px;right:-14px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:10px;background:#da2021;color:#fff;font-size:10px;text-align:center;box-sizing:border-box;}

.coupon-list{margin-top:8px;}
.quan{position:relative;margin:0 18px;margin-top:12px;background:#fff;border-radius:10px;display:flex;font-family:PingFang SC,Helvetica,Arial,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,0.06);}

.quanInfo{background-image:radial-gradient(circle at right top,#f3f3f3,#f3f3f3 15rpx,transparent 16rpx),radial-gradient(circle at right bottom,#f3f3f3,#f3f3f3 15rpx,transparent 16rpx);border-right:1px dashed #F64F51;padding:12px 0 10px;width:75%;padding-left:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:108px;}
.coupon-main{flex:1;min-width:0;padding-right:12px;}
.coupon-money-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.couponMpoey{font-size:20px;font-weight:700;color:#ff3600;flex-shrink:0;line-height:1.2;}
.coupon-tag-group{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;flex:1;min-width:0;}
.couponName{font-size:14px;color:#333;display:block;margin-bottom:0;line-height:1.4;word-break:break-all;padding-right:8px;}
.coupon-biz-badge-jiyun{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;}
.coupon-biz-badge-fresh{color:#047857;background:#ecfdf5;border:1px solid #86efac;}
.coupon-biz-badge-smallpkg{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;}
.coupon-type-badge,.coupon-stack-badge{display:inline-block;font-size:10px;line-height:16px;padding:0 6px;border-radius:3px;white-space:nowrap;}
.coupon-type-direct{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;}
.coupon-type-group{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;}
.coupon-type-general{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;}
.coupon-stack-yes{color:#16a34a;background:#ecfdf3;border:1px solid #bbf7d0;}
.coupon-stack-no{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;}
.couponTime-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 12px 0 0;border-top:1px solid #f0f0f0;box-sizing:border-box;}
.couponTime{font-size:11px;color:#999;line-height:1.3;}
.coupon-arrow{font-size:14px;color:#ccc;cursor:pointer;}

.receiveBtn{background-image:radial-gradient(circle at left top,#f3f3f3,#f3f3f3 15rpx,transparent 16rpx),radial-gradient(circle at left bottom,#f3f3f3,#f3f3f3 15rpx,transparent 16rpx);display:flex;align-items:center;justify-content:center;margin-left:-2px;width:25%;}
.receive{width:86px;height:30px;line-height:30px;border-radius:16px;background:#5FC484;text-align:center;font-size:13px;color:#fff;}
.receive-disabled{background:#5fc48466;}

.coupon_description{font-size:12px;border-top:1px solid #d5e1d9;min-height:110px;background:#fff;margin:0 18px;padding-left:40px;padding-top:8px;padding-bottom:8px;box-sizing:border-box;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#1e1e1ec2;}
.coupon_description div{margin-top:3px;}

.coupon-empty{text-align:center;color:#999;font-size:13px;margin-top:60px;}

.coupon-loading{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:2000;}
.coupon-loading-box{padding:10px 18px;border-radius:8px;background:#000000cc;color:#fff;font-size:14px;}

.quan.coupon-highlight{box-shadow:0 0 0 2px #1787e7, 0 8px 20px rgba(23,135,231,.18);animation:couponPulse 1.2s ease-in-out 2;}
.coupon-biz-badge-promo{background:#fff7ed;color:#ea580c;border:1px solid #fdba74;}

@keyframes couponPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.01);}
}

@media (min-width:768px){.page-coupon{max-width:480px;margin:0 auto;border:1px solid #eee;}}