:root{--color-primary: #d32f2f;--color-primary-dark: #b71c1c;--color-accent: #1565c0;--color-dark: #1a1a1a;--color-gray: #666;--color-light: #f5f5f5;--color-white: #fff;--color-border: #e0e0e0;--font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--max-width: 1200px;--header-height: 70px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-dark);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section{padding:80px 0}.header-top{background:#1a1a2e;color:#ffffffb3;font-size:13px;padding:8px 0;display:none}@media (min-width: 769px){.header-top{display:block}}.header-top .container{display:flex;justify-content:space-between;align-items:center}.header-top-left{display:flex;gap:20px}.header-top-right{display:flex;align-items:center;gap:16px}.whatsapp-link,.email-link{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:12px;font-size:13px;font-weight:500;color:#fff;transition:background .2s}.whatsapp-link{background:#25d366}.email-link{background:var(--color-accent)}.email-link:hover{background:#0d47a1}.site-header{position:sticky;top:0;z-index:100;background:var(--color-white);box-shadow:0 2px 12px #0000000f;height:var(--header-height)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:32px}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:18px;font-weight:700;color:var(--color-dark);line-height:1.2}.logo-sub{font-size:11px;color:var(--color-gray);line-height:1.2}.header-nav{display:flex;align-items:center;gap:32px}.header-nav a{font-size:15px;font-weight:500;color:var(--color-dark);transition:color .2s;position:relative}.header-nav a:hover,.header-nav a.active{color:var(--color-primary)}.header-nav a.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.lang-switch{display:flex;gap:4px;font-size:12px}.lang-switch a{padding:3px 8px;border-radius:3px;border:1px solid var(--color-border);transition:all .2s}.lang-switch a.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.lang-switch a:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:101}.hamburger span{display:block;width:24px;height:2px;background:var(--color-dark);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}.header-nav{display:flex;flex-direction:column;gap:0;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--color-white);box-shadow:-4px 0 16px #0000001a;padding:80px 32px 32px;transition:right .3s;z-index:100}.header-nav.open{right:0}.header-nav a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--color-light)}.header-nav a.active:after{display:none}}.hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:var(--color-white);padding:80px 0 100px;text-align:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(211,47,47,.15) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(21,101,192,.1) 0%,transparent 60%)}.hero .container{position:relative;z-index:1}.hero h1{font-size:44px;font-weight:700;margin-bottom:16px}.hero p{font-size:18px;opacity:.85;max-width:640px;margin:0 auto 36px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;transition:all .3s;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px #d32f2f4d}.btn-outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.25)}.btn-outline:hover{border-color:var(--color-white);background:#ffffff14}.stats-section{background:var(--color-white);padding:48px 0;border-bottom:1px solid var(--color-light)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat-item .stat-num{font-size:36px;font-weight:700;color:var(--color-primary)}.stat-item .stat-label{font-size:14px;color:var(--color-gray);margin-top:4px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:30px;font-weight:700;margin-bottom:8px}.section-title p{font-size:15px;color:var(--color-gray)}.section-title .divider{width:48px;height:3px;background:var(--color-primary);margin:12px auto 0;border-radius:2px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 992px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.category-grid{grid-template-columns:1fr}}.category-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .3s;display:block}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001a}.category-card-image{height:180px;background:linear-gradient(135deg,#e8eaed,#f5f5f5);display:flex;align-items:center;justify-content:center;font-size:48px;color:#ccc}.category-card-body{padding:20px}.category-card-body h3{font-size:16px;font-weight:600;margin-bottom:4px}.category-card-body p{font-size:13px;color:var(--color-gray)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 992px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.product-grid{grid-template-columns:1fr}}.product-card{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:all .3s;background:var(--color-white);display:block}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.product-card-image{height:200px;background:#f0f1f3;display:flex;align-items:center;justify-content:center;font-size:36px;color:#ddd}.product-card-body{padding:16px}.product-card-body h4{font-size:15px;font-weight:600;margin-bottom:4px}.product-card-body .model{font-size:13px;color:var(--color-primary);font-weight:500}.category-tag{display:inline-block;font-size:12px;color:var(--color-gray);background:var(--color-light);padding:2px 10px;border-radius:12px;margin-top:6px}.products-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-top:32px}@media (max-width: 768px){.products-layout{grid-template-columns:1fr}}.sidebar{position:sticky;top:calc(var(--header-height) + 20px);align-self:start}@media (max-width: 768px){.sidebar{position:static}}.sidebar-title{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--color-gray);margin-bottom:12px;letter-spacing:.5px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:block;padding:10px 14px;border-radius:6px;font-size:14px;color:var(--color-gray);transition:all .15s}.sidebar-nav a:hover{background:var(--color-light);color:var(--color-dark)}.sidebar-nav a.active{background:#fce4e4;color:var(--color-primary);font-weight:600}.breadcrumb{background:var(--color-light);padding:12px 0;font-size:13px;color:var(--color-gray)}.breadcrumb a{color:var(--color-gray)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{margin:0 6px;color:#bbb}.product-detail{padding:48px 0}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width: 768px){.product-detail-grid{grid-template-columns:1fr}}.product-gallery .main-image{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:#f0f1f3;display:flex;align-items:center;justify-content:center;min-height:400px;font-size:64px;color:#ddd}.product-info h1{font-size:28px;font-weight:700;margin-bottom:8px}.product-info .model{font-size:16px;color:var(--color-primary);margin-bottom:20px;font-weight:500}.product-info .desc{font-size:15px;line-height:1.8;margin-bottom:24px}.specs-table{width:100%;border-collapse:collapse}.specs-table th,.specs-table td{border:1px solid var(--color-border);padding:10px 14px;font-size:14px}.specs-table th{background:var(--color-light);font-weight:600;width:40%}.related-products{margin-top:64px;padding-top:48px;border-top:1px solid var(--color-border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}}.about-text h3{font-size:22px;margin-bottom:16px}.about-text p{font-size:15px;line-height:1.8;color:var(--color-gray);margin-bottom:12px}.contact-list li{display:flex;gap:10px;margin-bottom:14px;font-size:14px;color:var(--color-gray)}.contact-list .icon{width:20px;text-align:center;color:var(--color-primary);font-size:16px}.site-footer{background:#1a1a2e;color:#ffffffb3;padding:56px 0 24px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:32px}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr}}.footer-info h3{color:var(--color-white);font-size:18px;margin-bottom:12px}.footer-info p{font-size:14px;line-height:1.8}.footer-links h4{color:var(--color-white);font-size:15px;margin-bottom:12px}.footer-links li{margin-bottom:8px}.footer-links a{font-size:14px;color:#fff9;transition:color .2s}.footer-links a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;text-align:center;font-size:13px;color:#fff6}.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:200;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 16px #25d36666;transition:all .3s}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36680}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.bg-light{background:var(--color-light)}.product-contact{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.btn-contact{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;transition:all .2s}.btn-contact.whatsapp{background:#25d366}.btn-contact.whatsapp:hover{background:#1ebe5b;transform:translateY(-1px)}.btn-contact.email{background:var(--color-accent)}.btn-contact.email:hover{background:#0d47a1;transform:translateY(-1px)}.nav-dropdown{position:relative}.nav-dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 32px #0000001f;border-radius:8px;min-width:260px;padding:16px 0;z-index:200}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-grid{display:flex;flex-direction:column}.dropdown-grid a{padding:10px 20px;font-size:14px;color:var(--color-dark);white-space:nowrap}.dropdown-grid a:hover{background:#fce4e4;color:var(--color-primary)}@media (max-width: 768px){.nav-dropdown .dropdown-menu{position:static;box-shadow:none;padding:0;min-width:auto}.dropdown-grid a{padding:10px 0 10px 16px;font-size:14px;border-bottom:1px solid var(--color-light)}}.header-right{display:flex;align-items:center;gap:8px}.header-search{position:relative;display:flex;align-items:center}.search-toggle{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px}.search-form{display:flex;overflow:hidden;width:0;transition:width .3s}.search-form.show{width:200px}.search-input{border:1px solid var(--color-border);border-radius:4px;padding:6px 12px;font-size:13px;outline:none;width:100%}.search-input:focus{border-color:var(--color-primary)}@media (max-width: 768px){.search-form.show{width:140px}}.product-gallery .main-image{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:#f0f1f3;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative}.product-gallery .main-image img{width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:8px;margin-top:12px}.gallery-thumb{width:72px;height:72px;border:2px solid var(--color-border);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.gallery-thumb.active{border-color:var(--color-primary)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.inquiry-form{background:var(--color-light);border-radius:10px;padding:24px;margin-top:24px}.inquiry-form h4{font-size:16px;font-weight:600;margin-bottom:16px}.inquiry-form .form-row{display:flex;gap:12px;margin-bottom:12px}.inquiry-form input,.inquiry-form textarea{flex:1;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-family:inherit;outline:none}.inquiry-form textarea{width:100%;min-height:80px;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--color-primary)}.inquiry-form .btn-submit{background:var(--color-primary);color:#fff;border:none;padding:10px 28px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.inquiry-form .btn-submit:hover{background:var(--color-primary-dark)}.inquiry-form .form-success{color:#2e7d32;font-size:14px;display:none}