/* ============ Design tokens ============ */
:root{
  --porcelain:#F6F1E6;      /* 瓷白 */
  --paper:#FFFFFF;          /* 纯白 */
  --ink:#1A1A1A;            /* 近黑（与logo黑色一致） */
  --ink-60:#555555;         /* 次级文字 */
  --ink-40:#8A8A8A;         /* 弱化文字 */
  --brand:#C0182E;          /* 品牌红（logo主色） */
  --brand-deep:#8E0F22;     /* 深红 */
  --brand-soft:#FBEAEE;     /* 浅红 */
  --kiln:#D4763A;           /* 暖橙（次要强调） */
  --kiln-soft:#F8EDE3;
  --sand:#EAE0CC;
  --line:rgba(26,26,26,.14);
  --maxw:1200px;
  --display:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --radius-lg:26px;
  --radius-md:16px;
  --shadow-lg:0 30px 70px -30px rgba(26,26,26,.35);
  --shadow-md:0 18px 44px -22px rgba(26,26,26,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--porcelain);
  color:var(--ink);
  line-height:1.7;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
section{scroll-margin-top:86px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* ============ 通用组件 ============ */
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:13px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--brand);font-weight:500;
}
.eyebrow::before{
  content:"";width:26px;height:2px;background:var(--kiln);flex:none;
}
.sec-head{padding:0 0 8px}
.sec-head h2{
  font-family:var(--display);font-weight:700;
  font-size:clamp(30px,4.2vw,46px);line-height:1.25;letter-spacing:.01em;
  margin:18px 0 16px;
}
.sec-head .lead{color:var(--ink-60);font-size:16.5px;max-width:640px}
.sec-head.centered{text-align:center;display:flex;flex-direction:column;align-items:center}
.sec-head.centered .eyebrow::before{display:none}
.sec-head.centered .eyebrow{gap:14px}
.sec-head.centered .eyebrow::after{content:"";width:26px;height:2px;background:var(--kiln);flex:none}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;border-radius:999px;
  font-size:15px;font-weight:600;letter-spacing:.04em;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
  cursor:pointer;border:none;
}
.btn svg{width:17px;height:17px;transition:transform .25s ease}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{background:var(--brand);color:#FCFAF4;box-shadow:0 14px 30px -14px rgba(47,94,89,.7)}
.btn-primary:hover{background:var(--brand-deep);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}

/* 花器口沿同心圆 · 签名元素 */
.ring{
  color:var(--line);pointer-events:none;
  position:absolute;
}
.ring .r-fill{fill:none;stroke:currentColor}
.ring .r-dash{fill:none;stroke:currentColor;stroke-dasharray:2 9;stroke-linecap:round}

/* 入场动效 */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-in{opacity:1;transform:none}

/* ============ 顶部导航 ============ */
.nav{
  position:fixed;inset:0 0 auto;z-index:60;
  background:rgba(246,241,230,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s ease;
}
.nav.scrolled{box-shadow:0 10px 30px -18px rgba(33,26,18,.3)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{height:38px;width:auto;display:block}
.footer-logo{height:32px;filter:brightness(0) invert(1);opacity:.95}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{font-size:15px;color:var(--ink-60);position:relative;padding:6px 0;font-weight:500;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--kiln);transition:width .25s ease}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{width:100%}
.nav-cta{flex:none}
.nav-cta .btn{padding:11px 24px;font-size:14px}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.3s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============ Hero ============ */
.hero{
  position:relative;padding:170px 0 90px;overflow:hidden;
  background:
    radial-gradient(1200px 520px at 88% -8%, rgba(47,94,89,.10), transparent 60%),
    var(--porcelain);
}
.hero .ring-1{width:720px;height:720px;top:-200px;right:-140px}
.hero .ring-2{width:360px;height:360px;left:-120px;bottom:40px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.hero-copy .hero-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  padding:8px 18px;border:1px solid var(--line);border-radius:999px;
  font-size:13px;letter-spacing:.22em;color:var(--ink-60);
  background:rgba(255,253,247,.6);
}
.hero-copy h1{
  font-family:var(--display);font-weight:900;
  font-size:clamp(40px,5.6vw,68px);line-height:1.14;letter-spacing:.01em;
  margin:28px 0 22px;
}
.hero-copy h1 .accent{color:var(--brand);position:relative;white-space:nowrap}
.hero-copy h1 .accent::after{
  content:"";position:absolute;left:2%;right:2%;bottom:.02em;height:.14em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12'%3E%3Cpath d='M2 9 Q 50 3 100 8 T 198 6' fill='none' stroke='%23A8482E' stroke-width='3' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
.hero-copy .lead{font-size:17.5px;color:var(--ink-60);max-width:520px;margin-bottom:36px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-tags{margin-top:40px;display:flex;gap:26px;flex-wrap:wrap;color:var(--ink-60);font-size:13.5px}
.hero-tags b{display:block;font-family:var(--display);color:var(--ink);font-size:20px;letter-spacing:.02em}
.hero-visual{position:relative}
.hero-frame{
  position:relative;border-radius:280px 280px 28px 28px;overflow:hidden;
  box-shadow:var(--shadow-lg);aspect-ratio:4/4.4;border:1px solid rgba(255,255,255,.5);
}
.hero-frame img{width:100%;height:100%;object-fit:cover}
.hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(33,26,18,.18))}
.hero-chip{
  position:absolute;left:-34px;bottom:44px;z-index:3;
  background:var(--paper);border-radius:var(--radius-md);
  padding:16px 22px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:14px;
  border:1px solid var(--line);
}
.hero-chip .hc-num{font-family:var(--display);font-weight:700;font-size:30px;color:var(--kiln);line-height:1}
.hero-chip .hc-txt{font-size:13px;color:var(--ink-60);line-height:1.5}
.hero-chip .hc-txt b{color:var(--ink);font-weight:600}
.hero-scroll{position:absolute;left:28px;bottom:26px;font-size:12px;letter-spacing:.3em;color:var(--ink-40);display:flex;align-items:center;gap:10px;writing-mode:vertical-rl}
.hero-scroll::after{content:"";width:1px;height:54px;background:var(--line)}

/* ============ 数据条 ============ */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,253,247,.55)}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.stat{padding:34px 22px;text-align:center;border-left:1px solid var(--line)}
.stat:first-child{border-left:none}
.stat .n{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.4vw,46px);color:var(--ink);line-height:1;display:flex;align-items:baseline;justify-content:center;gap:2px}
.stat .n small{font-size:.5em;color:var(--kiln);font-weight:700}
.stat .t{margin-top:10px;font-size:13.5px;color:var(--ink-60);letter-spacing:.06em}

/* ============ 关于我们 ============ */
.about{padding:110px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:54px}
.about-copy p{color:var(--ink-60);font-size:16px;margin-bottom:18px}
.about-copy p strong{color:var(--ink);font-weight:600}
.about-points{margin:26px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-points li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink)}
.about-points li svg{width:20px;height:20px;flex:none;margin-top:3px}
.about-visual{position:relative}
.about-visual .av-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/8.2}
.about-visual .av-img img{width:100%;height:100%;object-fit:cover}
.about-visual .av-card{
  position:absolute;left:-30px;bottom:-26px;background:var(--paper);
  padding:18px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);
  border:1px solid var(--line);display:flex;align-items:center;gap:14px;
}
.about-visual .av-card .n{font-family:var(--display);font-weight:700;font-size:30px;color:var(--brand);line-height:1}
.about-visual .av-card .t{font-size:12.5px;color:var(--ink-60);line-height:1.5}
.about-visual .ring{width:300px;height:300px;right:-70px;top:-70px;z-index:-1}

/* 发展历程 */
.timeline{margin-top:96px}
.timeline .tl-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px}
.timeline .tl-title{font-family:var(--display);font-weight:700;font-size:24px}
.timeline-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px}
.timeline-track::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:linear-gradient(90deg,var(--kiln),var(--brand))}
.tl-item{position:relative;padding-top:38px}
.tl-item .dot{position:absolute;top:11px;left:0;width:22px;height:22px;border-radius:50%;background:var(--porcelain);border:5px solid var(--brand);transform:translateY(-50%);box-shadow:0 0 0 4px var(--porcelain)}
.tl-item .year{font-family:var(--display);font-weight:700;font-size:24px;color:var(--brand);margin-bottom:6px}
.tl-item .desc{font-size:14px;color:var(--ink-60);line-height:1.65}

/* ============ 产品中心 ============ */
.products{padding:110px 0;background:linear-gradient(180deg,#EFE8D8,var(--porcelain))}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.product-card{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);
  border:1px solid var(--line);box-shadow:var(--shadow-md);
  transition:transform .35s ease,box-shadow .35s ease;
  display:flex;flex-direction:column;
}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.product-card .pc-img{aspect-ratio:4/3.4;overflow:hidden;position:relative}
.product-card .pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.product-card:hover .pc-img img{transform:scale(1.06)}
.product-card .pc-tag{
  position:absolute;top:16px;left:16px;z-index:2;
  background:rgba(255,253,247,.9);color:var(--ink);
  font-size:12px;letter-spacing:.14em;padding:6px 14px;border-radius:999px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.product-card .pc-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.product-card h3{font-family:var(--display);font-weight:700;font-size:20px;margin-bottom:8px}
.product-card p{font-size:14px;color:var(--ink-60);line-height:1.7;flex:1}
.product-card .pc-more{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--brand)}
.product-card .pc-more svg{width:15px;height:15px;transition:transform .25s ease}
.product-card:hover .pc-more svg{transform:translateX(4px)}
.product-card .pc-img{border-bottom:1px solid var(--line)}
/* 产品图占位（素材待更新） */
.pc-ph{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:#B3A089;font-size:12.5px;letter-spacing:.22em;text-align:center;
  background:linear-gradient(135deg,#FBF8F1,#EFE5D3);
}
.pc-ph::before{content:"";width:44px;height:44px;border:1.5px dashed #C9B69A;border-radius:50%;display:block}
.pc-ph b{font-weight:600;color:#9C8568;font-size:14px;letter-spacing:.1em}
.pd-main-img .pc-ph{border-radius:var(--radius-lg)}
.pd-item .pc-ph{aspect-ratio:1/1;border-radius:var(--radius-md);border-bottom:1px solid var(--line)}
.pd-rel .pc-ph{aspect-ratio:1/1;border-radius:0;border-bottom:1px solid var(--line)}

/* ============ 智造实力 ============ */
.smart{padding:110px 0}
.smart-cap{
  margin-top:46px;display:grid;grid-template-columns:repeat(6,1fr);
  border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);
}
.smart-cap .sc{text-align:center;padding:26px 12px;border-left:1px solid var(--line)}
.smart-cap .sc:first-child{border-left:none}
.smart-cap .n{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.6vw,32px);color:var(--brand);line-height:1}
.smart-cap .t{margin-top:8px;font-size:12.5px;color:var(--ink-60)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center;margin-top:90px}
.feature .f-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/10.5;position:relative}
.feature .f-img img{width:100%;height:100%;object-fit:cover}
.feature .f-idx{
  position:absolute;top:-22px;left:26px;font-family:var(--display);font-weight:700;
  font-size:64px;color:rgba(255,253,247,.92);line-height:1;text-shadow:0 2px 18px rgba(33,26,18,.3);
}
.feature .f-kicker{color:var(--kiln);font-size:13px;letter-spacing:.3em;font-weight:600;margin-bottom:14px}
.feature h3{font-family:var(--display);font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.3;margin-bottom:16px}
.feature p{color:var(--ink-60);font-size:15.5px;margin-bottom:20px}
.feature ul li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink);margin-bottom:10px}
.feature ul li svg{width:18px;height:18px;flex:none;margin-top:4px;color:var(--brand)}
.feature.flip .f-img{order:2}

/* ============ 合作模式 ============ */
.coop{padding:110px 0;background:var(--brand-deep);color:#F3EEE2}
.coop .sec-head .lead{color:rgba(243,238,226,.72)}
.coop .eyebrow{color:#A9C6BF}
.coop .sec-head h2{color:#FFFDF7}
.coop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.coop-card{
  background:rgba(255,253,247,.06);border:1px solid rgba(255,253,247,.14);
  border-radius:var(--radius-lg);padding:32px 26px;transition:background .3s ease,transform .3s ease;
}
.coop-card:hover{background:rgba(255,253,247,.11);transform:translateY(-6px)}
.coop-card .ico{width:54px;height:54px;border-radius:14px;background:var(--kiln);display:grid;place-items:center;margin-bottom:22px}
.coop-card .ico svg{width:26px;height:26px;color:#FFF7EF}
.coop-card h3{font-family:var(--display);font-weight:700;font-size:19px;margin-bottom:10px;color:#FFFDF7}
.coop-card p{font-size:14px;color:rgba(243,238,226,.72);line-height:1.75}
.coop-note{margin-top:36px;font-size:14px;color:rgba(243,238,226,.66);text-align:center}

/* ============ 品牌理念 ============ */
.brand-sec{padding:110px 0;background:var(--ink);color:#F1EBDD;position:relative;overflow:hidden}
.brand-sec .ring{width:560px;height:560px;left:-180px;top:-120px;color:rgba(246,241,230,.06)}
.brand-sec .sec-head h2{color:#FFFDF7}
.brand-sec .eyebrow{color:#B7C9C4}
.brand-sec .sec-head .lead{color:rgba(241,235,221,.7)}
.brand-slogan{
  font-family:var(--display);font-weight:900;text-align:center;
  font-size:clamp(32px,5vw,60px);letter-spacing:.06em;color:#FFFDF7;
  margin:64px 0 12px;line-height:1.2;
}
.brand-slogan .s-sub{display:block;font-size:.4em;font-weight:600;letter-spacing:.4em;color:#A9C6BF;margin-top:18px}
.brand-values{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:70px}
.bv{
  text-align:center;padding:36px 20px;border-radius:var(--radius-lg);
  border:1px solid rgba(241,235,221,.14);background:rgba(255,253,247,.04);
}
.bv .tag{font-size:12px;letter-spacing:.34em;color:#C67B62;font-weight:600;margin-bottom:14px}
.bv .txt{font-family:var(--display);font-weight:700;font-size:clamp(19px,2.2vw,26px);color:#FFFDF7}
.brand-vision{margin-top:76px;border-top:1px solid rgba(241,235,221,.14);padding-top:56px}
.brand-vision .vh{font-family:var(--display);font-weight:700;font-size:26px;text-align:center;color:#FFFDF7;margin-bottom:36px}
.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.vision{position:relative;padding:30px 28px;border-radius:var(--radius-lg);background:rgba(255,253,247,.05);border:1px solid rgba(241,235,221,.12)}
.vision .v-n{font-family:var(--display);font-weight:700;font-size:40px;color:var(--kiln);line-height:1;margin-bottom:12px;opacity:.9}
.vision h4{font-family:var(--display);font-weight:700;font-size:18px;color:#FFFDF7;margin-bottom:10px}
.vision p{font-size:14px;color:rgba(241,235,221,.68);line-height:1.75}

/* ============ 荣誉资质 ============ */
.honors{padding:110px 0}
.honors-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px}
.honor-chip{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;border-radius:999px;border:1px solid var(--line);
  background:var(--paper);font-size:14.5px;font-weight:500;color:var(--ink);
  transition:border-color .25s,transform .25s;
}
.honor-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kiln);flex:none}
.honor-chip:hover{border-color:var(--brand);transform:translateY(-3px)}

/* ============ 联系我们 ============ */
.contact{padding:110px 0 120px;background:linear-gradient(180deg,var(--porcelain),#EDE4D2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:54px;align-items:stretch}
.contact-info .ci-row{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.contact-info .ci-row:last-child{border-bottom:none}
.contact-info .ci-ico{width:50px;height:50px;flex:none;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center}
.contact-info .ci-ico svg{width:23px;height:23px;color:var(--brand)}
.contact-info .ci-label{font-size:12.5px;letter-spacing:.18em;color:var(--ink-40);margin-bottom:4px}
.contact-info .ci-value{font-size:17px;font-weight:500;color:var(--ink);line-height:1.6}
.contact-info .ci-value a:hover{color:var(--brand)}
.contact-card{
  background:var(--brand);color:#F7F3E9;border-radius:var(--radius-lg);
  padding:44px 40px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:var(--shadow-lg);
}
.contact-card::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1.5px solid rgba(255,253,247,.16);top:-120px;right:-120px}
.contact-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1.5px dashed rgba(255,253,247,.22);bottom:-90px;left:-70px}
.contact-card h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.4;margin-bottom:14px;position:relative;z-index:1}
.contact-card p{font-size:15px;color:rgba(247,243,233,.8);margin-bottom:30px;position:relative;z-index:1;line-height:1.8}
.contact-card .btn{background:var(--kiln);color:#FFF7EF;position:relative;z-index:1;align-self:flex-start}
.contact-card .btn:hover{background:#93402A}

/* ============ 页脚 ============ */
.footer{background:var(--ink);color:rgba(241,235,221,.66);padding:64px 0 40px;font-size:13.5px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(241,235,221,.12)}
.footer .brand-name .cn{color:#FFFDF7}
.footer .brand-name .en{color:rgba(241,235,221,.5)}
.footer .f-about{margin-top:18px;line-height:1.8;max-width:360px;color:rgba(241,235,221,.6)}
.footer h4{font-family:var(--display);color:#FFFDF7;font-size:15px;margin-bottom:18px;letter-spacing:.08em}
.footer ul li{margin-bottom:11px}
.footer ul a{color:rgba(241,235,221,.6);transition:color .2s}
.footer ul a:hover{color:#FFFDF7}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:28px;font-size:12.5px;color:rgba(241,235,221,.45)}

/* ============ 响应式 ============ */
@media (max-width:1080px){
  .hero-grid{gap:44px}
  .about-grid,.contact-grid{gap:48px}
  .smart-cap{grid-template-columns:repeat(3,1fr)}
  .smart-cap .sc{border-top:1px solid var(--line)}
  .smart-cap .sc:nth-child(1),.smart-cap .sc:nth-child(2),.smart-cap .sc:nth-child(3){border-top:none}
  .smart-cap .sc:nth-child(4){border-left:none}
}
@media (max-width:900px){
  .nav-links{
    position:fixed;inset:74px 0 auto;background:var(--porcelain);
    flex-direction:column;align-items:flex-start;gap:0;padding:12px 28px 24px;
    border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .35s ease;
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  }
  .nav-links.open{transform:none}
  .nav-links a{width:100%;padding:15px 0;border-bottom:1px solid var(--line);font-size:17px}
  .nav-burger{display:block}
  .nav-cta{display:none}
  .hero{padding-top:140px}
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hero-copy .lead{max-width:none}
  .hero-frame{max-width:520px;margin:0 auto}
  .hero-chip{left:12px}
  .hero-scroll{display:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat{border-top:1px solid var(--line)}
  .stat:nth-child(1),.stat:nth-child(2){border-top:none}
  .stat:nth-child(3){border-left:none}
  .about-grid,.feature,.contact-grid{grid-template-columns:1fr;gap:40px}
  .feature.flip .f-img{order:0}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .coop-grid{grid-template-columns:repeat(2,1fr)}
  .brand-values{grid-template-columns:repeat(2,1fr)}
  .vision-grid{grid-template-columns:1fr}
  .timeline-track{grid-template-columns:1fr;gap:28px}
  .timeline-track::before{display:none}
  .footer-grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:560px){
  .products-grid{grid-template-columns:1fr}
  .smart-cap{grid-template-columns:repeat(2,1fr)}
  .smart-cap .sc:nth-child(3){border-top:1px solid var(--line)}
  .smart-cap .sc:nth-child(4){border-top:1px solid var(--line)}
  .coop-grid{grid-template-columns:1fr}
  .about-points{grid-template-columns:1fr}
}

/* ============ 智慧制造产业园 ============ */
.park{padding:110px 0;background:linear-gradient(180deg,var(--porcelain),#EDE4D2)}
.park-hero{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);margin:48px 0 56px;aspect-ratio:21/9}
.park-hero img{width:100%;height:100%;object-fit:cover}
.park-features{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.park-feature{background:var(--paper);border-radius:var(--radius-md);padding:30px 24px;border:1px solid var(--line);text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.park-feature:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.park-feature .pf-icon{width:56px;height:56px;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center;margin:0 auto 18px}
.park-feature .pf-icon svg{width:26px;height:26px;color:var(--brand)}
.park-feature h3{font-family:var(--display);font-weight:700;font-size:18px;margin-bottom:10px}
.park-feature p{font-size:14px;color:var(--ink-60);line-height:1.75}

/* 产业园板块响应式 */
@media (max-width:900px){
  .park-features{grid-template-columns:repeat(2,1fr)}
  .park-hero{aspect-ratio:16/9}
}
@media (max-width:560px){
  .park-features{grid-template-columns:1fr}
  .park-hero{aspect-ratio:4/3}
}

/* ============ 语言切换 & 新闻动态 & 视频展示 ============ */
.nav-lang{
  font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--ink-60);
  border:1.5px solid var(--line);border-radius:999px;padding:7px 16px;flex:none;
  transition:border-color .2s,color .2s;
}
.nav-lang:hover{border-color:var(--brand);color:var(--brand)}
.ci-map{display:inline-block;margin-top:4px;font-size:13px;color:var(--brand);font-weight:600;border-bottom:1px solid transparent}
.ci-map:hover{border-bottom-color:var(--brand)}
.ci-value a:hover{color:var(--brand)}

.news{padding:110px 0;background:linear-gradient(180deg,#EDE4D2,var(--porcelain))}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:56px}
.news-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:34px 32px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;
}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.news-card .nc-meta{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.news-card .nc-date{font-size:13px;letter-spacing:.14em;color:var(--ink-40)}
.news-card .nc-src{font-size:12px;letter-spacing:.1em;color:var(--brand);background:var(--brand-soft);padding:5px 14px;border-radius:999px;font-weight:600}
.news-card h3{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.5;margin-bottom:12px}
.news-card p{font-size:14.5px;color:var(--ink-60);line-height:1.8;flex:1;margin-bottom:20px}
.news-card a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--brand)}
.news-card a svg{width:15px;height:15px;transition:transform .25s ease}
.news-card a:hover svg{transform:translateX(4px)}

.video-sec{padding:110px 0}
.video-hero{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/9;background:#111}
.video-hero video{width:100%;height:100%;object-fit:cover;display:block}
.video-note{margin-top:22px;text-align:center;font-size:14px;color:var(--ink-40);letter-spacing:.06em}

@media (max-width:900px){
  .news-grid{grid-template-columns:1fr}
  .video-hero{aspect-ratio:4/3}
}


/* ============ 联系我们 v2（卡片网格 + 询盘表单） ============ */
.contact{padding:0 0 120px;background:linear-gradient(180deg,var(--porcelain),#EDE4D2)}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;margin-top:54px;align-items:stretch}

/* 左列：2 列信息卡片网格 */
.contact-info .ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-info .ci-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:22px 20px;display:flex;gap:15px;align-items:flex-start;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.contact-info .ci-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(192,24,46,.35)}
.contact-info .ci-ico{width:44px;height:44px;flex:none;border-radius:12px;background:var(--brand-soft);display:grid;place-items:center}
.contact-info .ci-ico svg{width:20px;height:20px;color:var(--brand)}
.contact-info .ci-label{font-size:11.5px;letter-spacing:.16em;color:var(--ink-40);margin-bottom:4px}
.contact-info .ci-value{font-size:14px;font-weight:500;color:var(--ink);line-height:1.65}
.contact-info .ci-value a{color:var(--ink);transition:color .2s}
.contact-info .ci-value a:hover{color:var(--brand)}
.contact-info .ci-map{display:inline-block;margin-top:7px;font-size:12.5px;color:var(--brand);font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s}
.contact-info .ci-map:hover{border-bottom-color:var(--brand)}

/* 右列：商务合作卡片 + 询盘表单 */
.contact-card{
  background:var(--brand);color:#F7F3E9;border-radius:var(--radius-lg);
  padding:40px 34px;position:relative;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--shadow-lg);
}
.contact-card::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1.5px solid rgba(255,253,247,.14);top:-120px;right:-120px}
.contact-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1.5px dashed rgba(255,253,247,.2);bottom:-90px;left:-70px}
.contact-card .cc-top{position:relative;z-index:1;margin-bottom:22px}
.contact-card .cc-tag{display:inline-block;font-size:11.5px;letter-spacing:.14em;font-weight:700;color:#FFF7EF;background:rgba(255,253,247,.16);border:1px solid rgba(255,253,247,.3);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.contact-card h3{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.4;margin-bottom:12px}
.contact-card p{font-size:14px;color:rgba(247,243,233,.82);line-height:1.8;margin:0}
.contact-card .inq-form{display:grid;gap:11px;position:relative;z-index:1}
.contact-card .inq-form input,.contact-card .inq-form textarea{
  width:100%;background:rgba(255,253,247,.1);border:1px solid rgba(255,253,247,.28);border-radius:12px;
  padding:12px 15px;color:#FFF7EF;font-size:14px;font-family:var(--sans);resize:vertical;
  transition:border-color .2s,background .2s;
}
.contact-card .inq-form input::placeholder,.contact-card .inq-form textarea::placeholder{color:rgba(247,243,233,.55)}
.contact-card .inq-form input:focus,.contact-card .inq-form textarea:focus{outline:none;border-color:#FFF7EF;background:rgba(255,253,247,.18)}
.contact-card .inq-form .btn{width:100%;justify-content:center;background:var(--kiln);color:#FFF7EF;margin-top:2px}
.contact-card .inq-form .btn:hover{background:#93402A}
.contact-card .form-msg{margin:0;font-size:13.5px;min-height:0;line-height:1.6;text-align:center;color:#FFE3CF}
.contact-card .form-msg.ok{color:#CFF2D8}
.contact-card .cc-hotline{
  margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  position:relative;z-index:1;border-top:1px solid rgba(255,253,247,.22);padding-top:16px;
  font-size:13px;color:rgba(247,243,233,.75);
}
.contact-card .cc-hotline a{color:#FFF7EF;font-weight:700;font-size:17px;letter-spacing:.02em;transition:color .2s}
.contact-card .cc-hotline a:hover{color:#FFE1C9}

@media (max-width:1120px){
  .contact-grid{grid-template-columns:1fr;gap:40px}
  .contact-info .ci-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .contact-info .ci-grid{grid-template-columns:1fr}
}

/* 删除询盘表单后：文案区占满，热线下沉底部 */
.contact-card .cc-top{flex:1}


/* ============ 联系我们：商务合作卡片 v3 ============ */
.contact-card .cc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;position:relative;z-index:1}
.contact-card .cc-tags span{font-size:12px;letter-spacing:.04em;color:#FFF7EF;background:rgba(255,253,247,.14);border:1px solid rgba(255,253,247,.28);padding:7px 13px;border-radius:999px;font-weight:500}
.contact-card .cc-call{
  display:flex;align-items:center;gap:12px;background:var(--kiln);color:#FFF7EF;border-radius:14px;
  padding:16px 18px;text-decoration:none;position:relative;z-index:1;margin-top:22px;
  box-shadow:0 8px 20px rgba(120,42,24,.28);transition:background .2s,transform .2s;
}
.contact-card .cc-call:hover{background:#93402A;transform:translateY(-2px)}
.contact-card .cc-call > svg{width:20px;height:20px;flex:none}
.contact-card .cc-call > span{font-size:13.5px;color:rgba(255,247,239,.85)}
.contact-card .cc-call .cc-phone{margin-left:auto;font-size:17px;font-weight:700;letter-spacing:.02em;color:#FFF7EF}
.contact-card .cc-call .cc-arrow{width:18px;height:18px;flex:none}
@media (max-width:640px){
  .contact-card .cc-call{flex-wrap:wrap;row-gap:6px}
}


/* ============ 合作模式：自有品牌产品销售（通栏卡片） ============ */
.coop-card-wide{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--kiln),#B44730);border:1px solid rgba(255,253,247,.18);
}
.coop-card-wide:hover{background:linear-gradient(135deg,var(--kiln),#B44730)}
.coop-card-wide .ccw-left{display:flex;align-items:center;gap:18px;flex:1 1 380px;min-width:0}
.coop-card-wide .ico{margin-bottom:0;flex:none;width:58px;height:58px;border-radius:15px;background:rgba(255,253,247,.16)}
.coop-card-wide .ico svg{width:28px;height:28px;color:#FFF7EF}
.coop-card-wide h3{font-size:20px;margin-bottom:8px;color:#FFFDF7}
.coop-card-wide p{font-size:14px;color:rgba(255,253,247,.85);margin:0;line-height:1.75}
.coop-card-wide .ccw-tags{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.coop-card-wide .ccw-tags span{font-size:13px;color:#FFF7EF;border:1px solid rgba(255,253,247,.4);background:rgba(255,253,247,.1);padding:8px 16px;border-radius:999px;font-weight:500}
@media (max-width:640px){
  .coop-card-wide{flex-direction:column;align-items:flex-start}
  .coop-card-wide .ccw-tags{width:100%}
}


/* ============ 自有品牌板块 ============ */
.ownbrand{padding:110px 0;background:var(--porcelain)}
.ob-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;margin-top:56px}
.ob-visual .ob-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:var(--sand)}
.ob-visual .ob-img img{width:100%;height:100%;object-fit:cover;display:block}
.ob-copy h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.4;margin-bottom:16px}
.ob-copy > p{font-size:15px;color:var(--ink-60);line-height:1.85;margin-bottom:22px}
.ob-points{display:grid;gap:13px;margin:0 0 28px}
.ob-points li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--ink)}
.ob-points li svg{width:19px;height:19px;color:var(--brand);flex:none}
.ob-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.ob-item{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--paper);transition:transform .3s ease,box-shadow .3s ease}
.ob-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.ob-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.ob-item span{display:block;padding:14px 16px;font-size:14px;font-weight:600;color:var(--ink)}
@media (max-width:900px){
  .ob-grid{grid-template-columns:1fr;gap:32px}
  .ob-gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.ob-gallery{grid-template-columns:1fr}}


/* ============ 产品详情页 ============ */
.pd-crumb{max-width:var(--maxw);margin:96px auto 0;padding:0 28px;display:flex;gap:10px;font-size:13px;color:var(--ink-40);align-items:center}
.pd-crumb a{color:var(--ink-40);transition:color .2s}
.pd-crumb a:hover{color:var(--brand)}
.pd-crumb b{color:var(--ink);font-weight:600}
.pd-hero{padding:48px 0 40px}
.pd-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pd-main-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:1/1;background:var(--sand)}
.pd-main-img img{width:100%;height:100%;object-fit:cover;display:block}
.pd-info .pc-tag{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--brand);background:var(--brand-soft);padding:6px 16px;border-radius:999px;font-weight:700;margin-bottom:14px}
.pd-info .pd-sub{display:block;font-size:12px;letter-spacing:.22em;color:var(--ink-40);margin-bottom:10px}
.pd-info h1{font-family:var(--display);font-weight:900;font-size:38px;line-height:1.25;margin-bottom:16px}
.pd-info .pd-lead{font-size:16px;color:var(--ink-60);line-height:1.85;margin-bottom:24px}
.pd-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.pd-points li{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500}
.pd-points li svg{width:18px;height:18px;color:var(--brand);flex:none}
.pd-actions{display:flex;gap:14px;flex-wrap:wrap}
.pd-detail{background:var(--porcelain);padding:70px 0}
.pd-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.pd-desc h2,.pd-specs h2{font-family:var(--display);font-weight:700;font-size:24px;margin-bottom:18px}
.pd-desc p{font-size:15.5px;color:var(--ink-60);line-height:1.9}
.pd-specs{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 26px}
.pd-spec{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pd-spec:last-child{border-bottom:none}
.pd-spec span{color:var(--ink-40)}
.pd-spec b{font-weight:600;text-align:right}
.pd-gallery-sec{padding:90px 0;background:var(--paper)}
.pd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.pd-item{margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.pd-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.pd-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pd-related-sec{padding:90px 0;background:var(--porcelain)}
.pd-related{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:48px}
.pd-rel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.pd-rel:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.pd-rel img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pd-rel span{display:block;padding:10px 14px 0;font-size:12px;letter-spacing:.06em;color:var(--ink-40)}
.pd-rel b{display:block;padding:2px 14px 14px;font-size:14.5px;font-weight:600}
.pd-cta{padding:90px 0;background:var(--brand);color:#F7F3E9}
.pd-cta-inner{text-align:center}
.pd-cta h2{font-family:var(--display);font-weight:700;font-size:30px;line-height:1.4;margin-bottom:14px}
.pd-cta p{font-size:15px;color:rgba(247,243,233,.82);margin-bottom:26px}
.pd-cta .btn{background:var(--kiln);color:#FFF7EF}
.pd-cta .btn:hover{background:#93402A}
@media (max-width:900px){
  .pd-hero-grid,.pd-detail-grid{grid-template-columns:1fr;gap:32px}
  .pd-related{grid-template-columns:repeat(2,1fr)}
  .pd-gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .pd-related,.pd-gallery,.pd-points{grid-template-columns:1fr}
}


/* ============ 产品详情页 ============ */
.pd-crumb{max-width:var(--maxw);margin:96px auto 0;padding:0 28px;display:flex;gap:10px;font-size:13px;color:var(--ink-40);align-items:center}
.pd-crumb a{color:var(--ink-40);transition:color .2s}
.pd-crumb a:hover{color:var(--brand)}
.pd-crumb b{color:var(--ink);font-weight:600}
.pd-hero{padding:48px 0 40px}
.pd-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pd-main-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:1/1;background:var(--sand)}
.pd-main-img img{width:100%;height:100%;object-fit:cover;display:block}
.pd-info .pc-tag{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--brand);background:var(--brand-soft);padding:6px 16px;border-radius:999px;font-weight:700;margin-bottom:14px}
.pd-info .pd-sub{display:block;font-size:12px;letter-spacing:.22em;color:var(--ink-40);margin-bottom:10px}
.pd-info h1{font-family:var(--display);font-weight:900;font-size:38px;line-height:1.25;margin-bottom:16px}
.pd-info .pd-lead{font-size:16px;color:var(--ink-60);line-height:1.85;margin-bottom:24px}
.pd-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.pd-points li{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500}
.pd-points li svg{width:18px;height:18px;color:var(--brand);flex:none}
.pd-actions{display:flex;gap:14px;flex-wrap:wrap}
.pd-detail{background:var(--porcelain);padding:70px 0}
.pd-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.pd-desc h2,.pd-specs h2{font-family:var(--display);font-weight:700;font-size:24px;margin-bottom:18px}
.pd-desc p{font-size:15.5px;color:var(--ink-60);line-height:1.9}
.pd-specs{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 26px}
.pd-spec{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pd-spec:last-child{border-bottom:none}
.pd-spec span{color:var(--ink-40)}
.pd-spec b{font-weight:600;text-align:right}
.pd-gallery-sec{padding:90px 0;background:var(--paper)}
.pd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.pd-item{margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.pd-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.pd-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pd-related-sec{padding:90px 0;background:var(--porcelain)}
.pd-related{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:48px}
.pd-rel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.pd-rel:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.pd-rel img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pd-rel span{display:block;padding:10px 14px 0;font-size:12px;letter-spacing:.06em;color:var(--ink-40)}
.pd-rel b{display:block;padding:2px 14px 14px;font-size:14.5px;font-weight:600}
.pd-cta{padding:90px 0;background:var(--brand);color:#F7F3E9}
.pd-cta-inner{text-align:center}
.pd-cta h2{font-family:var(--display);font-weight:700;font-size:30px;line-height:1.4;margin-bottom:14px}
.pd-cta p{font-size:15px;color:rgba(247,243,233,.82);margin-bottom:26px}
.pd-cta .btn{background:var(--kiln);color:#FFF7EF}
.pd-cta .btn:hover{background:#93402A}
@media (max-width:900px){
  .pd-hero-grid,.pd-detail-grid{grid-template-columns:1fr;gap:32px}
  .pd-related{grid-template-columns:repeat(2,1fr)}
  .pd-gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .pd-related,.pd-gallery,.pd-points{grid-template-columns:1fr}
}