*,:before,:after{box-sizing:border-box}:root{--ink:#0a2540;--ink-2:#334e68;--ink-3:#6b8299;--line:#e2e9f1;--bg:#fff;--bg-soft:#f5f8fb;--bg-dark:#07203a;--brand:#0a4d8c;--brand-2:#0d6fbe;--accent:#12b0c6;--gold:#f2a13b;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #0a25400f, 0 2px 10px #0a25400d;--shadow-md:0 8px 28px #0a25401a;--shadow-lg:0 20px 54px #0a25402e;--container:1200px;--header-h:74px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.25}p{margin:0}ul{margin:0;padding:0;list-style:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px #0a4d8c47}.btn-primary:hover{background:var(--brand-2)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 20px #12b0c647}.btn-ghost{color:#fff;border-color:#ffffff8c}.btn-ghost:hover{background:#ffffff24}.btn-outline{border-color:var(--line);color:var(--ink);background:#fff}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-sm{padding:9px 18px;font-size:14px}.btn-block{width:100%}.site-header{z-index:60;backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header-inner{height:var(--header-h);align-items:center;gap:24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:11px;display:flex}.logo-mark{background:linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);color:#fff;letter-spacing:-.5px;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:flex}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-text b{letter-spacing:.04em;font-size:16px;font-weight:800}.logo-text span{color:var(--ink-3);letter-spacing:.02em;font-size:11px}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:9px 15px;font-size:15px;font-weight:500;transition:background .16s,color .16s}.nav a:hover{background:var(--bg-soft);color:var(--ink)}.nav a.is-active{color:var(--brand);background:#0a4d8c14;font-weight:600}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.lang-switch{border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;align-items:center;gap:4px;padding:5px;display:inline-flex}.lang-switch a{color:var(--ink-3);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .16s}.lang-switch a.is-active{color:var(--brand);box-shadow:var(--shadow-sm);background:#fff}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:18px;height:2px;transition:all .2s}.mobile-nav{border-top:1px solid var(--line);background:#fff;padding:10px 24px 20px;display:none}.mobile-nav a{border-bottom:1px solid var(--line);padding:12px 4px;font-weight:500;display:block}.mobile-nav a:last-child{border-bottom:0}.mobile-nav.is-open{display:block}.hero{color:#fff;background:var(--bg-dark);position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{object-fit:cover;opacity:.42;width:100%;height:100%}.hero-media:after{content:"";background:linear-gradient(115deg,#07203af0 0%,#07203ac7 42%,#0a4d8c73 100%);position:absolute;inset:0}.hero-inner{z-index:2;max-width:790px;padding:96px 0 90px;position:relative}.hero-badge{letter-spacing:.04em;color:#a8ecf6;background:#12b0c62e;border:1px solid #12b0c673;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.02em;font-size:clamp(32px,5vw,54px);font-weight:800}.hero h1 em{color:#6fd8e8;font-style:normal}.hero p.lead{color:#ffffffd1;max-width:640px;margin-top:22px;font-size:clamp(16px,1.7vw,18px)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-points{border-top:1px solid #ffffff29;flex-wrap:wrap;gap:10px 26px;margin-top:40px;padding-top:26px;display:flex}.hero-points li{color:#ffffffdb;align-items:center;gap:8px;font-size:14px;display:flex}.hero-points svg{flex-shrink:0}.page-hero{background:var(--bg-dark);color:#fff;position:relative;overflow:hidden}.page-hero img{object-fit:cover;opacity:.34;width:100%;height:100%;position:absolute;inset:0}.page-hero:after{content:"";background:linear-gradient(115deg,#07203aed,#0a4d8c9e);position:absolute;inset:0}.page-hero .inner{z-index:2;padding:62px 0;position:relative}.page-hero h1{font-size:clamp(26px,3.6vw,40px);font-weight:800}.page-hero p{color:#fffc;max-width:660px;margin-top:12px}.breadcrumb{color:#ffffffa8;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumb a:hover{color:#fff}.section{padding:84px 0}.section-soft{background:var(--bg-soft)}.section-dark{background:var(--bg-dark);color:#fff}.section-sm{padding:60px 0}.section-head{max-width:720px;margin-bottom:46px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.section-title{font-size:clamp(24px,3vw,36px);font-weight:800}.section-sub{color:var(--ink-2);margin-top:14px;font-size:16.5px}.section-dark .section-sub{color:#ffffffc2}.section-foot{text-align:center;margin-top:44px}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#cfdced;transform:translateY(-4px)}.card-body{padding:22px 24px 26px}.product-card{flex-direction:column;height:100%;display:flex}.product-card .thumb{aspect-ratio:1;background:var(--bg-soft);position:relative;overflow:hidden}.product-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.product-card:hover .thumb img{transform:scale(1.045)}.product-card .card-body{flex-direction:column;flex:1;display:flex}.product-card h3{margin-top:12px;font-size:17px}.product-card .en-name{color:var(--ink-3);margin-top:3px;font-size:13px}.product-card .desc{color:var(--ink-2);flex:1;margin-top:12px;font-size:14px}.product-card .card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.product-card .more{color:var(--brand);font-size:14px;font-weight:600}.product-card .more:after{content:" →"}.tag{letter-spacing:.02em;color:#0b7f92;background:#12b0c61f;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-block}.tag-brand{color:var(--brand);background:#0a4d8c1a}.feature{padding:30px 26px}.feature-icon{width:48px;height:48px;color:var(--brand);background:linear-gradient(135deg,#0a4d8c1f,#12b0c62e);border-radius:13px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature h3{font-size:17px}.feature p{color:var(--ink-2);margin-top:10px;font-size:14.5px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.stat{text-align:center;border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;padding:26px 16px}.stat b{color:#fff;letter-spacing:-.02em;font-size:clamp(28px,3.4vw,38px);font-weight:800;display:block}.stat span{color:#ffffffb8;margin-top:6px;font-size:13.5px;display:block}.section-soft .stat,.section .stat-light{border-color:var(--line);background:#fff}.section-soft .stat b,.section .stat-light b{color:var(--brand)}.section-soft .stat span,.section .stat-light span{color:var(--ink-3)}.split{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.split.reverse{grid-template-columns:1fr 1.05fr}.split-media{border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.split-media img{aspect-ratio:4/3;object-fit:cover;width:100%}.split h2{font-size:clamp(22px,2.7vw,32px);font-weight:800}.split .section-sub{margin-top:16px}.check-list{gap:12px;margin-top:24px;display:grid}.check-list li{color:var(--ink-2);gap:11px;font-size:15px;display:flex}.check-list svg{color:var(--accent);flex-shrink:0;margin-top:5px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gallery-item{border-radius:var(--radius-sm);cursor:zoom-in;box-shadow:var(--shadow-sm);background:var(--bg-soft);position:relative;overflow:hidden}.gallery-item img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .35s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item figcaption{color:#fff;background:linear-gradient(#0000,#07203adb);padding:26px 16px 13px;font-size:13.5px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.gallery-item.wide{grid-column:span 2}.gallery-item.wide img{aspect-ratio:8/3}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .16s}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 16px #0a4d8c3d}.spec-table{border-collapse:collapse;width:100%;font-size:14.5px}.spec-table caption{text-align:left;padding:0 0 14px;font-size:16px;font-weight:700}.spec-table th,.spec-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 16px}.spec-table th{background:var(--bg-soft);width:34%;color:var(--ink);font-weight:600}.spec-table td{color:var(--ink-2)}.spec-table tbody tr:hover td{background:#fbfdff}.form{gap:18px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}.field label .req{color:#d9534f}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);background:#fff;padding:12px 15px;font-size:15px;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:132px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-2);outline:none;box-shadow:0 0 0 4px #0d6fbe1f}.form-note{color:var(--ink-3);font-size:13px}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.contact-card{gap:16px;padding:26px;display:flex}.contact-card .ico{width:46px;height:46px;color:var(--brand);background:#0a4d8c17;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card h3{font-size:15px}.contact-card .value{word-break:break-all;margin-top:6px;font-size:15.5px;font-weight:600}.contact-card .value a:hover{color:var(--brand)}.contact-card .hint{color:var(--ink-3);margin-top:4px;font-size:13px}.license-box{text-align:center;border-radius:var(--radius);min-height:300px;color:var(--ink-3);background:repeating-linear-gradient(45deg,#fbfdff,#fbfdff 12px,#f5f9fd 12px 24px);border:2px dashed #c3d2e2;flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex}.license-box strong{color:var(--ink-2);margin-bottom:6px;font-size:15.5px;display:block}.license-box small{font-size:13px}.cta-band{background:linear-gradient(120deg, var(--brand) 0%, #0a6fae 55%, var(--accent) 100%);color:#fff;position:relative;overflow:hidden}.cta-band .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:34px;padding:68px 0;display:flex}.cta-band h2{font-size:clamp(22px,3vw,32px);font-weight:800}.cta-band p{color:#ffffffd9;margin-top:12px}.cta-band .actions{flex-wrap:wrap;gap:14px;display:flex}.btn-white{color:var(--brand);background:#fff;box-shadow:0 10px 26px #00000029}.btn-white:hover{background:#f2f7fc}.btn-line{color:#fff;border-color:#fff9}.btn-line:hover{background:#ffffff24}.site-footer{background:var(--bg-dark);color:#ffffffb8;padding:66px 0 0;font-size:14.5px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:46px;display:grid}.footer-brand .logo-text b{color:#fff}.footer-brand .logo-text span{color:#fff9}.footer-brand p{max-width:320px;margin-top:18px}.site-footer h4{color:#fff;letter-spacing:.02em;margin-bottom:16px;font-size:15px}.footer-links li{margin-bottom:10px}.footer-links a:hover{color:#fff}.footer-contact li{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.footer-contact svg{color:var(--accent);flex-shrink:0;margin-top:4px}.footer-contact a{word-break:break-all}.footer-contact a:hover{color:#fff}.footer-bottom{color:#ffffff8c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px 0;font-size:13.5px;display:flex}.wa-float{z-index:70;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 28px #25d3666b}.wa-float:hover{transform:scale(1.08)}.wa-float:after{content:"";border:2px solid #25d366;border-radius:50%;animation:2.4s ease-out infinite wa-pulse;position:absolute;inset:0}@keyframes wa-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.lightbox{z-index:200;background:#041220eb;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.lightbox.is-open{display:flex}.lightbox img{max-width:100%;max-height:86vh;box-shadow:var(--shadow-lg);border-radius:12px}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;width:44px;height:44px;font-size:22px;line-height:1;position:absolute;top:22px;right:26px}.lightbox-close:hover{background:#ffffff38}.detail{grid-template-columns:1fr 1.08fr;align-items:start;gap:52px;display:grid}.detail-media{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-soft);box-shadow:var(--shadow-sm);overflow:hidden}.detail-media img{aspect-ratio:1;object-fit:cover;width:100%}.detail h1{font-size:clamp(24px,3vw,34px);font-weight:800}.detail .en-title{color:var(--ink-3);margin-top:8px;font-size:15px}.detail .lead{color:var(--ink-2);margin-top:20px;font-size:16px}.meta-list{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.meta-list .tag{padding:7px 15px;font-size:13px}.detail-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.app-list{flex-wrap:wrap;gap:10px;display:flex}.app-list li{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-2);padding:9px 16px;font-size:14px}.prose{max-width:860px;color:var(--ink-2)}.prose h2{color:var(--ink);margin:34px 0 14px;font-size:22px}.prose h3{color:var(--ink);margin:26px 0 10px;font-size:17.5px}.prose p{margin-bottom:14px}.prose ul{margin-bottom:16px;padding-left:22px;list-style:outside}.prose li{margin-bottom:8px}.empty{text-align:center;color:var(--ink-3);padding:60px 20px}@media print{.site-header,.wa-float,.cta-band,.site-footer,.filter-bar{display:none!important}}@media (width<=1080px){.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.5fr 1fr 1.4fr}.split,.split.reverse{gap:40px}}@media (width<=960px){.nav,.header-actions .btn{display:none}.nav-toggle{display:flex}.header-actions{margin-left:auto}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split.reverse{grid-template-columns:1fr;gap:34px}.split.reverse .split-media{order:-1}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr;gap:34px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item.wide{grid-column:span 2}.cta-band .inner{padding:54px 0}}@media (width<=620px){.container{padding:0 18px}.section{padding:58px 0}.section-head{margin-bottom:32px}.hero-inner{padding:68px 0 62px}.page-hero .inner{padding:46px 0}.grid,.grid-2,.grid-3,.grid-4,.contact-cards,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.gallery,.gallery-item.wide{grid-column:auto;grid-template-columns:1fr}.gallery-item.wide img{aspect-ratio:4/3}.stats{gap:14px}.stat{padding:20px 12px}.header-inner{gap:14px}.logo-text span{display:none}.wa-float{width:54px;height:54px;bottom:16px;right:16px}.hero-actions .btn,.detail-actions .btn,.cta-band .actions .btn{flex:100%}.spec-table th,.spec-table td{padding:11px 12px}.spec-table th{width:40%}}
