:root {
  --wx-wine:#641c28;
  --wx-wine-dark:#3a1018;
  --wx-wine-soft:#f7edef;
  --wx-gold:#b9914f;
  --wx-ink:#171513;
  --wx-muted:#77716d;
  --wx-page:#f5f2ef;
  --wx-surface:#ffffff;
  --wx-line:rgba(39,28,24,.09);
  --wx-shadow-sm:0 10px 30px rgba(53,35,29,.07);
  --wx-shadow-md:0 24px 70px rgba(53,35,29,.12);
  --wx-radius-sm:14px;
  --wx-radius-md:20px;
  --wx-radius-lg:30px;
  --wx-speed:180ms;
}
.wx-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.wx-card{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.85);border-radius:var(--wx-radius-lg);box-shadow:var(--wx-shadow-sm);backdrop-filter:blur(16px)}
.wx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:0;border-radius:999px;font:700 13px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform var(--wx-speed),box-shadow var(--wx-speed),background var(--wx-speed)}
.wx-btn:hover{transform:translateY(-1px)}
.wx-btn-primary{background:var(--wx-wine);color:#fff;box-shadow:0 12px 25px rgba(100,28,40,.2)}
.wx-btn-soft{background:var(--wx-wine-soft);color:var(--wx-wine)}
.wx-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--wx-line);font-size:12px;font-weight:700;color:#4c4642;white-space:nowrap}
.wx-avatar{object-fit:cover;border-radius:50%;background:#eee}
.wx-section-title{font-family:'Playfair Display',serif;letter-spacing:-.5px;color:var(--wx-ink)}
.wx-muted{color:var(--wx-muted)}
.wx-skeleton{overflow:hidden;position:relative;background:#ece8e5}
.wx-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:wx-shimmer 1.4s infinite}
@keyframes wx-shimmer{to{transform:translateX(100%)}}
@media(max-width:720px){.wx-container{width:min(100% - 16px,1180px)}.wx-card{border-radius:24px}}