:root{--red: #E0010B;--red-hover: #C0000A;--black: #000000;--dark: #111111;--text: #333333;--text-light: #666666;--text-muted: #999999;--white: #FFFFFF;--bg-light: #F6F6F6;--bg-section: #F2F2F2;--border: #E5E5E5;--card-bg: #FFFFFF;--green: #09A74E;--font: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--radius: 4px;--nav-height: 72px;--topbar-height: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text);background:var(--white)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.container-wide{max-width:1400px}.topbar{background:var(--black);color:#ffffffb3;font-size:12px;height:var(--topbar-height);line-height:var(--topbar-height)}.topbar .container{display:flex;justify-content:space-between;align-items:center;height:100%}.topbar-left{display:flex;align-items:center;gap:8px;color:#fff9}.topbar-left svg{width:14px;height:14px}.topbar-right{display:flex;align-items:center;gap:12px}.lang-btn{display:flex;align-items:center;gap:6px;color:var(--white);font-size:12px;font-weight:500;padding:2px 0;cursor:pointer}.lang-btn img{width:18px;height:12px;object-fit:cover}.lang-btn svg{width:12px;height:12px}.lang-dropdown{position:absolute;top:100%;right:0;background:var(--bg-section);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000080;z-index:200;display:none}.lang-dropdown.open{display:block}.lang-dropdown a{display:block;padding:8px 16px;font-size:13px;color:var(--text);transition:background .15s}.lang-dropdown a:hover{background:var(--card-bg)}.main-nav{background:var(--black);border-top:1px solid rgba(255,255,255,.08);height:var(--nav-height);position:sticky;top:0;z-index:100}.main-nav .container{display:flex;align-items:center;height:100%}.nav-logo{display:flex;align-items:center;gap:10px;color:var(--white);font-weight:700;font-size:16px;margin-right:40px;flex-shrink:0}.nav-logo-icon{width:38px;height:38px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:900;font-size:14px}.nav-links{display:flex;align-items:center;height:100%;gap:4px}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-item>a,.nav-item>span{display:flex;align-items:center;gap:4px;color:#fffc;font-size:13px;font-weight:500;padding:0 14px;height:100%;white-space:nowrap;transition:color .15s;cursor:pointer}.nav-item>a:hover,.nav-item>span:hover{color:var(--white)}.nav-item>a svg,.nav-item>span svg{width:12px;height:12px}.nav-dropdown{position:absolute;top:100%;left:0;background:var(--bg-section);color:var(--text);min-width:200px;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px #00000080;padding:8px 0;z-index:200;display:none}.nav-item:hover .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:10px 20px;font-size:13px;color:var(--text);transition:all .15s}.nav-dropdown a:hover{color:var(--red);background:var(--bg-light);padding-left:24px}.nav-quote-btn{margin-left:auto;flex-shrink:0;background:var(--red);color:var(--white);font-weight:600;font-size:13px;padding:10px 22px;border-radius:var(--radius);transition:background .15s}.nav-quote-btn:hover{background:var(--red-hover)}.nav-mobile-toggle{display:none;color:var(--white);margin-left:auto;padding:12px;cursor:pointer}.video-hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;background:var(--black)}.video-hero video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.video-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.video-hero-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white);padding:40px 15px;z-index:2}.video-hero h1{font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.2;margin-bottom:12px;max-width:600px}.video-hero p{font-size:clamp(13px,1.5vw,16px);font-weight:400;line-height:1.6;opacity:.85;max-width:500px;margin-bottom:24px}.video-hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.video-hero .btn-red{background:var(--red);color:var(--white);font-weight:600;font-size:14px;padding:14px 36px;border-radius:var(--radius);transition:background .15s}.video-hero .btn-red:hover{background:var(--red-hover)}.video-hero .btn-outline{color:var(--white);font-weight:600;font-size:14px;padding:13px 35px;border:2px solid rgba(255,255,255,.6);border-radius:var(--radius);transition:all .15s}.video-hero .btn-outline:hover{border-color:var(--white);background:#ffffff1a}.section{padding:70px 0}.section-gray{background:var(--bg-section)}.section-dark{background:var(--black);color:var(--white)}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--text);margin-bottom:12px;line-height:1.15}.section-header p{font-size:18px;color:var(--text-light);max-width:750px;margin:0 auto;line-height:1.7}.category-cards{margin:0 auto;gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.category-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;aspect-ratio:1}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.category-card:hover img{transform:scale(1.06)}.category-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#0000000d 50%)}.category-card-label{position:absolute;bottom:24px;left:24px;color:var(--white);font-size:clamp(18px,2.5vw,26px);font-weight:700;text-transform:uppercase;letter-spacing:.02em}@media (min-width: 768px){.category-cards{gap:10px;grid-template-columns:repeat(5,1fr)}}.process-section .container{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.process-step{display:flex;gap:14px}.process-step-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:50%}.process-step-icon svg{width:22px;height:22px;color:var(--red)}.process-step-num{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.process-step-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}.process-step-desc{font-size:13px;color:var(--text-light);line-height:1.6}.process-mockup{width:100%;max-width:500px;margin:0 auto}.process-mockup img{width:100%;border-radius:8px}@media (min-width: 992px){.process-section .container{grid-template-columns:1fr 1fr}}.cta-banner{width:100%;display:block;background:linear-gradient(135deg,#e0010b,#ff5e3a);padding:50px 0;text-align:center;color:var(--white);position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 L20 0 L40 20 L20 40Z' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='2'/%3E%3C/svg%3E") repeat;pointer-events:none}.cta-banner h2{font-size:clamp(22px,3.5vw,32px);font-weight:800;margin-bottom:12px;position:relative}.cta-banner p{font-size:15px;opacity:.9;max-width:600px;margin:0 auto 24px;position:relative}.cta-banner .btn-white{display:inline-block;background:var(--white);color:var(--red);font-weight:700;font-size:14px;padding:14px 36px;border-radius:var(--radius);position:relative;transition:all .15s}.cta-banner .btn-white:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.needs-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.need-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:28px 20px;text-align:center;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.need-card:hover{border-color:var(--red);box-shadow:0 4px 16px #e0010b14}.need-card-icon{width:56px;height:56px;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.need-card-icon svg{width:28px;height:28px;color:var(--red)}.need-card-title{font-size:15px;font-weight:700;color:var(--text)}.need-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5}@media (min-width: 768px){.needs-cards{grid-template-columns:repeat(4,1fr)}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.stat-item{text-align:center}.stat-number{font-size:clamp(32px,5vw,48px);font-weight:900;color:var(--red);line-height:1;margin-bottom:6px}.stat-label{font-size:13px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.02em}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.partners-track{display:flex;gap:40px;align-items:center;justify-content:center;flex-wrap:wrap}.partner-logo{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:16px 24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-light);min-width:120px;transition:all .2s}.partner-logo:hover{color:var(--white);border-color:var(--red)}.blog-grid{display:grid;grid-template-columns:1fr;gap:20px}.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all .2s}.blog-card:hover{box-shadow:0 4px 16px #00000014}.blog-card-body{padding:20px}.blog-card-date{display:inline-block;background:var(--red);color:var(--white);font-size:11px;font-weight:600;padding:3px 10px;border-radius:2px;margin-bottom:10px}.blog-card-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.4}.blog-card-excerpt{font-size:13px;color:var(--text-light);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{display:inline-block;font-size:12px;font-weight:600;color:var(--red);margin-top:10px;transition:color .15s}.blog-card-link:hover{color:var(--red-hover)}@media (min-width: 768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.cert-scroll{display:flex;gap:16px;overflow-x:auto;padding:10px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cert-scroll::-webkit-scrollbar{height:4px}.cert-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cert-item{flex-shrink:0;width:160px;scroll-snap-align:start;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--card-bg)}.cert-item img{width:100%;aspect-ratio:.75;object-fit:contain;padding:16px}.trust-banner{background:#1a1a2e;color:var(--white);padding:50px 0;text-align:center;position:relative}.trust-banner h3{font-size:clamp(18px,3vw,24px);font-weight:700;margin-bottom:12px}.trust-banner p{font-size:14px;opacity:.8;max-width:650px;margin:0 auto 24px;line-height:1.7}.trust-banner .btn-red{display:inline-block;background:var(--red);color:var(--white);font-weight:600;font-size:14px;padding:14px 36px;border-radius:var(--radius);transition:background .15s}.trust-banner .btn-red:hover{background:var(--red-hover)}.site-footer{background:var(--black);color:#ffffffb3;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-col h4{color:var(--white);font-size:14px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.02em}.footer-col p{font-size:13px;line-height:1.7;margin-bottom:8px}.footer-col a{display:block;font-size:13px;color:#ffffff80;padding:4px 0;transition:color .15s}.footer-col a:hover{color:var(--white)}.footer-social{display:flex;gap:10px;margin-top:12px}.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .15s}.footer-social a:hover{border-color:var(--red);color:var(--red);background:#e0010b1a}.footer-bottom{padding-top:20px;text-align:center;font-size:12px;color:#ffffff59}@media (min-width: 768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-box{background:var(--bg-section);border-radius:8px;width:100%;max-width:500px;position:relative;overflow:hidden}.modal-pattern{background:var(--card-bg);padding:32px 28px;position:relative}.modal-close{position:absolute;top:12px;right:16px;font-size:24px;color:var(--text-muted);padding:4px;line-height:1;transition:color .15s;z-index:1}.modal-close:hover{color:var(--text)}.quote-form{position:relative;display:flex;flex-direction:column;gap:14px}.quote-form h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:2px}.quote-form p{font-size:13px;color:var(--text-muted);margin-bottom:4px}.form-row{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:600;color:var(--text)}.form-group label .required{color:var(--red)}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text);outline:none;transition:border-color .15s;background:var(--white)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--red)}.form-group textarea{min-height:100px;resize:vertical}.moq-radios{display:flex;gap:8px;flex-wrap:wrap}.moq-radio{flex:1;min-width:100px;text-align:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.moq-radio.active{border-color:var(--red);color:var(--red);background:#e0010b0a}.moq-radio:hover{border-color:var(--text-muted)}.btn-submit{background:var(--red);color:var(--white);font-weight:600;font-size:14px;padding:12px 28px;border-radius:var(--radius);width:100%;transition:background .15s}.btn-submit:hover{background:var(--red-hover)}.page-banner{background:var(--black);color:var(--white);padding:48px 0;text-align:center}.page-banner h1{font-size:clamp(24px,4vw,36px);font-weight:800}.page-banner p{font-size:14px;opacity:.7;margin-top:8px}.products-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-btn{padding:8px 18px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;color:var(--text-light);transition:all .15s;background:transparent}.filter-btn:hover{border-color:var(--text);color:var(--text)}.filter-btn.active{background:var(--red);border-color:var(--red);color:var(--white)}.product-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.product-grid{grid-template-columns:repeat(3,1fr)}}.pcard{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all .2s}.pcard:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.pcard-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg-light)}.pcard-body{padding:16px}.pcard-cat{font-size:11px;font-weight:600;color:var(--red);text-transform:uppercase}.pcard-name{font-size:15px;font-weight:700;color:var(--text);margin:4px 0 8px}.pcard-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pcard-spec{font-size:11px;color:var(--text-light);background:var(--bg-light);padding:2px 8px;border-radius:2px}.pcard-moq{font-size:12px;font-weight:600;color:var(--text);margin-bottom:10px}.pcard-btn{display:block;width:100%;text-align:center;background:var(--red);color:var(--white);font-weight:600;font-size:12px;padding:10px 0;border-radius:var(--radius);transition:background .15s}.pcard-btn:hover{background:var(--red-hover)}.prod-detail{padding:50px 0}.prod-detail-grid{display:grid;grid-template-columns:1fr;gap:30px}.prod-gallery img{width:100%;border-radius:8px;border:1px solid var(--border)}.prod-info{display:flex;flex-direction:column;gap:16px}.prod-cat{font-size:12px;font-weight:600;color:var(--red);text-transform:uppercase}.prod-name{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--text)}.prod-desc{font-size:14px;color:var(--text-light);line-height:1.7}.prod-moq{font-weight:700;color:var(--text);font-size:15px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.spec-table{width:100%;border-collapse:collapse}.spec-table tr{border-bottom:1px solid var(--border)}.spec-table td{padding:10px 12px;font-size:13px}.spec-table td:first-child{font-weight:600;color:var(--black);width:35%}.spec-table td:last-child{color:var(--text-light)}.prod-inquire-btn{display:block;width:100%;text-align:center;background:var(--red);color:var(--white);font-weight:700;font-size:14px;padding:14px 0;border-radius:var(--radius);transition:background .15s}.prod-inquire-btn:hover{background:var(--red-hover)}@media (min-width: 768px){.prod-detail-grid{grid-template-columns:1fr 1fr}}.about-content{padding:50px 0}.about-grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}.about-grid img{width:100%;border-radius:8px}.about-text h3{font-size:20px;font-weight:700;margin-bottom:12px}.about-text p{font-size:14px;color:var(--text-light);line-height:1.8}.culture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.culture-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:24px;text-align:center;transition:all .2s}.culture-card:hover{border-color:var(--red)}.culture-card-icon{width:48px;height:48px;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.culture-card-icon svg{width:24px;height:24px;color:var(--red)}.culture-card-title{font-size:14px;font-weight:700;margin-bottom:6px}.culture-card-desc{font-size:12px;color:var(--text-muted);line-height:1.6}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr}.culture-grid{grid-template-columns:repeat(4,1fr)}}.contact-grid{display:grid;grid-template-columns:1fr;gap:30px}.contact-info-card{background:var(--bg-light);border-radius:8px;padding:28px}.contact-info-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.contact-info-icon{width:40px;height:40px;flex-shrink:0;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-info-icon svg{width:18px;height:18px;color:var(--red)}.contact-info-text h4{font-size:13px;font-weight:700;margin-bottom:2px}.contact-info-text p,.contact-info-text a{font-size:13px;color:var(--text-light);line-height:1.5;display:block}@media (min-width: 768px){.contact-grid{grid-template-columns:1fr 1fr}}.floating-wa{position:fixed;bottom:24px;right:24px;z-index:300;width:52px;height:52px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #09a74e4d;transition:transform .2s}.floating-wa:hover{transform:scale(1.08)}.floating-wa svg{width:26px;height:26px;color:var(--white)}.back-top{position:fixed;bottom:88px;right:24px;z-index:300;width:40px;height:40px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e0010b40;transition:all .2s;opacity:0;pointer-events:none}.back-top.visible{opacity:1;pointer-events:auto}.back-top:hover{transform:translateY(-2px)}.back-top svg{width:18px;height:18px;color:var(--white)}@media (max-width: 991px){.nav-links,.nav-quote-btn{display:none}.nav-mobile-toggle{display:block}.mobile-menu{position:fixed;top:calc(var(--nav-height) + var(--topbar-height));left:0;right:0;bottom:0;background:var(--black);padding:20px;z-index:150;overflow-y:auto}.mobile-menu a{display:block;color:#fffc;font-size:14px;font-weight:600;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu a:hover{color:var(--white)}.mobile-menu .nav-quote-btn{display:inline-block;margin-top:16px;background:var(--red);color:var(--white);font-weight:600;font-size:14px;padding:12px 28px;border-radius:var(--radius);text-align:center}}