body { font-family: 'PingFang SC', sans-serif; margin: 0; background: #fcfcfc; color: #333; scroll-behavior: smooth; }

header { background: #fff; padding: 20px 0; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 100; }
.header-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.logo-v5 { font-weight: bold; color: #007fff; text-decoration: none; }
.nav-v5 a { margin-left: 15px; text-decoration: none; color: #666; font-size: 14px; }

.vs-hero { 
    padding: 100px 0; 
    text-align: center; 
    background: linear-gradient(rgba(0,127,255,0.8), rgba(0,86,179,0.9)), url('assets/hero-bg.jpg'); 
    background-size: cover;
    background-position: center;
    color: #fff; 
}
.vs-hero h1 { font-size: 3rem; margin-bottom: 20px; }

.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }

.comparison-box { margin-top: -50px; background: #fff; border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); overflow: hidden; }
.comp-table { width: 100%; border-collapse: collapse; }
.comp-table th, .comp-table td { padding: 25px; text-align: center; border-bottom: 1px solid #eee; }
.comp-table th { background: #f8f9fa; font-size: 1.2rem; }
.comp-table .winner { background: #f0f7ff; color: #007fff; font-weight: bold; }

.score-section { padding: 80px 0; }
.score-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.score-card { text-align: center; padding: 30px; background: #fff; border: 1px solid #eee; border-radius: 8px; }
.score-num { font-size: 2.5rem; font-weight: 800; color: #007fff; }
.score-label { font-size: 0.9rem; color: #666; margin-top: 10px; }

.testimonial-section { background: #f4f7f9; padding: 80px 0; }
.testimonial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.t-card { background: #fff; padding: 30px; border-radius: 8px; position: relative; }
.t-card::before { content: '"'; position: absolute; top: 10px; left: 20px; font-size: 4rem; color: #eee; }
.t-user { margin-top: 20px; font-weight: bold; color: #007fff; }

.cta-v5 { text-align: center; padding: 100px 0; }
.btn-v5 { background: #007fff; color: #fff; padding: 20px 60px; text-decoration: none; border-radius: 50px; font-weight: bold; font-size: 1.3rem; box-shadow: 0 10px 20px rgba(0,127,255,0.3); }

footer { padding: 40px; text-align: center; color: #999; border-top: 1px solid #eee; }
@media (max-width: 768px) { .score-grid { grid-template-columns: 1fr 1fr; } .testimonial-grid { grid-template-columns: 1fr; } .vs-hero h1 { font-size: 2rem; } }