:root {
    --pano-ink: #182c38;
    --pano-muted: #536a76;
    --pano-accent: #176c67;
    --pano-line: #d9e5e3;
}

body.vr-home-v2-body {
    font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--pano-ink);
    background: #f5f8f7;
}

.vr-home-v2-hero {
    background: radial-gradient(ellipse at 86% 19%, #d4ebe3, transparent 48%), #f9fbfa;
    border-color: var(--pano-line);
}

.vr-home-v2-copy h1,
.vr-home-v2 .PanoTabs_active_25FPvN,
.vr-home-v2 .Header_title_3z78hM {
    color: var(--pano-ink) !important;
}

.vr-home-v2-copy h1 span { color: var(--pano-accent); }
.vr-home-v2-sub { color: var(--pano-muted); }
.vr-home-v2-btn.primary,
.vr-home-v2-navbtn.primary,
.vr-content-navbtn.primary { background: var(--pano-accent); border-color: var(--pano-accent); }

.vr-home-v2 a:focus-visible,
.vr-home-v2-topnav a:focus-visible,
.vr-content-topnav a:focus-visible {
    outline: 2px solid var(--pano-accent);
    outline-offset: 4px;
}

.pano-empty {
    border: 1px dashed var(--pano-line);
    border-radius: 14px;
    padding: 24px;
    width: 100%;
    color: var(--pano-muted);
}

@media (max-width: 1100px) {
    .vr-home-v2-navinner, .vr-content-navinner { flex-wrap: wrap; padding-block: 12px; }
    .vr-home-v2-topnav, .vr-content-topnav { height: auto; }
    .vr-home-v2-links, .vr-content-links {
        display: flex !important;
        order: 3;
        width: 100%;
        overflow-x: auto;
        gap: 18px;
        scrollbar-width: thin;
        padding: 8px 2px 5px;
    }
    .vr-home-v2-links a, .vr-content-links a { flex: 0 0 auto; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
    .vr-home-v2 *, .vr-home-v2-topnav *, .vr-content-topnav * {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}