/* 优惠码高亮（CouponHighlight）—— 视觉样式，点击行为由 copy-toast.js 统一委托
 *
 * 🧨 特异性说明：装饰 span 同时带 .zhiji-copy（core.css 里是品牌蓝底白字按钮样式，
 *    特异性 0-1-0）——必须用 .zhiji-copy.zhiji-cp（0-2-0）压过它，否则高亮变蓝底。
 *    深色主题：zibll 把 dark-theme / white-theme 挂在 body class 上。
 */
.zhiji-copy.zhiji-cp {
    display: inline-block;
    background: #fff6ec;
    border: 1px dashed #ffb366;
    color: #e8590c;
    font-weight: 600;
    font-size: 1em;
    line-height: inherit;
    border-radius: 6px;
    padding: 0 7px;
    margin: 0 2px;
    cursor: pointer;
    transition: all .15s ease;
    letter-spacing: .5px;
    opacity: 1;
    transform: none;
}

.zhiji-copy.zhiji-cp:hover {
    background: #ffe3c7;
    box-shadow: 0 0 0 2px rgba(255, 140, 40, .18);
    opacity: 1;
}

/* 复制成功反馈（CopyToast feedback 加 is-done；保留绿色语义，仅换浅底） */
.zhiji-copy.zhiji-cp.is-done {
    background: #e6f7ed;
    border-color: #7bd9a8;
    color: #16a34a;
    box-shadow: none;
}

/* ── 深色主题：半透明暖底 + 亮橙字，浅色不刺眼 ── */
body.dark-theme .zhiji-copy.zhiji-cp {
    background: rgba(255, 179, 102, .14);
    border-color: rgba(255, 179, 102, .45);
    color: #ffb366;
}

body.dark-theme .zhiji-copy.zhiji-cp:hover {
    background: rgba(255, 179, 102, .24);
    box-shadow: 0 0 0 2px rgba(255, 179, 102, .18);
}

body.dark-theme .zhiji-copy.zhiji-cp.is-done {
    background: rgba(34, 181, 115, .16);
    border-color: rgba(34, 181, 115, .5);
    color: #4ade80;
}

/* ══════════════════════════════════════════════════════════════════════════════
 * 用户中心「我的优惠码」表格
 *
 * 该表用了 Bootstrap 的 `.table-hover`，悬停行底色是 #f5f5f5（白）——
 * 深色主题下整行变白，蓝色到期时间几乎看不见（实测截图确认）。
 * 券码 chip 也补一套明确样式，避免悬停时与行底糊在一起。
 * ════════════════════════════════════════════════════════════════════════════ */
body.dark-theme .zhiji-coupon-table > tbody > tr:hover > td,
body.dark-theme .zhiji-coupon-table > tbody > tr:hover > th {
    background: rgba(255, 255, 255, .055) !important;
}

.zhiji-coupon-table .zhiji-copy-code {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    letter-spacing: .3px;
    background: #fff6ec;
    border: 1px dashed #ffb366;
    color: #e8590c;
    cursor: pointer;
    transition: background .15s ease;
}

.zhiji-coupon-table .zhiji-copy-code:hover {
    background: #ffe3c7;
}

body.dark-theme .zhiji-coupon-table .zhiji-copy-code {
    background: rgba(255, 179, 102, .14);
    border-color: rgba(255, 179, 102, .45);
    color: #ffb366;
}

body.dark-theme .zhiji-coupon-table .zhiji-copy-code:hover {
    background: rgba(255, 179, 102, .24);
}