:root{--primary:#0a2540;--primary-2:#13315c;--accent:#e8612c;--text:#1a1a1a;--muted:#5b6b7b;--line:#e6eaf0;--bg:#f6f8fb;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.75;background:#fff;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
/* header */
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--primary);}
.logo .mk{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;letter-spacing:.5px;}
.logo .nm{font-size:18px;}.logo .nm small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.5px;}
.menu{display:flex;gap:26px;list-style:none;}
.menu a{font-size:15px;font-weight:600;color:#33455c;}
.menu a:hover,.menu a.active{color:var(--accent);}
.nav-r{display:flex;align-items:center;gap:16px;}
.nav-r .lang{font-size:13px;color:var(--muted);}
.nav-r .tel{font-weight:800;color:var(--primary);font-size:15px;}
/* buttons */
.btn{display:inline-block;padding:13px 26px;border-radius:8px;font-weight:700;font-size:15px;}
.btn-a{background:var(--accent);color:#fff;}
.btn-o{border:1px solid rgba(255,255,255,.4);color:#fff;margin-left:12px;}
.btn-o2{border:1px solid var(--line);color:var(--primary);margin-left:10px;}
/* hero (home) */
.hero{background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;padding:78px 0 84px;}
.hero .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;color:#ffd9c9;text-transform:uppercase;margin-bottom:18px;}
.hero h1{font-size:42px;line-height:1.25;font-weight:800;margin-bottom:18px;}
.hero h1 span{color:var(--accent);}
.hero p{font-size:17px;color:#c7d4e6;max-width:760px;margin-bottom:30px;}
.hero-stats{display:flex;gap:44px;margin-top:48px;flex-wrap:wrap;}
.hero-stats .s .n{font-size:30px;font-weight:800;}
.hero-stats .s .l{font-size:13px;color:#9fb6cd;}
/* page hero (inner) */
.page-hero{background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;padding:46px 0;}
.page-hero .crumb{font-size:13px;color:#9fb6cd;margin-bottom:10px;}
.page-hero .crumb a{color:#c7d4e6;}
.page-hero h1{font-size:30px;font-weight:800;}
.page-hero .en{color:#ffd9c9;font-size:14px;margin-top:6px;letter-spacing:.04em;}
/* sections */
.sec{padding:64px 0;}
.sec-head{text-align:center;margin-bottom:46px;}
.sec-head .e{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;}
.sec-head h2{font-size:30px;font-weight:800;color:var(--primary);margin-top:8px;}
.sec-head p{color:var(--muted);margin-top:10px;}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 20px;transition:.18s;}
.card:hover{border-color:var(--accent);box-shadow:0 10px 28px rgba(10,37,64,.1);transform:translateY(-3px);}
.card .ic{font-size:26px;}
.card h3{font-size:16px;font-weight:700;color:var(--primary);margin:12px 0 6px;}
.card p{font-size:13px;color:var(--muted);}
.card .more{font-size:13px;color:var(--accent);font-weight:700;margin-top:10px;display:inline-block;}
/* product detail */
.lead{font-size:16px;color:#3a4a5c;margin:8px 0 26px;max-width:820px;}
.spec-h{font-size:14px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:30px 0 12px;}
table.spec{width:100%;border-collapse:collapse;max-width:760px;}
table.spec td{border:1px solid var(--line);padding:11px 14px;font-size:14px;}
table.spec td:first-child{background:var(--bg);font-weight:600;color:var(--primary);width:38%;}
.pd-cta{margin:28px 0 4px;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px;}
.feat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;}
.feat-card .ic{font-size:22px;}
.feat-card h4{font-size:15px;font-weight:700;color:var(--primary);margin:10px 0 6px;}
.feat-card p{font-size:13px;color:var(--muted);}
/* faq */
.faq{max-width:860px;margin:0 auto;}
.faq details{border:1px solid var(--line);border-radius:10px;padding:4px 18px;margin-bottom:12px;background:#fff;}
.faq summary{font-weight:700;color:var(--primary);padding:14px 0;cursor:pointer;font-size:15px;list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";float:right;color:var(--accent);font-weight:800;}
.faq details[open] summary::after{content:"−";}
.faq p{padding:0 0 14px;color:var(--muted);font-size:14px;}
/* why / prose */
.why{background:var(--bg);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.why-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;}
.why-card .ic{font-size:24px;}
.why-card h4{font-size:17px;font-weight:700;color:var(--primary);margin:12px 0 8px;}
.why-card p{font-size:14px;color:var(--muted);}
.prose{max-width:860px;margin:0 auto;}
.prose p{margin-bottom:16px;color:#3a4a5c;}
.prose h3{color:var(--primary);font-size:20px;margin:26px 0 10px;}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:860px;margin:0 auto;}
.info-card{border:1px solid var(--line);border-radius:12px;padding:24px;}
.info-card .k{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;}
.info-card .v{font-size:17px;font-weight:700;color:var(--primary);margin-top:6px;}
/* cta */
.cta{background:var(--primary);color:#fff;padding:54px 0;}
.cta .inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.cta h3{font-size:24px;font-weight:800;}
.cta p{color:#c7d4e6;margin-top:6px;}
.cta .ph{font-size:26px;font-weight:800;color:#fff;}
/* footer */
footer{background:#071a30;color:#9fb6cd;padding:48px 0 28px;font-size:14px;}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:36px;margin-bottom:28px;}
footer h5{color:#fff;font-size:15px;margin-bottom:14px;}
footer a{display:block;color:#9fb6cd;padding:3px 0;}
footer a:hover{color:#fff;}
.f-sites{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:13px;}
.f-sites a{display:inline;color:#ffd9c9;}
.f-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:16px;padding-top:16px;font-size:12px;color:#5b7088;}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);}.feat-grid,.why-grid,.info-grid{grid-template-columns:1fr;}.f-grid{grid-template-columns:1fr;}.menu{display:none;}.hero h1{font-size:32px;}}

/* product image layout (added) */
.pd-top{display:grid;grid-template-columns:0.92fr 1.08fr;gap:36px;align-items:start;margin-bottom:8px;}
.pd-img{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);}
.pd-img img{width:100%;height:auto;display:block;}
.pd-body .lead{margin-top:0;}
.card-img{position:relative;width:100%;height:0;padding-bottom:72%;border-radius:8px;overflow:hidden;background:var(--bg);margin-bottom:12px;}
.card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:.25s;}
.card:hover .card-img img{transform:scale(1.04);}
@media(max-width:900px){.pd-top{grid-template-columns:1fr;}}

/* process flow (added) */
.flow-wrap{overflow-x:auto;padding:8px 0 4px;}
.flow{display:flex;min-width:1080px;}
.flow .step{flex:1;text-align:center;position:relative;padding:0 6px;text-decoration:none;display:block;}
.flow .step .circle{width:58px;height:58px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin:0 auto 12px;position:relative;z-index:1;transition:.2s;}
.flow .step:hover .circle{background:var(--accent);transform:scale(1.06);}
.flow .step.cur .circle{background:var(--accent);}
.flow .step .t{font-weight:700;color:var(--primary);font-size:14px;}
.flow .step .d{font-size:12px;color:var(--muted);margin-top:3px;}
.flow .step::after{content:"";position:absolute;top:28px;left:50%;width:100%;height:3px;background:var(--line);z-index:0;}
.flow .step:last-child::after{display:none;}