:root{--primary-color:#c8102e;--primary-dark:#a50d25;--secondary-color:#2c3e50;--accent-color:#f39c12;--text-color:#333;--text-light:#666;--text-lighter:#999;--bg-color:#fff;--bg-light:#f8f9fa;--bg-gray:#f5f5f5;--border-color:#e0e0e0;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--max-width:1200px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--primary-color);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--secondary-color);font-weight:600;line-height:1.3}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);border:2px solid #0000;padding:10px 28px;font-size:15px;font-weight:500;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--primary-color);border-color:var(--primary-color);background-color:#0000}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:40px}.section-title h2{margin-bottom:12px;font-size:32px;display:inline-block;position:relative}.section-title h2:after{content:"";background-color:var(--primary-color);border-radius:2px;width:50px;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.section-title p{color:var(--text-light);margin-top:20px;font-size:16px}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.tag{background-color:var(--bg-gray);color:var(--text-light);border-radius:20px;padding:4px 12px;font-size:12px;display:inline-block}.price{color:var(--primary-color);font-weight:700}.price-original{color:var(--text-lighter);font-size:14px;text-decoration:line-through}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.section{padding:40px 0}.section-title h2{font-size:24px}}.header[data-v-1601146d]{z-index:100;box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}.header-top[data-v-1601146d]{background:var(--secondary-color);color:#fff;padding:6px 0;font-size:13px}.header-top-inner[data-v-1601146d]{justify-content:space-between;align-items:center;display:flex}.header-top-right[data-v-1601146d]{gap:24px;display:flex}.header-top-right a[data-v-1601146d]{color:inherit;text-decoration:none}.header-top-right a[data-v-1601146d]:hover{text-decoration:underline}.header-main[data-v-1601146d]{background:#fff;padding:16px 0}.header-main-inner[data-v-1601146d]{justify-content:space-between;align-items:center;display:flex}.logo[data-v-1601146d]{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon[data-v-1601146d]{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex}.logo-text h1[data-v-1601146d]{color:var(--primary-color);margin-bottom:2px;font-size:22px}.logo-text p[data-v-1601146d]{color:var(--text-light);font-size:12px}.nav[data-v-1601146d]{gap:8px;display:flex}.nav-link[data-v-1601146d]{border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;transition:var(--transition);padding:8px 18px;font-size:15px;font-weight:500}.nav-link[data-v-1601146d]:hover{background:var(--bg-gray);color:var(--primary-color)}.nav-link.active[data-v-1601146d]{background:var(--primary-color);color:#fff}.mobile-toggle[data-v-1601146d]{background:0 0;width:32px;height:32px;display:none;position:relative}.mobile-toggle span[data-v-1601146d],.mobile-toggle span[data-v-1601146d]:before,.mobile-toggle span[data-v-1601146d]:after{content:"";background:var(--text-color);width:100%;height:2px;transition:var(--transition);display:block;position:absolute;left:0}.mobile-toggle span[data-v-1601146d]{top:50%;transform:translateY(-50%)}.mobile-toggle span[data-v-1601146d]:before{top:-8px}.mobile-toggle span[data-v-1601146d]:after{top:8px}.mobile-toggle span.open[data-v-1601146d]{background:0 0}.mobile-toggle span.open[data-v-1601146d]:before{background:var(--primary-color);top:0;transform:rotate(45deg)}.mobile-toggle span.open[data-v-1601146d]:after{background:var(--primary-color);top:0;transform:rotate(-45deg)}@media (width<=900px){.header-top[data-v-1601146d]{display:none}.mobile-toggle[data-v-1601146d]{display:block}.nav[data-v-1601146d]{box-shadow:var(--shadow-md);background:#fff;flex-direction:column;padding:16px 20px;transition:transform .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(-120%)}.nav.nav-open[data-v-1601146d]{transform:translateY(0)}.nav-link[data-v-1601146d]{border-radius:var(--radius-sm);padding:12px 18px}}.footer[data-v-4aed3c31]{background:var(--secondary-color);color:#ccc}.footer-main[data-v-4aed3c31]{padding:60px 0 40px}.footer-grid[data-v-4aed3c31]{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.footer-col h3[data-v-4aed3c31]{color:#fff;margin-bottom:20px;padding-bottom:10px;font-size:18px;position:relative}.footer-col h3[data-v-4aed3c31]:after{content:"";background:var(--primary-color);width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-col ul li[data-v-4aed3c31]{margin-bottom:10px;font-size:14px}.footer-col ul li a[data-v-4aed3c31]{color:#ccc;transition:var(--transition)}.footer-col ul li a[data-v-4aed3c31]:hover{color:#fff;padding-left:4px}.contact-list li[data-v-4aed3c31]{line-height:1.8}.contact-list li a[data-v-4aed3c31]{color:#ccc;text-decoration:none}.contact-list li a[data-v-4aed3c31]:hover{color:#fff}.qr-code[data-v-4aed3c31]{text-align:center}.qr-placeholder[data-v-4aed3c31]{border-radius:var(--radius-md);width:120px;height:120px;color:var(--secondary-color);background:#fff;border:2px dashed #555;justify-content:center;align-items:center;margin:0 auto 12px;font-size:14px;display:flex}.qr-tip[data-v-4aed3c31]{color:#aaa;font-size:13px}.footer-bottom[data-v-4aed3c31]{text-align:center;color:#999;background:#1a252f;padding:16px 0;font-size:13px}@media (width<=768px){.footer-grid[data-v-4aed3c31]{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=480px){.footer-grid[data-v-4aed3c31]{grid-template-columns:1fr}}#app-wrapper[data-v-dbb0ef9f]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-dbb0ef9f]{flex:1}