:root { --mc-primary: #1a1a1a; --mc-border: #ccc; --mc-bg-page: #ffffff; --mc-text-main: #1e293b; --mc-text-muted: #64748b; }
.mc-ticket-card { background: #fff; border: 1px solid var(--mc-border); border-radius: 12px; height: 100%; display: flex; flex-direction: column; position: relative; transition: all 0.3s ease; }
.mc-ticket-card:hover { box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08); border-color: var(--cp-primary); }
.mc-card-top { padding: 24px 20px 20px 20px; display: flex; justify-content: space-between; align-items: flex-start; }
.mc-discount-val { font-size: 1.5rem; font-weight: 800; color: var(--mc-text-main); line-height: 1; }
.mc-brand-logo { max-width: 100px; max-height: 32px; object-fit: contain; filter: brightness(0.98) contrast(0.9); opacity: 0.9; transition: opacity 0.3s; }
.mc-divider { position: relative; height: 1px; border-top: 1px dashed var(--mc-border); margin: 0 12px; }
.mc-notch { position: absolute; width: 20px; height: 20px; background: #fff; border: 1px solid var(--mc-border); border-radius: 50%; top: 50%; transform: translateY(-50%); z-index: 2; }
.mc-notch-l { left: -27px; clip-path: circle(50% at 100% 50%); }
.mc-notch-r { right: -27px; clip-path: circle(50% at 0% 50%); }
.mc-card-bottom { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.mc-coupon-title { font-size: 0.95rem; line-height: 1.5; color: var(--mc-text-main); font-weight: 400; margin-bottom: 15px; }
.mc-coupon-title strong { font-weight: 700; }
.mc-stats { 
    font-size: 0.75rem; 
    color: var(--mc-text-muted); 
    margin-bottom: 15px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; /* ✨ 新增：确保左右两端的内容垂直绝对居中 */
}

/* ✨ 新增：修复图标跟文字可能出现的上下不对齐问题 */
.mc-stats i {
    font-size: 0.8rem; /* 让图标比文字稍微大一丁点，视觉平衡 */
    margin-top: -1px;  /* 微调字体图标的视觉重心 */
}
.mc-verified { color: #10b981; font-weight: 600; }
.mc-btn-action { width: 100%; background-color: #fff; font-size: 0.85rem; color: var(--mc-primary); border: 1px solid var(--mc-primary); padding: 9px 0; border-radius: 6px; transition: all 0.2s ease; cursor: pointer; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
.mc-btn-action:hover { border: 1px solid #222222; background-color: #222222; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }