/* ===== LONG LUX — Homepage V3 · 摄影化编辑版 ===== */
@font-face{font-family:"Fraunces";src:url("assets/fonts/fraunces-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("assets/fonts/fraunces-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("assets/fonts/fraunces-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("assets/fonts/fraunces-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#F4F4F2; --ink:#15151b; --navy:#141c28; --red:#C8102E;
  --grey:#7a828c; --line:#e3e4e2; --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,"Helvetica Neue","PingFang SC",Arial,sans-serif;
}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);}
::selection{background:var(--red);color:#fff;}
a{text-decoration:none;color:inherit;}
.serif{font-family:var(--serif);}
.kicker{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:#9aa4b0;margin-bottom:10px;}
.sec{max-width:1320px;margin:0 auto;padding:88px 32px 0;}
.sec-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px;}
.sec-hd h2{font-family:var(--serif);font-size:27px;font-weight:600;letter-spacing:-.2px;}
.sec-hd .more-link{font-size:12px;color:var(--red);font-weight:600;}

/* ===== Header ===== */
.hd{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:30px;padding:20px 40px;color:#fff;}
.hd .logo{display:flex;align-items:center;}
.hd .logo img{height:26px;display:block;}
.nav{display:flex;gap:22px;font-size:12.5px;flex:1;justify-content:center;}
.nav a{opacity:.85;transition:opacity .2s;}
.nav a:hover{opacity:1;}
.nav a.on{font-weight:700;opacity:1;border-bottom:2px solid var(--red);padding-bottom:3px;}
.hd .pill{font-size:12px;padding:9px 20px;border-radius:99px;background:var(--red);color:#fff;font-weight:600;white-space:nowrap;transition:background .25s;}
.hd .pill:hover{background:#a50d26;}
.hd-search{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#667;flex:none;margin-right:10px;transition:color .2s,border-color .2s;}
.hd-search:hover{color:var(--red);border-color:var(--red);}

/* ===== Hero（全幅摄影） ===== */
.hero{position:relative;height:660px;overflow:hidden;background:var(--navy);}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,24,.42) 0%,rgba(10,15,24,.05) 35%,rgba(10,15,24,.70) 100%),linear-gradient(95deg,rgba(10,15,24,.72) 0%,rgba(10,15,24,.30) 48%,rgba(10,15,24,0) 78%);}
.hero-copy{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 32px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:80px;color:#fff;}
.hero-copy .eyebrow{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:16px;font-weight:600;}
.hero-copy .eyebrow::before{content:"";display:inline-block;width:30px;height:2px;background:var(--red);vertical-align:middle;margin-right:14px;transform:translateY(-1px);}
.hero-copy h1{font-family:var(--serif);font-size:clamp(42px,4.4vw,60px);line-height:1.06;font-weight:600;max-width:620px;letter-spacing:-.5px;}
.hero-copy p{margin-top:18px;font-size:15px;color:rgba(255,255,255,.85);max-width:520px;line-height:1.75;}
.hero-cta{display:flex;gap:12px;margin-top:26px;}
.pill{font-size:12.5px;padding:12px 26px;border-radius:99px;background:var(--red);color:#fff;font-weight:700;display:inline-block;transition:all .25s;}
.pill:hover{background:#a50d26;}
.pill.line{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;font-weight:500;}
.pill.line:hover{background:#fff;color:var(--navy);border-color:#fff;}

/* 认证细条 */
.certbar{background:var(--navy);color:#fff;}
.certbar-in{max-width:1320px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#93a1b0;}
.certbar b{color:#fff;font-weight:600;margin-right:8px;}
.certbar .ce{color:#ff8fa3;font-weight:700;}
.certbar i{font-style:normal;font-size:10.5px;border:1px solid rgba(255,255,255,.18);padding:3px 9px;border-radius:4px;color:#aab6c4;}

/* ===== Stats ===== */
.stats{background:#fff;border-bottom:1px solid var(--line);}
.stats-in{max-width:1320px;margin:0 auto;padding:38px 32px;display:flex;}
.stats-in>div{flex:1;text-align:center;border-right:1px solid var(--line);}
.stats-in>div:last-child{border-right:none;}
.stats-in .n{font-family:var(--serif);font-size:30px;letter-spacing:-.5px;}
.stats-in .n em{font-style:normal;color:var(--red);font-size:15px;}
.stats-in .l{font-size:11px;color:var(--grey);margin-top:5px;}
.stats-note{max-width:1320px;margin:0 auto;text-align:right;font-size:10px;color:#a4aab2;padding:0 32px 12px;}

/* ===== Products（场景摄影卡） ===== */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pc{position:relative;border-radius:14px;overflow:hidden;height:340px;background:var(--navy);display:block;}
.pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1);}
.pc:hover img{transform:scale(1.05);}
.pc .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,24,.05) 40%,rgba(10,15,24,.78) 100%);}
.pc .no{position:absolute;top:16px;left:18px;font-family:var(--serif);font-size:13px;color:rgba(255,255,255,.85);letter-spacing:1px;}
.pc .no::after{content:"";display:block;width:26px;height:2px;background:var(--red);margin-top:6px;}
.pc .tx{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;}
.pc .tx h4{font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:4px;}
.pc .tx .c{font-size:11px;color:rgba(255,255,255,.75);}
.pc .tx .rank{display:inline-block;margin-top:10px;font-size:10px;font-weight:700;color:#fff;background:var(--red);border-radius:4px;padding:3px 9px;letter-spacing:.5px;}
.pfoot{margin-top:14px;text-align:center;font-size:12px;color:var(--grey);}

/* ===== Cases ===== */
.cases{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:16px;}
.case{position:relative;border-radius:14px;overflow:hidden;height:340px;background:var(--navy);display:block;}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.case:hover img{transform:scale(1.05);}
.case .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,24,.10) 45%,rgba(10,15,24,.80) 100%);}
.case .flag{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.92);color:var(--navy);font-size:11px;font-weight:700;padding:5px 13px;border-radius:99px;letter-spacing:.4px;}
.case .cap{position:absolute;left:18px;right:18px;bottom:18px;color:#fff;}
.case .cap .seg{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:6px;}
.case .cap h3{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.3;}
.cases-note{margin-top:14px;text-align:center;font-size:11.5px;color:var(--grey);}

/* ===== Solutions ===== */
.solgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.sol{position:relative;border-radius:14px;overflow:hidden;height:200px;background:var(--navy);transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s;}
.sol:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,20,30,.18);}
.sol img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s;}
.sol:hover img{transform:scale(1.05);}
.sol .lb{position:absolute;left:14px;bottom:12px;color:#fff;font-size:12.5px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.sol .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,15,24,.55) 100%);}
.sol-note{margin-top:14px;text-align:center;font-size:11px;color:#a4aab2;}

/* ===== Markets 文字链 ===== */
.mkts{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.mkts-in{max-width:1320px;margin:0 auto;padding:26px 32px;text-align:center;}
.mkts-in .row{font-family:var(--serif);font-size:17px;color:var(--ink);}
.mkts-in .row b{font-weight:600;}
.mkts-in .row .dot{color:var(--red);margin:0 14px;}
.mkts-in p{font-size:12px;color:var(--grey);margin-top:10px;}

/* ===== Trust ===== */
.trust-in{max-width:1320px;margin:0 auto;padding:34px 32px;display:flex;gap:40px;justify-content:center;flex-wrap:wrap;}
.trust span{font-size:12.5px;color:#445;display:flex;align-items:center;gap:8px;}
.trust b{color:var(--ink);}
.trust i.dot{width:5px;height:5px;border-radius:99px;background:var(--red);display:inline-block;}

/* ===== Footer ===== */
.ft{background:var(--navy);color:#c3cedb;}
.ft-in{max-width:1320px;margin:0 auto;padding:48px 32px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;}
.ft h5{color:#fff;font-size:13px;margin-bottom:13px;}
.ft .logo{margin-bottom:14px;}
.ft .logo img{height:30px;display:block;}
.ft p,.ft a{font-size:12px;line-height:2.1;color:#93a1b0;display:block;}
.ft a:hover{color:#fff;}
.quote-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px;}
.quote-box b{color:#fff;font-size:13.5px;}
.quote-box p{margin-top:8px;}
.quote-box .pill{margin-top:12px;padding:10px 22px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#5c7387;display:flex;justify-content:space-between;max-width:1320px;margin:0 auto;padding:16px 32px 22px;}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .pgrid,.solgrid{grid-template-columns:repeat(2,1fr);}
  .cases{grid-template-columns:1fr 1fr;}
  .ft-in{grid-template-columns:1fr 1fr;}
  .hero-copy h1{font-size:40px;}
}
@media (max-width:680px){
  .hd{padding:16px 18px;gap:14px;}
  .nav{display:none;}
  .hero{height:520px;}
  .hero-copy{padding:0 18px 48px;}
  .hero-copy h1{font-size:31px;}
  .sec{padding:44px 16px 0;}
  .stats-in{flex-wrap:wrap;padding:22px 16px;}
  .stats-in>div{flex:1 1 40%;padding:10px 0;border-right:none;}
  .pgrid,.solgrid,.cases{grid-template-columns:1fr;}
  .case{height:300px;}
  .certbar-in{padding:14px 18px;}
  .trust-in{gap:18px;padding:26px 16px;}
  .ft-in{grid-template-columns:1fr;padding:36px 18px 20px;}
  .ft-bottom{flex-direction:column;gap:6px;padding:14px 18px 18px;}
}

/* ===== 产品详情页（V3） ===== */
.hd.solid{position:sticky;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-bottom:1px solid var(--line);}
.hd.solid .nav a{color:#333;}
.hd.solid .nav a.on{border-bottom-color:var(--red);}
.crumb{max-width:1320px;margin:0 auto;padding:18px 32px 0;font-size:11.5px;color:#8a9199;}
.crumb b{color:var(--red);}
.pd-top{max-width:1320px;margin:0 auto;padding:20px 32px 8px;display:grid;grid-template-columns:46% 54%;gap:36px;}
.gal-main{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;}
.gal-main img{width:100%;height:100%;object-fit:contain;}
.gal-thumbs{display:flex;gap:10px;margin-top:10px;}
.gal-thumbs .t{width:84px;height:64px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--line);cursor:pointer;padding:4px;}
.gal-thumbs .t img{width:100%;height:100%;object-fit:contain;}
.gal-thumbs .t.on{border-color:var(--red);}
.pd-info .kicker{margin-bottom:6px;}
.pd-info h1{font-family:var(--serif);font-size:29px;line-height:1.2;font-weight:600;}
.pd-info .lead{font-size:13px;color:#556;line-height:1.75;margin:12px 0 18px;max-width:560px;}
.qp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.qp div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#8a9199;}
.qp b{display:block;font-size:15px;color:var(--ink);margin-top:3px;font-family:var(--serif);letter-spacing:0;text-transform:none;}
.certline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;align-items:center;}
.certline i{font-style:normal;font-size:10.5px;border:1px solid #d4dae0;padding:4px 10px;border-radius:4px;color:#5a6672;background:#fff;}
.certline i.hot{border-color:var(--red);color:var(--red);font-weight:700;}
.certline .note{font-size:10.5px;color:#9aa4b0;width:100%;margin-top:6px;}
.certdl{font-size:11px;color:#6a7480;line-height:1.9;margin:2px 0 16px;}
.certdl span{color:#9aa4b0;margin-right:4px;}
.certdl a{color:var(--red);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.certdl a:hover{color:#a50d26;}
.pd-cta{display:flex;gap:12px;margin-bottom:16px;}
.pd-trust{display:flex;gap:20px;font-size:11.5px;color:#556;border-top:1px solid var(--line);padding-top:14px;flex-wrap:wrap;}
.pd-trust b{color:var(--red);}
.pd-body{max-width:1320px;margin:26px auto 0;padding:0 32px;}
.pd-sec{margin-bottom:34px;}
.pd-sec .kicker{margin-bottom:8px;}
.pd-sec h2{font-family:var(--serif);font-size:22px;font-weight:600;margin-bottom:16px;}
.app-banner{position:relative;border-radius:14px;overflow:hidden;height:300px;}
.app-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.app-banner .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,24,.72) 0%,rgba(10,15,24,.25) 55%,transparent 100%);}
.app-banner .tx{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:#fff;max-width:420px;}
.app-banner .tx h3{font-family:var(--serif);font-size:21px;margin-bottom:8px;}
.app-banner .tx p{font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.85);}
.spec-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border-radius:12px;overflow:hidden;}
.spec-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.spec-table td{padding:11px 16px;border-bottom:1px solid #eef0f2;color:#33404d;}
.spec-table td:first-child{color:#8a9199;width:220px;background:#fafafa;}
.spec-table tr:last-child td{border-bottom:none;}
.faq-item{margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;}
.faq-item h4{font-size:14px;margin-bottom:8px;}
.faq-item .ans{font-size:12.5px;line-height:1.75;color:#445;}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.rel-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;transition:all .3s;display:block;}
.rel-card:hover{border-color:var(--red);transform:translateY(-3px);}
.rel-card .img{height:110px;border-radius:8px;background:#f7f7f8;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.rel-card .img img{max-width:88%;max-height:88%;object-fit:contain;}
.rel-card h5{font-size:13px;margin:10px 0 3px;}
.rel-card .c{font-size:11px;color:#889;}

/* ===== Products filter bar（2026-10-22） ===== */
.flt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:6px 0 30px;}
.flt-row{display:flex;align-items:flex-start;gap:10px;padding:7px 0;flex-wrap:wrap;}
.flt-row+.flt-row{border-top:1px dashed #eee;}
.flt-row>span{flex:none;width:86px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#99a;padding-top:7px;}
.flt-pill{border:1px solid var(--line);border-radius:99px;padding:6px 15px;font-size:12.5px;background:#fff;color:#445;cursor:pointer;font-family:inherit;transition:all .18s;}
.flt-pill:hover{border-color:var(--red);color:var(--red);}
.flt-pill.on{background:var(--red);border-color:var(--red);color:#fff;}
.flt-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #eee;margin-top:6px;padding-top:12px;}
#flt-count{font-size:12.5px;color:#667;}
#flt-clear{border:none;background:none;color:var(--red);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;padding:0;}
#flt-clear:hover{text-decoration:underline;}
.flt-empty{border:1px dashed var(--line);border-radius:14px;padding:44px 24px;text-align:center;color:#99a;font-size:14px;}
.flt-empty b{display:block;font-size:16.5px;color:#667;margin-bottom:6px;}
.flt-empty a{color:var(--red);font-weight:600;}
.pd-sec.hidden{display:none;}

/* ===== About 页锚点导航（2026-10-22） ===== */
.anch{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px;}
.hero-wide{margin:18px calc(50% - 50vw) 10px;position:relative;}
.hero-wide img{width:100%;height:min(420px,52vw);object-fit:cover;display:block;}
.hero-wide span{position:absolute;left:32px;bottom:14px;background:rgba(15,20,30,.55);color:#fff;font-size:12px;padding:5px 12px;border-radius:6px;}
.anch a{border:1px solid var(--line);border-radius:99px;padding:7px 16px;font-size:12.5px;color:#556;background:#fff;transition:all .18s;}
.anch a:hover{border-color:var(--red);color:var(--red);}
section[id],div[id].pd-sec{scroll-margin-top:84px;}
.sticky-quote{position:sticky;bottom:0;z-index:40;display:flex;gap:16px;align-items:center;background:var(--navy);padding:14px 32px;}
.sticky-quote .txt{color:#c3cedb;font-size:12px;flex:1;}
.sticky-quote .txt b{color:#fff;font-size:13px;}
/* 精品页：应用场景横幅 + 真实项目实拍条 */
.scene-band{position:relative;border-radius:14px;overflow:hidden;max-width:1320px;margin:14px auto 0;height:clamp(220px,30vw,400px);}
.scene-band img{width:100%;height:100%;object-fit:cover;object-position:center 70%;display:block;}
.scene-txt{position:absolute;left:0;right:0;bottom:0;padding:40px 28px 20px;background:linear-gradient(transparent,rgba(8,18,32,.82));color:#fff;}
.scene-txt .kicker{color:#f3b9b0;margin-bottom:4px;}
.scene-txt h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:0 0 5px;}
.scene-txt p{font-size:12.5px;color:#d9e0e8;max-width:600px;line-height:1.65;margin:0;}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.proj-grid figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff;}
.proj-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.proj-grid figcaption{font-size:11.5px;color:#556;padding:9px 12px;line-height:1.5;}
.proj-grid figcaption b{color:var(--red);}
.proj-note{font-size:11.5px;color:#889;margin-top:12px;}
@media (max-width:1024px){
  .pd-top{grid-template-columns:1fr;}
  .rel-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:680px){
  .crumb,.pd-top,.pd-body{padding-left:16px;padding-right:16px;}
  .scene-band{margin:10px 16px 0;border-radius:10px;max-height:300px;}
  .scene-txt{padding:30px 16px 12px;}
  .scene-txt h3{font-size:16px;}
  .scene-txt p{font-size:11px;}
  .proj-grid{grid-template-columns:1fr 1fr;}
  .pd-info h1{font-size:23px;}
  .qp{grid-template-columns:1fr 1fr;gap:8px;}
  .rel-grid{grid-template-columns:1fr 1fr;}
  .app-banner{height:340px;}
  .app-banner .tx{left:20px;right:20px;}
  .sticky-quote{padding:12px 16px;flex-wrap:wrap;}
  .sticky-quote .txt{display:none;}
  .sticky-quote .pill{flex:1;text-align:center;}
}

/* ===== 首页工厂与实验室板块（P0-1 / 2026-10-19） ===== */
.facgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;}
.facgrid figure{margin:0;position:relative;border-radius:12px;overflow:hidden;}
.facgrid img{width:100%;height:230px;object-fit:cover;display:block;}
.facgrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:11.5px;color:#fff;background:linear-gradient(transparent,rgba(10,14,20,.78));}
.fac-cap{font-size:12.5px;line-height:1.8;color:#556;max-width:960px;margin:0 0 4px;}
.certline .note a{color:var(--red);text-decoration:underline;text-underline-offset:2px;}
.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.faqgrid .faq-item{margin-bottom:0;}
@media (max-width:1024px){
  .facgrid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:680px){
  .facgrid{grid-template-columns:1fr 1fr;gap:10px;}
  .facgrid img{height:170px;}
  .faqgrid{grid-template-columns:1fr;}
}

/* ===== P1：太阳能横条 + 中部询盘横幅 + 多语言占位（2026-10-19） ===== */
.series-strip{display:flex;align-items:center;gap:22px;margin-top:16px;padding:18px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:border-color .25s,box-shadow .25s;}
.series-strip:hover{border-color:#c9cdd3;box-shadow:0 6px 18px rgba(20,28,40,.06);}
.series-strip .srs-imgs{display:flex;gap:10px;flex:none;}
.series-strip .srs-imgs img{width:96px;height:96px;object-fit:contain;background:#f7f7f5;border:1px solid var(--line);border-radius:10px;padding:6px;}
.series-strip .srs-tx{flex:1;min-width:0;}
.series-strip .srs-tx h3{font-family:var(--serif);font-size:19px;font-weight:600;margin-bottom:4px;}
.series-strip .srs-tx p{font-size:12.5px;color:#667;line-height:1.7;margin:0;}
.series-strip .srs-link{flex:none;font-size:12.5px;color:var(--red);font-weight:600;white-space:nowrap;}
.cta-band{background:var(--navy);color:#fff;}
.cta-in{max-width:1200px;margin:0 auto;padding:56px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.cta-in .kicker.light{color:rgba(255,255,255,.5);}
.cta-in h2{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.3px;margin-bottom:10px;}
.cta-in p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.7;max-width:480px;margin:0;}
.cta-acts{display:flex;gap:12px;flex:none;}
.ft-bottom .ft-lang{color:#8b95a1;font-size:11.5px;}
.ft-bottom .ft-lang em{font-style:normal;color:#4a5563;margin:0 4px;}
@media (max-width:860px){
  .cta-in{flex-direction:column;align-items:flex-start;padding:44px 20px;}
  .series-strip{flex-wrap:wrap;}
  .series-strip .srs-link{flex-basis:100%;}
}
@media (max-width:680px){
  .series-strip{flex-direction:column;align-items:flex-start;gap:14px;padding:16px;}
  .series-strip .srs-imgs img{width:110px;height:110px;}
  .series-strip .srs-tx h3{font-size:17px;}
  .series-strip .srs-link{flex-basis:auto;}
}

/* ===== 产品列表页 H1（SEO：每页唯一 h1） ===== */
.pd-title{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.3px;margin:14px 0 6px;}
.pd-sub{font-size:13px;color:#667;margin:0 0 18px;}
@media (max-width:680px){.pd-title{font-size:24px;}}

/* ===== 独立页：Projects / Solutions / Contact（2026-10-19） ===== */
.proj-list .proj{display:flex;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);}
.proj-list .proj:last-child{border-bottom:none;}
.proj-imgs{flex:none;width:46%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;}
.proj-imgs img{width:100%;height:220px;border-radius:12px;display:block;object-fit:cover;}
.proj-imgs img:only-child{grid-column:1/-1;height:280px;}
.proj-imgs img:first-child:nth-last-child(3){grid-column:1/-1;height:190px;}
.proj-tx{flex:1;min-width:0;}
.proj-tx h2{font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:-.2px;margin:2px 0 10px;}
.proj-tx p{font-size:13px;color:#4a5563;line-height:1.8;margin:0 0 14px;}
.proj-meta{font-size:12.5px;color:#667;}
.proj-meta span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#99a;margin-bottom:4px;}
.proj-meta a{color:var(--red);font-weight:600;text-decoration:none;}
.proj-meta a:hover{text-decoration:underline;}
.sol-list .solrow{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);}
.sol-list .solrow:last-child{border-bottom:none;}
.solrow > img{flex:none;width:38%;height:250px;object-fit:cover;border-radius:12px;}
.solrow h2{font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:-.2px;margin:2px 0 10px;}
.solrow p{font-size:13px;color:#4a5563;line-height:1.8;margin:0 0 14px;}
.contact-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start;}
.cform{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;}
.cform label{display:block;font-size:12px;color:#667;margin-bottom:14px;}
.cform input,.cform textarea,.cform select{width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:inherit;background:#fdfdfc;}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:var(--red);}
.cform textarea{min-height:110px;resize:vertical;}
.frow{display:flex;gap:14px;}
.frow label{flex:1;}
.fnote{font-size:11px;color:#99a;margin:2px 0 14px;}
.cside .c-facts{display:grid;gap:12px;}
.c-facts > div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;}
.c-facts b{display:block;font-size:15px;color:#2a3442;margin-bottom:4px;}
.c-facts span{font-size:12px;color:#667;line-height:1.6;}
.c-facts a{color:var(--red);font-weight:600;text-decoration:none;}
@media (max-width:860px){
  .proj-list .proj,.sol-list .solrow{flex-direction:column;gap:16px;}
  .proj-imgs,.solrow > img{width:100%;}
  .proj-imgs img{height:170px;}
  .proj-imgs img:only-child{height:210px;}
  .solrow > img{height:190px;}
  .contact-wrap{grid-template-columns:1fr;}
  .frow{flex-direction:column;gap:0;}
}

/* ===== About 页市场卡片（2026-10-19） ===== */
.mktgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.mkt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;transition:border-color .25s,box-shadow .25s;}
.mkt:hover{border-color:#c9cdd3;box-shadow:0 6px 18px rgba(20,28,40,.06);}
.mkt h3{font-family:var(--serif);font-size:19px;font-weight:600;margin:6px 0 8px;}
.mkt p{font-size:12.5px;color:#556;line-height:1.75;margin:0;}
@media (max-width:1024px){.mktgrid{grid-template-columns:1fr 1fr;}}
@media (max-width:680px){.mktgrid{grid-template-columns:1fr;}}

/* ===== 移动端汉堡菜单（2026-10-19） ===== */
.menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;flex:none;}
@media (max-width:680px){
  .menu-btn{display:flex;}
  .hd .pill{display:none;}
  .hd{flex-wrap:nowrap;}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:6px 0;box-shadow:0 14px 28px rgba(15,20,30,.12);}
  .nav.open{display:flex;}
  .nav a{opacity:1;color:var(--ink)!important;padding:12px 20px;font-size:13.5px;border-bottom:1px solid #f1f1ee;}
  .nav a:last-child{border-bottom:none;}
  .nav a.on{border-bottom:1px solid #f1f1ee;color:var(--red)!important;font-weight:700;}
}
.c-facts.four{grid-template-columns:repeat(4,1fr);}
@media (max-width:680px){.c-facts.four{grid-template-columns:1fr 1fr;}}
.c-facts{display:grid;gap:12px;}

/* ===== About 页扩充：产品链接卡 + 流程步骤（2026-10-19） ===== */
a.mkt-link{text-decoration:none;display:block;}
a.mkt-link h3{color:var(--ink);transition:color .2s;}
a.mkt-link:hover h3{color:var(--red);}
a.mkt-link p{color:#556;}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px;position:relative;}
.step b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;margin-bottom:10px;}
.step h4{font-size:13.5px;font-weight:700;color:#2a3442;margin:0 0 6px;}
.step p{font-size:12px;color:#667;line-height:1.7;margin:0;}
@media (max-width:1024px){.steps{grid-template-columns:repeat(3,1fr);}}
@media (max-width:680px){.steps{grid-template-columns:1fr 1fr;}}

/* ===== 实验室能力卡（2026-10-22，从 factory.html 继承补齐） =====
   注意：.cap 是通用类名，首页 .case .cap 也在用，所有规则必须限定在 .cap-grid 内 */
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;}
.cap-grid .cap{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;}
.cap-grid .cap .n{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--red);line-height:1;}
.cap-grid .cap h4{font-size:13.5px;font-weight:700;color:#2a3442;margin:8px 0 5px;}
.cap-grid .cap p{font-size:12px;color:#667;line-height:1.65;margin:0;}
@media (max-width:1024px){.cap-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:680px){.cap-grid{grid-template-columns:1fr 1fr;}}
.p-note{font-size:13px;color:#556;line-height:1.7;max-width:720px;}
.eq-table{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.eq-table th{background:#f7f7f8;text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#667;padding:10px 14px;border-bottom:1px solid var(--line);}
.eq-table td{padding:9px 14px;border-bottom:1px solid #f1f1ee;color:#445;line-height:1.5;}
.eq-table tr:last-child td{border-bottom:none;}
@media (max-width:680px){.eq-table{display:block;overflow-x:auto;white-space:nowrap;}}

/* ===== Blog 文章版块（2026-10-19） ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bcard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s;text-decoration:none;}
.bcard:hover{border-color:#c9cdd3;box-shadow:0 8px 22px rgba(20,28,40,.08);}
.bcard .img{height:170px;overflow:hidden;}
.bcard .img img{width:100%;height:100%;object-fit:cover;display:block;}
.bcard .tx{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.bcard .tag{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:6px;}
.bcard h3{font-family:var(--serif);font-size:17.5px;font-weight:600;line-height:1.35;color:var(--ink);margin:0 0 8px;}
.bcard p{font-size:12.5px;color:#667;line-height:1.7;margin:0 0 12px;flex:1;}
.bcard .meta{font-size:11px;color:#99a;}
/* 文章正文排版 */
.art-hero{width:100%;height:380px;object-fit:cover;border-radius:14px;display:block;margin:14px 0 20px;}
.art-meta{font-size:12px;color:#99a;margin:0 0 6px;display:flex;gap:14px;flex-wrap:wrap;}
.prose{font-size:14px;color:#333d4a;line-height:1.9;max-width:820px;}
.prose h2{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.2px;color:var(--ink);margin:30px 0 12px;}
.prose h3{font-size:15.5px;font-weight:700;color:var(--ink);margin:22px 0 8px;}
.prose p{margin:0 0 14px;}
.prose ul,.prose ol{margin:0 0 14px;padding-left:22px;}
.prose li{margin-bottom:6px;}
.prose table{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 16px;}
.prose th{background:#f5f5f2;text-align:left;padding:9px 12px;border:1px solid var(--line);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#556;}
.prose td{padding:9px 12px;border:1px solid var(--line);}
.prose .callout{background:#f7f6f3;border-left:3px solid var(--red);border-radius:0 10px 10px 0;padding:14px 18px;font-size:13px;margin:0 0 16px;}
.prose a{color:var(--red);}
.prose img{border-radius:12px;}
.art-back{font-size:12.5px;color:#667;text-decoration:none;}
.art-back:hover{color:var(--red);}
.rel-products{margin:30px 0 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;}
@media (max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:680px){.blog-grid{grid-template-columns:1fr;}.art-hero{height:210px;}}

/* ===== 滚动淡入（2026-10-20 审美升级） ===== */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.6,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1;transform:none;transition:none}
}

/* ===== Company News 分区（2026-10-20 博客改造） ===== */
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:38px 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px;}
.sec-head .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:4px;}
.sec-head h2{font-family:var(--serif);font-size:24px;font-weight:600;margin:0;color:var(--ink);}
.sec-head a{font-size:12.5px;color:var(--red);text-decoration:none;white-space:nowrap;font-weight:600;}
.ncard{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s;text-decoration:none;}
.ncard:hover{border-color:#c9cdd3;box-shadow:0 8px 22px rgba(20,28,40,.08);}
.ncard .img{height:170px;overflow:hidden;}
.ncard .img img{width:100%;height:100%;object-fit:cover;display:block;}
.ncard .tx{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.ncard .date-badge{display:inline-flex;flex-direction:column;align-items:center;background:var(--red);color:#fff;border-radius:8px;padding:6px 10px;line-height:1.1;margin-bottom:10px;width:fit-content;}
.ncard .date-badge b{font-size:17px;font-weight:800;}
.ncard .date-badge span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.9;}
.ncard .tag{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:6px;}
.ncard h3{font-family:var(--serif);font-size:17.5px;font-weight:600;line-height:1.35;color:var(--ink);margin:0 0 8px;}
.ncard p{font-size:12.5px;color:#667;line-height:1.7;margin:0 0 12px;flex:1;}
.ncard .meta{font-size:11px;color:#99a;}
.ncard .meta em{font-style:normal;color:#667;font-weight:600;}
.news-empty{border:1px dashed #c9cdd3;border-radius:14px;padding:34px 28px;display:flex;flex-direction:column;gap:8px;background:#fbfbfc;}
.news-empty h3{font-family:var(--serif);font-size:18px;margin:0;color:var(--ink);}
.news-empty p{font-size:13px;color:#667;line-height:1.7;margin:0;max-width:640px;}

/* 首页展会横幅（仅 index.html cases 板块用，注意别复用通用短类名） */
.expo-strip{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin-top:22px;text-decoration:none;transition:border-color .25s,box-shadow .25s;}
.expo-strip:hover{border-color:#c9cdd3;box-shadow:0 8px 22px rgba(20,28,40,.08);}
.expo-strip .expo-date{display:inline-flex;flex-direction:column;align-items:center;background:var(--red);color:#fff;border-radius:8px;padding:8px 14px;line-height:1.1;flex-shrink:0;}
.expo-strip .expo-date b{font-size:18px;font-weight:800;}
.expo-strip .expo-date i{font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.9;margin-top:2px;}
.expo-strip .expo-mid{display:flex;flex-direction:column;gap:3px;min-width:0;}
.expo-strip .expo-mid b{font-family:var(--serif);font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35;}
.expo-strip .expo-mid i{font-style:normal;font-size:12px;color:#667;}
.expo-strip .expo-cta{margin-left:auto;flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--red);white-space:nowrap;}
@media(max-width:640px){.expo-strip{flex-wrap:wrap;gap:12px;}.expo-strip .expo-cta{margin-left:0;}}

/* 首页次级品类入口 chips（仅 index.html 产品板块用，别复用通用短类名） */
.pfoot2{margin-top:18px;}
.pfoot2 .pf-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#99a1ab;font-weight:700;margin-bottom:10px;}
.pfoot2 .pf-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:820px;}
.pfoot2 .pchip{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px 10px 10px;text-decoration:none;transition:border-color .25s,box-shadow .25s;}
.pfoot2 .pchip:hover{border-color:#c9cdd3;box-shadow:0 8px 22px rgba(20,28,40,.08);}
.pfoot2 .pchip img{width:64px;height:64px;object-fit:contain;background:#e9e9e6;border-radius:8px;flex-shrink:0;}
.pfoot2 .pchip .t{display:flex;flex-direction:column;gap:2px;min-width:0;}
.pfoot2 .pchip .t b{font-size:14.5px;font-weight:700;color:var(--ink);}
.pfoot2 .pchip .t i{font-style:normal;font-size:12px;color:#99a1ab;}
.pfoot2 .pchip .arrow{margin-left:auto;color:var(--red);font-weight:700;font-size:14px;flex-shrink:0;}
@media(max-width:820px){.pfoot2 .pf-row{grid-template-columns:1fr;}}