/**
 * 前端样式
 */

/* 有效期提示 */
.expire-pay-tip {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #fff7e5;
    border: 1px solid #f1c40f;
    border-radius: 4px;
    font-size: 13px;
    color: #b58105;
    line-height: 1.5;
}

.expire-pay-tip i {
    margin-right: 5px;
    color: #f1c40f;
}

/* 倒计时 */
.expire-pay-countdown {
    margin: 10px 0;
    padding: 8px 12px;
    background-color: #f0f8ff;
    border: 1px solid #a8d8ff;
    border-radius: 4px;
    font-size: 13px;
    color: #0073aa;
    line-height: 1.5;
}

.expire-pay-countdown i {
    margin-right: 5px;
}

.expire-pay-countdown .countdown-text {
    font-weight: bold;
}

/* 已过期 */
.expire-pay-countdown.expired {
    background-color: #fff0f0;
    border-color: #ffb8b8;
    color: #e74c3c;
}

.expire-pay-countdown.expired i {
    color: #e74c3c;
}

/* 适配ZibPay主题 */
.zib-widget .expire-pay-tip,
.zib-widget .expire-pay-countdown {
    margin-left: 15px;
    margin-right: 15px;
}

/* 响应式 */
@media (max-width: 768px) {
    .expire-pay-tip,
    .expire-pay-countdown {
        font-size: 12px;
        padding: 6px 10px;
    }
}

/* === Expire Pay 高度还原 Grid 布局 === */
.expire-pay-box{display:flex;align-items:stretch;gap:12px;max-width:880px;margin:auto;height:300px;overflow:visible;font-size:0.6em;}
/* 列顺序：信息列60%，缩略图列40% */
.expire-pay-box .ep-info-col{flex:1 0 60%;display:flex;flex-direction:column;gap:8px;}
.expire-pay-box .ep-thumb-col{flex:0 0 40%;align-self:stretch;overflow:hidden;border-radius:8px;}
.ep-thumb-col .graphic{width:100%;height:100%;}
.ep-thumb-col img{width:100%;height:100%;object-fit:cover;}
/* 信息列内部元素基础 */
.ep-title-area dt{font-size:16px;font-weight:700;line-height:1.3;margin:0;}
.ep-desc-area,.pay-details,.ep-stock-bar{font-size:9px;line-height:1.3;}
/* 橙色促销条 */
.ep-flash-sale-bar{display:flex;align-items:center;background:linear-gradient(90deg,#ff7e2a 0%,#ff5b2a 100%);padding:1px 10px;border-radius:8px;color:#fff;font-size:10px;line-height:1.2;}
.flash-label{background:rgba(255,255,255,.15);padding:4px 10px;border-radius:4px;margin-right:12px;font-size:12px;font-weight:600;}
.flash-price{font-size:22px;font-weight:700;}
.flash-countdown{margin-left:auto;font-size:14px;}
/* 灰色库存/会员条 */
.ep-stock-bar{display:flex;align-items:center;background:#f5f5f5;padding:10px 16px;border-radius:8px;font-size:14px;color:#666;}
.ep-stock-bar .ep-discount{color:#ff5b2a;}
/* 按钮区域全宽 */
.ep-btn-area .but,.ep-btn-area button{width:100%;}
/* 按钮区域字体及留白再压缩 */
.ep-btn-area .but,.ep-btn-area button{padding:6px 12px;font-size:12px;}
.ep-btn-area{margin-top:6px;margin-bottom:6px;}
/* 移动端单列 */
@media(max-width:540px){
  .expire-pay-box{flex-direction:column;}
  .expire-pay-box .ep-info-col,.expire-pay-box .ep-thumb-col{flex:none;width:100%;}
  .ep-thumb-col .graphic{aspect-ratio:4/3;height:auto;}
}