/**
 * WordPress Coupon Code - Frontend Styles
 * 2026 Premium UI —— 参考 Linear/Vercel/Stripe 设计语言
 * 原则：hover 让按钮颜色变深（白字永远清晰）；日/夜双模式原生支持
 */

/* ===== 设计令牌 ===== */
.wpcc-coupon-card {
    --wpcc-primary: #6366f1;
    --wpcc-primary-hover: #4f46e5;
    --wpcc-text: #1f2937;
    --wpcc-text-light: #6b7280;
    --wpcc-radius: 12px;
    --wpcc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --wpcc-shadow-md: 0 4px 14px rgba(15, 23, 42, 0.1);
    --wpcc-shadow-lg: 0 14px 32px rgba(15, 23, 42, 0.14);
    --wpcc-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --wpcc-dur: 0.22s;

    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.5rem 0.75rem;
    width: auto;
    max-width: 100%;
    margin: 0.3rem 0;
    padding: 0.7rem 0.9rem;
    border-radius: var(--wpcc-radius);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--wpcc-text);
    background: rgba(99, 102, 241, 0.06);
    border: 1px solid rgba(99, 102, 241, 0.2);
    box-shadow: var(--wpcc-shadow-sm);
    transition: transform var(--wpcc-dur) var(--wpcc-ease),
                box-shadow var(--wpcc-dur) var(--wpcc-ease),
                border-color var(--wpcc-dur) ease;
    overflow: hidden;
    vertical-align: top;
}

.wpcc-coupon-card:hover {
    border-color: rgba(99, 102, 241, 0.45);
    box-shadow: var(--wpcc-shadow-md);
}

/* 头部区域 */
.wpcc-coupon-header {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-basis: 100%;
}

.wpcc-coupon-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    color: inherit;
    flex: 1;
}

.wpcc-mode-deal .wpcc-coupon-header {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-basis: 100%;
}

.wpcc-mode-deal .wpcc-coupon-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
}

.wpcc-coupon-thumb img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* 按钮区：独占一行 */
.wpcc-coupon-body {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.15rem;
}

/* 活动链接按钮：与 .wpcc-coupon-btn 同款同等级（继承其所有基础/配色样式），但无 hover tooltip */
.wpcc-link-btn {
    flex: 0 1 auto;
}

.wpcc-coupon-btn,
.wpcc-coupon-code {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-width: auto;
    padding: 0.5rem 1rem;
    font-size: 0.88rem;
    font-weight: 600;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    transition: transform var(--wpcc-dur) var(--wpcc-ease),
                box-shadow var(--wpcc-dur) var(--wpcc-ease),
                background-color var(--wpcc-dur) ease,
                border-color var(--wpcc-dur) ease;
    white-space: nowrap;
}

/* 默认按钮：紫渐变，hover 变深 */
.wpcc-coupon-btn {
    background: linear-gradient(135deg, var(--wpcc-primary) 0%, var(--wpcc-primary-hover) 100%);
    color: #fff;
    border: none;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

.wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, var(--wpcc-primary-hover) 0%, #3b3ad8 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.42);
}

.wpcc-coupon-btn:active {
    transform: translateY(0);
}

/* 优惠码区 */
.wpcc-coupon-code {
    background: #fff;
    border: 1px solid rgba(99, 102, 241, 0.35);
    color: var(--wpcc-primary-hover);
    letter-spacing: 0.3px;
}

.wpcc-coupon-code:hover {
    background: #f8f9ff;
    border-color: var(--wpcc-primary);
    color: var(--wpcc-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.25);
}

.wpcc-code-hint {
    display: none;
}

/* ===== 按钮呼吸效果（10 款）===== */
.wpcc-breath { animation-duration: 2.6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; will-change: transform, box-shadow, opacity; }

/* 1. 轻微脉动（缩放微变） */
.wpcc-breath-1 { animation-name: wpcc-breathe1; }
@keyframes wpcc-breathe1 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

/* 2. 柔光呼吸（亮度变化） */
.wpcc-breath-2 { animation-name: wpcc-breathe2; animation-duration: 3s; }
@keyframes wpcc-breathe2 {
    0%, 100% { filter: brightness(1); box-shadow: 0 2px 6px rgba(99,102,241,0.3); }
    50% { filter: brightness(1.12); box-shadow: 0 4px 14px rgba(99,102,241,0.5); }
}

/* 3. 缩放浮现（轻微放大回落） */
.wpcc-breath-3 { animation-name: wpcc-breathe3; animation-duration: 3.2s; }
@keyframes wpcc-breathe3 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* 4. 光晕扩散（阴影向外晕开） */
.wpcc-breath-4 { animation-name: wpcc-breathe4; animation-duration: 2.8s; }
@keyframes wpcc-breathe4 {
    0%, 100% { box-shadow: 0 2px 6px rgba(99,102,241,0.3); }
    50% { box-shadow: 0 6px 22px rgba(99,102,241,0.55), 0 0 0 4px rgba(99,102,241,0.1); }
}

/* 5. 阴影呼吸（投影深浅） */
.wpcc-breath-5 { animation-name: wpcc-breathe5; animation-duration: 3s; }
@keyframes wpcc-breathe5 {
    0%, 100% { box-shadow: 0 2px 6px rgba(15,23,42,0.15); }
    50% { box-shadow: 0 8px 20px rgba(15,23,42,0.3); }
}

/* 6. 边框流转（边框颜色明暗） */
.wpcc-breath-6 { animation-name: wpcc-breathe6; animation-duration: 2.4s; }
@keyframes wpcc-breathe6 {
    0%, 100% { outline: 2px solid rgba(99,102,241,0); outline-offset: 2px; }
    50% { outline: 2px solid rgba(99,102,241,0.5); outline-offset: 2px; }
}

/* 7. 色调渐变（亮度+饱和度） */
.wpcc-breath-7 { animation-name: wpcc-breathe7; animation-duration: 3.4s; }
@keyframes wpcc-breathe7 {
    0%, 100% { filter: saturate(1) brightness(1); }
    50% { filter: saturate(1.25) brightness(1.08); }
}

/* 8. 上浮下沉（Y轴微动） */
.wpcc-breath-8 { animation-name: wpcc-breathe8; animation-duration: 2.6s; }
@keyframes wpcc-breathe8 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* 9. 旋转微光（轻微旋转+光晕） */
.wpcc-breath-9 { animation-name: wpcc-breathe9; animation-duration: 3s; }
@keyframes wpcc-breathe9 {
    0%, 100% { transform: rotate(0deg); box-shadow: 0 2px 6px rgba(99,102,241,0.3); }
    25% { transform: rotate(0.8deg); }
    50% { box-shadow: 0 4px 16px rgba(99,102,241,0.5); }
    75% { transform: rotate(-0.8deg); }
}

/* 10. 强脉动闪烁（明显缩放+亮度） */
.wpcc-breath-10 { animation-name: wpcc-breathe10; animation-duration: 1.8s; }
@keyframes wpcc-breathe10 {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.06); filter: brightness(1.15); box-shadow: 0 6px 18px rgba(99,102,241,0.55); }
}

/* 尊重用户减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
    .wpcc-breath { animation: none !important; }
}

/* ===== 剪刀图标 ===== */
.wpcc-scissor-wrap,
.wpcc-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    opacity: 0.8;
    flex-shrink: 0;
    transition: opacity var(--wpcc-dur) ease;
}

.wpcc-scissor,
.wpcc-link-icon {
    width: 1.05em;
    height: 1.05em;
    display: block;
}

.wpcc-coupon-code:hover .wpcc-scissor-wrap,
.wpcc-coupon-btn:hover .wpcc-scissor-wrap,
.wpcc-coupon-btn:hover .wpcc-icon-wrap {
    opacity: 1;
}

/* ===== 优惠码说明（默认 15px，按钮下方） ===== */
.wpcc-coupon-desc {
    width: 100%;
    flex-basis: 100%;
    margin: 0.5rem 0 0;
    font-size: 18px;
    line-height: 1.65;
    color: var(--wpcc-text, #1f2937);
    font-weight: 400;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.wpcc-coupon-desc > *:first-child { margin-top: 0; }
.wpcc-coupon-desc > *:last-child { margin-bottom: 0; }
.wpcc-coupon-desc p { margin: 0 0 0.6em; }
.wpcc-coupon-desc a {
    color: var(--wpcc-primary, #6366f1);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.wpcc-coupon-desc a:hover { color: var(--wpcc-primary-hover, #4f46e5); }
.wpcc-coupon-desc img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 0.4em 0;
    display: block;
}
.wpcc-coupon-desc strong, .wpcc-coupon-desc b { font-weight: 700; }
.wpcc-coupon-desc em, .wpcc-coupon-desc i { font-style: italic; }

.wpcc-coupon-desc code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.88em;
    background: rgba(255, 255, 255, 0.18);
    color: inherit;
    padding: 0.12em 0.4em;
    border-radius: 4px;
    word-break: break-word;
}
.wpcc-coupon-desc pre {
    margin: 0.6em 0;
    padding: 0.8em 1em;
    background: rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    overflow-x: auto;
    font-size: 0.86em;
    line-height: 1.5;
}
.wpcc-coupon-desc pre code { background: none; color: inherit; padding: 0; border-radius: 0; }
.wpcc-coupon-desc ul, .wpcc-coupon-desc ol { margin: 0.4em 0; padding-left: 1.5em; }
.wpcc-coupon-desc ul { list-style: disc; }
.wpcc-coupon-desc ol { list-style: decimal; }
.wpcc-coupon-desc li { margin: 0.2em 0; }
.wpcc-coupon-desc blockquote {
    margin: 0.6em 0;
    padding: 0.4em 0.9em;
    border-left: 3px solid var(--wpcc-primary, #6366f1);
    background: rgba(99, 102, 241, 0.06);
    color: var(--wpcc-text-light, #6b7280);
    border-radius: 0 6px 6px 0;
}
.wpcc-coupon-desc mark {
    background: rgba(250, 204, 21, 0.4);
    color: inherit;
    padding: 0.1em 0.2em;
    border-radius: 3px;
}

/* ===== 倒计时条 ===== */
.wpcc-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3em;
    width: 100%;
    flex-basis: 100%;
    clear: both;
    margin-top: 10px;
    padding: 0.55rem 0.9rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #4f46e5;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 8px;
    font-weight: 500;
}

/* 显眼倒计时（有有效期，深红紧迫） */
.wpcc-countdown-urgent {
    color: #b91c1c;
    background: #fee2e2;
    border: 1px solid #fca5a5;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.12);
}
.wpcc-countdown-urgent .wpcc-countdown-label {
    color: #7f1d1d;
    font-weight: 700;
}
.wpcc-countdown-urgent .wpcc-countdown-time {
    color: #991b1b;
    font-weight: 800;
    text-shadow: 0 1px 2px rgba(239, 68, 68, 0.18);
}
.wpcc-countdown-urgent .wpcc-countdown-tip {
    color: #991b1b;
    font-weight: 600;
}

/* 长期有效（无有效期，舒服的红色） */
.wpcc-countdown-evergreen {
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}
.wpcc-countdown-evergreen .wpcc-countdown-label {
    color: #dc2626;
    font-weight: 700;
}

/* 倒计时/长期有效 左侧图标 */
.wpcc-countdown-icon {
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0.15em;
    color: inherit;
    opacity: 0.85;
}
.wpcc-countdown-icon svg {
    width: 1.15em;
    height: 1.15em;
    display: block;
}
.wpcc-countdown:hover .wpcc-countdown-icon {
    opacity: 1;
}
.wpcc-countdown-urgent .wpcc-countdown-icon { color: #991b1b; }
.wpcc-countdown-evergreen .wpcc-countdown-icon { color: #dc2626; }

/* ===== 说明文字配色：按样式适配，确保对比度看得清 ===== */
.wpcc-style-tag .wpcc-coupon-desc { color: #312c81; }
.wpcc-style-card .wpcc-coupon-desc,
.wpcc-style-float .wpcc-coupon-desc,
.wpcc-style-minimal .wpcc-coupon-desc { color: #374151; }
.wpcc-style-glass .wpcc-coupon-desc { color: #1e293b; }
.wpcc-style-dark .wpcc-coupon-desc { color: #ffffff; }
.wpcc-style-neon .wpcc-coupon-desc { color: #ffffff; }
.wpcc-style-dashed .wpcc-coupon-desc { color: #78350f; }
.wpcc-style-stripe .wpcc-coupon-desc { color: #312e81; }

/* 暗色样式下，说明内的加粗/链接用更亮的色系 */
.wpcc-style-dark .wpcc-coupon-desc strong,
.wpcc-style-dark .wpcc-coupon-desc b { color: #ffffff; }
.wpcc-style-dark .wpcc-coupon-desc a { color: #a5b4fc; }
.wpcc-style-dark .wpcc-coupon-desc a:hover { color: #c7d2fe; }

.wpcc-style-neon .wpcc-coupon-desc strong,
.wpcc-style-neon .wpcc-coupon-desc b { color: #ffffff; }
.wpcc-style-neon .wpcc-coupon-desc a { color: #f5d0fe; }
.wpcc-style-neon .wpcc-coupon-desc a:hover { color: #fae8ff; }

/* 深底样式下，说明内的代码/引用做适配 */
.wpcc-style-dark .wpcc-coupon-desc code,
.wpcc-style-neon .wpcc-coupon-desc code {
    background: rgba(255, 255, 255, 0.2);
    color: #fef9c3;
}
.wpcc-style-dark .wpcc-coupon-desc pre,
.wpcc-style-neon .wpcc-coupon-desc pre {
    background: rgba(0, 0, 0, 0.35);
    border-color: rgba(255, 255, 255, 0.14);
}
.wpcc-style-dark .wpcc-coupon-desc blockquote,
.wpcc-style-neon .wpcc-coupon-desc blockquote {
    background: rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    border-left-color: rgba(255, 255, 255, 0.6);
}
.wpcc-style-dark .wpcc-coupon-desc mark,
.wpcc-style-neon .wpcc-coupon-desc mark {
    background: rgba(250, 204, 21, 0.55);
    color: #1e1b4b;
}
.wpcc-countdown-label { font-weight: 500; }
.wpcc-countdown-time {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--wpcc-primary-hover, #4f46e5);
    /* 秒数微脉动，营造倒计时动感 */
    animation: wpcc-tick 1s steps(1) infinite;
}

@keyframes wpcc-tick {
    0% { opacity: 1; }
    50% { opacity: 0.78; }
    100% { opacity: 1; }
}
.wpcc-countdown-tip {
    font-weight: 400;
    color: var(--wpcc-text-light, #6b7280);
    font-size: 0.92em;
}
.wpcc-countdown.is-expired {
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.32);
}
.wpcc-countdown.is-expired .wpcc-countdown-label { font-weight: 600; }

/* ===== 过期提示徽章 ===== */
.wpcc-expired-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 0.4rem;
    padding: 0.12rem 0.55rem;
    font-size: 0.74rem;
    font-weight: 600;
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 999px;
    white-space: nowrap;
    line-height: 1.5;
}

/* 已揭示状态 */
.wpcc-coupon-btn.wpcc-revealed {
    background: #fff;
    color: var(--wpcc-primary-hover);
    border: 1px solid var(--wpcc-primary);
    box-shadow: none;
    cursor: default;
}
.wpcc-coupon-btn.wpcc-revealed:hover {
    transform: none;
    box-shadow: none;
}

/* =========================================================
   10 种展示样式 —— 2026 现代化设计，日/夜双模式皆清晰显眼
   ========================================================= */

/* ===== 1. 行内融合（inline）—— 与基础样式一致 ===== */

/* ===== 2. 标签风（tag） ===== */
.wpcc-style-tag {
    padding: 0.45rem 0.85rem;
    border-radius: 8px;
    background: #eef2ff;
    border: 1px solid rgba(67, 56, 202, 0.18);
    color: #3730a3;
}
.wpcc-style-tag:hover {
    border-color: rgba(67, 56, 202, 0.4);
    box-shadow: 0 4px 14px rgba(67, 56, 202, 0.16);
}
.wpcc-style-tag .wpcc-coupon-btn {
    background: #4338ca;
    box-shadow: 0 2px 6px rgba(67, 56, 202, 0.3);
}
.wpcc-style-tag .wpcc-coupon-btn:hover {
    background: #3730a3;
    box-shadow: 0 8px 18px rgba(67, 56, 202, 0.42);
}
.wpcc-style-tag .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #4338ca;
    color: #4338ca;
}
.wpcc-style-tag .wpcc-coupon-code:hover { background: #f5f3ff; }

/* ===== 3. 柔和卡片（card） ===== */
.wpcc-style-card {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1rem 1.15rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: var(--wpcc-shadow-sm);
}
.wpcc-style-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--wpcc-shadow-lg);
    border-color: rgba(99, 102, 241, 0.32);
}
.wpcc-style-card .wpcc-coupon-body { width: 100%; }
.wpcc-style-card .wpcc-coupon-btn,
.wpcc-style-card .wpcc-coupon-code {
    padding: 0.6rem 1.1rem;
    font-size: 0.95rem;
    border-radius: 10px;
}

/* ===== 4. 毛玻璃（glass） ===== */
.wpcc-style-glass {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.25rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(18px) saturate(170%);
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    border: 1px solid rgba(99, 102, 241, 0.2);
    color: #1e293b;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.wpcc-style-glass:hover {
    transform: translateY(-3px);
    border-color: rgba(99, 102, 241, 0.45);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}
.wpcc-style-glass .wpcc-coupon-body { width: 100%; }
.wpcc-style-glass .wpcc-coupon-btn,
.wpcc-style-glass .wpcc-coupon-code {
    padding: 0.6rem 1.1rem;
    border-radius: 12px;
}
.wpcc-style-glass .wpcc-coupon-code {
    background: #fff;
    border: 1px solid var(--wpcc-primary);
    color: var(--wpcc-primary-hover);
}

/* ===== 5. 暗夜优雅（dark） ===== */
.wpcc-style-dark {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1rem 1.15rem;
    border-radius: 12px;
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid rgba(129, 140, 248, 0.3);
    color: #f1f5f9;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
.wpcc-style-dark:hover {
    transform: translateY(-3px);
    border-color: rgba(129, 140, 248, 0.65);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5);
}
.wpcc-style-dark .wpcc-coupon-body { width: 100%; }
.wpcc-style-dark .wpcc-coupon-btn {
    background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);
    color: #fff;
}
.wpcc-style-dark .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
}
.wpcc-style-dark .wpcc-coupon-code {
    background: rgba(129, 140, 248, 0.15);
    border: 1px solid rgba(129, 140, 248, 0.55);
    color: #c7d2fe;
}
.wpcc-style-dark .wpcc-coupon-code:hover {
    background: rgba(129, 140, 248, 0.25);
    border-color: #a5b4fc;
}

/* ===== 6. 霓虹渐变（neon） ===== */
.wpcc-style-neon {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 28px rgba(139, 92, 246, 0.4);
}
.wpcc-style-neon:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 16px 40px rgba(139, 92, 246, 0.6);
}
.wpcc-style-neon .wpcc-coupon-body { width: 100%; }
/* neon 按钮：深色底白字，hover 更深，保证清晰 */
.wpcc-style-neon .wpcc-coupon-btn {
    background: rgba(15, 23, 42, 0.85);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.wpcc-style-neon .wpcc-coupon-btn:hover {
    background: rgba(15, 23, 42, 0.95);
    border-color: rgba(255, 255, 255, 0.4);
}
.wpcc-style-neon .wpcc-coupon-code {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #fff;
    backdrop-filter: blur(4px);
}
.wpcc-style-neon .wpcc-coupon-code:hover {
    background: rgba(15, 23, 42, 0.7);
    border-color: rgba(255, 255, 255, 0.8);
}

/* ===== 7. 极简线框（minimal） ===== */
.wpcc-style-minimal {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0.85rem 1.05rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--wpcc-primary);
}
.wpcc-style-minimal:hover {
    transform: translateY(-2px);
    border-left-color: var(--wpcc-primary-hover);
    box-shadow: var(--wpcc-shadow-md);
}
.wpcc-style-minimal .wpcc-coupon-btn {
    background: var(--wpcc-primary);
    color: #fff;
    border: none;
}
.wpcc-style-minimal .wpcc-coupon-btn:hover { background: var(--wpcc-primary-hover); }
.wpcc-style-minimal .wpcc-coupon-code {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #4338ca;
}
.wpcc-style-minimal .wpcc-coupon-code:hover {
    border-color: var(--wpcc-primary);
    background: #fff;
}

/* ===== 8. 悬浮立体（float） ===== */
.wpcc-style-float {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 32px -6px rgba(0, 0, 0, 0.12);
}
.wpcc-style-float:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px -6px rgba(0, 0, 0, 0.2);
    border-color: rgba(99, 102, 241, 0.32);
}
.wpcc-style-float .wpcc-coupon-body { width: 100%; }
.wpcc-style-float .wpcc-coupon-btn,
.wpcc-style-float .wpcc-coupon-code {
    padding: 0.6rem 1.1rem;
    border-radius: 12px;
}

/* ===== 9. 虚线创意（dashed） ===== */
.wpcc-style-dashed {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0.95rem 1.1rem;
    border-radius: 10px;
    background: #fffbeb;
    border: 2px dashed #f59e0b;
    color: #92400e;
}
.wpcc-style-dashed:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(245, 158, 11, 0.24);
}
.wpcc-style-dashed .wpcc-coupon-btn {
    background: #f59e0b;
    color: #fff;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
}
.wpcc-style-dashed .wpcc-coupon-btn:hover {
    background: #d97706;
    box-shadow: 0 8px 18px rgba(217, 119, 6, 0.4);
}
.wpcc-style-dashed .wpcc-coupon-code {
    background: #fff;
    border: 1px dashed #f59e0b;
    color: #b45309;
}
.wpcc-style-dashed .wpcc-coupon-code:hover {
    border-style: solid;
    border-color: #d97706;
}

/* ===== 10. 斜纹动感（stripe） ===== */
.wpcc-style-stripe {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 12px;
    background: repeating-linear-gradient(
        45deg,
        #f8fafc,
        #f8fafc 12px,
        #eef2ff 12px,
        #eef2ff 24px
    );
    border: 1px solid #c7d2fe;
    color: #312e81;
}
.wpcc-style-stripe:hover {
    transform: translateY(-3px);
    border-color: #a5b4fc;
    box-shadow: var(--wpcc-shadow-md);
}
.wpcc-style-stripe .wpcc-coupon-body { width: 100%; }
.wpcc-style-stripe .wpcc-coupon-btn {
    background: #312e81;
    color: #fff;
    box-shadow: 0 2px 6px rgba(49, 46, 129, 0.3);
}
.wpcc-style-stripe .wpcc-coupon-btn:hover {
    background: #1e1b4b;
    box-shadow: 0 8px 18px rgba(30, 27, 75, 0.4);
}
.wpcc-style-stripe .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #818cf8;
    color: #3730a3;
}
.wpcc-style-stripe .wpcc-coupon-code:hover {
    border-color: #312e81;
    background: #eef2ff;
}

/* ===== Toast 提示 ===== */
.wpcc-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    z-index: 99999;
    padding: 0.7rem 1.3rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    background: rgba(31, 41, 55, 0.95);
    border-radius: 50px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    backdrop-filter: blur(8px);
}
.wpcc-toast.wpcc-show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ===== Tooltip 悬停提示（按钮右侧外部） ===== */
.wpcc-tooltip {
    position: fixed;
    z-index: 99999;
    padding: 7px 13px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: rgba(17, 24, 39, 0.95);
    border-radius: 7px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    white-space: nowrap;
    max-width: 280px;
    line-height: 1.45;
}
/* 右侧 tooltip 的小箭头指向按钮（左侧） */
.wpcc-tooltip.wpcc-tooltip-right::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(17, 24, 39, 0.95) transparent transparent;
}

/* ===== 深色模式适配 ===== */
@media (prefers-color-scheme: dark) {
    .wpcc-coupon-card {
        --wpcc-text: #f3f4f6;
        --wpcc-text-light: #9ca3af;
        --wpcc-primary: #818cf8;
        --wpcc-primary-hover: #a5b4fc;
        background: rgba(129, 140, 248, 0.1);
        border-color: rgba(129, 140, 248, 0.25);
    }
    .wpcc-coupon-card:hover {
        border-color: rgba(129, 140, 248, 0.5);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
    }
    /* 按钮在深色模式下：深底亮字 */
    .wpcc-coupon-btn {
        background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);
        box-shadow: 0 2px 6px rgba(99, 102, 241, 0.35);
    }
    .wpcc-coupon-btn:hover {
        background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    }
    .wpcc-coupon-code {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(129, 140, 248, 0.4);
        color: #c7d2fe;
    }
    .wpcc-coupon-code:hover {
        background: rgba(255, 255, 255, 0.14);
        border-color: #a5b4fc;
    }
    .wpcc-coupon-btn.wpcc-revealed {
        background: rgba(255, 255, 255, 0.1);
        color: #c7d2fe;
        border-color: #818cf8;
    }

    .wpcc-coupon-desc { color: #d1d5db; }
    .wpcc-coupon-desc code {
        background: rgba(129, 140, 248, 0.22);
        color: #c7d2fe;
    }
    .wpcc-coupon-desc pre {
        background: rgba(0, 0, 0, 0.35);
        border-color: rgba(255, 255, 255, 0.1);
    }
    .wpcc-coupon-desc blockquote {
        background: rgba(129, 140, 248, 0.12);
        color: #9ca3af;
    }
    .wpcc-coupon-desc mark { background: rgba(250, 204, 21, 0.28); }

    /* 深色模式下，浅底样式变深底，说明文字改浅色 */
    .wpcc-style-card .wpcc-coupon-desc,
    .wpcc-style-float .wpcc-coupon-desc,
    .wpcc-style-minimal .wpcc-coupon-desc,
    .wpcc-style-tag .wpcc-coupon-desc,
    .wpcc-style-dashed .wpcc-coupon-desc,
    .wpcc-style-stripe .wpcc-coupon-desc { color: #d1d5db; }
    .wpcc-style-glass .wpcc-coupon-desc { color: #e2e8f0; }
    .wpcc-style-dark .wpcc-coupon-desc,
    .wpcc-style-neon .wpcc-coupon-desc { color: #e5e7eb; }

    .wpcc-countdown {
        color: #c7d2fe;
        background: rgba(129, 140, 248, 0.14);
        border-color: rgba(129, 140, 248, 0.3);
    }
    .wpcc-countdown-time { color: #a5b4fc; }
    .wpcc-countdown-tip { color: #9ca3af; }
    .wpcc-countdown.is-expired {
        color: #fca5a5;
        background: rgba(239, 68, 68, 0.16);
        border-color: rgba(239, 68, 68, 0.35);
    }
    .wpcc-expired-badge {
        color: #fca5a5;
        background: rgba(239, 68, 68, 0.18);
        border-color: rgba(239, 68, 68, 0.4);
    }

    /* 样式深色模式 */
    .wpcc-style-glass {
        background: rgba(17, 24, 39, 0.55);
        border-color: rgba(129, 140, 248, 0.3);
        color: #f3f4f6;
    }
    .wpcc-style-glass:hover { border-color: rgba(129, 140, 248, 0.55); }
    .wpcc-style-glass .wpcc-coupon-code {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(129, 140, 248, 0.6);
        color: #c7d2fe;
    }

    .wpcc-style-tag {
        background: rgba(99, 102, 241, 0.18);
        border-color: rgba(129, 140, 248, 0.25);
        color: #c7d2fe;
    }
    .wpcc-style-tag:hover { border-color: rgba(129, 140, 248, 0.5); }
    .wpcc-style-tag .wpcc-coupon-code {
        background: rgba(255, 255, 255, 0.1);
        border-color: #818cf8;
        color: #e0e7ff;
    }
    .wpcc-style-tag .wpcc-coupon-btn {
        background: #818cf8;
        color: #1e1b4b;
    }
    .wpcc-style-tag .wpcc-coupon-btn:hover { background: #a5b4fc; }

    .wpcc-style-card,
    .wpcc-style-float {
        background: #1e293b;
        border-color: #334155;
        color: #f1f5f9;
    }
    .wpcc-style-card:hover,
    .wpcc-style-float:hover { border-color: rgba(129, 140, 248, 0.4); }

    .wpcc-style-minimal {
        background: #1e293b;
        border-color: #334155;
        border-left-color: #818cf8;
        color: #f1f5f9;
    }
    .wpcc-style-minimal .wpcc-coupon-btn {
        background: #818cf8;
        color: #1e1b4b;
    }
    .wpcc-style-minimal .wpcc-coupon-btn:hover { background: #a5b4fc; }
    .wpcc-style-minimal .wpcc-coupon-code {
        background: rgba(255, 255, 255, 0.06);
        border-color: #475569;
        color: #c7d2fe;
    }

    .wpcc-style-dashed {
        background: rgba(245, 158, 11, 0.12);
        border-color: #f59e0b;
        color: #fcd34d;
    }
    .wpcc-style-dashed .wpcc-coupon-btn {
        background: #f59e0b;
        color: #1e1b4b;
    }
    .wpcc-style-dashed .wpcc-coupon-btn:hover { background: #fbbf24; }
    .wpcc-style-dashed .wpcc-coupon-code {
        background: rgba(15, 23, 42, 0.4);
        border-color: #f59e0b;
        color: #fbbf24;
    }

    .wpcc-style-stripe {
        background: repeating-linear-gradient(
            45deg,
            #1e293b,
            #1e293b 12px,
            #0f172a 12px,
            #0f172a 24px
        );
        border-color: #334155;
        color: #e2e8f0;
    }
    .wpcc-style-stripe .wpcc-coupon-btn {
        background: #818cf8;
        color: #1e1b4b;
    }
    .wpcc-style-stripe .wpcc-coupon-btn:hover { background: #a5b4fc; }
    .wpcc-style-stripe .wpcc-coupon-code {
        background: rgba(255, 255, 255, 0.08);
        border-color: #475569;
        color: #c7d2fe;
    }

    /* dark 样式在深色模式保持本身深色（已显眼），neon 同理保持 */
}

/* =========================================================
   明亮色系进阶（2026 高级设计）—— 浅底深字，始终明亮，不被深色模式覆盖
   ========================================================= */

/* ===== 11. 极光流彩（aurora）===== */
.wpcc-style-aurora {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-radius: 18px;
    background: linear-gradient(135deg, #a5f3fc 0%, #c7d2fe 45%, #fbcfe8 100%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #1e1b4b;
    box-shadow: 0 10px 30px -8px rgba(99, 102, 241, 0.35);
}
.wpcc-style-aurora:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px -8px rgba(99, 102, 241, 0.5);
}
.wpcc-style-aurora .wpcc-coupon-body { width: 100%; }
.wpcc-style-aurora .wpcc-coupon-btn {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: #fff;
}
.wpcc-style-aurora .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);
}
.wpcc-style-aurora .wpcc-coupon-code {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #818cf8;
    color: #4338ca;
}
.wpcc-style-aurora .wpcc-coupon-desc { color: #312e81; }

/* ===== 12. 云朵柔白（cloud）===== */
.wpcc-style-cloud {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    color: #1e293b;
    box-shadow: 0 8px 24px -6px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.04);
}
.wpcc-style-cloud:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px -6px rgba(15, 23, 42, 0.16), 0 4px 10px rgba(15, 23, 42, 0.06);
}
.wpcc-style-cloud .wpcc-coupon-body { width: 100%; }
.wpcc-style-cloud .wpcc-coupon-btn {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #fff;
}
.wpcc-style-cloud .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #3b3ad8 100%);
}
.wpcc-style-cloud .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #4338ca;
}
.wpcc-style-cloud .wpcc-coupon-desc { color: #334155; }

/* ===== 13. 薄荷清新（mint）===== */
.wpcc-style-mint {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border: 1px solid #6ee7b7;
    color: #064e3b;
    box-shadow: 0 8px 22px -6px rgba(16, 185, 129, 0.3);
}
.wpcc-style-mint:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -6px rgba(16, 185, 129, 0.42);
}
.wpcc-style-mint .wpcc-coupon-body { width: 100%; }
.wpcc-style-mint .wpcc-coupon-btn {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: #fff;
}
.wpcc-style-mint .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
}
.wpcc-style-mint .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #10b981;
    color: #065f46;
}
.wpcc-style-mint .wpcc-coupon-desc { color: #064e3b; }

/* ===== 14. 樱花粉漾（blush）===== */
.wpcc-style-blush {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
    border: 1px solid #f9a8d4;
    color: #831843;
    box-shadow: 0 8px 22px -6px rgba(236, 72, 153, 0.28);
}
.wpcc-style-blush:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -6px rgba(236, 72, 153, 0.4);
}
.wpcc-style-blush .wpcc-coupon-body { width: 100%; }
.wpcc-style-blush .wpcc-coupon-btn {
    background: linear-gradient(135deg, #db2777 0%, #be185d 100%);
    color: #fff;
}
.wpcc-style-blush .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #be185d 0%, #9d174d 100%);
}
.wpcc-style-blush .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #ec4899;
    color: #9d174d;
}
.wpcc-style-blush .wpcc-coupon-desc { color: #831843; }

/* ===== 15. 暖珊瑚（coral）===== */
.wpcc-style-coral {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
    border: 1px solid #fdba74;
    color: #7c2d12;
    box-shadow: 0 8px 22px -6px rgba(249, 115, 22, 0.3);
}
.wpcc-style-coral:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -6px rgba(249, 115, 22, 0.42);
}
.wpcc-style-coral .wpcc-coupon-body { width: 100%; }
.wpcc-style-coral .wpcc-coupon-btn {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
    color: #fff;
}
.wpcc-style-coral .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
}
.wpcc-style-coral .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #f97316;
    color: #9a3412;
}
.wpcc-style-coral .wpcc-coupon-desc { color: #7c2d12; }

/* ===== 16. 蜜糖奶油（honey）===== */
.wpcc-style-honey {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border: 1px solid #fcd34d;
    color: #78350f;
    box-shadow: 0 8px 22px -6px rgba(245, 158, 11, 0.3);
}
.wpcc-style-honey:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -6px rgba(245, 158, 11, 0.42);
}
.wpcc-style-honey .wpcc-coupon-body { width: 100%; }
.wpcc-style-honey .wpcc-coupon-btn {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: #fff;
}
.wpcc-style-honey .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
}
.wpcc-style-honey .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #f59e0b;
    color: #92400e;
}
.wpcc-style-honey .wpcc-coupon-desc { color: #78350f; }

/* ===== 17. 冰晶蓝（ice）===== */
.wpcc-style-ice {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.9) 0%, rgba(186, 230, 253, 0.9) 100%);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border: 1px solid rgba(96, 165, 250, 0.5);
    color: #0c4a6e;
    box-shadow: 0 8px 24px -6px rgba(59, 130, 246, 0.32);
}
.wpcc-style-ice:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 38px -6px rgba(59, 130, 246, 0.46);
}
.wpcc-style-ice .wpcc-coupon-body { width: 100%; }
.wpcc-style-ice .wpcc-coupon-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
}
.wpcc-style-ice .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
}
.wpcc-style-ice .wpcc-coupon-code {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #3b82f6;
    color: #1e40af;
}
.wpcc-style-ice .wpcc-coupon-desc { color: #0c4a6e; }

/* ===== 18. 珍珠贝壳（pearl）===== */
.wpcc-style-pearl {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #fdf2f8 0%, #ffffff 40%, #f0f9ff 80%, #faf5ff 100%);
    border: 1px solid #e9d5ff;
    color: #4c1d95;
    box-shadow: 0 10px 28px -8px rgba(168, 85, 247, 0.3);
}
.wpcc-style-pearl:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px -8px rgba(168, 85, 247, 0.42);
}
.wpcc-style-pearl .wpcc-coupon-body { width: 100%; }
.wpcc-style-pearl .wpcc-coupon-btn {
    background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
    color: #fff;
}
.wpcc-style-pearl .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #7e22ce 0%, #6b21a8 100%);
}
.wpcc-style-pearl .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #a855f7;
    color: #6b21a8;
}
.wpcc-style-pearl .wpcc-coupon-desc { color: #4c1d95; }

/* ===== 19. 流光溢彩（lumen）===== */
.wpcc-style-lumen {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, #a5b4fc 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, #67e8f9 0%, transparent 50%),
        linear-gradient(135deg, #eef2ff 0%, #ecfeff 100%);
    border: 1px solid #c7d2fe;
    color: #1e1b4b;
    box-shadow: 0 10px 30px -8px rgba(99, 102, 241, 0.35);
}
.wpcc-style-lumen:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px -8px rgba(99, 102, 241, 0.5);
}
.wpcc-style-lumen .wpcc-coupon-body { width: 100%; }
.wpcc-style-lumen .wpcc-coupon-btn {
    background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
    color: #fff;
}
.wpcc-style-lumen .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);
}
.wpcc-style-lumen .wpcc-coupon-code {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #818cf8;
    color: #4338ca;
}
.wpcc-style-lumen .wpcc-coupon-desc { color: #1e1b4b; }

/* ===== 20. 雪原霜白（frost）===== */
.wpcc-style-frost {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 1.05rem 1.2rem;
    border-radius: 14px;
    background:
        repeating-linear-gradient(45deg, rgba(186, 230, 253, 0.25), rgba(186, 230, 253, 0.25) 10px, transparent 10px, transparent 20px),
        linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
    border: 1px solid #bae6fd;
    color: #0c4a6e;
    box-shadow: 0 8px 22px -6px rgba(14, 165, 233, 0.25);
}
.wpcc-style-frost:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -6px rgba(14, 165, 233, 0.38);
}
.wpcc-style-frost .wpcc-coupon-body { width: 100%; }
.wpcc-style-frost .wpcc-coupon-btn {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #fff;
}
.wpcc-style-frost .wpcc-coupon-btn:hover {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
}
.wpcc-style-frost .wpcc-coupon-code {
    background: #fff;
    border: 1px solid #0ea5e9;
    color: #075985;
}
.wpcc-style-frost .wpcc-coupon-desc { color: #0c4a6e; }

/* =========================================================
   明亮色系第二轮（2026 顶级设计）—— 20 款
   ========================================================= */

/* 21. 莲花粉瓷 lotus */
.wpcc-style-lotus {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #fdf2f8 0%, #fae8ff 50%, #fce7f3 100%);
    border: 1px solid #f0abfc; color: #701a75;
    box-shadow: 0 10px 28px -8px rgba(217,70,239,0.28);
}
.wpcc-style-lotus:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(217,70,239,0.42); }
.wpcc-style-lotus .wpcc-coupon-body { width: 100%; }
.wpcc-style-lotus .wpcc-coupon-btn { background: linear-gradient(135deg,#c026d3,#a21caf); color:#fff; }
.wpcc-style-lotus .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#a21caf,#86198f); }
.wpcc-style-lotus .wpcc-coupon-code { background:#fff; border:1px solid #d946ef; color:#a21caf; }
.wpcc-style-lotus .wpcc-coupon-desc { color:#701a75; }

/* 22. 樱花飘雪 sakura */
.wpcc-style-sakura {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 50%, #fce7f3 100%);
    border: 1px solid #fda4af; color: #881337;
    box-shadow: 0 10px 28px -8px rgba(244,63,94,0.22);
}
.wpcc-style-sakura:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(244,63,94,0.36); }
.wpcc-style-sakura .wpcc-coupon-body { width: 100%; }
.wpcc-style-sakura .wpcc-coupon-btn { background: linear-gradient(135deg,#e11d48,#be123c); color:#fff; }
.wpcc-style-sakura .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#be123c,#9f1239); }
.wpcc-style-sakura .wpcc-coupon-code { background:#fff; border:1px solid #f43f5e; color:#9f1239; }
.wpcc-style-sakura .wpcc-coupon-desc { color:#881337; }

/* 23. 深海碧波 ocean */
.wpcc-style-ocean {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 14px;
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 50%, #5eead4 100%);
    border: 1px solid #2dd4bf; color: #134e4a;
    box-shadow: 0 10px 28px -8px rgba(20,184,166,0.3);
}
.wpcc-style-ocean:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(20,184,166,0.44); }
.wpcc-style-ocean .wpcc-coupon-body { width: 100%; }
.wpcc-style-ocean .wpcc-coupon-btn { background: linear-gradient(135deg,#0d9488,#0f766e); color:#fff; }
.wpcc-style-ocean .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#0f766e,#115e59); }
.wpcc-style-ocean .wpcc-coupon-code { background:#fff; border:1px solid #14b8a6; color:#0f766e; }
.wpcc-style-ocean .wpcc-coupon-desc { color:#134e4a; }

/* 24. 晚霞熔金 sunset */
.wpcc-style-sunset {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 40%, #fbcfe8 100%);
    border: 1px solid #fdba74; color: #78350f;
    box-shadow: 0 10px 28px -8px rgba(234,88,12,0.25);
}
.wpcc-style-sunset:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(234,88,12,0.4); }
.wpcc-style-sunset .wpcc-coupon-body { width: 100%; }
.wpcc-style-sunset .wpcc-coupon-btn { background: linear-gradient(135deg,#ea580c,#c2410c); color:#fff; }
.wpcc-style-sunset .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#c2410c,#9a3412); }
.wpcc-style-sunset .wpcc-coupon-code { background:#fff; border:1px solid #f97316; color:#9a3412; }
.wpcc-style-sunset .wpcc-coupon-desc { color:#78350f; }

/* 25. 森林晨雾 forest */
.wpcc-style-forest {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 14px;
    background: linear-gradient(135deg, #d1fae5 0%, #bbf7d0 50%, #a7f3d0 100%);
    border: 1px solid #4ade80; color: #14532d;
    box-shadow: 0 10px 28px -8px rgba(34,197,94,0.25);
}
.wpcc-style-forest:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(34,197,94,0.4); }
.wpcc-style-forest .wpcc-coupon-body { width: 100%; }
.wpcc-style-forest .wpcc-coupon-btn { background: linear-gradient(135deg,#15803d,#166534); color:#fff; }
.wpcc-style-forest .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#166534,#14532d); }
.wpcc-style-forest .wpcc-coupon-code { background:#fff; border:1px solid #22c55e; color:#166534; }
.wpcc-style-forest .wpcc-coupon-desc { color:#14532d; }

/* 26. 黄油暖阳 butter */
.wpcc-style-butter {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #fef9c3 0%, #fef08a 50%, #fde68a 100%);
    border: 1px solid #facc15; color: #713f12;
    box-shadow: 0 10px 28px -8px rgba(234,179,8,0.25);
}
.wpcc-style-butter:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(234,179,8,0.4); }
.wpcc-style-butter .wpcc-coupon-body { width: 100%; }
.wpcc-style-butter .wpcc-coupon-btn { background: linear-gradient(135deg,#ca8a04,#a16207); color:#fff; }
.wpcc-style-butter .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#a16207,#854d0e); }
.wpcc-style-butter .wpcc-coupon-code { background:#fff; border:1px solid #eab308; color:#854d0e; }
.wpcc-style-butter .wpcc-coupon-desc { color:#713f12; }

/* 27. 玫瑰晨露 rose */
.wpcc-style-rose {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 50%, #fecdd3 100%);
    border: 1px solid #fb7185; color: #9f1239;
    box-shadow: 0 10px 28px -8px rgba(225,29,72,0.2);
}
.wpcc-style-rose:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(225,29,72,0.36); }
.wpcc-style-rose .wpcc-coupon-body { width: 100%; }
.wpcc-style-rose .wpcc-coupon-btn { background: linear-gradient(135deg,#e11d48,#be123c); color:#fff; }
.wpcc-style-rose .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#be123c,#881337); }
.wpcc-style-rose .wpcc-coupon-code { background:#fff; border:1px solid #e11d48; color:#9f1239; }
.wpcc-style-rose .wpcc-coupon-desc { color:#9f1239; }

/* 28. 碧海潟湖 lagoon */
.wpcc-style-lagoon {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background: linear-gradient(135deg, #cffafe 0%, #a5f3fc 50%, #67e8f9 100%);
    border: 1px solid #22d3ee; color: #164e63;
    box-shadow: 0 10px 28px -8px rgba(6,182,212,0.28);
}
.wpcc-style-lagoon:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(6,182,212,0.42); }
.wpcc-style-lagoon .wpcc-coupon-body { width: 100%; }
.wpcc-style-lagoon .wpcc-coupon-btn { background: linear-gradient(135deg,#0891b2,#0e7490); color:#fff; }
.wpcc-style-lagoon .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#0e7490,#155e75); }
.wpcc-style-lagoon .wpcc-coupon-code { background:#fff; border:1px solid #06b6d4; color:#0e7490; }
.wpcc-style-lagoon .wpcc-coupon-desc { color:#164e63; }

/* 29. 紫罗兰香 violet */
.wpcc-style-violet {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 50%, #ddd6fe 100%);
    border: 1px solid #a78bfa; color: #4c1d95;
    box-shadow: 0 10px 28px -8px rgba(139,92,246,0.28);
}
.wpcc-style-violet:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(139,92,246,0.42); }
.wpcc-style-violet .wpcc-coupon-body { width: 100%; }
.wpcc-style-violet .wpcc-coupon-btn { background: linear-gradient(135deg,#7c3aed,#6d28d9); color:#fff; }
.wpcc-style-violet .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#6d28d9,#5b21b6); }
.wpcc-style-violet .wpcc-coupon-code { background:#fff; border:1px solid #8b5cf6; color:#6d28d9; }
.wpcc-style-violet .wpcc-coupon-desc { color:#4c1d95; }

/* 30. 琥珀流光 amber */
.wpcc-style-amber {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 40%, #fde68a 100%);
    border: 1px solid #fbbf24; color: #78350f;
    box-shadow: 0 10px 28px -8px rgba(251,191,36,0.25);
}
.wpcc-style-amber:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(251,191,36,0.4); }
.wpcc-style-amber .wpcc-coupon-body { width: 100%; }
.wpcc-style-amber .wpcc-coupon-btn { background: linear-gradient(135deg,#b45309,#92400e); color:#fff; }
.wpcc-style-amber .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#92400e,#78350f); }
.wpcc-style-amber .wpcc-coupon-code { background:#fff; border:1px solid #d97706; color:#92400e; }
.wpcc-style-amber .wpcc-coupon-desc { color:#78350f; }

/* 31. 晴空万里 sky */
.wpcc-style-sky {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
    border: 1px solid #38bdf8; color: #0c4a6e;
    box-shadow: 0 10px 28px -8px rgba(14,165,233,0.25);
}
.wpcc-style-sky:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(14,165,233,0.4); }
.wpcc-style-sky .wpcc-coupon-body { width: 100%; }
.wpcc-style-sky .wpcc-coupon-btn { background: linear-gradient(135deg,#0284c7,#0369a1); color:#fff; }
.wpcc-style-sky .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#0369a1,#075985); }
.wpcc-style-sky .wpcc-coupon-code { background:#fff; border:1px solid #0ea5e9; color:#075985; }
.wpcc-style-sky .wpcc-coupon-desc { color:#0c4a6e; }

/* 32. 蜜桃绒光 peach */
.wpcc-style-peach {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%);
    border: 1px solid #fb923c; color: #7c2d12;
    box-shadow: 0 10px 28px -8px rgba(249,115,22,0.22);
}
.wpcc-style-peach:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(249,115,22,0.36); }
.wpcc-style-peach .wpcc-coupon-body { width: 100%; }
.wpcc-style-peach .wpcc-coupon-btn { background: linear-gradient(135deg,#ea580c,#c2410c); color:#fff; }
.wpcc-style-peach .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#c2410c,#9a3412); }
.wpcc-style-peach .wpcc-coupon-code { background:#fff; border:1px solid #f97316; color:#9a3412; }
.wpcc-style-peach .wpcc-coupon-desc { color:#7c2d12; }

/* 33. 草原牧歌 meadow */
.wpcc-style-meadow {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 14px;
    background: linear-gradient(135deg, #ecfccb 0%, #d9f99d 50%, #bef264 100%);
    border: 1px solid #84cc16; color: #365314;
    box-shadow: 0 10px 28px -8px rgba(132,204,22,0.25);
}
.wpcc-style-meadow:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(132,204,22,0.4); }
.wpcc-style-meadow .wpcc-coupon-body { width: 100%; }
.wpcc-style-meadow .wpcc-coupon-btn { background: linear-gradient(135deg,#4d7c0f,#3f6212); color:#fff; }
.wpcc-style-meadow .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#3f6212,#365314); }
.wpcc-style-meadow .wpcc-coupon-code { background:#fff; border:1px solid #65a30d; color:#3f6212; }
.wpcc-style-meadow .wpcc-coupon-desc { color:#365314; }

/* 34. 水晶透亮 crystal */
.wpcc-style-crystal {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(224,231,255,0.85) 50%, rgba(199,210,254,0.8) 100%);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    border: 1px solid rgba(129,140,248,0.5); color: #312e81;
    box-shadow: 0 10px 28px -8px rgba(99,102,241,0.3);
}
.wpcc-style-crystal:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(99,102,241,0.46); }
.wpcc-style-crystal .wpcc-coupon-body { width: 100%; }
.wpcc-style-crystal .wpcc-coupon-btn { background: linear-gradient(135deg,#4f46e5,#4338ca); color:#fff; }
.wpcc-style-crystal .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#4338ca,#3730a3); }
.wpcc-style-crystal .wpcc-coupon-code { background:rgba(255,255,255,0.95); border:1px solid #818cf8; color:#4338ca; }
.wpcc-style-crystal .wpcc-coupon-desc { color:#312e81; }

/* 35. 金箔质感 gold */
.wpcc-style-gold {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 30%, #fde68a 60%, #fcd34d 100%);
    border: 1px solid #f59e0b; color: #78350f;
    box-shadow: 0 10px 28px -8px rgba(245,158,11,0.3);
}
.wpcc-style-gold:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(245,158,11,0.46); }
.wpcc-style-gold .wpcc-coupon-body { width: 100%; }
.wpcc-style-gold .wpcc-coupon-btn { background: linear-gradient(135deg,#b45309,#92400e); color:#fff; }
.wpcc-style-gold .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#92400e,#78350f); }
.wpcc-style-gold .wpcc-coupon-code { background:#fff; border:1px solid #d97706; color:#92400e; }
.wpcc-style-gold .wpcc-coupon-desc { color:#78350f; }

/* 36. 碧波荡漾 wave */
.wpcc-style-wave {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background:
        repeating-linear-gradient(90deg, rgba(186,230,253,0.3), rgba(186,230,253,0.3) 14px, rgba(125,211,252,0.2) 14px, rgba(125,211,252,0.2) 28px),
        linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);
    border: 1px solid #7dd3fc; color: #0c4a6e;
    box-shadow: 0 10px 28px -8px rgba(14,165,233,0.2);
}
.wpcc-style-wave:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(14,165,233,0.36); }
.wpcc-style-wave .wpcc-coupon-body { width: 100%; }
.wpcc-style-wave .wpcc-coupon-btn { background: linear-gradient(135deg,#0284c7,#0369a1); color:#fff; }
.wpcc-style-wave .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#0369a1,#075985); }
.wpcc-style-wave .wpcc-coupon-code { background:#fff; border:1px solid #38bdf8; color:#075985; }
.wpcc-style-wave .wpcc-coupon-desc { color:#0c4a6e; }

/* 37. 薰衣草紫 lavender */
.wpcc-style-lavender {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e9d5ff 100%);
    border: 1px solid #c4b5fd; color: #4c1d95;
    box-shadow: 0 10px 28px -8px rgba(139,92,246,0.22);
}
.wpcc-style-lavender:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(139,92,246,0.38); }
.wpcc-style-lavender .wpcc-coupon-body { width: 100%; }
.wpcc-style-lavender .wpcc-coupon-btn { background: linear-gradient(135deg,#7c3aed,#6d28d9); color:#fff; }
.wpcc-style-lavender .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#6d28d9,#5b21b6); }
.wpcc-style-lavender .wpcc-coupon-code { background:#fff; border:1px solid #a78bfa; color:#6d28d9; }
.wpcc-style-lavender .wpcc-coupon-desc { color:#4c1d95; }

/* 38. 象牙白润 ivory */
.wpcc-style-ivory {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #fffbeb 0%, #fefce8 50%, #fef9c3 100%);
    border: 1px solid #fde68a; color: #422006;
    box-shadow: 0 10px 28px -8px rgba(202,138,4,0.18);
}
.wpcc-style-ivory:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(202,138,4,0.32); }
.wpcc-style-ivory .wpcc-coupon-body { width: 100%; }
.wpcc-style-ivory .wpcc-coupon-btn { background: linear-gradient(135deg,#a16207,#854d0e); color:#fff; }
.wpcc-style-ivory .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#854d0e,#713f12); }
.wpcc-style-ivory .wpcc-coupon-code { background:#fff; border:1px solid #ca8a04; color:#854d0e; }
.wpcc-style-ivory .wpcc-coupon-desc { color:#422006; }

/* 39. 银月霜辉 silver */
.wpcc-style-silver {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 16px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
    border: 1px solid #cbd5e1; color: #1e293b;
    box-shadow: 0 10px 28px -8px rgba(100,116,139,0.2);
}
.wpcc-style-silver:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(100,116,139,0.34); }
.wpcc-style-silver .wpcc-coupon-body { width: 100%; }
.wpcc-style-silver .wpcc-coupon-btn { background: linear-gradient(135deg,#475569,#334155); color:#fff; }
.wpcc-style-silver .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#334155,#1e293b); }
.wpcc-style-silver .wpcc-coupon-code { background:#fff; border:1px solid #64748b; color:#334155; }
.wpcc-style-silver .wpcc-coupon-desc { color:#1e293b; }

/* 40. 百花盛放 blossom */
.wpcc-style-blossom {
    flex-direction: column; align-items: stretch; gap: 0.6rem;
    padding: 1.1rem 1.25rem; border-radius: 18px;
    background:
        radial-gradient(circle at 10% 20%, rgba(251,207,232,0.4), transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(186,230,253,0.4), transparent 40%),
        linear-gradient(135deg, #fdf4ff 0%, #fef3c7 100%);
    border: 1px solid #f0abfc; color: #581c87;
    box-shadow: 0 10px 28px -8px rgba(217,70,239,0.22);
}
.wpcc-style-blossom:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(217,70,239,0.38); }
.wpcc-style-blossom .wpcc-coupon-body { width: 100%; }
.wpcc-style-blossom .wpcc-coupon-btn { background: linear-gradient(135deg,#9333ea,#7e22ce); color:#fff; }
.wpcc-style-blossom .wpcc-coupon-btn:hover { background: linear-gradient(135deg,#7e22ce,#6b21a8); }
.wpcc-style-blossom .wpcc-coupon-code { background:#fff; border:1px solid #c026d3; color:#7e22ce; }
.wpcc-style-blossom .wpcc-coupon-desc { color:#581c87; }

/* ===== 详情模式：优惠码按钮 + 活动链接按钮 纵向堆叠、宽度自适应内容 =====
 * 仅作用于「优惠码-详情模式」（.wpcc-mode-detail）下的按钮区：
 *   - .wpcc-coupon-code （优惠码本体）—— 宽度自适应优惠码文字
 *   - .wpcc-link-btn    （活动链接按钮）—— 宽度自适应按钮文字
 *   - .wpcc-reveal-btn  （点击揭示按钮）—— 宽度自适应按钮文字
 * 不分设备（桌面/平板/移动全部生效）：纵向堆叠（一行一个），但每个按钮宽度跟随自身内容，
 * 不再独占 100%。其他模式（simple/deal）不受影响。
 */
.wpcc-mode-detail .wpcc-coupon-body {
    flex-direction: column;
    align-items: flex-start;
}