/* 变量别名：复用 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;
}

/* 本页独有样式 */
.merchant-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:20px 0 28px;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:15px}
.brand-icon{width:58px;height:58px;border-radius:15px;background:var(--soft);display:grid;place-items:center;font-size:18px;font-weight:700;flex:none}
.merchant-hero h1{font-size:32px;letter-spacing:-1px;margin:0 0 6px}
.meta-line{color:var(--subtle);font-size:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.merchant-desc{color:var(--muted);font-size:14px;line-height:1.7;max-width:600px}

.rating-panel{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--border)}
.rating-foot{display:flex;justify-content:flex-end}

.events{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:15px;background:var(--card);overflow:hidden}
.event{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--border);transition:.15s}
.event:last-child{border-bottom:0}
.event:hover{background:var(--soft)}
.event .etag{flex:none;margin-top:1px}
.event-body{flex:1;min-width:0}
.event-title{font-size:13.5px;font-weight:600}
.event-title a:hover{text-decoration:underline}
.event-desc{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.6}
.event-time{flex:none;font-size:11px;color:var(--subtle);white-space:nowrap;margin-top:2px}

@media(max-width:720px){
    .merchant-hero{flex-direction:column}
    .merchant-hero h1{font-size:27px}
    .rating-panel{grid-template-columns:1fr}
    .event{flex-wrap:wrap}
    .event-time{order:3;width:100%}

    .card-bottom {
        align-items: flex-end;
    }
}