.st-activity{padding:20px 0}
.st-activity .activity-header{margin-bottom:8px}
.st-activity .activity-header h3{margin:0 0 2px;font-size:24px;font-weight:700;color:#222}
.st-activity .activity-header p{margin:0;color:#666}

.st-activity .activity-card{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;transition:.2s}
.st-activity .activity-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.08)}
.st-activity .activity-card a{display:block;color:inherit;text-decoration:none}
.st-activity .activity-card img{display:block;width:100%;height:180px;object-fit:cover;background:#f7f7f7}
.st-activity .activity-card .title{padding:10px 12px 4px;font-size:14px;line-height:1.5;min-height:46px;color:#333}
.st-activity .activity-card .price{padding:0 12px 12px;font-size:16px;font-weight:700;color:#d9534f}
.st-activity .activity-empty{padding:18px;border:1px dashed #ddd;border-radius:8px;color:#888;background:#fafafa}
.st-activity .activity-grid{display:flex;flex-wrap:wrap;margin:0 -7px}
.st-activity .activity-grid .activity-grid-item{width:calc(100% / var(--activity-cols, 4));box-sizing:border-box}



.st-flash-sale .activity-media-wrap{position:relative}
.st-flash-sale .flash-state-badge{position:absolute;left:8px;top:8px;z-index:2;background:rgba(217,83,79,.95);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;line-height:18px}
.st-flash-sale.state-upcoming .flash-state-badge{background:rgba(60,109,216,.95)}
.st-flash-sale.state-ended .flash-state-badge,.st-flash-sale.state-invalid .flash-state-badge{background:rgba(136,136,136,.95)}
.st-flash-sale .flash-tag{padding:10px 12px 0;color:#e55353;font-size:13px;font-weight:600;line-height:1.4}
.st-flash-sale .activity-card .title{padding-top:4px}
.st-flash-sale .flash-countdown-line{padding:0 12px 8px;color:#555;font-size:12px;line-height:1.6}
.st-flash-sale .flash-countdown-line span{display:inline-block;min-width:70px;text-align:center;background:#f7f7f7;border-radius:4px;padding:1px 6px;margin-left:4px;color:#222}
.st-flash-sale .flash-action-btn{display:block;margin:0 12px 12px;height:34px;line-height:34px;text-align:center;border-radius:6px;background:#ff6b6b;color:#fff!important;font-size:13px}
.st-flash-sale .flash-action-btn:hover{background:#fa5252}

.st-group-buy .activity-media-wrap{position:relative}
.st-group-buy .group-state-badge{position:absolute;left:8px;top:8px;z-index:2;background:rgba(255,140,0,.95);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;line-height:18px}
.st-group-buy.state-upcoming .group-state-badge{background:rgba(60,109,216,.95)}
.st-group-buy.state-ended .group-state-badge,.st-group-buy.state-invalid .group-state-badge{background:rgba(136,136,136,.95)}
.st-group-buy .group-tag{padding:10px 12px 0;color:#ff8c00;font-size:13px;font-weight:600;line-height:1.4}
.st-group-buy .activity-card .title{padding-top:4px}
.st-group-buy .group-end-line{padding:0 12px 6px;color:#777;font-size:12px;line-height:1.5}
.st-group-buy .group-countdown-line{padding:0 12px 8px;color:#555;font-size:12px;line-height:1.6}
.st-group-buy .group-countdown-line span{display:inline-block;min-width:70px;text-align:center;background:#f7f7f7;border-radius:4px;padding:1px 6px;margin-left:4px;color:#222}
.st-group-buy .group-action-btn{display:block;margin:0 12px 12px;height:34px;line-height:34px;text-align:center;border-radius:6px;background:#ff922b;color:#fff!important;font-size:13px}
.st-group-buy .group-action-btn:hover{background:#f76707}

.st-lottery .lottery-card{max-width:520px;margin:0 auto;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.st-lottery .lottery-preview-link{display:block}
.st-lottery .lottery-preview-image{display:block;width:100%;height:220px;object-fit:cover;background:#f7f7f7}
.st-lottery .activity-card{display:flex;flex-direction:column;height:100%}
.st-lottery .activity-card .title{padding:8px 12px 2px;min-height:unset}
.st-lottery .lottery-body{padding:10px 12px 12px}
.st-lottery .lottery-title{display:block;font-size:15px;line-height:1.45;color:#222;text-decoration:none;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-lottery .lottery-title:hover{color:#e55353}
.st-lottery .lottery-meta{padding:8px 0px;}
.st-lottery .lottery-meta-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:1.65;color:#666}
.st-lottery .lottery-meta-line + .lottery-meta-line{margin-top:2px}
.st-lottery .lottery-meta-line .meta-label{color:#888;min-width:72px}
.st-lottery .lottery-meta-line .meta-value{color:#333;font-weight:500;text-align:right}
.st-lottery .lottery-meta-line [data-activity-countdown]{display:inline-block;min-width:86px;padding:0 6px;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:4px;color:#ff4d4f;font-weight:600}
.st-lottery .lottery-action-btn{display:block;height:36px;line-height:36px;text-align:center;border-radius:6px;background:#ff4d4f;color:#fff!important;font-size:14px;text-decoration:none;box-sizing:border-box;margin-top:7px}
.st-lottery .lottery-action-btn:hover{background:#e03131}


@media (max-width:767px){
  .st-activity{padding:12px 0}
  .st-activity .activity-header h3{font-size:20px}
  .st-activity .activity-card img{height:140px}
  .st-activity .activity-grid{margin:0 -5px}
  .st-activity .activity-grid .activity-grid-item,
  .st-activity .activity-grid.in-column .activity-grid-item{width:calc(100% / var(--activity-mobile-cols, 2));padding:0 5px 10px}
}