:root { --ink:#10212d; --muted:#62727d; --brand:#2589d5; --brand-dark:#1474bd; --brand-light:#edf7ff; --accent:#f39a32; --line:#dce4e7; --soft:#f6faff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font:16px/1.7 "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.container { width:min(1160px, calc(100% - 40px)); margin:auto; }
.topbar { background:var(--brand-dark); color:#e8f4ff; font-size:13px; }
.topbar .container { display:flex; justify-content:space-between; gap:16px; padding:7px 0; }
.header { position:sticky; z-index:10; top:0; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(8px); }
.header .container { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand img { width:auto; height:47px; }
.nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.nav a { padding:7px 11px; font-size:15px; border-radius:4px; }
.nav a:hover,.nav a.active { color:white; background:var(--brand); }
.nav-toggle { display:none; }
.hero { color:#fff; background:linear-gradient(120deg,var(--brand-dark),var(--brand) 62%,#69b6e9); min-height:490px; display:grid; align-items:center; }
.hero .eyebrow { letter-spacing:.14em; color:#d9efff; font-size:14px; }
.hero h1 { max-width:720px; margin:10px 0 18px; font-size:clamp(34px,5vw,62px); line-height:1.15; }
.hero p { max-width:590px; margin:0 0 28px; color:#e9f0f1; font-size:18px; }
.button { display:inline-block; padding:11px 22px; border:1px solid var(--brand); border-radius:3px; color:white; background:var(--brand); font-weight:bold; }
.button:hover { background:var(--brand-dark); }
.button.light { color:#fff; background:transparent; border-color:rgba(255,255,255,.75); margin-left:8px; }
.section { padding:74px 0; }
.section.soft { background:var(--soft); }
.kicker { margin:0 0 6px; color:var(--brand); font-weight:bold; letter-spacing:.1em; font-size:13px; }
.title { margin:0; font-size:clamp(27px,3vw,38px); line-height:1.25; }
.lead { max-width:760px; color:var(--muted); }
.grid { display:grid; gap:22px; }
.products { grid-template-columns:repeat(4,1fr); margin-top:30px; }
.product { overflow:hidden; background:white; border:1px solid var(--line); transition:transform .2s,box-shadow .2s; }
.product:hover { transform:translateY(-5px); box-shadow:0 12px 28px rgba(15,43,52,.12); }
.product img { width:100%; height:180px; object-fit:cover; }
.product div { padding:17px; }
.product h3 { margin:0 0 6px; font-size:18px; }
.product p { margin:0; color:var(--muted); font-size:14px; }
.split { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; }
.stats { grid-template-columns:repeat(3,1fr); margin-top:24px; }
.stat { padding:15px 0; border-top:2px solid var(--brand); }
.stat strong { display:block; font-size:22px; }
.stat span { color:var(--muted); font-size:14px; }
.features { grid-template-columns:repeat(3,1fr); margin-top:32px; }
.feature { padding:25px; background:white; border-left:3px solid var(--accent); }
.feature h3 { margin:0 0 8px; font-size:18px; }.feature p { margin:0; color:var(--muted); font-size:14px; }
.page-hero { padding:72px 0; color:white; background:linear-gradient(120deg,var(--brand-dark),var(--brand)); }
.page-hero h1 { margin:0 0 8px; font-size:40px; }.page-hero p { margin:0; color:#d3eaeb; }
.content { max-width:860px; }.content h2 { margin-top:34px; font-size:25px; }.content p,.content li { color:#465862; }
.contact { grid-template-columns:1.1fr .9fr; margin-top:28px; }.contact-card { padding:30px; background:var(--soft); }.contact-card dt { margin-top:15px; color:var(--muted); font-size:13px; }.contact-card dd { margin:2px 0; font-size:19px; font-weight:bold; }.note { padding:22px; background:#fff5e8; border-left:4px solid var(--accent); }
.product-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.9fr); gap:54px; align-items:start; }.product-detail > img { width:100%; max-height:460px; object-fit:contain; background:var(--soft); }.product-detail h2 { margin:0 0 12px; font-size:34px; line-height:1.25; }.product-detail p { color:var(--muted); }.specs { width:100%; border-collapse:collapse; margin-top:24px; font-size:14px; }.specs th,.specs td { padding:11px 13px; text-align:left; border-bottom:1px solid var(--line); }.specs th { width:36%; color:var(--muted); background:var(--soft); font-weight:normal; }
.detail-page { padding:76px 0; }.detail-rule { display:grid; grid-template-columns:1fr 2.8fr 1.15fr; gap:38px; margin-bottom:80px; }.detail-rule span { height:8px; background:#dbe1e5; }.detail-rule span:nth-child(2) { background:var(--brand); }.detail-intro { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(0,1.25fr); gap:70px; align-items:center; }.detail-image { width:100%; aspect-ratio:1; object-fit:contain; border:2px solid var(--brand); border-radius:50%; padding:6%; }.detail-en { margin:0 0 3px; color:#101820; font:700 clamp(30px,4vw,52px)/1.1 Arial,sans-serif; letter-spacing:.01em; }.detail-cn { margin:0 0 16px; font-size:clamp(23px,3vw,34px); font-weight:500; }.detail-tagline { margin:0 0 28px; color:var(--brand-dark); font-size:18px; }.detail-copy { max-width:680px; color:#45545d; }.detail-section { margin-top:82px; border-top:8px solid #9da5a9; padding-top:28px; }.detail-section h2 { margin:0; font-size:30px; font-weight:500; }.detail-section h2 small { display:block; margin-top:-2px; color:#333; font:20px Georgia,serif; }.specs { margin-top:24px; color:#486478; }.specs th,.specs td { text-align:center; border:1px solid white; }.specs th { width:26%; background:#e7edf2; color:#486478; }.specs td { background:#f7fafc; }.detail-application { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:28px; align-items:center; }.detail-application img { width:100%; aspect-ratio:1/0.74; object-fit:cover; filter:grayscale(1); }.detail-application h3 { margin:0 0 14px; padding-bottom:14px; border-bottom:5px solid #979fa4; font-size:17px; font-weight:500; }.detail-application p { color:#4c5860; }.case-placeholder { min-height:220px; margin-top:25px; border:1px dashed #b7c6d2; background:var(--soft); display:grid; place-items:center; color:#91a2ae; font-size:14px; }
.detail-page > .container > .detail-section:last-child { display:none; }
.cases-page { background:linear-gradient(180deg,#ecf7ff,#f8fbff 52%,#fff); }.cases-hero { padding:74px 0 52px; color:#fff; background:linear-gradient(120deg,#175f9f,#2589d5); }.cases-hero h1 { margin:0; font-size:clamp(36px,5vw,60px); }.cases-hero p { margin:8px 0 0; color:#e0f2ff; }.cases-section { padding:70px 0; }.cases-heading { margin:0 0 30px; color:#164d81; font-size:clamp(30px,4vw,46px); }.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.case-card { overflow:hidden; border:1px solid #b8d8ee; border-radius:14px; background:white; box-shadow:0 12px 28px rgba(20,104,167,.12); }.case-card img { width:100%; aspect-ratio:1.43; object-fit:contain; background:#173f69; }.case-card div { padding:20px; }.case-card h3 { margin:0 0 10px; color:#145f9f; font-size:19px; }.case-card p { margin:0; color:#53636f; font-size:14px; }.results-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:30px; }.results-card { padding:14px; border-radius:12px; background:#fff; box-shadow:0 12px 28px rgba(20,104,167,.12); }.results-card img { width:100%; aspect-ratio:1.28; object-fit:contain; background:#173f69; }.results-card h3 { margin:14px 6px 4px; color:#155e9d; font-size:18px; }
.news-list { max-width:900px; }.news-item { display:block; padding:26px 0; border-bottom:1px solid var(--line); }.news-item:hover h2 { color:var(--brand); }.news-meta { color:var(--brand-dark); font-size:13px; }.news-item h2 { margin:7px 0; font-size:24px; }.news-item p { margin:0; color:var(--muted); }.article { max-width:860px; padding:72px 0; }.article h1 { margin:0; font-size:clamp(30px,4vw,44px); line-height:1.3; }.article .news-meta { margin:12px 0 36px; }.article-content { color:#40515c; font-size:17px; }.article-content h2 { margin-top:34px; color:var(--ink); font-size:24px; }.article-content p { margin:0 0 18px; }.article-back { margin-top:36px; }
.footer { padding:36px 0; background:var(--brand-dark); color:#dceeff; font-size:14px; }.footer .container { display:flex; justify-content:space-between; gap:20px; }.footer p { margin:0; }
@media(max-width:800px) { .container { width:min(100% - 32px,1160px); }.header .container,.footer .container { display:block; }.topbar .container { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 0; white-space:nowrap; font-size:12px; }.topbar span { display:inline; }.header { position:static; }.header .container { padding:12px 0 10px; }.brand img { height:42px; }.nav { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; overscroll-behavior-x:contain; margin-top:10px; padding-bottom:2px; gap:4px; scrollbar-width:thin; }.nav a { flex:0 0 auto; padding:6px 9px; font-size:14px; }.hero { min-height:400px; }.hero h1 { font-size:36px; }.hero p { font-size:16px; }.products,.features,.contact,.split,.product-detail { grid-template-columns:1fr; }.products { gap:16px; }.product { display:grid; grid-template-columns:128px 1fr; }.product img { height:100%; min-height:128px; }.product div { padding:14px; }.product-detail { gap:28px; }.product-detail h2 { font-size:28px; }.product-detail > img { max-height:340px; }.stats { grid-template-columns:repeat(3,1fr); gap:10px; }.stat strong { font-size:18px; }.stat span { font-size:12px; }.section { padding:50px 0; }.page-hero { padding:52px 0; }.page-hero h1 { font-size:32px; }.button { margin-bottom:8px; }.button.light { margin-left:0; }.contact-card { padding:22px; }.footer { padding:28px 0; }.footer p + p { margin-top:8px; } }
@media(max-width:800px) { .detail-page { padding:46px 0; }.detail-rule { gap:14px; margin-bottom:46px; }.detail-rule span { height:5px; }.detail-intro,.detail-application { grid-template-columns:1fr; gap:30px; }.detail-image { width:min(280px,78vw); margin:auto; }.detail-en { font-size:32px; }.detail-section { margin-top:52px; }.detail-section h2 { font-size:26px; }.specs { font-size:13px; }.specs th,.specs td { padding:9px 6px; }.detail-application img { aspect-ratio:1/.7; }.case-placeholder { min-height:160px; } }
@media(max-width:800px) { .cases-hero { padding:52px 0 38px; }.cases-section { padding:48px 0; }.case-grid,.results-grid { grid-template-columns:1fr; gap:18px; }.case-card div { padding:17px; } }
@media(max-width:800px) { .news-item { padding:20px 0; }.news-item h2 { font-size:21px; }.article { padding:48px 0; }.article-content { font-size:16px; } }
@media(max-width:380px) { .nav a { padding:5px 7px; font-size:13px; }.hero h1 { font-size:32px; }.product { grid-template-columns:110px 1fr; }.product img { min-height:110px; } }
@media(max-width:800px) { body { padding-top:95px; }.topbar { position:fixed; z-index:31; top:0; right:0; left:0; width:100%; }.topbar .container { flex-wrap:nowrap; font-size:11px; }.topbar span { white-space:nowrap; }.header { position:fixed; z-index:30; top:31px; right:0; left:0; width:100%; }.header .container { position:relative; display:flex; min-height:64px; align-items:center; flex-wrap:wrap; padding:10px 0; }.brand img { height:40px; }.nav-toggle { display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:7px 10px; border:1px solid #b8d8ee; border-radius:4px; color:var(--brand-dark); background:#fff; font:600 14px/1 "Microsoft YaHei",sans-serif; }.nav { position:absolute; top:100%; right:0; left:0; display:none; flex-direction:column; gap:3px; margin:0; padding:8px; border:1px solid var(--line); background:var(--soft); box-shadow:0 12px 22px rgba(15,58,94,.18); overflow:visible; }.nav.is-open { display:flex; }.nav a { width:100%; padding:9px 11px; font-size:15px; }.nav a:hover,.nav a.active { background:var(--brand); } }