.vip-shell{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:28px 16px;background:var(--paper)}
.vip-panel{width:min(100%,760px);position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px 22px}
.vip-mark{position:absolute;right:18px;top:18px;color:var(--gold-deep);background:var(--gold-soft);border:1px solid #ead7aa;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;letter-spacing:.12em}
.vip-panel h1{color:var(--navy);margin-bottom:24px}
.status,.gate-copy,.member-note{color:var(--ink-soft);font-size:16px;line-height:1.75}
.locked-view{padding:24px 0 6px;border-top:1px solid var(--line)}
.gate-copy{margin:0;max-width:34em}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.actions a{display:inline-flex;justify-content:center;align-items:center;min-width:112px;padding:12px 18px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:700}
.actions .primary{background:var(--gold);color:#1a1207}
.actions .secondary{background:var(--navy);color:#fff}
.case-list{display:grid;gap:16px;margin-top:20px}
.case-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.case-card h2{margin:0 0 16px;color:var(--navy);font-size:19px}
.case-section{padding:12px 0;border-top:1px solid var(--line)}
.case-section h3{margin:0 0 5px;color:var(--gold-deep);font-size:13px}
.case-section p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.65}
@media(min-width:640px){.vip-panel{padding:46px 42px}.vip-mark{right:34px;top:34px}}