/* 忠实保留桌面设计稿的页面样式与响应式断点。 */

/* Shared product-and-solutions navigation */
nav > .has-mega{position:relative;display:flex;align-items:center}nav > .has-mega > .nav-trigger{padding:28px 0 25px;position:relative;color:inherit;font-weight:650;font-size:15px;border:0;background:transparent;cursor:pointer;white-space:nowrap}nav > .has-mega > .nav-trigger:hover,.has-mega:hover .nav-trigger,.has-mega.is-open .nav-trigger,.has-mega .nav-trigger.active{color:var(--red,#e5262b)}.has-mega .nav-trigger.active:after,.has-mega.is-open .nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:8px;background:var(--red,#e5262b)}.mega-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:28px 0 25px 6px;font-size:13px;transition:transform .2s}.has-mega.is-open .mega-toggle{color:var(--red,#e5262b);transform:rotate(180deg)}.mega-menu{width:min(900px,calc(100vw - 38px));position:absolute;z-index:50;top:100%;left:50%;padding:0;border:1px solid #e1e7ec;background:#fff;box-shadow:0 22px 48px rgba(6,21,34,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-40%,12px);transition:opacity .18s,transform .18s,visibility .18s}.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu,.has-mega.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-40%,0)}.mega-top{display:grid;grid-template-columns:205px 1fr}.mega-intro{padding:28px 24px;background:#151b20;color:#fff}.mega-intro small{color:#ff6d71;display:block;letter-spacing:.13em;font-size:10px;font-weight:800}.mega-intro strong{display:block;font-size:22px;margin:12px 0 9px}.mega-intro p{font-size:12px;line-height:1.7;color:#b9c3ca;margin:0}.mega-groups{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 14px 15px;gap:0}.mega-group{display:block;min-height:124px;padding:7px 13px 14px;border-left:1px solid #edf0f3;transition:background .16s}.mega-group:first-child{border-left:0}.mega-group:hover{background:#fafbfc;color:inherit}.mega-title{display:block;color:var(--red,#e5262b);font-size:17px;font-weight:800;margin-bottom:7px}.mega-sub{display:block;color:#26323c;font-size:12px;line-height:1.55;font-weight:700}.mega-links{display:block;margin-top:9px;color:#798591;font-size:11px;line-height:1.7}.mega-bottom{border-top:1px solid #e9edf0;padding:13px 24px;display:flex;gap:26px;align-items:center;background:#f8fafb}.mega-bottom a{padding:0!important;font-size:12px!important;color:#536270!important}.mega-bottom a:hover{color:var(--red,#e5262b)!important}.mega-bottom strong{color:#202a33;margin-right:auto;font-size:12px}@media(max-width:680px){.has-mega{display:flex!important;flex-wrap:wrap}.has-mega .nav-trigger{width:calc(100% - 36px);padding:12px 0!important;text-align:left}.mega-toggle{width:36px;padding:12px 3px}.mega-menu{position:static;width:100%;display:none;transform:none;margin:0 0 7px;box-shadow:none;border:1px solid #e5e9ed;flex-basis:100%}.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu,.has-mega.is-open .mega-menu{display:block;transform:none}.mega-top{grid-template-columns:1fr}.mega-intro{padding:15px 17px}.mega-intro strong{font-size:18px;margin:6px 0}.mega-intro p{display:none}.mega-groups{grid-template-columns:repeat(2,1fr);padding:10px 5px}.mega-group{min-height:96px;padding:9px 11px}.mega-title{font-size:15px}.mega-bottom{padding:11px 15px;gap:12px;flex-wrap:wrap}.mega-bottom strong{width:100%}}

:root{--ink:#151c23;--muted:#637282;--red:#ed262b;--blue:#4f76bf;--line:#d9e0e5;--soft:#f4f7f9;--dark:#111920}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.topbar{height:36px;background:#151a1f;color:#dce3e9;padding:0 clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;font-size:12px}.topbar span{margin-right:23px}.topbar a{font-weight:700;color:#fff}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid #e8edf0;background:#fff;position:sticky;top:0;z-index:20}.brand img{width:146px;display:block}nav{display:flex;gap:38px;align-items:center;font-size:15px;font-weight:650}nav>a{padding:28px 0 25px;position:relative}nav>a:hover,nav>a.active{color:var(--red)}nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:4px;background:var(--red)}.nav-contact{border:1px solid #d6dde3;border-radius:3px;padding:9px 15px}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.catalog-hero{background:linear-gradient(120deg,#111a20,#24313a);color:#fff;padding:72px clamp(20px,6vw,84px) 66px}.wrap{max-width:1320px;margin:auto}.catalog-hero .eyebrow,.detail-kicker{color:#ff6367;font-size:12px;font-weight:800;letter-spacing:.15em}.catalog-hero h1{font-size:clamp(37px,5vw,62px);line-height:1.1;margin:14px 0 16px;letter-spacing:-.045em}.catalog-hero p{max-width:670px;margin:0;color:#cad4da;line-height:1.8;font-size:15px}.catalog-section{padding:64px clamp(20px,6vw,84px) 88px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:27px}.section-head h2{font-size:clamp(27px,3.4vw,42px);margin:8px 0 0;letter-spacing:-.04em}.section-head p{max-width:505px;color:var(--muted);font-size:14px;line-height:1.75;margin:0}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:24px}.filter{border:1px solid #d5dde4;background:#fff;color:#3d4e5b;padding:10px 15px;font-weight:700;font-size:13px;cursor:pointer}.filter:hover,.filter.active{border-color:var(--red);background:var(--red);color:#fff}.product-group{padding-top:47px}.product-group[hidden]{display:none}.group-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:19px}.group-title small{font-size:11px;color:var(--red);letter-spacing:.13em;font-weight:800}.group-title h2{font-size:25px;margin:6px 0 0}.group-title span{font-size:13px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid #dfe5e9;background:#fff;display:flex;flex-direction:column;min-height:420px;transition:.22s}.product-card:hover{border-color:transparent;box-shadow:0 18px 38px rgba(17,31,43,.14);transform:translateY(-5px)}.card-image{height:220px;background:linear-gradient(145deg,#fafcfd,#e9eef1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.card-image:after{content:"";position:absolute;width:50%;height:14px;bottom:20px;background:radial-gradient(ellipse,rgba(15,25,33,.25),transparent 70%);filter:blur(4px)}.card-image img{max-width:100%;width:95%;height:190px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;transition:.25s}.product-card:hover img{transform:scale(1.045)}.card-label{position:absolute;z-index:2;top:13px;left:13px;color:var(--red);background:rgba(255,255,255,.9);font-size:10px;font-weight:800;letter-spacing:.08em;padding:5px 7px}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-body h3{font-size:22px;margin:0;letter-spacing:-.025em}.card-intro{min-height:42px;margin:8px 0 18px;color:var(--muted);line-height:1.6;font-size:13px}.card-specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto}.card-specs div{padding:0 8px;border-left:1px solid var(--line)}.card-specs div:first-child{border-left:0;padding-left:0}.card-specs b{font-size:12px;display:block;word-break:break-word}.card-specs span{display:block;margin-top:4px;color:#778694;font-size:10px}.card-link{display:inline-flex;width:max-content;margin-top:17px;color:#125fbd;font-size:13px;font-weight:800}.card-link:after{content:' →';padding-left:5px}.detail-main{padding:35px clamp(20px,6vw,84px) 84px}.breadcrumb{font-size:12px;color:#738190;margin:0 0 24px}.breadcrumb b{color:var(--red);padding:0 7px}.detail-header{display:flex;justify-content:space-between;gap:35px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}.detail-header h1{font-size:clamp(37px,4.5vw,55px);line-height:1.1;letter-spacing:-.045em;margin:11px 0 0}.detail-header p{margin:0;max-width:490px;color:var(--muted);font-size:14px;line-height:1.8}.product-sheet{margin-top:30px;padding:24px;background:var(--soft);display:grid;grid-template-columns:330px 1fr;gap:42px;align-items:start}.product-display{min-height:365px;background:linear-gradient(145deg,#f9fbfc,#e7edf1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:21px;position:relative}.product-display:after{content:"";position:absolute;width:48%;height:15px;bottom:64px;background:radial-gradient(ellipse,rgba(15,25,33,.25),transparent 70%);filter:blur(4px)}.product-display img{width:100%;height:255px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}.product-model{position:absolute;z-index:2;left:24px;right:24px;bottom:23px;background:var(--blue);color:#fff;text-align:center;padding:14px 12px;font-size:17px;font-weight:800;line-height:1.35}.product-model span{display:block;font-size:11px;letter-spacing:.06em;margin-top:4px}.spec-column{padding:2px 0 0}.spec-column h2{font-size:24px;margin:0 0 7px}.spec-column p{margin:0 0 19px;color:var(--muted);font-size:13px;line-height:1.7}.spec-table{border-collapse:collapse;width:100%;font-size:13px}.spec-table th{background:var(--blue);color:#fff;text-align:left;padding:10px 13px;font-weight:700}.spec-table td{padding:8px 13px;border-bottom:1px solid #aab2bc;color:#5c6b78}.spec-table td:last-child{font-weight:700;color:#435c72}.product-actions{display:flex;gap:10px;margin:18px 0 0 14px}.product-actions a{display:inline-block;padding:11px 15px;border:1px solid var(--blue);color:var(--blue);font-size:13px;font-weight:800}.product-actions a:first-child{background:var(--blue);color:#fff}.detail-note{border-left:3px solid var(--blue);background:#eef2f5;color:#596a77;padding:13px 15px;margin-top:20px;font-size:12px;line-height:1.7}.service-band{padding:55px clamp(20px,6vw,84px);background:var(--dark);color:#fff}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.service-intro,.service-card{background:rgba(255,255,255,.05);padding:26px}.service-intro h2{font-size:30px;margin:8px 0}.service-intro p,.service-card p{color:#c1cbd2;font-size:13px;line-height:1.7;margin:0}.service-card h3{font-size:18px;margin:35px 0 9px}.service-card small{color:#ff676b;font-size:11px;font-weight:800}.inquiry-bar{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--red);color:#fff;padding:30px clamp(20px,4vw,44px);margin-top:56px}.inquiry-bar h2{font-size:25px;margin:0 0 7px}.inquiry-bar p{margin:0;color:#ffe2e3;font-size:13px}.inquiry-bar a{background:#fff;color:#d02126;padding:12px 16px;font-weight:800;font-size:13px;white-space:nowrap}footer{background:#0c1216;color:#b8c2ca;padding:28px clamp(20px,6vw,84px);font-size:12px}footer div{max-width:1320px;margin:auto}@media(max-width:980px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.detail-header{display:block}.detail-header p{margin-top:18px}.product-sheet{grid-template-columns:280px 1fr;gap:25px}.service-grid{grid-template-columns:1fr 1fr}.service-intro{grid-column:1/-1}}@media(max-width:680px){.topbar span:nth-child(2),.topbar a{display:none}header{height:64px}.brand img{width:118px}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;box-shadow:0 14px 25px rgba(0,0,0,.12);padding:8px 23px}.nav-open nav{display:grid;gap:0}nav>a{padding:12px 0}.mobile-toggle{display:block}.catalog-hero,.catalog-section,.detail-main{padding-left:20px;padding-right:20px}.section-head{display:block}.section-head p{margin-top:14px}.group-title span{display:none}.catalog-grid{grid-template-columns:1fr}.product-sheet{grid-template-columns:1fr;padding:14px}.product-display{min-height:315px}.product-display img{height:225px}.spec-column{padding:10px}.spec-table{font-size:12px}.spec-table th,.spec-table td{padding:8px}.product-actions{margin:15px 0 4px;flex-wrap:wrap}.service-band{padding-left:20px;padding-right:20px}.service-grid{grid-template-columns:1fr}.service-intro{grid-column:auto}.inquiry-bar{display:block}.inquiry-bar a{display:inline-block;margin-top:18px}}
