/* 1.0.16 — shared visual rhythm; existing content and photography are preserved. */
:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--ink:#263746;--slate:#30495b;--gold:#88633e;--muted:#596772;--line:#e2e1dc;--surface:#fffefa}
body{min-width:0;background-color:#f4f3ee;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.has-return-menu{background-image:linear-gradient(rgba(248,247,243,.93),rgba(248,247,243,.96)),url("assets/home-background.png")}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,summary{user-select:none}
img{color:var(--muted)}
.eyebrow,.card-kicker,.case-index .case-number{font-family:inherit}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.12em;font-weight:650}
.site-head{min-height:64px;padding:10px 24px;border:1px solid rgba(219,221,216,.85);border-radius:14px;background:rgba(255,254,250,.96);box-shadow:0 4px 20px rgba(34,48,56,.055);backdrop-filter:blur(8px)}
.site-head .brand{font-weight:750;letter-spacing:.035em}
.brand-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:none;min-width:74px;min-height:58px}
.brand-logo{display:block;width:42px;height:42px;object-fit:contain}
.brand-name{color:#263746;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.08em;white-space:nowrap}
.head-line{display:flex;align-items:center;justify-content:center;gap:.62em;width:max-content;max-width:calc(100% - 310px);color:#2c4253;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:clamp(18px,1.48vw,22px);font-weight:650;line-height:1.45;letter-spacing:.015em;text-align:center}
.head-line span{white-space:nowrap}
.head-line .head-accent{color:#97673b;font-weight:700}
.quick-nav{top:8px;right:10px}
.quick-nav>summary,.menu-toggle{min-height:46px;border-radius:9px;background:var(--slate);box-shadow:none;font-weight:600}
.quick-nav>summary span{background:rgba(255,255,255,.12);color:#fff;border-radius:6px}
.quick-nav>summary:hover,.menu-toggle:hover{transform:none;box-shadow:none;background:#223b4c}
.quick-nav-panel{top:57px;border-radius:13px;background:var(--surface);box-shadow:0 16px 45px rgba(28,45,55,.14)}
.quick-nav-submenu a{min-height:42px;align-items:center}
.home .gallery{gap:18px;padding:16px 0 22px;width:min(1500px,calc(100% - 48px))}
.home .card{padding:7px 7px 0;border:1px solid rgba(223,222,215,.9);border-radius:15px;background:#fffefa;box-shadow:0 4px 15px rgba(33,47,54,.05);backdrop-filter:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.home .cover{border-radius:10px}
.home .card-copy{position:relative;padding:16px 16px 18px}
.home .card h2{padding-right:36px;font-size:clamp(21px,1.7vw,25px);font-weight:650;line-height:1.3}
.home .card-copy::after{content:"↗";position:absolute;right:15px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:31px;border:1px solid #dedfd9;border-radius:50%;font-size:18px;font-weight:400;color:var(--slate);transition:background-color .2s,color .2s}
.home .card:hover{border-color:#a8b4b9;box-shadow:0 12px 28px rgba(33,47,54,.1);transform:translateY(-3px)}
.home .card:hover .card-copy::after{background:var(--slate);border-color:var(--slate);color:#fff}
.inner{padding:40px 32px 88px}
.inner-wrap{max-width:1280px}
.inner-hero{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:none;grid-template-columns:minmax(0,1fr) 46%}
.inner-hero>div{padding:clamp(30px,4vw,56px)}
.inner-hero h1,.detail-content h1,.article-page h1{font-weight:650;line-height:1.3;letter-spacing:-.025em;font-size:clamp(30px,3.1vw,46px);margin:17px 0 20px;overflow-wrap:anywhere;text-wrap:balance}
.inner-hero p{font-size:16px;line-height:1.9;max-width:35em}
.product-cover-hero{grid-template-columns:minmax(0,1fr) 50%;min-height:430px}
.product-cover-hero img{height:430px;object-fit:contain;background:#e1e7e9}
.factory-hero{grid-template-columns:minmax(0,1fr) 44%}
.factory-hero img{height:500px;object-fit:contain;background:#e0e5e7}
.section-heading{margin:60px 0 24px;gap:24px}
.section-heading h2{font-size:clamp(25px,2.45vw,32px);font-weight:650;letter-spacing:-.02em;margin-top:9px}
.section-heading small{font-size:13px;font-weight:500;margin-left:10px;white-space:nowrap}
.section-heading p{max-width:430px;line-height:1.75;color:var(--muted);font-size:14px}
.filters{gap:9px;margin-bottom:25px}
.filters button{min-height:46px;padding:11px 18px;border-radius:8px;border-color:#d7dddE;background:var(--surface);box-shadow:none;font-weight:550;transition:background-color .15s,border-color .15s,color .15s}
.filters button:hover{transform:none;box-shadow:none;background:#edf1f2}
.filters button.active,.filters button[aria-pressed="true"]{box-shadow:none;background:var(--slate);border-color:var(--slate);color:#fff}
.listing-grid{gap:24px}
.listing-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:none}
.listing-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(35,50,60,.07);border-color:#b4c0c5}
.listing-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:24px}
.listing-copy h2{font-size:20px;font-weight:650;line-height:1.5;margin:8px 0 10px}
.listing-copy p{font-size:14px;line-height:1.8;margin-bottom:20px}
.text-link{display:flex;justify-content:space-between;align-self:stretch;width:auto;min-height:44px;margin-top:auto;padding:11px 0 0;border-radius:0;border-top:1px solid var(--line);background:transparent;color:var(--slate);font-size:13px;font-weight:650}
.listing-card:hover .text-link{background:transparent;color:#795735}
.product-card .listing-image{background:#fff;border-bottom:1px solid #eceeea}
.product-card .listing-image img{padding:clamp(18px,2.3vw,32px)}
.primary-link,.secondary-link,.contact-action,.product-more,.back-link{min-height:48px;border-radius:9px;box-shadow:none;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}
.primary-link:hover,.secondary-link:hover,.contact-action:hover,.product-more:hover,.back-link:hover{transform:none;box-shadow:none}
.primary-link{background:var(--slate);border-color:var(--slate)}
.secondary-link{background:var(--surface);border-color:#bbc7cd}
.detail-layout,.selection-panel,.category-intro,.case-group,.case-pending,.about-intro,.about-grid article,.contact-mail,.contact-prepare-grid>div,.contact-page .contact-info>div,.spec-grid>div,.product-info-empty{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:none}
.detail-layout{gap:36px;padding:32px}
.detail-content{padding:12px 4px 12px 0}
.detail-content h1{font-size:clamp(28px,2.8vw,40px)}
.detail-content p,.article-page p{font-size:16px;line-height:1.9}
.product-media .detail-image{border-radius:10px;border-color:#e4e7e5;background:#fff}
.product-thumb{border-radius:8px}
.spec-grid{gap:10px}
.spec-grid>div{padding:20px 24px;font-size:14px;line-height:1.7}
.about-intro{padding:40px 44px}
.about-intro p{font-weight:550;font-size:clamp(18px,1.85vw,23px);line-height:1.85}
.about-grid{gap:20px}
.about-grid article{padding:32px}
.about-grid article>span{font-size:12px;font-weight:550}
.about-grid h2{font-weight:650;font-size:22px;margin:16px 0 12px}
.about-grid p{font-size:15px;line-height:1.85}
.stat-row{gap:16px;margin:22px 0}
.stat-row>div{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:25px}
.stat-row strong{font-size:27px;font-weight:650}
.photo-grid{gap:18px}
.photo{border-radius:10px;background:#e8ebe9}
.photo span{padding:30px 15px 13px;font-weight:550;line-height:1.5}
.closing-cta{padding:40px 44px;border:1px solid #dce1de;border-radius:16px;background:#eaf0ed}
.closing-cta h2{font-size:clamp(23px,2.2vw,29px);font-weight:650;line-height:1.5}
.closing-cta p{line-height:1.8;font-size:15px}
.article-list{gap:0 28px;padding:8px 28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.article-list a{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0;grid-template-columns:90px minmax(0,1fr) auto;gap:18px}
.article-list a:hover{background:transparent}
.article-list a:hover h2{color:#88633e}
.article-list h2{font-weight:550;font-size:16px;line-height:1.65}
.article-list span{font-weight:500;font-size:12px;font-variant-numeric:tabular-nums}
.article-list b{font-weight:550;font-size:12px}
.contact-heading h2,.contact-location h2{font-weight:650}
.contact-page .contact-grid>article{border-radius:15px;box-shadow:none}
.contact-page .contact-primary{background:linear-gradient(120deg,#263e50,#345365)}
.contact-page .contact-wechat{background:var(--surface);border-color:var(--line)}
.contact-page .phone{font-weight:650;letter-spacing:.01em}
.contact-page .contact-qr-image{box-shadow:none;border-color:var(--line)}
.wechat-id{font-weight:650;font-variant-numeric:tabular-nums}
.contact-mail strong{font-weight:600}
.return-menu>summary{min-height:48px;background:#fffefa;border-color:#c4cfd3;box-shadow:0 5px 20px rgba(29,46,58,.11);font-weight:600}
.return-menu-panel{background:#fffefa;box-shadow:0 12px 36px rgba(29,46,58,.15)}
.return-menu-panel a{min-height:66px}
.return-menu-panel strong{font-weight:600}
.site-footer{padding-top:40px;padding-bottom:36px;background:#273b49;color:#fffefa;gap:40px}
.site-footer nav{gap:4px 22px}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.site-footer p{font-size:12px;color:#c4cdd0}
.site-footer .brand{font-size:23px;font-weight:650}
.site-footer .brand span{color:#d2b48d}
.lightbox{padding:10px;border-radius:14px;max-width:min(94vw,1200px);max-height:92dvh}
.lightbox img{max-height:calc(92dvh - 20px)}
.lightbox button{position:fixed;top:20px;right:20px;width:48px;height:48px;border-radius:50%;z-index:1}
body.image-open{overflow:hidden}
.native-shell{padding-top:0;background:#f5f5f0}
.native-article{box-shadow:none;border:1px solid var(--line)}
.native-content{line-height:1.95}
body.admin-bar .site-head{top:46px}
@media(min-width:761px) and (max-width:1100px){.head-line{flex-wrap:wrap;gap:0 .5em;font-size:clamp(14px,1.3vw,16px);max-width:calc(100% - 320px);white-space:normal}.inner-hero>div{padding:30px}.contact-page .contact-grid>article{padding:30px}.inner-hero h1{font-size:35px}}
@media(max-width:760px){
  body{padding-top:124px}
  .site-head{top:8px;width:calc(100% - 24px);padding:9px 12px 10px;border-radius:12px}
  .site-head .brand{font-size:23px;letter-spacing:.02em}
  .brand-link{min-width:70px;min-height:52px}
  .brand-logo{width:36px;height:36px}
  .brand-name{font-size:12px}
  .head-line{flex-wrap:wrap;column-gap:.55em;row-gap:0;width:100%;max-width:none;font-size:clamp(13px,3.65vw,14px);line-height:1.48;margin-top:5px;font-weight:650;color:#2c4253}
  .menu-toggle{min-height:44px;padding:0 12px;font-size:13px}
  .mobile-menu{padding:80px 24px 28px;background:#f9f9f4;overscroll-behavior:contain}
  .mobile-menu .menu-close{top:19px;right:20px;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:29px;color:var(--ink);background:white}
  .mobile-menu p{font-size:11px;margin-bottom:20px}
  .mobile-menu a{min-height:72px;padding:20px 4px;font-size:23px;font-weight:550}
  .home .gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 24px);min-height:calc(100svh - 124px);gap:12px;padding:10px 0 20px}
  .home .card{padding:5px 5px 0;border-radius:12px}
  .home .cover{border-radius:8px;max-height:clamp(105px,calc((100svh - 320px)/3),170px)}
  .home .card-copy{padding:13px 8px 14px}
  .home .card h2{font-size:clamp(17px,4.5vw,21px);padding-right:24px;line-height:1.3}
  .home .card-copy::after{right:7px;width:23px;height:23px;font-size:15px}
  .inner{padding:20px 16px 64px}
  .inner-hero{display:flex;border-radius:14px}
  .inner-hero>div{padding:28px 24px 30px}
  .inner-hero h1{font-size:29px;margin:14px 0 16px;line-height:1.35}
  .inner-hero p{font-size:14px;line-height:1.9}
  .inner-hero img{height:210px;min-height:0}
  .product-cover-hero{min-height:0}
  .product-cover-hero img{height:auto;aspect-ratio:1402/1122;max-height:320px;object-fit:contain}
  .factory-hero img{height:330px;max-height:45svh;aspect-ratio:auto;object-fit:contain}
  .section-heading{margin:42px 0 20px}
  .section-heading h2{font-size:25px;line-height:1.45}
  .section-heading p{font-size:13px;margin-top:9px}
  .eyebrow{font-size:10px;letter-spacing:.1em}
  .filters{gap:8px;margin-bottom:22px}
  .filters button{min-height:46px;padding:11px 13px;font-size:13px;flex-grow:1}
  .listing-grid{gap:18px}
  .listing-copy{padding:22px}
  .listing-copy h2{font-size:20px}
  .listing-copy p{font-size:14px}
  .product-card .listing-image{aspect-ratio:1.18}
  .product-card .listing-image img{padding:24px}
  .detail-layout{padding:12px;border-radius:14px}
  .product-detail .detail-content,.detail-content{padding:25px 12px 20px}
  .detail-content h1{font-size:28px;line-height:1.4}
  .detail-content p{font-size:15px}
  .product-key-specs div{grid-template-columns:82px minmax(0,1fr);gap:12px}
  .primary-link,.secondary-link{min-height:48px;max-width:100%;line-height:1.5;text-align:center;padding:12px 18px}
  .product-detail .primary-link{width:100%}
  .spec-grid>div{padding:18px;font-size:13px;gap:15px}
  .spec-grid b{flex-shrink:0}
  .stat-row{gap:8px;margin-top:16px}
  .stat-row>div{padding:18px 5px;border-radius:10px}
  .stat-row strong{font-size:20px}
  .stat-row span{font-size:11px}
  .photo-grid{gap:12px}
  .photo span{padding:24px 10px 10px;font-size:12px}
  .about-intro{padding:26px 24px}
  .about-intro p{font-size:18px;line-height:1.85}
  .about-grid{gap:14px}
  .about-grid article{padding:26px 24px}
  .about-grid h2{font-size:21px}
  .about-grid p{font-size:14px}
  .closing-cta{margin-top:40px;padding:28px 24px}
  .closing-cta h2{font-size:23px}
  .closing-cta p{font-size:14px}
  .article-list{padding:2px 22px}
  .article-list a{grid-template-columns:minmax(0,1fr) auto;padding:22px 0;gap:8px 12px}
  .article-list span{grid-column:1/-1}
  .article-list h2{font-size:16px}
  .contact-heading h2{font-size:26px}
  .contact-page .contact-grid>article{padding:28px 24px}
  .contact-page .phone{font-size:clamp(29px,8vw,37px);white-space:nowrap}
  .contact-page .contact-wechat{grid-template-columns:minmax(0,1fr) 112px;gap:16px}
  .contact-page .contact-qr-image{width:112px}
  .contact-page .contact-grid h3{font-size:22px}
  .wechat-id{font-size:21px;letter-spacing:0}
  .contact-action{padding:0 16px;font-size:13px}
  .contact-mail{padding:25px 24px}
  .return-bar{right:12px;bottom:calc(14px + env(safe-area-inset-bottom))}
  .return-menu>summary{min-height:48px;font-size:13px;padding-left:15px;gap:14px;border-radius:10px}
  .site-footer{padding:32px 24px}
  .site-footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 16px;margin:24px 0 12px}
  .site-footer nav a{font-size:13px;min-height:44px}
  .lightbox{max-width:96vw;padding:5px;border-radius:8px}
  .lightbox button{top:12px;right:12px}
  body.admin-bar .site-head{top:54px}
}
@media(max-width:390px){.contact-page .contact-wechat{grid-template-columns:1fr}.contact-page .contact-qr-image{width:160px}.home .card-copy{padding-left:5px}.home .card h2{font-size:17px}.head-line{font-size:13px}}
@media(max-width:760px) and (max-height:600px){.home .gallery{min-height:0;align-content:start}.home .cover{height:110px;max-height:none;aspect-ratio:auto}.mobile-menu a{min-height:55px;padding:12px 4px}}
@media(hover:none){.card:hover,.listing-card:hover{transform:none;box-shadow:none}.cover img,.photo img{transition:none}.card:hover img,.listing-card:hover img,.photo:hover img{transform:none}}

/* 1.0.27 — stronger editorial hierarchy for the centered header statement. */
.site-head .head-line{
  gap:.68em;
  color:#31495c;
  font-family:"HarmonyOS Sans SC","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  font-size:clamp(20px,1.65vw,25px);
  font-weight:620;
  line-height:1.38;
  letter-spacing:.005em;
}
.site-head .head-brand{color:#20384b;font-weight:760;letter-spacing:.025em}
.site-head .head-accent{color:#a46a32;font-weight:720}
.site-head .head-promise{color:#496173;font-weight:610}
@media(min-width:761px) and (max-width:1100px){
  .site-head .head-line{gap:0 .55em;font-size:clamp(15px,1.48vw,17px);line-height:1.4}
}
@media(max-width:760px){
  body{padding-top:132px}
  .site-head .head-line{column-gap:.5em;row-gap:.08em;margin-top:6px;font-size:clamp(14px,3.8vw,15px);font-weight:620;line-height:1.48;letter-spacing:0}
  .site-head .head-brand{letter-spacing:.02em}
}
@media(max-width:390px){.site-head .head-line{font-size:13.5px}}

/* 1.0.28 — restrained engineering-brand polish; preserve the glass language. */
:root{
  --ink:#172d3d;
  --slate:#244559;
  --gold:#946337;
  --muted:#5d6d77;
  --line:rgba(36,69,89,.14);
  --surface:rgba(251,251,248,.9);
}
body{
  background-color:#edf1f0;
  background-image:linear-gradient(118deg,rgba(238,243,242,.91),rgba(248,245,239,.93)),url("assets/home-background.png");
  background-position:center top;
  background-size:cover;
  color:var(--ink);
}
.site-head{
  border-color:rgba(32,62,80,.13);
  border-radius:15px;
  background:linear-gradient(115deg,rgba(255,255,252,.94),rgba(246,248,247,.89));
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px rgba(24,46,59,.09);
  backdrop-filter:blur(22px) saturate(125%);
}
.site-head::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:-1px;
  left:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(148,99,55,.42),transparent);
  pointer-events:none;
}
.brand-logo{filter:drop-shadow(0 4px 7px rgba(24,48,64,.12))}
.brand-name{color:#243d4e;font-weight:650;letter-spacing:.1em}
.site-head .head-line{color:#40596a;font-weight:560;letter-spacing:.008em}
.site-head .head-brand{color:#173447;font-weight:740}
.site-head .head-accent{color:#946337;font-weight:680}
.site-head .head-promise{color:#516a79;font-weight:560}
.quick-nav>summary,.menu-toggle{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,#294b5e,#203c4d);
  box-shadow:0 8px 18px rgba(27,52,67,.14);
}
.quick-nav>summary:hover,.menu-toggle:hover{background:linear-gradient(135deg,#203f52,#183344)}
.quick-nav>summary span{background:rgba(255,255,255,.11);color:#f4ede2}

.home .gallery{counter-reset:home-section;gap:16px;padding-top:16px}
.home .card{
  counter-increment:home-section;
  position:relative;
  padding:7px 7px 0;
  overflow:hidden;
  border-color:rgba(35,65,82,.14);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,252,.93),rgba(245,247,245,.84));
  box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 12px 30px rgba(25,48,61,.075);
  backdrop-filter:blur(20px) saturate(122%);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.home .card::before{
  content:"";
  position:absolute;
  z-index:2;
  top:7px;
  right:7px;
  left:7px;
  height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.72) 45%,transparent 95%);
  pointer-events:none;
}
.home .cover{position:relative;border-radius:11px;background:#dce3e4}
.home .cover::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 0 1px rgba(21,47,62,.08);
  pointer-events:none;
}
.home .cover img{filter:saturate(.9) contrast(1.045) brightness(.985)}
.home .card-copy{min-height:61px;padding:12px 14px 14px}
.home .card h2{
  display:flex;
  align-items:center;
  gap:12px;
  padding-right:42px;
  color:#183346;
  font-size:clamp(20px,1.65vw,25px);
  font-weight:680;
  letter-spacing:.01em;
}
.home .card h2::before{
  content:"0" counter(home-section);
  color:#9a7049;
  font-family:"Manrope","DIN Alternate",system-ui,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.home .card-copy::after{
  right:14px;
  width:30px;
  height:30px;
  border-color:rgba(35,65,82,.2);
  background:rgba(255,255,255,.46);
  color:#284a5e;
  font-size:17px;
}
.home .card:hover{
  border-color:rgba(39,78,99,.3);
  box-shadow:0 1px 0 rgba(255,255,255,.98) inset,0 18px 38px rgba(23,47,61,.13);
  transform:translateY(-3px);
}
.home .card:hover .cover img{filter:saturate(.97) contrast(1.055) brightness(.99);transform:scale(1.018)}
.home .card:hover .card-copy::after{border-color:#294b5e;background:#294b5e;color:#fff}

body[data-page]:not([data-page="home"]){
  background-color:#edf1f0;
  background-image:linear-gradient(180deg,rgba(246,248,247,.965),rgba(236,241,240,.97)),url("assets/home-background.png");
}
body[data-page]:not([data-page="home"]) .inner-hero,
.listing-card,.detail-layout,.selection-panel,.category-intro,.case-group,.case-pending,
.about-intro,.about-grid article,.contact-mail,.contact-prepare-grid>div,
.contact-page .contact-info>div,.spec-grid>div,.product-info-empty{
  border-color:rgba(35,65,82,.13);
  background:linear-gradient(145deg,rgba(255,255,252,.95),rgba(246,248,246,.89));
  box-shadow:0 12px 34px rgba(23,47,61,.06);
}
body[data-page]:not([data-page="home"]) .inner-hero{box-shadow:0 18px 48px rgba(23,47,61,.085)}
.listing-card:hover{border-color:rgba(39,78,99,.28);box-shadow:0 16px 36px rgba(23,47,61,.11)}
.site-footer{background:linear-gradient(135deg,#203b4b,#172f3e)}

@media(max-width:760px){
  body{background-image:linear-gradient(145deg,rgba(239,243,242,.94),rgba(248,245,240,.95)),url("assets/home-background.png")}
  .site-head{border-radius:13px;box-shadow:0 8px 24px rgba(24,46,59,.085)}
  .site-head::after{right:12px;left:12px}
  .site-head .head-line{font-weight:560}
  .home .gallery{gap:11px;padding-top:11px}
  .home .card{padding:5px 5px 0;border-radius:13px;box-shadow:0 8px 22px rgba(25,48,61,.07)}
  .home .cover{border-radius:9px}
  .home .card-copy{min-height:51px;padding:11px 8px 12px}
  .home .card h2{gap:0;padding-right:27px;font-size:clamp(17px,4.5vw,20px);font-weight:680}
  .home .card h2::before{display:none}
  .home .card-copy::after{right:7px;width:24px;height:24px;font-size:14px}
}

/* 1.0.21 — visual system for the six section pages. */
body[data-page]:not([data-page="home"]){background-color:#f3f2ed;background-image:linear-gradient(180deg,rgba(250,249,245,.96),rgba(242,242,237,.97)),url("assets/home-background.png")}
body[data-page]:not([data-page="home"]) .inner{padding:32px 24px 100px}
body[data-page]:not([data-page="home"]) .inner-wrap{max-width:1320px}
body[data-page]:not([data-page="home"]) .inner-hero{position:relative;grid-template-columns:minmax(0,47%) 53%;min-height:380px;overflow:hidden;border:1px solid #d9dedc;border-radius:22px;background:#fffefa;box-shadow:0 18px 50px rgba(37,52,61,.08)}
body[data-page]:not([data-page="home"]) .inner-hero::before{content:"";position:absolute;z-index:2;left:0;top:42px;width:4px;height:58px;border-radius:0 4px 4px 0;background:#a97843}
body[data-page]:not([data-page="home"]) .inner-hero>div{padding:clamp(38px,4.5vw,66px)}
body[data-page]:not([data-page="home"]) .inner-hero .eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid #eadfce;border-radius:7px;background:#f8f3eb;color:#865a2e}
body[data-page]:not([data-page="home"]) .inner-hero h1{max-width:10.5em;margin:20px 0 18px;font-size:clamp(34px,3.2vw,48px);font-weight:680;line-height:1.22;letter-spacing:-.035em}
body[data-page]:not([data-page="home"]) .inner-hero p{max-width:34em;margin:0;color:#5b6871;font-size:16px;line-height:1.9}
body[data-page]:not([data-page="home"]) .inner-hero img{display:block;width:100%;height:380px;min-height:0;object-fit:cover;border-left:1px solid #e0e3e1;background:linear-gradient(135deg,#e8edef,#dbe3e7);filter:saturate(.92) contrast(1.03)}
body[data-page="products"] .inner-hero img,body[data-page="factory"] .inner-hero img,body[data-page="about"] .inner-hero img{object-fit:contain;background:radial-gradient(circle at 50% 45%,#eef2f3 0,#dce5e8 72%,#d4dee2 100%)}
body[data-page="products"] .product-cover-hero,body[data-page="factory"] .factory-hero,body[data-page="about"] .factory-hero{min-height:380px}
body[data-page="products"] .product-cover-hero img,body[data-page="factory"] .factory-hero img,body[data-page="about"] .factory-hero img{height:380px}
body[data-page]:not([data-page="home"]) .section-heading{position:relative;align-items:end;margin:58px 0 24px;padding-bottom:18px;border-bottom:1px solid #d8ddda}
body[data-page]:not([data-page="home"]) .section-heading::after{content:"";position:absolute;bottom:-1px;left:0;width:72px;height:2px;background:#9b7045}
body[data-page]:not([data-page="home"]) .section-heading h2{margin-top:8px;font-size:clamp(27px,2.5vw,34px);line-height:1.3}
body[data-page]:not([data-page="home"]) .section-heading p{max-width:470px}
body[data-page]:not([data-page="home"]) .filters{gap:8px;margin:0 0 24px;padding:9px;border:1px solid #dde1de;border-radius:14px;background:rgba(255,254,250,.86);box-shadow:0 8px 24px rgba(38,52,60,.045)}
body[data-page]:not([data-page="home"]) .filters button{min-height:44px;border:0;border-radius:8px;background:transparent;color:#52616c}
body[data-page]:not([data-page="home"]) .filters button:hover{background:#edf1f1;color:#2f4555}
body[data-page]:not([data-page="home"]) .filters button.active,body[data-page]:not([data-page="home"]) .filters button[aria-pressed="true"]{background:#304a5c;color:#fff}
body[data-page="products"] .category-intro{min-height:165px;padding:30px 34px;border-color:#dce1de;background:linear-gradient(135deg,#fffefa,#f1f3ef);box-shadow:0 12px 32px rgba(37,52,61,.055)}
body[data-page="products"] .category-intro h3{font-size:27px}
body[data-page]:not([data-page="home"]) .listing-grid{gap:22px}
body[data-page]:not([data-page="home"]) .listing-card{overflow:hidden;border-color:#dce1de;border-radius:18px;background:#fffefa;box-shadow:0 8px 26px rgba(37,52,61,.055);transition:transform .2s,border-color .2s,box-shadow .2s}
body[data-page]:not([data-page="home"]) .listing-card:hover{border-color:#9fadb3;box-shadow:0 18px 38px rgba(37,52,61,.11);transform:translateY(-4px)}
body[data-page]:not([data-page="home"]) .listing-image{border-bottom:1px solid #e3e6e3;background:#edf0ee}
body[data-page]:not([data-page="home"]) .listing-copy{padding:25px 25px 23px}
body[data-page]:not([data-page="home"]) .listing-copy h2{margin:9px 0 9px;color:#273b4b;font-size:21px;line-height:1.45}
body[data-page]:not([data-page="home"]) .text-link{padding-top:13px;color:#304a5c}
body[data-page="cases"] .case-featured .listing-image{aspect-ratio:1.45}
body[data-page="cases"] .case-group{border-color:#dce1de;border-radius:18px;background:#fffefa;box-shadow:0 10px 30px rgba(37,52,61,.055)}
body[data-page="cases"] .case-index a{transition:background-color .15s,padding .15s}
body[data-page="cases"] .case-index a:hover{padding-left:8px;padding-right:8px;border-radius:8px;background:#f1f4f3}
body[data-page="factory"] .stat-row{gap:14px;margin:16px 0 0}
body[data-page="factory"] .stat-row>div{position:relative;overflow:hidden;padding:24px 18px;border-color:#dbe0dd;background:linear-gradient(145deg,#fffefa,#f4f3ed);box-shadow:0 8px 24px rgba(37,52,61,.05)}
body[data-page="factory"] .stat-row>div::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#9b7045}
body[data-page="factory"] .photo{border:1px solid #d9dfdc;border-radius:14px;box-shadow:0 8px 22px rgba(37,52,61,.07)}
body[data-page="factory"] .photo span{padding:38px 15px 14px;background:linear-gradient(transparent,rgba(16,31,40,.86))}
body[data-page="news"] .article-list{gap:0 30px;padding:8px 30px;border-color:#dce1de;border-radius:18px;box-shadow:0 10px 30px rgba(37,52,61,.055)}
body[data-page="news"] .article-list a{min-height:92px;padding:23px 0;transition:background-color .15s,padding .15s}
body[data-page="news"] .article-list a:hover{padding-left:10px;padding-right:10px;background:#f4f5f1}
body[data-page="news"] .article-list h2{color:#293d4c;font-size:16px;font-weight:600}
body[data-page="about"] .about-intro{margin-top:20px;padding:38px 42px;border-color:#dce1de;border-left:4px solid #9b7045;border-radius:16px;background:linear-gradient(120deg,#fffefa,#f0f3f1);box-shadow:0 10px 30px rgba(37,52,61,.05)}
body[data-page="about"] .about-grid{gap:18px}
body[data-page="about"] .about-grid article{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:15px;padding:28px 30px;border-color:#dce1de;border-radius:16px;box-shadow:0 8px 25px rgba(37,52,61,.045)}
body[data-page="about"] .about-grid article>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#eef2f1;color:#7d5936;font-weight:700}
body[data-page="about"] .about-grid h2{grid-column:2;margin:2px 0 8px}
body[data-page="about"] .about-grid p{grid-column:2}
body[data-page="contact"] .contact-direct{margin-top:54px}
body[data-page="contact"] .contact-heading{padding-bottom:18px;border-bottom:1px solid #d8ddda}
body[data-page="contact"] .contact-grid>article{border:1px solid #d8dfdc;border-radius:18px;box-shadow:0 12px 32px rgba(37,52,61,.07)}
body[data-page="contact"] .contact-primary{background:linear-gradient(135deg,#263e50,#385b6d)}
body[data-page="contact"] .contact-wechat{background:linear-gradient(140deg,#fffefa,#f4f5f1)}
body[data-page="contact"] .contact-action{min-height:46px;border-radius:9px}
body[data-page="contact"] .contact-qr-image{border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(37,52,61,.08)}
body[data-page="contact"] .contact-mail{margin-top:16px;padding:24px 28px;border-color:#dce1de;background:#fffefa;box-shadow:0 8px 24px rgba(37,52,61,.045)}
body[data-page="contact"] .contact-prepare-grid>div,body[data-page="contact"] .contact-info>div{border-color:#dce1de;background:#fffefa;box-shadow:0 8px 24px rgba(37,52,61,.045)}
body[data-page]:not([data-page="home"]) .closing-cta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 14px;padding:38px 42px;border:0;border-radius:18px;background:linear-gradient(135deg,#2e4a5c,#223a49);box-shadow:0 18px 40px rgba(31,51,64,.14);color:#fff}
body[data-page]:not([data-page="home"]) .closing-cta h2{grid-column:1;margin:0;color:#fff}
body[data-page]:not([data-page="home"]) .closing-cta p{grid-column:1;margin:0;color:#dce4e8}
body[data-page]:not([data-page="home"]) .closing-cta .primary-link,body[data-page]:not([data-page="home"]) .closing-cta .secondary-link{grid-row:1/3;margin:0;white-space:nowrap}
body[data-page]:not([data-page="home"]) .closing-cta .primary-link{grid-column:2;background:#fff;color:#2d4757}
body[data-page]:not([data-page="home"]) .closing-cta .secondary-link{grid-column:3;border-color:rgba(255,255,255,.55);color:#fff}

@media(max-width:760px){
  body[data-page]:not([data-page="home"]) .inner{padding:18px 12px 76px}
  body[data-page]:not([data-page="home"]) .inner-hero{display:flex;min-height:0;border-radius:16px;box-shadow:0 10px 30px rgba(37,52,61,.075)}
  body[data-page]:not([data-page="home"]) .inner-hero::before{top:210px;height:42px}
  body[data-page]:not([data-page="home"]) .inner-hero>div{width:100%;padding:25px 22px 28px}
  body[data-page]:not([data-page="home"]) .inner-hero .eyebrow{min-height:27px;padding:5px 8px}
  body[data-page]:not([data-page="home"]) .inner-hero h1{max-width:none;margin:15px 0 12px;font-size:27px;line-height:1.35}
  body[data-page]:not([data-page="home"]) .inner-hero p{font-size:14px;line-height:1.8}
  body[data-page]:not([data-page="home"]) .inner-hero img{height:190px;min-height:0;border:0;border-bottom:1px solid #dfe3e1;object-fit:cover}
  body[data-page="products"] .product-cover-hero,body[data-page="factory"] .factory-hero,body[data-page="about"] .factory-hero{min-height:0}
  body[data-page="products"] .product-cover-hero img,body[data-page="factory"] .factory-hero img,body[data-page="about"] .factory-hero img{height:205px;max-height:none;aspect-ratio:auto;object-fit:contain}
  body[data-page]:not([data-page="home"]) .section-heading{display:block;margin:40px 0 18px;padding-bottom:14px}
  body[data-page]:not([data-page="home"]) .section-heading h2{font-size:25px}
  body[data-page]:not([data-page="home"]) .section-heading p{margin-top:8px}
  body[data-page]:not([data-page="home"]) .filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:7px;margin-left:-1px;margin-right:-1px;scrollbar-width:none}
  body[data-page]:not([data-page="home"]) .filters::-webkit-scrollbar{display:none}
  body[data-page]:not([data-page="home"]) .filters button{flex:0 0 auto;min-height:42px;padding:9px 13px}
  body[data-page="products"] .category-intro{min-height:135px;padding:24px}
  body[data-page="products"] .category-intro h3{font-size:22px}
  body[data-page]:not([data-page="home"]) .listing-grid{gap:16px}
  body[data-page]:not([data-page="home"]) .listing-card{border-radius:15px}
  body[data-page]:not([data-page="home"]) .listing-copy{padding:21px}
  body[data-page="factory"] .stat-row{gap:7px;margin-top:12px}
  body[data-page="factory"] .stat-row>div{padding:16px 5px}
  body[data-page="factory"] .photo-grid{gap:9px}
  body[data-page="factory"] .photo{border-radius:11px}
  body[data-page="news"] .article-list{padding:2px 18px;border-radius:15px}
  body[data-page="news"] .article-list a{min-height:0;padding:20px 0}
  body[data-page="news"] .article-list a:hover{padding-left:0;padding-right:0}
  body[data-page="about"] .about-intro{padding:26px 23px}
  body[data-page="about"] .about-grid article{grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:23px 21px}
  body[data-page="about"] .about-grid article>span{width:36px;height:36px}
  body[data-page="contact"] .contact-direct{margin-top:40px}
  body[data-page="contact"] .contact-heading{padding-bottom:14px}
  body[data-page="contact"] .contact-grid>article{padding:26px 23px}
  body[data-page="contact"] .contact-mail{padding:23px}
  body[data-page]:not([data-page="home"]) .closing-cta{display:block;padding:28px 24px}
  body[data-page]:not([data-page="home"]) .closing-cta p{margin:8px 0 20px}
  body[data-page]:not([data-page="home"]) .closing-cta .primary-link,body[data-page]:not([data-page="home"]) .closing-cta .secondary-link{display:flex;width:100%;margin:9px 0 0}
}
@media(hover:none){body[data-page]:not([data-page="home"]) .listing-card:hover{transform:none;box-shadow:0 8px 26px rgba(37,52,61,.055)}body[data-page="cases"] .case-index a:hover,body[data-page="news"] .article-list a:hover{padding-left:0;padding-right:0;background:transparent}}

/* 1.0.22 — keep the mobile hero unobstructed; reveal return actions after scrolling. */
@media(max-width:760px){
  body.has-return-menu .return-bar{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}
  body.has-return-menu.return-scrolled .return-bar{opacity:1;pointer-events:auto;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){body.has-return-menu .return-bar{transition:none}}

/* 1.0.24 — show the complete hero subjects instead of cropping them. */
@media(min-width:761px){
  body[data-page="cases"]:not([data-page="home"]) .inner-hero.case-hero{grid-template-columns:minmax(0,48%) 52%;min-height:420px}
  body[data-page="cases"]:not([data-page="home"]) .inner-hero.case-hero img{height:420px;object-fit:contain;object-position:center;background:#e8edef}
  body[data-page="factory"]:not([data-page="home"]) .inner-hero.factory-hero,body[data-page="about"]:not([data-page="home"]) .inner-hero.about-hero{grid-template-columns:minmax(0,62%) 38%;min-height:500px}
  body[data-page="factory"]:not([data-page="home"]) .inner-hero.factory-hero img,body[data-page="about"]:not([data-page="home"]) .inner-hero.about-hero img{height:500px;object-fit:contain;object-position:center;background:#e4eaec}
}
@media(max-width:760px){
  body[data-page="cases"]:not([data-page="home"]) .inner-hero.case-hero img{height:205px;object-fit:contain;object-position:center;background:#e8edef}
  body[data-page="factory"]:not([data-page="home"]) .inner-hero.factory-hero img,body[data-page="about"]:not([data-page="home"]) .inner-hero.about-hero img{height:260px;object-fit:contain;object-position:center;background:#e4eaec}
}

/* 1.0.28 final cascade: extend the premium material system across section pages. */
body[data-page]:not([data-page="home"]){
  background-color:#edf1f0;
  background-image:linear-gradient(180deg,rgba(246,248,247,.965),rgba(236,241,240,.97)),url("assets/home-background.png");
}
body[data-page]:not([data-page="home"]) .inner-hero,
body[data-page]:not([data-page="home"]) .category-intro,
body[data-page]:not([data-page="home"]) .listing-card,
body[data-page]:not([data-page="home"]) .detail-layout,
body[data-page]:not([data-page="home"]) .selection-panel,
body[data-page]:not([data-page="home"]) .case-group,
body[data-page]:not([data-page="home"]) .case-pending,
body[data-page]:not([data-page="home"]) .about-intro,
body[data-page]:not([data-page="home"]) .about-grid article,
body[data-page]:not([data-page="home"]) .contact-mail,
body[data-page]:not([data-page="home"]) .contact-prepare-grid>div,
body[data-page]:not([data-page="home"]) .contact-info>div,
body[data-page]:not([data-page="home"]) .spec-grid>div,
body[data-page]:not([data-page="home"]) .product-info-empty{
  border-color:rgba(35,65,82,.13);
  background:linear-gradient(145deg,rgba(255,255,252,.95),rgba(246,248,246,.89));
  box-shadow:0 12px 34px rgba(23,47,61,.06);
}
body[data-page]:not([data-page="home"]) .inner-hero{box-shadow:0 18px 48px rgba(23,47,61,.085)}
body[data-page]:not([data-page="home"]) .listing-card:hover{border-color:rgba(39,78,99,.28);box-shadow:0 16px 36px rgba(23,47,61,.11)}

/* 1.0.29 — mobile-first homepage: one section per row, about two cards per screen. */
@media(max-width:760px){
  .home .gallery{
    grid-template-columns:1fr;
    grid-template-rows:none;
    align-content:start;
    width:calc(100% - 24px);
    height:auto;
    min-height:calc(100svh - 132px);
    gap:12px;
    padding:11px 0 20px;
  }
  .home .card{min-height:0;padding:5px 5px 0}
  .home .cover{
    flex:none;
    width:100%;
    height:clamp(126px,21.5svh,174px);
    max-height:none;
    aspect-ratio:auto;
  }
  .home .card-copy{min-height:50px;padding:10px 12px 11px}
  .home .card h2{font-size:clamp(18px,5vw,21px)}
  .home .card-copy::after{right:10px}
}
@media(max-width:760px) and (max-height:650px){
  .home .cover{height:120px}
}

/* 1.0.32 — simplified two-level header statement. */
.site-head .head-line{
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:1.05em;
  width:max-content;
  max-width:calc(100% - 300px);
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  line-height:1.2;
  letter-spacing:.045em;
}
.site-head .head-accent{
  position:relative;
  color:#9a6637;
  font-size:clamp(21px,1.72vw,26px);
  font-weight:700;
}
.site-head .head-accent::after{
  content:"";
  position:absolute;
  top:13%;
  right:-.55em;
  width:1px;
  height:74%;
  background:linear-gradient(180deg,transparent,rgba(148,99,55,.54),transparent);
}
.site-head .head-promise{
  color:#375366;
  font-family:"HarmonyOS Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:clamp(16px,1.25vw,19px);
  font-weight:560;
  letter-spacing:.055em;
}
@media(min-width:761px) and (max-width:1100px){
  .site-head .head-line{column-gap:.85em;max-width:calc(100% - 300px)}
  .site-head .head-accent{font-size:clamp(17px,1.8vw,20px)}
  .site-head .head-promise{font-size:clamp(13px,1.35vw,15px)}
}
@media(max-width:760px){
  body{padding-top:128px}
  .site-head .head-line{
    grid-template-columns:1fr;
    row-gap:3px;
    width:100%;
    max-width:none;
    margin-top:5px;
    text-align:center;
    line-height:1.25;
  }
  .site-head .head-accent{font-size:clamp(16px,4.5vw,18px);letter-spacing:.055em}
  .site-head .head-accent::after{display:none}
  .site-head .head-promise{font-size:clamp(12px,3.45vw,14px);letter-spacing:.04em}
}
@media(max-width:390px){
  .site-head .head-accent{font-size:16px}
  .site-head .head-promise{font-size:12px}
}

/* 1.0.34 — compact the coastal old-pole solar retrofit hero. */
.home-positioning{
  position:relative;
  width:min(1500px,calc(100% - 48px));
  margin:24px auto 0;
  padding:clamp(28px,2.7vw,40px) clamp(34px,3.5vw,54px);
  overflow:hidden;
  border:1px solid rgba(41,75,94,.16);
  border-radius:22px;
  background:linear-gradient(120deg,rgba(255,255,252,.98),rgba(238,244,243,.94));
  box-shadow:0 18px 50px rgba(27,51,65,.08);
}
.home-positioning::after{content:"";position:absolute;right:-90px;top:-110px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(169,119,70,.14),transparent 67%);pointer-events:none}
.home-positioning h1{max-width:980px;margin:11px 0 12px;color:#263f50;font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;font-size:clamp(34px,3.55vw,52px);font-weight:700;line-height:1.18;letter-spacing:-.035em}
.home-positioning p{max-width:920px;margin:0;color:#526473;font-size:clamp(15px,1.2vw,17px);line-height:1.75}
.home-positioning-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.home-positioning-actions .primary-link,.home-positioning-actions .secondary-link{margin:0}
.home .gallery{height:auto;min-height:0;padding-top:22px}
.product-hierarchy,.about-product-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0}
.product-hierarchy article,.about-product-levels>div{display:grid;align-content:start;gap:9px;padding:25px;border:1px solid rgba(35,65,82,.14);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,252,.96),rgba(244,248,246,.9));box-shadow:0 10px 28px rgba(23,47,61,.05)}
.product-hierarchy span,.about-product-levels span{color:#9a6637;font-size:11px;font-weight:750;letter-spacing:.12em}
.product-hierarchy h2{margin:0;color:#2f4656;font-size:17px;font-weight:600}
.product-hierarchy strong,.about-product-levels strong{color:#223c4d;font-size:21px;line-height:1.4}
.product-hierarchy p{margin:0;color:#61717e;font-size:14px;line-height:1.7}
.about-product-levels{margin:18px 0 0}
.about-product-levels>div:first-child{border-color:rgba(154,102,55,.28);background:linear-gradient(145deg,#fffdf8,#f6eee4)}
body[data-page="about"] .about-grid .service-secondary{background:rgba(246,248,246,.72);box-shadow:none}
.retrofit-direction-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.retrofit-direction-grid article,.news-topic-grid article{padding:23px 20px;border:1px solid rgba(35,65,82,.14);border-radius:14px;background:rgba(255,255,252,.88)}
.retrofit-direction-grid span,.news-topic-grid span{display:block;margin-bottom:15px;color:#9a6637;font-size:12px;font-weight:750}
.retrofit-direction-grid h3,.news-topic-grid h3{margin:0;color:#2b4353;font-size:17px;line-height:1.5}
.retrofit-direction-grid p{margin:10px 0 0;color:#60707c;font-size:13px;line-height:1.75}
.news-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.news-topic-grid article{min-height:150px}
.site-footer>div:first-child p{max-width:720px;line-height:1.8}

@media(max-width:1050px){
  .retrofit-direction-grid,.news-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .retrofit-direction-grid article:last-child,.news-topic-grid article:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .home-positioning{width:calc(100% - 24px);margin-top:10px;padding:22px 20px;border-radius:17px}
  .home-positioning h1{margin:10px 0 11px;font-size:clamp(28px,8.1vw,35px);line-height:1.25;letter-spacing:-.03em}
  .home-positioning p{font-size:14px;line-height:1.8}
  .home-positioning-actions{display:grid;grid-template-columns:1fr;margin-top:15px}
  .home-positioning-actions .primary-link,.home-positioning-actions .secondary-link{display:flex;width:100%;justify-content:center}
  .home .gallery{min-height:0;padding-top:14px}
  .product-hierarchy,.about-product-levels{grid-template-columns:1fr;gap:10px;margin-top:16px}
  .product-hierarchy article,.about-product-levels>div{padding:21px}
  .product-hierarchy strong,.about-product-levels strong{font-size:19px}
  .retrofit-direction-grid,.news-topic-grid{grid-template-columns:1fr;gap:10px}
  .retrofit-direction-grid article:last-child,.news-topic-grid article:last-child{grid-column:auto}
  .news-topic-grid article{min-height:0}
}

/* 1.0.35 — preserve the approved six-card dimensions and cover crops. */
@media(min-width:761px){
  .home .gallery{
    height:auto;
    min-height:0;
    grid-template-rows:none;
    align-content:start;
    gap:16px;
    padding:22px 0 48px;
  }
  .home .card{min-height:0}
  .home .cover{
    flex:none;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
  }
  .home .cover img{width:100%;height:100%;object-fit:cover}
}

/* 1.0.36 — responsive coastal retrofit hero artwork. */
.home-positioning{
  border-color:rgba(183,202,214,.3);
  background:
    linear-gradient(90deg,rgba(10,31,51,.96) 0%,rgba(12,38,62,.9) 38%,rgba(11,34,55,.54) 58%,rgba(7,24,40,.14) 100%),
    url("assets/hero/home-hero-coastal-desktop-v3.webp") center center/cover no-repeat;
  box-shadow:0 18px 50px rgba(18,39,53,.16);
}
.home-positioning::after{display:none}
.home-positioning .eyebrow{color:#e5bc88;text-shadow:0 1px 8px rgba(0,0,0,.28)}
.home-positioning h1{color:#f7fafb;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.home-positioning p{color:rgba(239,246,249,.88);text-shadow:0 1px 10px rgba(0,0,0,.22)}
.home-positioning .primary-link{border:1px solid rgba(255,255,255,.9);background:#f5f8f9;color:#173649}
.home-positioning .primary-link:hover{background:#fff;color:#102d40}
.home-positioning .secondary-link{border-color:rgba(255,255,255,.58);background:rgba(9,29,46,.28);color:#fff;backdrop-filter:blur(6px)}
.home-positioning .secondary-link:hover{border-color:#fff;background:rgba(255,255,255,.12)}
@media(max-width:760px){
  .home-positioning{
    background:
      linear-gradient(105deg,rgba(8,27,46,.95) 0%,rgba(11,36,59,.86) 58%,rgba(9,29,47,.5) 100%),
      url("assets/hero/home-hero-coastal-mobile-v2.webp") 68% center/cover no-repeat;
  }
}

/* 1.0.37 — final hero balance and mobile control density. */
@media(min-width:761px){
  .home-positioning{
    background:
      linear-gradient(90deg,rgba(8,28,47,.97) 0%,rgba(10,35,58,.91) 36%,rgba(9,31,51,.58) 54%,rgba(6,23,38,.16) 76%,rgba(6,22,36,.05) 100%),
      url("assets/hero/home-hero-coastal-desktop-v3.webp") center center/cover no-repeat;
  }
  .home-positioning h1{max-width:760px;font-size:clamp(33px,3.25vw,48px);letter-spacing:-.025em}
  .home-positioning p{max-width:660px;font-size:clamp(15px,1.08vw,16px);line-height:1.72}
}
@media(max-width:760px){
  .home-positioning{
    background:
      linear-gradient(105deg,rgba(7,25,43,.96) 0%,rgba(9,32,54,.9) 62%,rgba(7,26,44,.58) 100%),
      url("assets/hero/home-hero-coastal-mobile-v2.webp") 66% center/cover no-repeat;
  }
  .home-positioning h1{font-size:clamp(26px,7.7vw,33px)}
  .home-positioning-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-positioning-actions .primary-link,.home-positioning-actions .secondary-link{min-height:46px;padding:10px 9px;font-size:13px;white-space:nowrap}
}
@media(max-width:370px){
  .home-positioning h1{font-size:22px;line-height:1.24}
  .home-positioning-actions{grid-template-columns:1fr}
}

/* 1.0.41 — keep the engineering canvas continuous through all six home cards. */
body:has(main.home){background:#f4f3ee}
body main.home{
  position:relative;
  isolation:isolate;
}
body main.home::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-160px;
  right:0;
  bottom:0;
  left:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,254,250,.1),rgba(244,246,243,.18)),
    url("assets/site-background-engineering-v1.webp") center center/100% 100% no-repeat;
}
body:has(main.home) .site-head{
  border-color:rgba(255,255,255,.86);
  background:rgba(255,255,252,.9);
  box-shadow:0 12px 36px rgba(27,48,61,.09);
}
body:has(main.home) .home .card{
  border-color:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(29,49,61,.075);
}
@media(max-width:760px){
  body main.home::before{
    top:-150px;
    background:
      linear-gradient(180deg,rgba(255,254,250,.34),rgba(246,247,244,.42)),
      url("assets/site-background-engineering-v1.webp") center center/100% 100% no-repeat;
  }
}

/* 1.0.45 — turn the empty space after the six cards into a focused contact path. */
.home .gallery{padding-bottom:22px}
.home-consult{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:36px;
  width:min(1500px,calc(100% - 48px));
  margin:0 auto 30px;
  padding:30px clamp(28px,3.3vw,48px);
  border:1px solid rgba(179,202,212,.35);
  border-radius:18px;
  background:linear-gradient(115deg,#102c40 0%,#1b3c4e 65%,#274958 100%);
  box-shadow:0 18px 42px rgba(26,48,61,.15);
  color:#f5f8f7;
}
.home-consult-label{color:#d7b489;font-size:11px;font-weight:700;letter-spacing:.13em}
.home-consult h2{margin:9px 0 9px;color:#fff;font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;font-size:clamp(25px,2.1vw,34px);line-height:1.32}
.home-consult p{max-width:700px;margin:0;color:#d4e0e3;font-size:14px;line-height:1.75}
.home-consult-hint{display:block;margin-top:13px;color:#b7cbd1;font-size:12px;line-height:1.6}
.home-consult-actions{display:grid;justify-items:stretch;gap:9px;min-width:235px}
.home-consult-phone{display:grid;gap:1px;color:#fff}
.home-consult-phone small{color:#b8cbd0;font-size:12px}
.home-consult-phone strong{font-size:clamp(21px,1.7vw,26px);font-weight:700;letter-spacing:.02em;white-space:nowrap}
.home-consult-wechat{color:#d8e3e4;font-size:13px}
.home-consult-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:43px;margin-top:4px;padding:10px 15px;border-radius:8px;background:#f7f8f4;color:#18394a;font-size:13px;font-weight:700;transition:background-color .2s,transform .2s}
.home-consult-link:hover{background:#fff;transform:translateY(-2px)}
@media(max-width:760px){
  .home .gallery{padding-bottom:15px}
  .home-consult{grid-template-columns:1fr;gap:18px;width:calc(100% - 24px);margin-bottom:24px;padding:24px 21px;border-radius:15px}
  .home-consult h2{font-size:clamp(24px,6.2vw,29px)}
  .home-consult p{font-size:13px}
  .home-consult-hint{font-size:12px}
  .home-consult-actions{grid-template-columns:1fr;gap:9px;min-width:0;padding-top:15px;border-top:1px solid rgba(255,255,255,.18)}
  .home-consult-phone strong{font-size:23px}
  .home-consult-link{width:100%;margin-top:4px}
}

/* 1.0.46 — paint the real footer above the fixed home canvas. */
body:has(main.home) .site-footer{position:relative;z-index:1}

/* 1.0.47 — mobile reading order, tighter sections, and reachable controls. */
@media(max-width:760px){
  html{scroll-padding-top:104px}
  body{padding-top:102px}
  .site-head{top:7px;min-height:0;padding:7px 10px 8px;backdrop-filter:none}
  .brand-link{min-width:58px;min-height:43px;gap:1px}
  .brand-logo{width:31px;height:31px}
  .brand-name{font-size:10px;letter-spacing:.04em}
  .menu-toggle{min-height:43px;padding:0 11px;font-size:12px}
  .site-head .head-line{row-gap:1px;margin-top:1px;line-height:1.2}
  .site-head .head-accent{font-size:15px}
  .site-head .head-promise{font-size:11px}
  .mobile-menu{height:100vh;height:100dvh;overflow-y:auto;padding:67px 22px calc(25px + env(safe-area-inset-bottom));background:#f7f8f5}
  .mobile-menu .menu-close{position:fixed;top:13px;right:18px;width:44px;height:44px}
  .mobile-menu p{margin:0 0 8px}
  .mobile-menu a{min-height:60px;padding:12px 4px;font-size:20px}

  .home-positioning{margin-top:10px;padding:21px 18px 20px}
  .home-positioning .eyebrow{font-size:10px}
  .home-positioning h1{margin:8px 0 9px;font-size:clamp(23px,6.8vw,30px);line-height:1.24}
  .home-positioning p{font-size:13px;line-height:1.65}
  .home-positioning-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
  .home-positioning-actions .primary-link,.home-positioning-actions .secondary-link{min-height:44px;padding:8px 5px;font-size:12px;white-space:nowrap}
  .home .gallery{gap:11px;padding-top:12px}
  .home .card-copy{min-height:48px}
  .home-consult{gap:13px;padding:22px 18px}

  .inner{padding:16px 12px 54px}
  body[data-page]:not([data-page="home"]) .inner-hero{flex-direction:column;min-height:0}
  body[data-page]:not([data-page="home"]) .inner-hero::before{top:18px;height:38px}
  body[data-page]:not([data-page="home"]) .inner-hero>div{padding:23px 20px 20px}
  body[data-page]:not([data-page="home"]) .inner-hero .eyebrow{min-height:25px;padding:4px 7px;font-size:10px}
  body[data-page]:not([data-page="home"]) .inner-hero h1{margin:10px 0 8px;font-size:clamp(24px,7vw,29px);line-height:1.28}
  body[data-page]:not([data-page="home"]) .inner-hero p{font-size:13px;line-height:1.65}
  body[data-page]:not([data-page="home"]) .inner-hero img{height:165px;object-position:center;border:0;border-top:1px solid #e2e6e3}
  body[data-page="products"] .product-cover-hero img,body[data-page="factory"] .factory-hero img,body[data-page="about"] .factory-hero img{height:175px;max-height:none;object-fit:contain}
  body[data-page="cases"] .case-hero img{height:175px;object-fit:contain}

  .section-heading{margin:32px 0 14px}
  .section-heading h2{font-size:23px;line-height:1.35}
  .section-heading p{margin-top:5px;font-size:13px;line-height:1.6}
  .product-hierarchy,.about-product-levels{gap:8px;margin-top:13px}
  .product-hierarchy article{gap:4px;padding:15px 17px}
  .product-hierarchy article>span{display:none}
  .product-hierarchy h2{font-size:14px}
  .product-hierarchy strong{font-size:18px}
  .product-hierarchy p{font-size:12px;line-height:1.55}
  body[data-page]:not([data-page="home"]) .filters{gap:6px;margin-bottom:16px;padding:6px;scroll-snap-type:x proximity}
  body[data-page]:not([data-page="home"]) .filters button{min-height:44px;padding:9px 12px;scroll-snap-align:start}
  body[data-page]:not([data-page="home"]) .listing-grid{gap:13px}
  body[data-page]:not([data-page="home"]) .listing-copy{padding:17px 18px 16px}
  body[data-page]:not([data-page="home"]) .listing-copy h2{font-size:19px}
  .product-card .listing-image{aspect-ratio:1.3}
  .product-card .listing-image img{padding:15px}
  .text-link{min-height:44px}

  .detail-layout{padding:8px}
  .product-detail .detail-content,.detail-content{padding:19px 12px}
  .detail-content h1{font-size:25px;line-height:1.35}
  .product-gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:thin}
  .product-thumb{flex:0 0 79px;scroll-snap-align:start}
  .spec-grid>div{min-width:0;gap:10px;padding:15px;font-size:13px}
  .spec-grid span,.product-key-specs dd{min-width:0;overflow-wrap:anywhere}
  .selection-panel,.case-group,.case-pending,.about-intro,.about-grid article{padding:20px 18px}
  .stat-row{gap:6px}
  .stat-row>div{padding:14px 3px}
  .stat-row strong{font-size:17px}
  .stat-row span{font-size:10px}
  .photo-grid{gap:8px}
  .photo span{padding:22px 7px 7px;font-size:11px}
  .article-list{padding:2px 16px}
  .article-list a{min-height:70px;padding:16px 0}

  body[data-page="contact"] .contact-direct{margin-top:32px}
  body[data-page="contact"] .contact-grid>article{padding:20px 18px}
  .contact-page .contact-grid h3{margin:10px 0 6px;font-size:20px}
  .contact-page .contact-primary p,.contact-page .contact-wechat p{font-size:13px;line-height:1.6}
  .contact-page .phone{margin:16px 0 11px;font-size:clamp(23px,7vw,28px)}
  .contact-page .contact-primary small{padding-top:10px}
  .contact-id-label{margin-top:15px}
  .wechat-id{font-size:20px}
  .contact-page .contact-wechat{grid-template-columns:1fr;gap:10px}
  .contact-page .contact-qr-image{width:125px}
  .contact-mail{gap:15px}
  .contact-prepare,.contact-location{margin-top:35px}
  .contact-prepare-grid>div{padding:17px 19px}

  .site-footer{padding:28px 20px calc(30px + env(safe-area-inset-bottom))}
  .site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
  .return-bar{right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}
  .return-menu-panel{max-height:calc(100dvh - 104px)}
}
@media(max-width:360px){
  .home-positioning h1{font-size:23px}
  .home-positioning-actions .primary-link,.home-positioning-actions .secondary-link{font-size:11px}
}

/* 1.0.48 — preserve complete imagery across current phone widths. */
@media(max-width:760px){
  /* The six home covers are authored at 16:9. Keep that full canvas on phones. */
  .home .cover{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:16/9;
    background:linear-gradient(145deg,#e7eceb,#d7e0e2);
  }
  .home .cover img{
    width:100%;
    height:100%;
    padding:0;
    object-fit:contain;
    object-position:center;
    transform:none;
  }

  /* Inner covers use several source ratios. Give each one its real ratio. */
  body[data-page]:not([data-page="home"]) .inner-hero img{
    width:100%;
    height:auto;
    max-height:none;
    min-height:0;
    aspect-ratio:16/9;
    object-fit:contain;
    object-position:center;
    background:linear-gradient(145deg,#e8edef,#d9e2e5);
  }
  body[data-page="products"] .product-cover-hero img{
    height:auto;
    aspect-ratio:1402/1122;
  }
  body[data-page="factory"] .factory-hero img,
  body[data-page="about"] .about-hero img{
    height:auto;
    aspect-ratio:1110/1417;
  }
  body[data-page="cases"] .case-hero img{
    height:auto;
    aspect-ratio:4/3;
  }

  /* Product canvases keep the full lamp, including long lamp bodies and poles. */
  .product-card .listing-image{
    aspect-ratio:1/1;
    background:linear-gradient(145deg,#fff,#f2f4f3);
  }
  .product-card .listing-image img{
    padding:clamp(12px,4vw,18px);
    object-fit:contain;
    object-position:center;
  }
  .product-media .detail-image,
  .product-media .detail-image img{
    object-fit:contain;
    object-position:center;
  }

  /* Case materials are mostly 4:3 originals; show the whole site photo. */
  body[data-page="cases"] .case-featured .listing-image{
    aspect-ratio:4/3;
    background:#e8edef;
  }
  body[data-page="cases"] .case-featured .listing-image img,
  .case-media .detail-image.landscape img,
  .case-media .detail-image.cover-scene img{
    object-fit:contain;
    object-position:center;
  }

  /* Mixed portrait and landscape factory photos use a compact masonry flow. */
  body[data-page="factory"] .photo-grid{
    display:block;
    columns:2;
    column-gap:8px;
  }
  body[data-page="factory"] .photo{
    display:block;
    width:100%;
    height:auto;
    margin:0 0 8px;
    aspect-ratio:auto;
    break-inside:avoid;
    overflow:hidden;
    background:#e6ebea;
  }
  body[data-page="factory"] .photo[hidden]{display:none}
  body[data-page="factory"] .photo img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
  }
}

/* Small phones: retain full images while protecting usable content width. */
@media(max-width:360px){
  .home .gallery{grid-template-columns:1fr;gap:12px}
  .home .cover{aspect-ratio:16/9}
  body[data-page="factory"] .photo-grid{column-gap:7px}
}

/* Mainstream landscape phones also keep product and case content uncropped. */
@media(min-width:761px) and (max-width:932px) and (orientation:landscape) and (max-height:500px){
  .home .cover img,
  .product-card .listing-image img,
  body[data-page="cases"] .listing-image img,
  body[data-page="factory"] .photo img{
    object-fit:contain;
    object-position:center;
  }
}

/* 1.0.42 — six quiet, page-specific canvases behind the inner-page content. */
body[data-page="products"]{--inner-page-art:url("assets/inner-page-backgrounds/products-v1.webp")}
body[data-page="factory"]{--inner-page-art:url("assets/inner-page-backgrounds/factory-v1.webp")}
body[data-page="cases"]{--inner-page-art:url("assets/inner-page-backgrounds/cases-v1.webp")}
body[data-page="about"]{--inner-page-art:url("assets/inner-page-backgrounds/about-v1.webp")}
body[data-page="contact"]{--inner-page-art:url("assets/inner-page-backgrounds/contact-v1.webp")}
body[data-page="news"]{--inner-page-art:url("assets/inner-page-backgrounds/news-v1.webp")}
body[data-page="products"],body[data-page="factory"],body[data-page="cases"],
body[data-page="about"],body[data-page="contact"],body[data-page="news"]{
  background:#eef1ef;
}
body[data-page="products"] main.inner,body[data-page="factory"] main.inner,
body[data-page="cases"] main.inner,body[data-page="about"] main.inner,
body[data-page="contact"] main.inner,body[data-page="news"] main.inner{
  position:relative;
  isolation:isolate;
}
body[data-page="products"] main.inner::before,body[data-page="factory"] main.inner::before,
body[data-page="cases"] main.inner::before,body[data-page="about"] main.inner::before,
body[data-page="contact"] main.inner::before,body[data-page="news"] main.inner::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-160px;
  right:0;
  left:0;
  height:clamp(850px,88vw,1250px);
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(250,251,248,.4) 0%,rgba(246,249,247,.64) 32%,#eef1ef 56%,#eef1ef 100%),
    var(--inner-page-art) center top/100% auto no-repeat;
}
@media(max-width:760px){
  body[data-page="products"] main.inner::before,body[data-page="factory"] main.inner::before,
  body[data-page="cases"] main.inner::before,body[data-page="about"] main.inner::before,
  body[data-page="contact"] main.inner::before,body[data-page="news"] main.inner::before{
    top:-150px;
    height:800px;
    background:
      linear-gradient(180deg,rgba(250,251,248,.58) 0%,rgba(247,249,247,.76) 42%,#eef1ef 71%,#eef1ef 100%),
      var(--inner-page-art) 24% top/auto 730px no-repeat;
  }
}

/* 1.0.49 — final phone-width cover rules and legacy crop override. */
@media(max-width:480px){
  .home .gallery{
    grid-template-columns:1fr;
    gap:12px;
  }
  .home .cover{
    height:auto;
    max-height:none;
    aspect-ratio:16/9;
  }
}
@media(max-width:760px){
  body[data-page="cases"] .case-featured .listing-card:nth-child(3) .listing-image img{
    object-fit:contain;
    object-position:center;
  }
}

/* 1.0.44 — pin the home canvas to the viewport without stretching its artwork. */
body main.home::before{
  position:fixed;
  inset:0;
  width:100%;
  height:100vh;
  height:100dvh;
  background:
    linear-gradient(180deg,rgba(255,254,250,.16) 0%,rgba(248,249,246,.32) 40%,#f4f3ee 86%),
    url("assets/site-background-engineering-v1.webp") center top/cover no-repeat;
}
@media(max-width:760px){
  body main.home::before{
    height:100vh;
    height:100dvh;
    background:
      linear-gradient(180deg,rgba(255,254,250,.48) 0%,rgba(248,249,246,.58) 38%,#f4f3ee 84%),
      url("assets/site-background-engineering-v1.webp") left top/auto 82vh no-repeat;
  }
}

/* 1.0.43 — anchor each inner-page canvas to the viewport while content scrolls. */
body[data-page="products"] main.inner::before,body[data-page="factory"] main.inner::before,
body[data-page="cases"] main.inner::before,body[data-page="about"] main.inner::before,
body[data-page="contact"] main.inner::before,body[data-page="news"] main.inner::before{
  position:fixed;
  inset:0;
  width:100%;
  height:100vh;
  height:100dvh;
  background:
    linear-gradient(180deg,rgba(250,251,248,.4) 0%,rgba(246,249,247,.64) 40%,#eef1ef 72%,#eef1ef 100%),
    var(--inner-page-art) center top/100% auto no-repeat;
}
@media(max-width:760px){
  body[data-page="products"] main.inner::before,body[data-page="factory"] main.inner::before,
  body[data-page="cases"] main.inner::before,body[data-page="about"] main.inner::before,
  body[data-page="contact"] main.inner::before,body[data-page="news"] main.inner::before{
    height:100vh;
    height:100dvh;
    background:
      linear-gradient(180deg,rgba(250,251,248,.58) 0%,rgba(247,249,247,.76) 42%,#eef1ef 71%,#eef1ef 100%),
      var(--inner-page-art) 24% top/auto 730px no-repeat;
  }
}