*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --vg-navy:#4A4380;
  --vg-navy-deep:#3D3766;
  --vg-orange:#E8622C;
  --vg-ink:#1F1D33;
  --vg-gray:#6B6880;
  --vg-gray-light:#8A87A0;
  --vg-border:#E4E2ED;
  --vg-bg-shell:#F0EEF5;
  --vg-bg:#FFFFFF;
  --vg-green:#2E8B57;
  --vg-sans:'Nunito Sans',sans-serif;
}
html{font-size:16px;scroll-behavior:smooth}
body{background:var(--vg-bg-shell);color:var(--vg-ink);font-family:var(--vg-sans);line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}

.vg-header{background:var(--vg-navy);position:sticky;top:0;z-index:100}
.vg-header-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;height:52px}
.vg-logo{font-size:1.0625rem;font-weight:800;color:#fff;white-space:nowrap;flex-shrink:0}
.vg-logo span{color:#F0AD8C;font-weight:700}
.vg-nav{display:flex;align-items:center;gap:22px;flex:1}
.vg-nav a{font-size:0.8125rem;color:rgba(255,255,255,0.82);font-weight:600;white-space:nowrap;transition:color 0.2s}
.vg-nav a:hover{color:#fff}
.vg-nav-cta{margin-left:auto;background:var(--vg-orange);color:#fff!important;font-size:0.75rem;font-weight:700;padding:7px 16px;border-radius:3px;white-space:nowrap;flex-shrink:0}

.vg-shell{max-width:1240px;margin:20px auto 0;background:var(--vg-bg);border-radius:6px;padding:0 32px 8px;box-shadow:0 1px 3px rgba(31,29,51,0.08)}

.vg-tabs{display:flex;gap:28px;border-bottom:1px solid var(--vg-border);padding-top:20px}
.vg-tab{font-size:0.9375rem;font-weight:700;color:var(--vg-gray-light);padding-bottom:14px;cursor:pointer}
.vg-tab.active{color:var(--vg-ink);border-bottom:2px solid var(--vg-orange)}

.vg-feature{display:grid;grid-template-columns:1.55fr 1fr;gap:0;padding:24px 0 32px;border-bottom:1px solid var(--vg-border)}
.vg-feature-main{padding-right:32px;border-right:1px solid var(--vg-border)}
.vg-feature-img{aspect-ratio:16/9;background:var(--vg-border);border-radius:3px;overflow:hidden;margin-bottom:16px}
.vg-feature-title{font-size:1.375rem;font-weight:800;line-height:1.35;color:var(--vg-ink);margin-bottom:10px}
.vg-feature-byline{font-size:0.8125rem;color:var(--vg-gray)}

.vg-feature-list{display:flex;flex-direction:column;padding-left:28px}
.vg-flist-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--vg-border)}
.vg-flist-item:last-child{border-bottom:none}
.vg-flist-thumb{width:64px;height:64px;flex-shrink:0;border-radius:3px;overflow:hidden;background:var(--vg-border)}
.vg-flist-body h4{font-size:0.875rem;font-weight:700;line-height:1.4;color:var(--vg-ink);margin-bottom:6px}
.vg-flist-body p{font-size:0.75rem;color:var(--vg-gray)}

.vg-section{padding:32px 0;border-bottom:1px solid var(--vg-border)}
.vg-section:last-child{border-bottom:none}
.vg-section-head{position:relative;margin-bottom:20px}
.vg-section-head h2{font-size:1.0625rem;font-weight:800;letter-spacing:0.02em;color:var(--vg-ink)}
.vg-section-head p{font-size:0.8125rem;color:var(--vg-gray);margin-top:4px}
.vg-see-all{position:absolute;top:2px;right:0;font-size:0.8125rem;font-weight:700;color:var(--vg-navy)}

.vg-hgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vg-hcard-img{aspect-ratio:1/1;border-radius:3px;overflow:hidden;background:var(--vg-border);margin-bottom:10px}
.vg-hcard-rank{font-size:0.9375rem;font-weight:700;color:var(--vg-gray-light);margin-bottom:6px}
.vg-hcard-rank span{color:var(--vg-ink);font-weight:800}
.vg-hcard-desc{font-size:0.8125rem;color:var(--vg-gray);line-height:1.55}

.vg-cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vg-ccard{border:1px solid var(--vg-border);border-radius:4px;padding:22px 16px;text-align:center}
.vg-cicon{display:block;font-size:1.75rem;color:var(--vg-navy);margin-bottom:10px}
.vg-ccard h4{font-size:0.9375rem;font-weight:700;color:var(--vg-ink);margin-bottom:4px}
.vg-ccard p{font-size:0.75rem;color:var(--vg-gray)}

.vg-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.vg-mcard{display:flex;gap:14px;padding:0 20px 0 0}
.vg-mavatar{width:44px;height:44px;border-radius:50%;background:var(--vg-navy);color:#fff;font-weight:800;font-size:0.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vg-mbody h4{font-size:0.9375rem;font-weight:700;color:var(--vg-ink);margin-bottom:4px}
.vg-mbody p{font-size:0.8125rem;color:var(--vg-gray);line-height:1.6}

.vg-footer{background:var(--vg-ink);margin-top:32px;padding:40px 0 20px}
.vg-footer-inner{max-width:1240px;margin:0 auto;padding:0 20px}
.vg-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:28px}
.vg-footer-col h5{font-size:0.875rem;font-weight:700;color:#fff;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.12)}
.vg-footer-col p{font-size:0.75rem;color:rgba(255,255,255,0.5);line-height:1.7}
.vg-footer-links{list-style:none;display:flex;flex-direction:column;gap:7px}
.vg-footer-links a{font-size:0.75rem;color:rgba(255,255,255,0.5)}
.vg-footer-links li{font-size:0.75rem;color:rgba(255,255,255,0.5)}
.vg-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:16px}
.vg-footer-bottom p{font-size:0.6875rem;color:rgba(255,255,255,0.35)}

@media(max-width:900px){
  .vg-feature{grid-template-columns:1fr}
  .vg-feature-main{padding-right:0;border-right:none;border-bottom:1px solid var(--vg-border);padding-bottom:20px;margin-bottom:20px}
  .vg-feature-list{padding-left:0}
  .vg-hgrid{grid-template-columns:repeat(2,1fr)}
  .vg-cgrid{grid-template-columns:repeat(2,1fr)}
  .vg-mgrid{grid-template-columns:1fr;gap:16px}
  .vg-footer-grid{grid-template-columns:1fr;gap:24px}
  .vg-nav{display:none}
}