@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/assets/fonts/roboto-300-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/fonts/roboto-700-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:url(/assets/fonts/roboto-900-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/fonts/inter-400-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/fonts/inter-500-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/fonts/inter-600-normal.woff2) format("woff2")}.skip-to-content{background:var(--brand-primary);border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#fff;font-size:14px;font-weight:600;left:6px;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease-in-out;z-index:9999}.skip-to-content:focus{outline:3px solid #fff;outline-offset:2px;top:6px}.btn:focus,.nav-link:focus,[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(25,118,210,.2)}[data-theme=dark] .btn:focus,[data-theme=dark] .nav-link:focus,[data-theme=dark] a:focus,[data-theme=dark] button:focus{box-shadow:0 0 0 2px rgba(144,202,249,.3);outline-color:#90caf9}.footer a:focus{background-color:rgba(144,202,249,.1);border-radius:2px;outline-color:#90caf9}:focus{outline:none}.btn:focus,.nav-link:focus,[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--brand-accent);outline-offset:2px}*,:after,:before{box-sizing:border-box}html{font-size:16px;line-height:1.15;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;margin:0;padding:0;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--brand-primary:#142149;--brand-primary-light:#1e2f5e;--brand-primary-dark:#0d1530;--brand-secondary:#2c5aa0;--brand-accent:#1976d2;--brand-success:#10b981;--brand-urgency:#dc2626;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-accent:var(--brand-accent);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:var(--brand-accent);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.375rem;--font-size-2xl:1.625rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.25rem;--font-size-6xl:4rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.8;--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out}.heading-1,h1{color:var(--text-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);letter-spacing:-.025em;line-height:var(--line-height-tight);margin-bottom:var(--space-lg);text-shadow:0 1px 2px rgba(0,0,0,.1)}.heading-2,h2{font-size:var(--font-size-4xl);letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.08)}.heading-2,.heading-3,h2,h3{color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.heading-3,h3{font-size:var(--font-size-3xl);text-shadow:0 1px 1px rgba(0,0,0,.06)}.heading-4,h4{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.heading-4,.heading-5,h4,h5{color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.heading-5,h5{font-size:var(--font-size-xl);line-height:var(--line-height-normal)}.heading-6,h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-sm)}.heading-6,.text-large,h6{color:var(--text-secondary);font-size:var(--font-size-lg)}.text-large{font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.text-base,p{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-md)}.text-base,.text-small,p{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-small{color:var(--text-tertiary);font-size:var(--font-size-sm)}.text-xs{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-md);width:100%}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-full{max-width:none}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-2xl) 0}.section-lg{padding:var(--space-4xl) 0}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:center;display:flex}.flex-end{justify-content:flex-end}@media (max-width:640px){.container{padding:0 var(--space-sm)}.section{padding:var(--space-2xl) 0}.section-lg{padding:var(--space-3xl) 0}.heading-1,h1{font-size:var(--font-size-4xl)}.heading-2,h2{font-size:var(--font-size-3xl)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:641px) and (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:769px) and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}.hidden-mobile{display:none}.hidden-desktop,.hidden-tablet{display:initial}@media (min-width:641px){.hidden-mobile{display:initial}.show-mobile{display:none}}@media (min-width:641px) and (max-width:1024px){.hidden-tablet{display:none}.show-tablet{display:initial}}@media (min-width:1025px){.hidden-desktop{display:none}.show-desktop{display:initial}}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.card,.card-hover{transition:all var(--transition-normal)}.card-hover:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-body{padding:var(--space-lg)}.card-header{border-bottom:1px solid var(--border-primary);padding:var(--space-lg) var(--space-lg) var(--space-md)}.card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-md) var(--space-lg) var(--space-lg)}.btn{align-items:center;border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;letter-spacing:.025em;min-height:44px;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-normal);white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,var(--brand-accent) 0,#1565c0 100%);border-color:var(--brand-accent);box-shadow:0 4px 12px rgba(25,118,210,.3);color:hsla(0,0%,100%,.95)}.btn-primary:hover{background:linear-gradient(135deg,#1565c0 0,var(--brand-accent) 100%);border-color:#1565c0;box-shadow:0 8px 24px rgba(25,118,210,.4);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px rgba(25,118,210,.3);transform:translateY(0)}.btn-secondary{background:transparent;border-color:var(--brand-accent);color:var(--brand-accent);position:relative}.btn-secondary:before{background:var(--brand-accent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);z-index:-1}.btn-secondary:hover{box-shadow:0 8px 24px rgba(25,118,210,.3);color:var(--text-inverse);transform:translateY(-2px)}.btn-secondary:hover:before{transform:scaleX(1)}.hero .btn-secondary{background:hsla(0,0%,100%,.95);border:2px solid hsla(0,0%,100%,.95);color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.hero .btn-secondary:hover{background:#fff;border-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15);color:var(--brand-primary);transform:translateY(-2px)}.hero .btn-secondary:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.3),0 8px 24px rgba(0,0,0,.15);outline:none}.hero .btn-secondary:active{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(0)}.btn-outline{background:transparent;border-color:var(--border-secondary);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--brand-accent);color:var(--brand-accent)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.btn-lg{font-size:var(--font-size-md);padding:var(--space-md) var(--space-xl)}.navbar{background:var(--brand-primary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:50}.navbar,.navbar-brand{color:var(--text-inverse)}.navbar-brand{align-items:center;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-md);text-decoration:none;transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.9}.navbar-brand img{height:28px;max-height:28px;width:auto}.navbar-nav{gap:var(--space-sm);height:100%}.nav-link,.navbar-nav{align-items:center;display:flex}.nav-link{border-radius:var(--radius-md);color:hsla(0,0%,100%,.9);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:var(--brand-primary-light);color:var(--text-inverse)}.nav-link.active{background:hsla(0,0%,100%,.1)}.hero{background:linear-gradient(135deg,#1565c0,#1976d2 50%,#2196f3);box-shadow:inset 0 0 100px rgba(0,0,0,.1);color:#fff;overflow:hidden;padding:var(--space-4xl) 0;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:1}.hero-title{color:#fff;font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md);text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-subtitle{color:hsla(0,0%,100%,.95);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:600px;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.15)}.hero-actions{gap:var(--space-lg);margin-bottom:var(--space-xl)}.hero-actions,.hero-trust-signals{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.hero-trust-signals{border-top:1px solid hsla(0,0%,100%,.2);gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-xl)}.trust-badge{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.trust-badge:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.trust-badge .material-symbols-outlined{font-size:20px;opacity:.9}.product-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:var(--space-2xl)}.product-specifications-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}@media (max-width:1024px){.product-specifications-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-specifications-grid{gap:1rem;grid-template-columns:1fr}}.product-card{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all var(--transition-normal)}.product-card:hover{background:var(--bg-secondary);border-color:var(--brand-accent);box-shadow:0 12px 32px rgba(0,0,0,.15);transform:translateY(-8px)}.product-card-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;min-height:140px;padding:var(--space-lg)}.product-card-header>div{width:100%}.product-card-body{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:var(--space-lg)}.product-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.product-specs{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-md) 0}.product-specs>div{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-xs) 0}.product-specs>div:last-child{border-bottom:none}.product-specs .spec-label{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.product-specs .spec-value{color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:right}.btn-download,.download-btn{align-items:center;background:var(--brand-accent);border:none;border:1px solid var(--brand-accent);border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast);width:100%}.btn-download:hover,.download-btn:hover{background:#1565c0;border-color:#1565c0;box-shadow:var(--shadow-md);color:var(--text-inverse);transform:translateY(-1px)}.btn-download:focus,.download-btn:focus{box-shadow:0 0 0 2px rgba(25,118,210,.3);outline:none}.btn-download:active,.download-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.features-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-normal)}.feature-card:before{background:linear-gradient(135deg,transparent,rgba(25,118,210,.02));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.feature-card:hover{background:var(--bg-secondary);border-color:var(--brand-accent);box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:var(--brand-accent);border-radius:var(--radius-lg);color:var(--text-inverse);display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;margin:0 auto var(--space-md);width:48px}.feature-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.feature-description{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.certificate-card:hover{box-shadow:var(--shadow-lg)}.certificate-image{border-bottom:1px solid var(--border-primary);height:300px;object-fit:cover}.certificate-title{margin-bottom:var(--space-sm)}.certificate-description{line-height:var(--line-height-normal)}.language-selector{position:relative}.language-select{border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.language-select,.language-select option{background:var(--bg-primary);color:var(--text-primary)}.language-select:hover{background:var(--bg-secondary);border-color:var(--brand-accent)}.language-select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 2px rgba(25,118,210,.1);outline:none}.theme-toggle{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;margin-left:var(--space-sm);transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.theme-toggle:focus{border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1);outline:none}.theme-toggle .material-symbols-outlined{font-size:20px;transition:transform var(--transition-normal)}.theme-toggle.dark-mode .material-symbols-outlined{transform:rotate(180deg)}.footer{background:var(--bg-dark);color:var(--text-inverse);margin-top:var(--space-4xl);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section h3{color:var(--text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.footer-section li,.footer-section p{color:hsla(0,0%,100%,.95);line-height:var(--line-height-relaxed)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--space-sm)}.footer-section a{color:hsla(0,0%,100%,.95);text-decoration:none;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--text-inverse)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);color:var(--text-inverse)!important;font-size:var(--font-size-sm);margin-top:var(--space-xl);padding-top:var(--space-xl);text-align:center}.footer-bottom p{color:var(--text-inverse);margin-bottom:0}[data-theme=dark] .footer-bottom p,[data-theme=light] .footer-bottom p{color:#fff!important}[lang=zh-CN] .footer-bottom p{font-weight:500;letter-spacing:-.02em;line-height:1.4}@media (min-width:1200px){[lang=zh-CN] .container{max-width:1400px}[lang=zh-CN] .footer-bottom{padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (min-width:1920px){[lang=zh-CN] .footer-bottom p{font-size:calc(var(--font-size-sm) + 1px);letter-spacing:-.015em}}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:none;font-size:var(--font-size-xl);padding:var(--space-sm);transition:background-color var(--transition-fast)}.mobile-menu-toggle:hover{background:hsla(0,0%,100%,.1)}.mobile-nav{background:rgba(0,0,0,.8);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:100}.mobile-nav-content{background:var(--bg-primary);height:100%;padding:var(--space-xl);transform:translateX(-100%);transition:transform var(--transition-normal);width:280px}.mobile-nav.active .mobile-nav-content{transform:translateX(0)}.mobile-nav-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.mobile-nav-close{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-sm)}.mobile-nav-items{display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-nav-items .nav-link{border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-md);transition:all var(--transition-fast)}.mobile-nav-items .nav-link.active,.mobile-nav-items .nav-link:hover{background:var(--brand-accent);color:var(--text-inverse)}@media (max-width:768px){.navbar-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:block}.navbar-brand span{display:none}.navbar-brand img{height:24px;max-height:24px}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column;padding:0 var(--space-md);width:100%}.hero .btn-lg{max-width:280px;width:100%}.hero-trust-signals{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg)}.trust-badge{flex:1;font-size:var(--font-size-xs);min-height:48px;min-width:120px;padding:var(--space-sm) var(--space-sm)}.trust-badge .material-symbols-outlined{font-size:16px}.product-grid{gap:var(--space-lg);grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInFromLeft .6s ease-out}.animate-slide-in-right{animation:slideInFromRight .6s ease-out}.animate-stagger>*{animation:fadeInUp .6s ease-out forwards;animation-fill-mode:both;opacity:0}.animate-stagger.animated>*{animation:none;opacity:1}.animate-stagger>:first-child{animation-delay:.1s}.animate-stagger>:nth-child(2){animation-delay:.2s}.animate-stagger>:nth-child(3){animation-delay:.3s}.animate-stagger>:nth-child(4){animation-delay:.4s}.animate-stagger>:nth-child(5){animation-delay:.5s}.animate-stagger>:nth-child(6){animation-delay:.6s}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-3xl{padding:var(--space-3xl)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.focus\:outline-none:focus,.focus\:ring:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{box-shadow:0 0 0 2px var(--brand-accent)}@media (prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#000;--bg-primary:#fff;--border-primary:#000}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-dark:#020617;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--text-muted:#64748b;--border-primary:#334155;--border-secondary:#475569;--brand-primary:#1e40af;--brand-primary-light:#3b82f6;--brand-primary-dark:#1e3a8a}}.theme-light,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--brand-primary:#142149;--brand-primary-light:#1e2f5e;--brand-primary-dark:#0d1530;--brand-secondary:#2c5aa0;--brand-accent:#1976d2;--brand-success:#10b981;--brand-urgency:#dc2626}.theme-dark,[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-dark:#0a0e1a;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-inverse:#0f172a;--text-muted:#94a3b8;--border-primary:#475569;--border-secondary:#64748b;--brand-primary:#1e40af;--brand-primary-light:#3b82f6;--brand-primary-dark:#1e3a8a;--brand-success:#059669;--brand-urgency:#dc2626}[data-theme=dark] .footer-section h3,[data-theme=dark] footer h1,[data-theme=dark] footer h2,[data-theme=dark] footer h3,[data-theme=dark] footer h4,[data-theme=dark] footer h5,[data-theme=dark] footer h6{color:var(--text-inverse)!important}[data-theme=dark] .footer{background:var(--bg-dark);color:var(--text-inverse)}[data-theme=dark] .footer h3,[data-theme=dark] .footer-section h3{color:#fff!important;font-weight:var(--font-weight-semibold)}[data-theme=dark] .footer a,[data-theme=dark] .footer li,[data-theme=dark] .footer p,[data-theme=dark] .footer-section a,[data-theme=dark] .footer-section li,[data-theme=dark] .footer-section p{color:hsla(0,0%,100%,.95)!important}[data-theme=dark] .footer a:hover,[data-theme=dark] .footer-section a:hover{color:#fff!important}[data-theme=light] .footer li,[data-theme=light] .footer p,[data-theme=light] .footer-section li,[data-theme=light] .footer-section p{color:var(--text-inverse)!important}.quality-promise-card{background:linear-gradient(135deg,var(--brand-accent) 0,var(--brand-secondary) 100%);border:2px solid var(--brand-accent);box-shadow:0 8px 24px rgba(25,118,210,.2);color:var(--text-inverse);overflow:hidden;position:relative}.quality-promise-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.quality-promise-card h3,.quality-promise-card p{color:var(--text-inverse);position:relative;z-index:1}.quality-promise-card h3{text-shadow:0 1px 2px rgba(0,0,0,.1)}.quality-promise-card p{opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.05)}@media print{.btn,.footer,.language-selector,.mobile-nav,.navbar{display:none!important}body{font-size:12pt;line-height:1.4}.hero,body{background:#fff;color:#000}.hero{padding:1rem 0}.card,.product-card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid}img{max-width:100%!important}}.product-category-card{background:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;transition:all .2s ease!important}.product-category-card:hover{border-color:var(--brand-primary)!important;box-shadow:0 4px 16px rgba(30,64,175,.15)!important;transform:translateY(-2px)!important}[data-theme=dark] .product-category-card{background:var(--bg-secondary)!important;border-color:var(--border-secondary)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}[data-theme=dark] .product-category-card:hover{border-color:var(--brand-primary-light)!important;box-shadow:0 4px 16px rgba(59,130,246,.25)!important}.category-card-content{display:flex!important;flex-direction:column!important;height:100%!important;justify-content:space-between!important;padding:1.5rem!important}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.select-none{user-select:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.border{border:1px solid var(--border-primary)}.border-0{border:0}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-brand{background-color:var(--brand-primary)}.bg-accent{background-color:var(--brand-accent)}.transform{transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover\:transform:hover{transform:translateY(-2px)}.hover\:shadow:hover{box-shadow:var(--shadow-lg)}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.responsive-img{display:block;height:auto;max-width:100%}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{animation:spin .8s linear infinite;border:2px solid var(--brand-accent);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.certificate-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1000px}.certificate-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.certificate-card:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.certificate-image-container{background:var(--bg-tertiary);overflow:hidden;position:relative}.certificate-image{cursor:pointer;height:250px;object-fit:contain;padding:var(--space-md);transition:transform var(--transition-normal);width:100%}.certificate-image:hover{transform:scale(1.02)}.certificate-overlay{align-items:center;background:rgba(20,33,73,.8);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.certificate-image-container:hover .certificate-overlay{opacity:1}.certificate-overlay-content{color:var(--text-inverse);text-align:center}.certificate-info{padding:var(--space-lg)}.certificate-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.certificate-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.certificate-tabs{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg) 0}.certificate-tab{background:none;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);transition:all var(--transition-fast)}.certificate-tab:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.certificate-tab.active{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--text-inverse)}.image-viewer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-viewer-backdrop{background:rgba(0,0,0,.9);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.image-viewer-content{max-height:90vh;max-width:90vw;position:relative;z-index:1001}.image-viewer-close{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:background-color var(--transition-fast);width:40px}.image-viewer-close:hover{background:rgba(0,0,0,.9)}.image-viewer-img{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-height:100%;max-width:100%}.faq-container{margin:0 auto;max-width:900px;padding:var(--space-md)}.faq-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);overflow:hidden;position:relative;transition:all var(--transition-normal) ease-out}.faq-item:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-item.active{border-color:var(--brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.faq-item:focus-within{border-color:var(--brand-accent);box-shadow:var(--shadow-md),0 0 0 3px rgba(25,118,210,.12)}.faq-question{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;min-height:72px;padding:var(--space-lg) var(--space-xl);position:relative;text-align:left;transition:all var(--transition-normal) ease-out;width:100%}.faq-question:focus{background-color:rgba(25,118,210,.08);outline:none}.faq-question:focus-visible{border-radius:var(--radius-md);outline:3px solid var(--brand-accent);outline-offset:-3px}.faq-question:hover{background-color:rgba(25,118,210,.04)}.faq-question:active{background-color:rgba(25,118,210,.12)}.faq-item.active .faq-question{background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-light) 100%);color:var(--text-inverse)}.faq-item.active .faq-question .question-text{color:var(--text-inverse)}.faq-item.active .faq-question:hover{background:linear-gradient(135deg,var(--brand-primary-light) 0,var(--brand-primary) 100%)}.question-text{color:var(--text-primary);flex:1;font-size:var(--font-size-lg);font-weight:500;letter-spacing:.0125em;line-height:1.4;margin:0;padding-right:var(--space-lg)}.faq-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;transition:transform var(--transition-normal) ease-out;width:24px}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{max-height:800px}.answer-content{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:0 var(--space-xl) var(--space-xl) var(--space-xl);position:relative}.faq-item.active .answer-content{border-top-color:rgba(25,118,210,.12)}.answer-content:before{background:linear-gradient(90deg,transparent 0,var(--border-primary) 50%,transparent 100%);content:"";height:1px;left:var(--space-xl);position:absolute;right:var(--space-xl);top:0}.answer-content p{color:var(--text-secondary);font-size:var(--font-size-md);letter-spacing:.025em;line-height:1.6;margin:0}[data-theme=dark] .faq-item{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .faq-item:hover{border-color:var(--brand-accent);box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .faq-item.active{border-color:var(--brand-primary);box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .faq-question:hover{background-color:hsla(0,0%,100%,.04)}[data-theme=dark] .faq-question:focus{background-color:hsla(0,0%,100%,.08)}[data-theme=dark] .faq-question:active{background-color:hsla(0,0%,100%,.12)}[data-theme=dark] .faq-item.active .faq-question{background:linear-gradient(135deg,var(--brand-primary) 0,#3b82f6 100%);color:var(--text-inverse)}[data-theme=dark] .faq-item.active .faq-question .question-text{color:var(--text-inverse)}[data-theme=dark] .faq-question .question-text{color:var(--text-primary)!important}[data-theme=dark] .answer-content{background-color:var(--bg-tertiary);border-top-color:hsla(0,0%,100%,.08)}[data-theme=dark] .faq-item.active .answer-content{border-top-color:rgba(59,130,246,.2)}[data-theme=dark] .answer-content:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08) 50%,transparent)}@media (max-width:767px){.faq-container{padding:var(--space-sm)}.faq-item{border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.faq-question{min-height:72px;padding:var(--space-md) var(--space-lg)}.question-text{font-size:var(--font-size-md);line-height:1.5;padding-right:var(--space-md)}.answer-content{padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.answer-content:before{left:var(--space-lg);right:var(--space-lg)}}@media (min-width:768px) and (max-width:1023px){.faq-container{max-width:800px;padding:var(--space-lg)}.question-text{font-size:var(--font-size-lg)}}@media (min-width:1024px){.faq-container{max-width:900px;padding:var(--space-xl)}.faq-item{margin-bottom:var(--space-xl)}.faq-item:hover{transform:translateY(-4px)}.faq-item.active{transform:translateY(-2px)}}@media (min-width:1440px){.faq-container{max-width:1000px}.question-text{font-size:var(--font-size-xl)}.answer-content p{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion:reduce){.faq-answer,.faq-icon,.faq-item,.faq-question{transition:none}.faq-item.active,.faq-item:hover{transform:none}}@media (prefers-contrast:high){.faq-item{border-width:2px}.faq-item:focus-within{border-width:3px}.question-text{font-weight:600}}