/* 变量别名：复用 common.css 中已定义的配色，仅保留本页专属命名与差异值 */
:root {
    --bg-soft: var(--soft);
    --bg-hover: var(--hover);
    --text-secondary: var(--muted);
    --text-tertiary: var(--subtle);
    --accent: var(--text);
    --success-bg: var(--successbg);
    --border-hover: #d5d5d5;
    --radius: 16px;
}

/* 本页独有样式 */
main{width:min(960px,calc(100% - 40px))}
.hero{padding:20px 0 34px;border-bottom:1px solid var(--border)}
.hero-top{display:flex;justify-content:space-between;gap:25px}
.merchant{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.merchant-icon{width:35px;height:35px;border-radius:9px;background:var(--soft);display:grid;place-items:center;font-size:11px;font-weight:700}
.status{width:85px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:var(--successbg);color:var(--success);font-size:12px;font-weight:600}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.hero h1{font-size:34px;letter-spacing:-1.1px;margin:18px 0 8px}
.desc{color:var(--muted);font-size:14px;line-height:1.7}
.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:20px}
.panel{border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--card)}
.title{font-size:15px;font-weight:650;margin-bottom:17px}
.specs{display:grid;grid-template-columns:1fr 1fr}
.spec{padding:13px 0;border-bottom:1px solid var(--border)}
.label{font-size:11px;color:var(--subtle);margin-bottom:5px}
.value{font-size:13px}
/*.coupon{margin-top:17px;border-top:1px solid var(--border);padding-top:17px}*/
/*.coupon-label{font-size:11px;color:var(--subtle);margin-bottom:9px}*/
.code{display:flex;justify-content:space-between;align-items:center}
.history-row{display:grid;grid-template-columns:105px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);font-size:13px}
.history-row:last-child{border-bottom:0}
.history-time{color:var(--subtle);font-size:12px}
.notice{color:var(--muted);font-size:13px;line-height:1.8}
@media(max-width:720px){
    .hero-top{flex-direction:column}
    .hero h1{font-size:29px}
    .grid{grid-template-columns:1fr}
    .specs{grid-template-columns:1fr 1fr}
    .history-row{grid-template-columns:1fr auto}
    .history-time{grid-column:1/-1}
}