/* ============================================================
 * 宫盏官方网站 · 全站样式
 * 视觉规范：宫盏VIS（深海绿 #11443F 60% / 香槟金 #F2C99D 30% / 米白 #F8F5EF 10%）
 * 状态色规范：
 *   悬停(hover)  = 香槟金 #F2C99D（深底）/ 深海绿 #11443F（浅底）
 *   选中(active) = 香槟金下划线 + 金字（导航）/ 深海绿底金字（按钮/标签）
 *   焦点(focus)  = 2px 香槟金描边，全键盘可导航
 * ============================================================ */

:root {
  /* —— VIS 标准色 —— */
  --green: #11443F;         /* 主色 · 深海绿 */
  --green-2: #1c5b54;       /* 主色深底悬停 */
  --green-3: #2a7269;       /* 主色浅阶 */
  --gold: #F2C99D;          /* 强调色 · 香槟金 */
  --gold-deep: #D9AE7E;     /* 强调色深阶（浅底文字用） */
  --cream: #F8F5EF;         /* 辅助色 · 米白 */
  /* —— 中性色 —— */
  --ink: #2b2b2b;
  --muted: #6b7a76;
  --line: #e6e0d4;
  --white: #ffffff;
  /* —— 字体 —— */
  --serif: "Songti SC", "Noto Serif SC", "SimSun", serif;
  --sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  --en: "Montserrat", "Helvetica Neue", sans-serif;
  /* —— 圆角/阴影 —— */
  --r-md: 10px; --r-lg: 14px; --r-xl: 18px;
  --shadow-sm: 0 6px 24px rgba(17, 68, 63, .07);
  --shadow-md: 0 14px 40px rgba(17, 68, 63, .13);
}

/* ============ 基础 ============ */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--white);   /* V2.0 升级：背景统一纯白（原米白 #F8F5EF → 纯白 #ffffff） */
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 700; letter-spacing: .02em; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
button { font-family: inherit; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ============ 顶部导航（sticky · 深绿底） ============ */
.nice-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(17, 68, 63, .97);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.navbar {
  display: flex; align-items: center; justify-content: space-between;
  height: 72px; padding: 0 24px; max-width: 1280px; margin: 0 auto;
}
.navbar-brand { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.navbar-brand img.brand-logo { height: 60px; width: auto; transition: transform .25s ease, filter .25s ease; }
.navbar-brand:hover img.brand-logo { transform: scale(1.04); filter: drop-shadow(0 0 8px rgba(242, 201, 157, .35)); }
.navbar-brand .bt {
  font-family: var(--serif); font-size: 24px; font-weight: 700;
  color: var(--gold); letter-spacing: .1em; line-height: 1.1;
}
.navbar-brand .bt small {
  display: block; font-family: var(--en); font-size: 9px;
  letter-spacing: .34em; color: var(--cream); opacity: .8; font-weight: 400;
}
.nav-right { display: flex; align-items: center; gap: 6px; }
.nav-menu { display: flex; gap: 4px; }
.nav-menu > li { position: relative; }
.nav-menu > li > a {
  display: block; padding: 10px 14px; font-size: 15px;
  color: var(--cream); white-space: nowrap; transition: color .2s;
}
/* 一级导航：悬停/选中 = 香槟金 */
.nav-menu > li > a:hover { color: var(--gold); }
.nav-menu > li > a.active { color: var(--gold); box-shadow: inset 0 -2px 0 var(--gold); }
.nav-menu > li > a .caret { font-size: 10px; margin-left: 4px; opacity: .7; }

/* —— 二级下拉子菜单（风格与主导航统一） —— */
.sub-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(8px);
  min-width: 200px; background: var(--white);
  border-radius: 0 0 var(--r-md) var(--r-md);
  border-top: 3px solid var(--gold);
  box-shadow: 0 16px 40px rgba(17, 68, 63, .18);
  padding: 8px 0; z-index: 99;
  opacity: 0; visibility: hidden; transition: opacity .22s, transform .22s, visibility .22s;
}
.nav-menu > li:hover .sub-menu,
.nav-menu > li:focus-within .sub-menu {
  opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}
.sub-menu::before { /* 顶部衔接区，避免悬停间隙导致菜单收起 */
  content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px;
}
.sub-menu li a {
  display: block; padding: 10px 24px; font-size: 14px;
  color: var(--ink); transition: background .2s, color .2s, padding-left .2s;
  text-align: center; white-space: nowrap;
}
/* 子菜单悬停 = 米白底 + 深绿字 + 左侧金线 */
.sub-menu li a:hover { background: var(--cream); color: var(--green); }
.sub-menu li a::before { content: "— "; color: transparent; transition: color .2s; }
.sub-menu li a:hover::before { color: var(--gold-deep); }
/* 子菜单选中态 */
.sub-menu li a.active { color: var(--green); font-weight: 700; background: var(--cream); }

/* —— 语言切换 —— */
.change-lang { display: flex; gap: 8px; margin-left: 16px; font-size: 13px; }
.change-lang a {
  color: rgba(248, 245, 239, .55); padding: 4px 8px;
  border: 1px solid transparent; border-radius: 3px; transition: .2s;
}
.change-lang a:hover { color: var(--gold); }
.change-lang a.current { color: var(--gold); border-color: rgba(242, 201, 157, .4); }

/* —— 移动端汉堡 —— */
.navbar-toggle {
  display: none; flex-direction: column; gap: 5px; cursor: pointer;
  padding: 10px; background: none; border: none;
}
.navbar-toggle .icon-bar { display: block; width: 24px; height: 2px; background: var(--cream); transition: .3s; }

/* —— 移动端导航（点击折叠展开） —— */
#mobileNav { display: none; background: var(--green); border-top: 1px solid rgba(242, 201, 157, .15); }
#mobileNav.open { display: block; }
#mobileNav .m-item > a, #mobileNav .m-item > button {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  padding: 14px 24px; color: var(--cream); font-size: 15px;
  background: none; border: none; border-bottom: 1px solid rgba(248, 245, 239, .1);
  cursor: pointer; text-align: left;
}
#mobileNav .m-item > a:hover, #mobileNav .m-item > button:hover { color: var(--gold); }
#mobileNav .m-item > button .caret { transition: transform .25s; color: var(--gold); }
#mobileNav .m-item.open > button .caret { transform: rotate(180deg); }
#mobileNav .m-sub {
  display: none; background: rgba(0, 0, 0, .18);
  border-bottom: 1px solid rgba(248, 245, 239, .1);
}
#mobileNav .m-item.open .m-sub { display: block; }
#mobileNav .m-sub a {
  display: block; padding: 11px 24px 11px 40px;
  color: var(--gold); font-size: 13.5px; opacity: .92;
  border-bottom: 1px dashed rgba(248, 245, 239, .08);
}
#mobileNav .m-sub a:hover, #mobileNav .m-sub a.active { opacity: 1; background: rgba(242, 201, 157, .1); }

/* ============ 全屏轮播 ============ */
.nice-slider { position: relative; height: 78vh; min-height: 520px; overflow: hidden; }
.slider-track { height: 100%; position: relative; }
.slider-item {
  position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease;
  display: flex; align-items: center;
}
.slider-item.on { opacity: 1; z-index: 2; }
.slide-1 { background: linear-gradient(135deg, #0d3632 0%, #11443F 45%, #1c5b54 100%); }
.slide-2 { background: linear-gradient(135deg, #11443F 0%, #2a7269 60%, #3d8a80 100%); }
.slide-3 { background: linear-gradient(120deg, #0d3632 0%, #173f3a 55%, #11443F 100%); }
.slider-item .slide-bg {
  position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%20viewBox%3D%270%200%20220%20220%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23F2C99D%27%20stroke-width%3D%271%27%3E%3Ccircle%20cx%3D%27110%27%20cy%3D%27110%27%20r%3D%2780%27%20stroke-dasharray%3D%271%2012%27%20opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%27110%27%20cy%3D%27110%27%20r%3D%2762%27%20stroke-dasharray%3D%272%209%27%2F%3E%3Cellipse%20cx%3D%27110%27%20cy%3D%27110%27%20rx%3D%2740%27%20ry%3D%2758%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 220px 220px; opacity: .06;
}
.slide-inner {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px;
  align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%;
}
.slide-inner .eyebrow { font-size: 13px; letter-spacing: .4em; color: var(--gold); margin-bottom: 18px; font-family: var(--en); }
.slide-inner h2 { font-size: 46px; line-height: 1.25; color: #fff; margin-bottom: 18px; }
.slide-inner h2 .gold { color: var(--gold); }
.slide-inner p { font-size: 17px; color: rgba(248, 245, 239, .85); max-width: 520px; margin-bottom: 30px; }
.slide-inner .btns { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-primary {
  background: var(--gold); color: var(--green); padding: 13px 34px;
  border-radius: 26px; font-weight: 700; font-size: 15px;
  transition: background .2s, transform .2s; display: inline-block;
}
.btn-primary:hover { background: #fff; transform: translateY(-2px); }
.btn-ghost {
  border: 1px solid rgba(248, 245, 239, .5); color: var(--cream);
  padding: 13px 34px; border-radius: 26px; font-size: 15px;
  transition: border-color .2s, color .2s; display: inline-block;
}
.btn-ghost:hover { border-color: var(--gold); color: var(--gold); }
.slide-pic { display: flex; justify-content: center; }
.slide-pic img { max-height: 400px; width: auto; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .4)); }
.slider-dots { position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 5; }
.slider-dots button {
  width: 34px; height: 3px; border: none; background: rgba(248, 245, 239, .35);
  cursor: pointer; transition: .3s; border-radius: 2px;
}
.slider-dots button.on { background: var(--gold); }
.slider-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  width: 46px; height: 46px; border-radius: 50%;
  border: 1px solid rgba(248, 245, 239, .35); background: rgba(17, 68, 63, .25);
  color: var(--cream); font-size: 18px; cursor: pointer; transition: .25s;
}
.slider-arrow:hover { border-color: var(--gold); color: var(--gold); }
.slider-arrow.prev { left: 24px; }
.slider-arrow.next { right: 24px; }

/* ============ 通用区块 ============ */
.nice-warp { padding: 56px 0; }
.sec-head { text-align: center; margin-bottom: 48px; }
.sec-head h2 { font-size: 32px; color: var(--green); }
.sec-head .en {
  display: block; font-family: var(--en); font-size: 12px;
  letter-spacing: .32em; color: var(--gold-deep); margin-top: 10px; text-transform: uppercase;
}
.sec-head .sub { color: var(--muted); font-size: 15px; max-width: 700px; margin: 16px auto 0; }

/* ============ 系列入口带 ============ */
.series-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-bottom: 52px; }
.series-strip a {
  background: var(--white); border-radius: var(--r-lg); padding: 26px 22px;
  text-align: center; box-shadow: var(--shadow-sm);
  border-top: 3px solid var(--gold); transition: transform .25s, box-shadow .25s;
}
.series-strip a:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.series-strip .zh { font-family: var(--serif); font-size: 21px; color: var(--green); font-weight: 700; }
.series-strip .en { font-size: 10px; letter-spacing: .26em; color: var(--gold-deep); margin: 6px 0 10px; font-family: var(--en); }
.series-strip p { font-size: 13px; color: var(--muted); }

/* ============ 产品卡（悬停图片放大 + 卡片上浮） ============ */
.goods-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.goods-grid.g3 { grid-template-columns: repeat(3, 1fr); }
.goods-card {
  background: var(--white); border-radius: var(--r-lg); overflow: hidden;
  box-shadow: var(--shadow-sm); transition: transform .3s, box-shadow .3s;
  display: flex; flex-direction: column;
}
.goods-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.goods-card .card-pic {
  aspect-ratio: 4/3; overflow: hidden; position: relative;
  background: linear-gradient(140deg, #eef3f0, #e2ebe7); display: block;
}
.goods-card .card-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.goods-card:hover .card-pic img { transform: scale(1.08); }
.goods-card .goods-body { padding: 20px 20px 22px; text-align: center; flex: 1; display: flex; flex-direction: column; }
.goods-card .goods-body h3 { font-size: 18px; color: var(--green); margin-bottom: 8px; }
.goods-card .goods-body .code { font-size: 11px; letter-spacing: .14em; color: var(--gold-deep); margin-bottom: 10px; font-family: var(--en); }
.goods-card .goods-body .desc { font-size: 13px; color: var(--muted); line-height: 1.7; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; }
.goods-card .goods-body .price { font-size: 17px; color: var(--green); font-weight: 700; margin-bottom: 12px; }
.goods-card .goods-body .price small { font-size: 12px; color: var(--muted); font-weight: 400; margin-left: 4px; }
.goods-card .goods-body .more {
  font-size: 13px; color: var(--green); font-weight: 600;
  border: 1px solid var(--green); border-radius: 20px; padding: 6px 22px;
  display: inline-block; transition: background .2s, color .2s;
}
.goods-card .goods-body .more:hover { background: var(--green); color: var(--gold); }

/* ============ 首页精选：左右双列卡 ============ */
.feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.feat-card {
  display: flex; flex-direction: row; align-items: stretch;
  background: var(--white);
  border: 1px solid var(--line);
  border-bottom: 3px solid var(--gold);
  border-top: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 320px;
}
.feat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.feat-body {
  flex: 1.1; padding: 32px 32px 28px;
  display: flex; flex-direction: column; justify-content: center;
}
.feat-body h3 { font-size: 22px; color: var(--green); margin-bottom: 8px; line-height: 1.3; }
.feat-body .feat-lat {
  font-family: var(--en); font-size: 12px;
  letter-spacing: .14em; color: var(--gold-deep);
  margin-bottom: 16px;
}
.feat-body .feat-desc {
  font-size: 14px; color: var(--muted); line-height: 1.95;
  margin-bottom: 26px;
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.feat-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.btn-brand {
  display: inline-block; min-width: 124px;
  background: var(--green); color: var(--gold);
  border: none; border-radius: 26px;
  padding: 12px 30px; font-size: 15px; font-weight: 600;
  text-align: center; letter-spacing: .04em;
  transition: background .2s, transform .2s;
}
.btn-brand:hover { background: #0B302C; transform: translateY(-1px); color: var(--gold); }
.link-brand { font-size: 14px; color: var(--green); font-weight: 600; }
.link-brand:hover { color: var(--gold-deep); text-decoration: underline; }
.feat-img {
  flex: 1; display: block; background: #fafafa; overflow: hidden;
  min-height: 320px;
  aspect-ratio: 4/5;
}
.feat-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .6s ease; }
.feat-card:hover .feat-img img { transform: scale(1.05); }

/* 确保首页产品区所有 feat-card 高度一致 */
.feat-grid { grid-auto-rows: 1fr; align-items: stretch; }

@media (max-width: 900px) {
  .feat-grid { grid-template-columns: 1fr; gap: 22px; }
  .feat-card { flex-direction: column; min-height: 0; }
  .feat-body { padding: 24px 24px 22px; }
  .feat-body h3 { font-size: 20px; }
  .feat-img { min-height: 280px; }
}

/* ============ 海参志 CTA 横幅 ============ */
.sci-cta {
  background: var(--green);
  padding: 72px 0;
  position: relative;
  overflow: hidden;
}
.sci-cta::before {
  content: ""; position: absolute; right: -80px; top: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: rgba(242, 201, 157, .08);
}
.sci-cta::after {
  content: ""; position: absolute; left: -60px; bottom: -100px;
  width: 240px; height: 240px; border-radius: 50%;
  background: rgba(248, 245, 239, .05);
}
.sci-cta-in {
  display: flex; align-items: center; justify-content: space-between;
  gap: 56px; position: relative; z-index: 1;
}
.sci-cta-text { flex: 1.5; }
.sci-cta-eyebrow {
  font-family: var(--en); font-size: 12px;
  letter-spacing: .28em; color: var(--gold);
  display: block; margin-bottom: 14px;
}
.sci-cta-text h2 {
  font-size: 34px; color: var(--white);
  margin-bottom: 16px; line-height: 1.35;
}
.sci-cta-text h2 em { font-style: normal; color: var(--gold); }
.sci-cta-text p {
  font-size: 15px; color: rgba(248, 245, 239, .82);
  line-height: 2; margin-bottom: 30px; max-width: 640px;
}
.sci-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; }
.sci-cta-actions .btn-gold { background: transparent; color: var(--gold); }
.sci-cta-actions .btn-gold:hover { background: var(--gold); color: var(--green); }
.sci-cta-link {
  font-size: 14px; color: rgba(248, 245, 239, .85); font-weight: 600;
  transition: color .2s;
}
.sci-cta-link:hover { color: var(--gold); }
.sci-cta-stats { flex: 1; display: flex; gap: 18px; }
.sci-cta-stats .stat {
  flex: 1; text-align: center;
  border: 1px solid rgba(242, 201, 157, .3);
  border-radius: var(--r-lg);
  padding: 26px 10px;
  background: rgba(248, 245, 239, .04);
}
.sci-cta-stats .stat b {
  display: block; font-size: 40px; color: var(--gold);
  font-family: var(--en); line-height: 1; margin-bottom: 10px;
}
.sci-cta-stats .stat span {
  font-size: 13px; color: rgba(248, 245, 239, .8); letter-spacing: .08em;
}
@media (max-width: 900px) {
  .sci-cta { padding: 56px 0; }
  .sci-cta-in { flex-direction: column; align-items: flex-start; gap: 36px; }
  .sci-cta-text h2 { font-size: 26px; }
  .sci-cta-stats { width: 100%; }
}
@media (max-width: 560px) {
  .sci-cta-stats { gap: 12px; }
  .sci-cta-stats .stat b { font-size: 30px; }
  .sci-cta-stats .stat span { font-size: 12px; }
  .sci-cta-actions { gap: 12px 20px; }
}

/* ============ 关于我们（图文分栏） ============ */
.about-us { background: var(--white); }
.about-split {
  display: grid; grid-template-columns: 1fr 1fr; min-height: 480px;
  border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md);
}
.about-split .sc_image {
  background: linear-gradient(140deg, #11443F, #2a7269);
  position: relative; display: flex; align-items: center; justify-content: center; padding: 50px;
}
.about-split .sc_image img { max-height: 340px; filter: drop-shadow(0 24px 44px rgba(0, 0, 0, .35)); }
.about-split .sc_block {
  background: var(--green); color: var(--cream);
  padding: 60px 56px; display: flex; flex-direction: column; justify-content: center; position: relative;
}
.about-split .sc_block::before {
  content: ""; position: absolute; inset: 0; opacity: .05; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27200%27%20height%3D%27200%27%20viewBox%3D%270%200%20200%20200%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23F2C99D%27%20stroke-width%3D%271%27%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2774%27%20stroke-dasharray%3D%271%2011%27%2F%3E%3Cellipse%20cx%3D%27100%27%20cy%3D%27100%27%20rx%3D%2736%27%20ry%3D%2752%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.about-split .sc_block h2 { font-size: 30px; color: #fff; margin-bottom: 22px; }
.about-split .sc_block p { font-size: 15px; color: rgba(248, 245, 239, .85); margin-bottom: 16px; line-height: 1.95; text-align: justify; }
.about-split .sc_block .link { margin-top: 14px; color: var(--gold); font-weight: 600; font-size: 14px; display: inline-block; letter-spacing: .05em; }
.about-split .sc_block .link:hover { color: #fff; }

/* ============ 企业文化（使命 / 愿景 / 价值观） ============ */
.culture-sec { background: var(--white); }
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.mv-card {
  background: var(--green); border-radius: var(--r-xl);
  position: relative; overflow: hidden; color: var(--cream);
  display: flex; flex-direction: column;
}
.mv-card.alt { background: linear-gradient(135deg, #0d3632, #1c5b54); }
.mv-card .pic { width: 100%; aspect-ratio: 16/9; max-height: 280px; overflow: hidden; background: rgba(0,0,0,.2); position: relative; }
.mv-card .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .4s ease; }
.mv-card:hover .pic img { transform: scale(1.04); }
.mv-card .body { padding: 32px 40px 38px; position: relative; overflow: hidden; flex: 1; }
.mv-card .lab { font-size: 12px; letter-spacing: .32em; color: var(--gold); font-family: var(--en); margin-bottom: 18px; }
.mv-card h3 { font-size: 22px; color: #fff; margin-bottom: 14px; }
.mv-card p { font-size: 14.5px; color: rgba(248, 245, 239, .88); line-height: 2; text-align: justify; }
.mv-card .glyph {
  position: absolute; right: -18px; bottom: -30px;
  font-family: var(--serif); font-size: 130px; color: rgba(242, 201, 157, .08);
  line-height: 1; pointer-events: none;
}
.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.value-card {
  background: var(--white); border-radius: var(--r-lg);
  border: 1px solid var(--line);
  transition: transform .25s, box-shadow .25s;
  padding: 0; overflow: hidden;
  display: flex; flex-direction: column;
}
.value-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.value-card .pic { aspect-ratio: 4/3; overflow: hidden; background: var(--cream); }
.value-card .pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.value-card:hover .pic img { transform: scale(1.05); }
.value-card .body { padding: 22px 22px 26px; border-top: 3px solid var(--gold); flex: 1; }
.value-card .num { font-family: var(--serif); font-size: 14px; color: var(--gold-deep); letter-spacing: .2em; margin-bottom: 8px; }
.value-card h4 { font-size: 18px; color: var(--green); margin-bottom: 10px; }
.value-card p { font-size: 13px; color: var(--muted); line-height: 1.85; }
/* 纯文字大字版（价值观：诚信/高效/极致/长远）——深海绿底，与使命/愿景卡呼应 */
.value-card.word-only {
  position: relative; overflow: hidden; border: none;
  background: linear-gradient(150deg, #175045 0%, #11443F 55%, #0C342D 100%);
}
.value-card.word-only .body {
  border-top: none; min-height: 224px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 46px 20px 54px; position: relative; z-index: 1;
}
.value-card.word-only .num { font-size: 15px; color: var(--gold); letter-spacing: .5em; text-indent: .5em; margin-bottom: 0; }
.value-card.word-only .num::after {
  content: ""; display: block; width: 28px; height: 2px;
  background: var(--gold); margin: 18px auto 20px;
}
.value-card.word-only .vlogo {
  width: 54px; height: 54px; display: block; margin: 0 auto;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .22));
}
.value-card.word-only .line {
  display: block; width: 28px; height: 2px;
  background: var(--gold); margin: 20px auto;
}
.value-card.word-only h4 {
  font-family: var(--serif); font-size: 34px; font-weight: 600;
  letter-spacing: .32em; text-indent: .32em; margin: 0; color: #F5EFE2;
}
.value-card.word-only .wm {
  position: absolute; right: -16px; bottom: -38px;
  font-family: var(--serif); font-style: normal; font-size: 118px; line-height: 1;
  color: rgba(248, 245, 239, .08); pointer-events: none; user-select: none;
}
.value-card.word-only:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(17, 68, 63, .28); }
/* 价值观板块小标（大字版语境标题） */
.values-eyebrow { text-align: center; margin: 6px 0 30px; }
.values-eyebrow span { font-family: var(--serif); font-size: 22px; color: var(--green); letter-spacing: .22em; text-indent: .22em; }
.values-eyebrow em { display: block; font-style: normal; font-size: 11px; color: var(--gold-deep); letter-spacing: .34em; text-indent: .34em; margin-top: 9px; }

/* ============ 工艺五步 ============ */
.craft-sec { background: var(--green); color: var(--cream); position: relative; overflow: hidden; }
.craft-sec .sec-head h2 { color: #fff; }
.craft-sec .sec-head .sub { color: rgba(248, 245, 239, .7); }
.craft-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.craft-step {
  background: rgba(248, 245, 239, .06); border: 1px solid rgba(242, 201, 157, .22);
  border-radius: var(--r-lg); padding: 0; overflow: hidden;
  display: flex; flex-direction: column;
  transition: background .25s, transform .25s, box-shadow .25s;
}
.craft-step:hover { background: rgba(242, 201, 157, .12); transform: translateY(-4px); box-shadow: var(--shadow-md); }
.craft-step .pic { aspect-ratio: 4/3; overflow: hidden; background: rgba(0,0,0,.2); }
.craft-step .pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.craft-step:hover .pic img { transform: scale(1.06); }
.craft-step .body { padding: 22px 18px 24px; flex: 1; display: flex; flex-direction: column; }
.craft-step .num { font-family: var(--serif); font-size: 26px; color: var(--gold); line-height: 1; margin-bottom: 10px; letter-spacing: .12em; }
.craft-step h4 { color: #fff; font-size: 17px; margin-bottom: 10px; min-height: 24px; }
.craft-step p {
  font-size: 13px; color: rgba(248, 245, 239, .72); line-height: 1.8;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
  line-clamp: 4; overflow: hidden;
  flex: 1;
}

/* ============ 新闻卡 ============ */
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.news-card { background: var(--white); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .3s, box-shadow .3s; position: relative; }
.news-card > a.card-link { position: absolute; inset: 0; z-index: 2; }
.news-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.news-card .cover {
  aspect-ratio: 16/9; overflow: hidden;
  background: linear-gradient(140deg, #11443F, #2a7269);
  display: flex; align-items: center; justify-content: center;
}
.news-card .cover img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.news-card .cover .glyph { font-family: var(--serif); font-size: 52px; color: var(--gold); opacity: .9; }
.news-card .body { padding: 22px; position: relative; z-index: 1; }
.news-card .date { font-size: 12px; color: var(--gold-deep); letter-spacing: .08em; font-family: var(--en); margin-bottom: 8px; }
.news-card h3 { font-size: 18px; color: var(--green); margin-bottom: 10px; line-height: 1.5; }
.news-card p { font-size: 13.5px; color: var(--muted); line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-card .more { position: relative; z-index: 3; }

/* ============ 页脚 ============ */
.nice-footer { background: var(--green); color: rgba(248, 245, 239, .8); padding: 64px 0 0; position: relative; overflow: hidden; }
.foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 44px; }
.foot-grid h4 { color: var(--gold); font-size: 16px; margin-bottom: 18px; }
.foot-grid ul li { margin-bottom: 10px; font-size: 14px; }
.foot-grid ul a:hover { color: var(--gold); }
.foot-brand { padding-top: 12px; }
.foot-brand img { height: 88px; margin-bottom: 18px; filter: drop-shadow(0 4px 20px rgba(242, 201, 157, .18)); }
.foot-brand .t { font-family: var(--serif); font-size: 28px; color: var(--gold); letter-spacing: .12em; margin-bottom: 12px; }
.foot-brand p { font-size: 14.5px; line-height: 2; color: var(--gold); }
.foot-disc {
  border-top: 1px solid rgba(248, 245, 239, .14); padding: 20px 0 24px;
  font-size: 12px; line-height: 1.85; color: rgba(248, 245, 239, .55); text-align: justify;
}
.foot-copy {
  text-align: center; font-size: 13px; color: rgba(248, 245, 239, .6);
  padding: 16px 0; border-top: 1px solid rgba(248, 245, 239, .1);
}

/* ============ 内页（面包屑 + 标题） ============ */
.page-hero {
  background: linear-gradient(135deg, #0d3632, #11443F 55%, #1c5b54);
  color: var(--cream); padding: 64px 0 58px; position: relative; overflow: hidden;
}
.page-hero::before {
  content: ""; position: absolute; inset: 0; opacity: .06; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27200%27%20height%3D%27200%27%20viewBox%3D%270%200%20200%20200%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23F2C99D%27%20stroke-width%3D%271%27%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2774%27%20stroke-dasharray%3D%271%2011%27%2F%3E%3Cellipse%20cx%3D%27100%27%20cy%3D%27100%27%20rx%3D%2736%27%20ry%3D%2752%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.breadcrumbs { font-size: 13px; color: rgba(248, 245, 239, .65); margin-bottom: 16px; position: relative; z-index: 1; }
.breadcrumbs a:hover { color: var(--gold); }
.breadcrumbs .sep { margin: 0 8px; opacity: .5; }
.page-hero h1 { font-size: 38px; color: #fff; position: relative; z-index: 1; }
.page-hero .en { font-family: var(--en); font-size: 12px; letter-spacing: .3em; color: var(--gold); margin-top: 10px; position: relative; z-index: 1; }
.page { display: none; }
.page.on { display: block; }

/* ============ 产品列表页 ============ */
.cat-tabs { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 44px; }
.cat-tabs a {
  padding: 9px 24px; border-radius: 24px; font-size: 14px;
  border: 1px solid var(--green); color: var(--green); transition: background .2s, color .2s;
}
.cat-tabs a:hover { background: rgba(17, 68, 63, .08); }
.cat-tabs a.on { background: var(--green); color: var(--gold); }
.series-intro {
  background: var(--white); border-radius: 16px; padding: 30px 34px; margin-bottom: 40px;
  box-shadow: var(--shadow-sm); border-left: 4px solid var(--gold);
  font-size: 14.5px; color: var(--muted); line-height: 1.95;
}

/* ============ 产品详情页 ============ */
.goods-main { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: stretch; }
.goods-pic {
  background: linear-gradient(140deg, #eef3f0, #e2ebe7);
  border-radius: var(--r-xl); overflow: hidden;
  box-shadow: var(--shadow-md);
}
.goods-pic img { width: 100%; aspect-ratio: 4/4.2; object-fit: cover; }
.goods-info h1 { font-size: 32px; color: var(--green); line-height: 1.4; }
.goods-info .code { font-family: var(--en); font-size: 12px; letter-spacing: .16em; color: var(--gold-deep); margin: 10px 0 20px; }
.goods-info .lead { font-size: 15px; color: var(--muted); line-height: 1.95; margin-bottom: 22px; text-align: justify; }
.goods-info .price-box {
  background: var(--green); color: var(--cream); border-radius: var(--r-lg);
  padding: 20px 26px; display: flex; align-items: baseline; gap: 10px; margin-bottom: 26px;
  flex-wrap: wrap;
}
.goods-info .price-box .lab { font-size: 13px; color: rgba(248, 245, 239, .7); }
.goods-info .price-box .val { font-size: 30px; font-weight: 700; color: var(--gold); font-family: var(--serif); }
.goods-info .price-box .unit { font-size: 13px; color: rgba(248, 245, 239, .7); }
.spec-table { width: 100%; border-collapse: collapse; margin-bottom: 26px; background: var(--white); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(17, 68, 63, .05); }
.spec-table th, .spec-table td { padding: 12px 18px; font-size: 14px; text-align: left; border-bottom: 1px solid var(--line); }
.spec-table th { width: 118px; background: #fafaf7; color: var(--green); font-weight: 600; white-space: nowrap; }
.spec-table tr:last-child td { border-bottom: none; }
.goods-post { margin-top: 64px; }
.goods-post .tab-head { display: flex; gap: 0; border-bottom: 2px solid var(--line); margin-bottom: 34px; }
.goods-post .tab-head button {
  background: none; border: none; padding: 14px 28px; font-size: 16px;
  font-family: var(--serif); color: var(--muted); cursor: pointer;
  border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color .2s;
}
.goods-post .tab-head button.on { color: var(--green); border-color: var(--gold); font-weight: 700; }
.goods-post .tab-pane { display: none; }
.goods-post .tab-pane.on { display: block; }
.goods-post h3 { font-size: 21px; color: var(--green); margin: 30px 0 14px; }
.goods-post h3:first-child { margin-top: 0; }
.goods-post p { font-size: 15px; color: #37433f; line-height: 2; margin-bottom: 14px; text-align: justify; }
.goods-post ul { padding-left: 22px; margin-bottom: 16px; list-style: disc; }
.goods-post ul li { font-size: 15px; color: #37433f; line-height: 2; }
.rel-head { margin: 70px 0 34px; text-align: center; }
.rel-head h2 { font-size: 26px; color: var(--green); }

/* ============ 品牌故事页 ============ */
.story-block { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-bottom: 0; }
.story-block .pic { border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md); }
.story-block .pic img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.story-block.rev .pic { order: 2; }
.story-block h3 { font-size: 24px; color: var(--green); margin-bottom: 16px; }
.story-block p { font-size: 15px; color: #37433f; line-height: 2.05; margin-bottom: 14px; text-align: justify; }
.story-block .eyebrow { font-size: 12px; letter-spacing: .3em; color: var(--gold-deep); margin-bottom: 12px; font-family: var(--en); }
.quote-band { background: var(--green); border-radius: var(--r-xl); text-align: center; padding: 56px 30px; margin: 60px 0; }
.quote-band p { font-family: var(--serif); font-size: 26px; color: var(--gold); line-height: 1.8; }
.quote-band .src { margin-top: 16px; font-size: 13px; color: rgba(248, 245, 239, .6); letter-spacing: .1em; }
/* about 使命分隔带（全宽深绿 · 补 sec-story 与 sec-origin 之间的留白） */
.quote-strip {
  background: linear-gradient(135deg, #0d3632, #11443F 55%, #1c5b54);
  text-align: center; padding: 64px 24px; position: relative; overflow: hidden;
}
.quote-strip::before {
  content: ""; position: absolute; inset: 0; opacity: .06; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27200%27%20height%3D%27200%27%20viewBox%3D%270%200%20200%20200%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23F2C99D%27%20stroke-width%3D%271%27%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2774%27%20stroke-dasharray%3D%271%2011%27%2F%3E%3Cellipse%20cx%3D%27100%27%20cy%3D%27100%27%20rx%3D%2736%27%20ry%3D%2752%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.quote-strip p { font-family: var(--serif); font-size: 28px; color: var(--gold); line-height: 1.8; position: relative; z-index: 1; }
.quote-strip .src { margin-top: 14px; font-size: 13px; color: rgba(248, 245, 239, .6); letter-spacing: .1em; }
.founder-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 52px; align-items: center; }
.founder-grid .photo { position: relative; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md); }
.founder-grid .photo img { width: 100%; aspect-ratio: 3/3.6; object-fit: cover; }
.founder-grid .photo .tag {
  position: absolute; left: 18px; bottom: 18px;
  background: rgba(17, 68, 63, .88); color: var(--gold);
  font-size: 13px; padding: 6px 18px; border-radius: 20px; letter-spacing: .15em;
}
.founder-grid h3 { font-size: 30px; color: var(--green); margin-bottom: 6px; }
.founder-grid .role { font-size: 13.5px; color: var(--gold-deep); margin-bottom: 20px; letter-spacing: .06em; }
.founder-grid p { font-size: 15px; color: #37433f; line-height: 2.05; margin-bottom: 14px; text-align: justify; }
.founder-grid .fn-note { font-size: 12px; color: var(--muted); margin-top: 14px; line-height: 1.7; }
.founder-grid .fq { font-family: var(--serif); font-size: 19px; color: var(--green); border-left: 3px solid var(--gold); padding-left: 18px; margin: 22px 0; line-height: 1.8; }
.posi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.posi-card { background: var(--white); border-radius: var(--r-lg); padding: 26px 28px; box-shadow: var(--shadow-sm); border-top: 3px solid var(--gold); }
.posi-card .lab { font-size: 12px; letter-spacing: .2em; color: var(--gold-deep); margin-bottom: 10px; }
.posi-card p { font-size: 15px; color: #37433f; }

/* ============ 新闻列表页 ============ */
.news-list { max-width: 860px; margin: 0 auto; }
.news-item {
  display: grid; grid-template-columns: 120px 1fr; gap: 26px;
  background: var(--white); border-radius: var(--r-lg); padding: 26px 28px;
  margin-bottom: 22px; box-shadow: var(--shadow-sm); transition: transform .25s, box-shadow .25s;
}
.news-item.has-cover { grid-template-columns: 120px 240px 1fr; }
.news-item .d-img {
  display: block; border-radius: var(--r-md); overflow: hidden;
  aspect-ratio: 4/3; background: var(--line);
}
.news-item .d-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.news-item:hover { transform: translateX(6px); box-shadow: var(--shadow-md); }
.news-item .d { text-align: center; border-right: 1px solid var(--line); padding-right: 18px; }
.news-item .d .day { font-family: var(--serif); font-size: 34px; color: var(--green); line-height: 1; }
.news-item .d .ym { font-size: 12px; color: var(--gold-deep); margin-top: 6px; letter-spacing: .05em; }
.news-item h3 { font-size: 19px; color: var(--green); margin-bottom: 8px; }
.news-item p { font-size: 14px; color: var(--muted); line-height: 1.85; }

/* 手机端：新闻/海参志列表条目收纳为「日期+文字 / 通栏封面」两行式 */
@media (max-width: 640px) {
  .news-item, .news-item.has-cover {
    grid-template-columns: 64px 1fr;
    gap: 6px 14px;
    padding: 18px 16px;
  }
  .news-item.has-cover .d-img { grid-column: 1 / -1; grid-row: 2; margin-top: 12px; }
  .news-item.has-cover > div:not(.d):not(.d-img) { grid-column: 2; grid-row: 1; }
  .news-item .d { grid-column: 1; grid-row: 1; border-right-width: 0; padding-right: 0; align-self: start; }
  .news-item .d .day { font-size: 26px; }
  .news-item h3 { font-size: 17px; }
}

/* ============ 联系页 v2（seacoo 式分栏：左表单 + 右地图信息） ============ */
.contact-hero { padding: 96px 0 72px; }
.contact-hero .hero-sub {
  margin-top: 18px; font-size: 15px; color: rgba(248, 245, 239, .82);
  letter-spacing: .06em; position: relative; z-index: 1;
}
.contact-hero .hero-sub::before {
  content: "── ✦ ──"; display: block; color: var(--gold); font-size: 12px;
  letter-spacing: .4em; margin-bottom: 10px; opacity: .85;
}
.contact-v2 { background: var(--white); padding: 76px 0 96px; }
.contact-v2-grid {
  display: grid; grid-template-columns: 5fr 6fr; gap: 64px;
  align-items: start; max-width: 1120px; margin: 0 auto;
}
/* 左：表单 */
.contact-v2-form h3 {
  font-family: var(--serif); font-size: 26px; color: var(--green);
  letter-spacing: .12em; margin-bottom: 10px;
}
.contact-v2-form h3::after {
  content: ""; display: block; width: 44px; height: 2px;
  background: var(--gold); margin-top: 12px;
}
.contact-v2-form .form-lead { font-size: 14px; color: var(--muted); margin-bottom: 30px; }
.contact-v2-form .form-row { margin-bottom: 22px; }
.contact-v2-form label {
  display: block; font-size: 14px; font-weight: 600; color: var(--green);
  margin-bottom: 8px; letter-spacing: .04em;
}
.contact-v2-form input, .contact-v2-form textarea {
  width: 100%; padding: 13px 16px; font-size: 14.5px; color: var(--ink);
  background: #fff; border: 1px solid var(--line); border-radius: 10px;
  font-family: inherit; transition: border-color .2s, box-shadow .2s;
  outline: none; resize: vertical;
}
.contact-v2-form input::placeholder, .contact-v2-form textarea::placeholder { color: #b8bcb6; }
.contact-v2-form input:focus, .contact-v2-form textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(242, 201, 157, .28);
}
.contact-v2-form input:user-invalid, .contact-v2-form textarea:user-invalid {
  border-color: #c0574f;
}
.btn-send {
  display: inline-block; background: var(--green); color: var(--cream);
  border: none; cursor: pointer; padding: 15px 56px; font-size: 15px;
  font-family: var(--serif); letter-spacing: .3em; border-radius: 8px;
  transition: transform .2s, box-shadow .2s, background .2s;
  margin-top: 6px;
}
.btn-send:hover {
  background: #0d3632; transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(17, 68, 63, .28);
}
.contact-note { margin-top: 26px; font-size: 13px; color: var(--muted); line-height: 1.8; }
.contact-note a { color: var(--green); font-weight: 600; border-bottom: 1px solid var(--gold); }
/* 右：地图 + 信息流 */
.contact-map { margin: 0 0 30px; }
.contact-map img {
  width: 100%; border-radius: var(--r-lg); display: block;
  box-shadow: 0 10px 34px rgba(17, 68, 63, .12);
  border: 1px solid var(--line);
}
.contact-map figcaption {
  margin-top: 12px; text-align: center; font-size: 12.5px; color: var(--muted);
  letter-spacing: .08em;
}
.contact-info-list { list-style: none; margin: 0 0 28px; padding: 0; }
.contact-info-list li {
  display: flex; align-items: baseline; gap: 14px;
  padding: 15px 4px; border-bottom: 1px solid var(--line);
}
.contact-info-list li:first-child { border-top: 1px solid var(--line); }
.contact-info-list .ic {
  flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px;
  background: var(--green); color: var(--gold); font-size: 16px;
  display: flex; align-items: center; justify-content: center;
  align-self: center;
}
.contact-info-list .lab {
  flex: 0 0 72px; font-size: 13px; color: var(--muted); letter-spacing: .08em;
}
.contact-info-list .val { font-size: 14.5px; color: var(--green); font-weight: 600; line-height: 1.7; }
.contact-info-list .val a { color: var(--green); border-bottom: 1px solid var(--gold); }
.contact-info-list .val .sub { display: block; font-size: 12.5px; color: var(--muted); font-weight: 400; }
.contact-qr { display: flex; align-items: center; gap: 18px; margin-top: 30px; padding: 20px; background: #fafaf7; border-radius: 14px; }
.contact-qr img {
  width: 108px; height: 108px; object-fit: cover; border-radius: 10px;
  border: 1px solid var(--line); display: block;
}
.contact-qr .qr-txt { font-size: 14px; color: var(--green); line-height: 1.9; letter-spacing: .04em; }

/* ============ CTA 横带 ============ */
.cta-band { background: linear-gradient(135deg, #0d3632, #11443F 60%, #1c5b54); border-radius: var(--r-xl); padding: 54px 40px; text-align: center; }
.cta-fullbleed { padding: 0 0 56px; }
.cta-fullbleed .cta-band { border-radius: 0; padding: 64px 40px; }
.cta-band h2 { font-size: 28px; color: #fff; margin-bottom: 12px; }
.cta-band p { font-size: 15px; color: rgba(248, 245, 239, .8); margin-bottom: 26px; }

/* ============ 返回顶部 ============ */
#backTop {
  position: fixed; right: 26px; bottom: 30px; width: 46px; height: 46px;
  border-radius: 50%; background: var(--green); color: var(--gold);
  border: 1px solid rgba(242, 201, 157, .4); cursor: pointer; font-size: 18px;
  opacity: 0; visibility: hidden; transition: .3s; z-index: 90;
}
#backTop.on { opacity: 1; visibility: visible; }
#backTop:hover { background: var(--green-2); }

/* ============ 响应式 ============ */
@media (max-width: 1020px) {
  .goods-grid { grid-template-columns: repeat(3, 1fr); }
  .craft-grid { grid-template-columns: repeat(3, 1fr); }
  .series-strip { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .slide-inner h2 { font-size: 38px; }
  .value-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .nav-menu, .change-lang { display: none; }
  .navbar-toggle { display: flex; }
  .nice-slider { height: 72vh; }
  .slide-inner { grid-template-columns: 1fr; text-align: center; gap: 26px; padding-top: 30px; }
  .slide-inner p { margin-left: auto; margin-right: auto; }
  .slide-inner .btns { justify-content: center; }
  .slide-pic img { max-height: 220px; }
  .slider-arrow { display: none; }
  .goods-grid, .goods-grid.g3 { grid-template-columns: repeat(2, 1fr); }
  .news-grid { grid-template-columns: 1fr; }
  .about-split { grid-template-columns: 1fr; }
  .story-block, .story-block.rev { grid-template-columns: 1fr; }
  .story-block.rev .pic { order: 0; }
  .goods-main { grid-template-columns: 1fr; gap: 30px; }
  .goods-pic { position: static; }
  .founder-grid { grid-template-columns: 1fr; }
  .contact-v2-grid { grid-template-columns: 1fr; gap: 44px; }
  .contact-v2 { padding: 52px 0 72px; }
  .posi-grid { grid-template-columns: 1fr; }
  .mv-grid { grid-template-columns: 1fr; }
  .page-hero h1 { font-size: 30px; }
  .foot-grid { grid-template-columns: 1fr; gap: 28px; }
  .navbar { height: 62px; }
  .navbar-brand img { height: 38px; }
  .navbar-brand .bt { font-size: 20px; }
}
@media (max-width: 560px) {
  .goods-grid, .goods-grid.g3 { grid-template-columns: 1fr; }
  .series-strip { grid-template-columns: 1fr; }
  .craft-grid { grid-template-columns: 1fr 1fr; }
  .slide-inner h2 { font-size: 30px; }
  .goods-post .tab-head button { padding: 12px 14px; font-size: 14px; }
  .news-item { grid-template-columns: 1fr; }
  .news-item .d { border-right: none; border-bottom: 1px solid var(--line); padding: 0 0 10px; margin-bottom: 10px; display: flex; gap: 10px; align-items: baseline; }
  .goods-info .price-box .note { margin-left: 0; max-width: 100%; text-align: left; width: 100%; }
  .cta-band { padding: 40px 22px; }
  .cta-band h2 { font-size: 23px; }
  .sci-grid { grid-template-columns: 1fr; }
  .sci-card .pic { aspect-ratio: 16/10; }
}

/* ============ 海参志 ============ */
.sci-sec { background: var(--white); }
.sci-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;   /* 1 hero + 3 卡共 4 项，hero 1.5fr 不再 2fr 撑大 */
  grid-auto-rows: auto;                       /* 行高跟内容走，对齐靠 grid */
  gap: 22px;
  margin-top: 50px;
  align-items: stretch;                       /* 行内卡片同高，hero 不再独自撑高 */
}
/* —— hero 横铺，背景图 cover 后比例正、文字不被压扁、不遮挡后卡 —— */
.sci-grid .sci-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px 28px;
  border-radius: var(--r-lg);
  background:
    linear-gradient(180deg, rgba(17,68,63,.40) 0%, rgba(17,68,63,.78) 45%, rgba(14,55,48,.97) 78%),
    url("../images/science/hero-gift.png") center/cover no-repeat;
  color: var(--white);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  min-height: 360px;                          /* hero 跟随行高 stretch，不再锁 4:3 撑高 */
  transition: transform .3s ease, box-shadow .3s ease;
}
.sci-hero::after {
  content: "";
  position: absolute;
  inset: auto -30% -45% auto;
  width: 280px; height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(242,201,157,.35) 0%, rgba(242,201,157,0) 65%);
  pointer-events: none;
}
.sci-hero:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.sci-hero-inner { position: relative; z-index: 1; }
.sci-hero .eyebrow {
  font-size: 12px; letter-spacing: 3px;
  color: var(--gold); text-transform: uppercase;
  display: inline-block; margin-bottom: 14px;
}
.sci-hero h3 {
  font-family: var(--serif);
  font-size: 32px; line-height: 1.25;
  color: var(--white); margin: 0 0 14px;
  font-weight: 600;
}
.sci-hero p {
  font-size: 14px; line-height: 1.85;
  color: rgba(255,255,255,.85);
  margin: 0 0 22px;
}
.sci-grid .sci-cta {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 14px; font-weight: 500;
  color: var(--gold);
  border-bottom: 1px solid rgba(242,201,157,.6);
  background: transparent; padding: 0 0 4px;
  transition: gap .2s ease;
}
.sci-grid .sci-hero:hover .sci-cta,
.sci-grid .sci-card:hover .sci-cta { gap: 12px; }

.sci-card {
  display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.sci-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: var(--gold);
}
.sci-card .pic {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: var(--line);
}
.sci-card .pic img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .5s ease;
}
.sci-card:hover .pic img { transform: scale(1.04); }
.sci-card .meta { padding: 22px 22px 26px; flex: 1; }
.sci-card .tag {
  display: inline-block;
  font-size: 11px; letter-spacing: 2px;
  color: var(--green);
  padding: 4px 10px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.sci-card h4 {
  font-family: var(--serif);
  font-size: 19px; line-height: 1.4;
  color: var(--ink); margin: 0 0 10px;
  font-weight: 600;
}
.sci-card p {
  font-size: 13px; line-height: 1.8;
  color: var(--ink-light);
  margin: 0;
}

@media (max-width: 980px) {
  .sci-grid { grid-template-columns: 1fr 1fr; }
  .sci-hero { grid-column: span 2; min-height: 280px; }
}
@media (max-width: 560px) {
  .sci-grid { grid-template-columns: 1fr; }
  .sci-hero { grid-column: span 1; }
  .sci-hero h3 { font-size: 26px; }
}

/* ============ 海参志独立页 ============ */
.sci-list { display: flex; flex-direction: column; gap: 0; }
.sci-row {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 50px;
  padding: 56px 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
}
.sci-row:last-child { border-bottom: none; }
.sci-row:nth-child(even) { grid-template-columns: 1.4fr 1fr; }
.sci-row.no-pic, .sci-row.no-pic:nth-child(even) { display: block; max-width: 860px; margin: 0 auto 6px; }
.sci-row .h-logo { display: inline-block; width: 24px; height: 24px; vertical-align: -6px; margin-right: 10px; border-radius: 50%; box-shadow: 0 1px 4px rgba(17,68,63,.15); }
.sci-row .pic {
  border-radius: var(--r-lg);
  overflow: hidden;
  aspect-ratio: 4/3;
  background: var(--line);
  position: relative;
}
.sci-row .pic img { width: 100%; height: 100%; object-fit: cover; }
.sci-row article { padding: 0 4px; }
.sci-row .tag-row { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.sci-row .tag-row .tag {
  font-size: 11px; letter-spacing: 2px;
  color: var(--green); padding: 5px 12px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  text-transform: uppercase;
}
.sci-row .tag-row .meta-line {
  font-size: 12px; color: var(--ink-light); letter-spacing: 1px;
}
.sci-row h3 {
  font-family: var(--serif);
  font-size: 30px; line-height: 1.3;
  margin: 0 0 16px;
  color: var(--ink); font-weight: 600;
}
.sci-row p {
  font-size: 15px; line-height: 1.95;
  color: var(--ink-light);
  margin: 0 0 12px;
}
.sci-row p strong { color: var(--green); font-weight: 600; }
.sci-row .more {
  color: var(--deep); font-size: 13px; letter-spacing: 1px;
  margin-top: 12px; display: inline-block;
}
.sci-row:nth-child(even) .pic { order: 2; }
@media (max-width: 860px) {
  .sci-row, .sci-row:nth-child(even) { grid-template-columns: 1fr; gap: 24px; padding: 36px 0; }
}

/* ============ 动效偏好（无障碍：尊重系统减动效设置） ============ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ============ 新闻详情页 ============ */
.article-wrap { max-width: 880px; margin: 0 auto; padding: 60px 0 100px; }
.article-reading {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 8px 18px; border-radius: 24px;
  background: rgba(17, 68, 63, .06); border: 1px solid rgba(17, 68, 63, .15);
  color: var(--green); font-size: 13px; font-weight: 500;
  margin-bottom: 28px;
}
.article-reading .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 3px rgba(242, 201, 157, .25); }
.article-reading .badge { padding: 2px 10px; border-radius: 12px; background: var(--green); color: var(--gold); font-size: 11px; letter-spacing: .05em; }
.article-reading .meta { color: var(--muted); font-size: 12.5px; }
.article-h1 { font-size: 34px; font-weight: 700; color: var(--green); margin: 6px 0 28px; line-height: 1.35; }
.article-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  padding: 0 0 26px; border-bottom: 1px solid var(--line);
  font-size: 13.5px; color: var(--muted); letter-spacing: .02em;
}
.article-meta .tag {
  display: inline-block; padding: 4px 12px; border-radius: 999px;
  background: var(--green); color: #fff; font-size: 12px; font-weight: 500; letter-spacing: .05em;
}
.article-meta .news-date, .article-meta .news-read, .article-meta .news-author {
  position: relative; padding-right: 16px;
}
.article-meta .news-date::after, .article-meta .news-read::after {
  content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  width: 3px; height: 3px; border-radius: 50%; background: var(--muted);
}
.article-cover {
  margin: 36px 0 44px; overflow: hidden; border-radius: var(--r-md);
  aspect-ratio: 21 / 9; background: var(--line);
}
.article-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.article-body { font-size: 16px; line-height: 2; color: var(--ink); }
.article-body p { margin: 1.2em 0; }
.article-body h2 {
  font-family: var(--serif); font-size: 26px; font-weight: 600; color: var(--green);
  margin: 2em 0 .8em; padding-top: .4em; line-height: 1.5;
  border-top: 1px solid var(--line);
}
.article-body h3 {
  font-size: 19px; font-weight: 600; color: var(--ink);
  margin: 1.6em 0 .6em;
}
.article-body ul, .article-body ol { padding-left: 1.6em; margin: 1em 0; }
.article-body li { margin: .5em 0; }
.article-body strong { color: var(--green); font-weight: 600; }
.article-body em { color: var(--muted); font-style: normal; }
.article-body blockquote {
  margin: 2em 0; padding: 22px 28px; border-left: 4px solid var(--gold);
  background: #faf8f3; color: var(--green); font-size: 15px; line-height: 1.9;
  border-radius: 0 var(--r-md) var(--r-md) 0;
}
.article-body table {
  width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: 14.5px;
  border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden;
}
.article-body th, .article-body td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--line); }
.article-body th { background: #faf8f3; color: var(--green); font-weight: 600; }
.article-body tr:last-child td { border-bottom: none; }
.article-body img { max-width: 100%; border-radius: var(--r-md); margin: 1.6em 0; }

.article-nav {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 60px 0 0;
  padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.nav-card {
  display: flex; flex-direction: column; gap: 8px; padding: 22px 26px;
  border: 1px solid var(--line); border-radius: var(--r-md);
  text-decoration: none; color: var(--ink); transition: border-color .25s, background .25s;
}
.nav-card:hover { border-color: var(--gold); background: #faf8f3; }
.nav-card .dir { font-size: 12px; color: var(--muted); letter-spacing: .05em; }
.nav-card .t { font-size: 15px; font-weight: 500; line-height: 1.6; color: var(--green); }
.nav-card.next { text-align: right; align-items: flex-end; }

.article-related { margin-top: 70px; }
.article-related .rel-head h2 {
  font-family: var(--serif); font-size: 24px; font-weight: 600;
  margin: 0 0 30px; padding-bottom: 14px; border-bottom: 2px solid var(--gold);
  display: inline-block;
}
@media (max-width: 720px) {
  .article-wrap { padding: 36px 0 60px; }
  .article-cover { aspect-ratio: 16 / 10; margin: 24px 0 30px; }
  .article-body { font-size: 15px; line-height: 1.9; }
  .article-body h2 { font-size: 22px; }
  .article-body h3 { font-size: 17px; }
  .article-nav { grid-template-columns: 1fr; gap: 12px; }
  .nav-card.next { text-align: left; align-items: flex-start; }
  .article-meta { gap: 10px; font-size: 12.5px; }
  .article-meta .news-date, .article-meta .news-read, .article-meta .news-author { padding-right: 12px; }
  .article-body table { font-size: 13px; }
  .article-body th, .article-body td { padding: 10px 12px; }
  .article-body blockquote { padding: 18px 22px; font-size: 14px; }
}

/* 新闻列表与详情页里 a more 链接 */
.news-item h3 a, .news-item .more, .news-card h3 a, .news-card .more {
  color: inherit; text-decoration: none;
}
.news-item h3 a:hover, .news-item .more:hover, .news-card h3 a:hover, .news-card .more:hover {
  color: var(--gold);
}
.news-item h3 a { color: var(--green); }
.news-item .d { display: block; }

/* ============================================================
 * v2.3 · 产品详情页 seacoo 功能复刻（图集 / 规格选择 / 数量 / 购物清单）
 * ============================================================ */

/* ---------- 顶部购物车按钮 ---------- */
#cartBtn {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid var(--line); background: var(--white); color: var(--green);
  cursor: pointer; transition: border-color .2s, color .2s, background .2s;
}
#cartBtn:hover { border-color: var(--gold-deep); color: var(--gold-deep); background: var(--cream); }
#cartBtn .cart-count {
  position: absolute; top: -5px; right: -7px; min-width: 18px; height: 18px;
  border-radius: 9px; background: var(--gold-deep); color: #fff;
  font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; padding: 0 4px;
}

/* ---------- 产品图集（主图 + 缩略图切换） ---------- */
.goods-gallery { display: flex; flex-direction: column; }
.goods-gallery .g-main { flex: 1; min-height: 0; }
.goods-gallery .g-main img { height: 100%; aspect-ratio: auto; }
.goods-gallery .g-main {
  position: relative; border-radius: var(--r-lg); overflow: hidden;
  background: var(--cream); box-shadow: var(--shadow-sm);
}
.goods-gallery .g-main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.goods-gallery .g-cap {
  position: absolute; left: 14px; bottom: 14px;
  background: rgba(17, 68, 63, .82); color: var(--gold);
  font-size: 12px; letter-spacing: .12em; padding: 5px 14px; border-radius: 20px;
}
.goods-gallery .g-thumbs { display: flex; gap: 10px; margin-top: 12px; }
.goods-gallery .g-thumb {
  flex: 1; border: 2px solid transparent; border-radius: var(--r-md);
  overflow: hidden; cursor: pointer; padding: 0; background: none;
  transition: border-color .2s, transform .2s;
}
.goods-gallery .g-thumb img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.goods-gallery .g-thumb:hover { transform: translateY(-2px); }
.goods-gallery .g-thumb.on { border-color: var(--gold-deep); }
/* 左列底部信任条（填充与右列的高度差 + 强化信任） */
.trust-strip {
  margin-top: 16px; background: var(--cream); border: 1px solid var(--line);
  border-radius: var(--r-lg); padding: 18px 20px;
  display: flex; flex-direction: column; gap: 12px;
}
.trust-strip .t-item { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--green); letter-spacing: .02em; }
.trust-strip .t-ico {
  flex: none; width: 20px; height: 20px; border-radius: 50%;
  background: var(--green); color: var(--gold); font-size: 11px;
  display: flex; align-items: center; justify-content: center;
}

/* ---------- 运费 / 规格选择 / 数量 ---------- */
.ship-row {
  display: flex; align-items: baseline; gap: 10px;
  font-size: 13px; color: var(--muted); line-height: 1.7;
  padding: 14px 16px; margin: 18px 0;
  background: var(--cream); border-left: 3px solid var(--gold-deep); border-radius: 0 var(--r-md) var(--r-md) 0;
}
.ship-row .s-ico { color: var(--gold-deep); font-weight: 700; }

.opt-row, .qty-row { margin-bottom: 20px; }
.opt-label {
  font-size: 13px; font-weight: 700; color: var(--green);
  letter-spacing: .06em; margin-bottom: 10px;
}
.opt-list { display: flex; flex-wrap: wrap; gap: 10px; }
.opt {
  display: inline-flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 10px 22px; border-radius: var(--r-md);
  border: 1.5px solid var(--line); background: var(--white);
  cursor: pointer; transition: border-color .2s, box-shadow .2s, background .2s;
}
.opt span { font-size: 14px; font-weight: 600; color: #37433f; }
.opt small { font-size: 12px; color: var(--gold-deep); font-family: var(--en); }
.opt:hover { border-color: var(--gold-deep); }
.opt.on {
  border-color: var(--green); background: var(--green);
  box-shadow: var(--shadow-sm);
}
.opt.on span { color: var(--gold); }
.opt.on small { color: rgba(242, 201, 157, .85); }

.qty-ctrl { display: flex; align-items: center; gap: 14px; }
.qty-ctrl button {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1.5px solid var(--line); background: var(--white);
  font-size: 18px; color: var(--green); cursor: pointer; line-height: 1;
  transition: border-color .2s, background .2s;
}
.qty-ctrl button:hover { border-color: var(--gold-deep); background: var(--cream); }
.qty-ctrl input {
  width: 64px; height: 38px; text-align: center;
  border: 1.5px solid var(--line); border-radius: var(--r-md);
  font-size: 15px; font-weight: 700; color: var(--green); font-family: var(--en);
}
.qty-ctrl input:focus { outline: none; border-color: var(--gold-deep); }
.qty-sub { font-size: 13.5px; color: var(--muted); }
.qty-sub strong { color: var(--green); font-size: 18px; font-family: var(--serif); }

/* ---------- 购买按钮组 ---------- */
.buy-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 30px; }
.btn-gold {
  background: var(--white); color: var(--green);
  padding: 13px 30px; border-radius: 26px; font-weight: 700; font-size: 15px;
  border: 1.5px solid var(--gold-deep); cursor: pointer;
  transition: background .2s, transform .2s; display: inline-block;
}
.btn-gold:hover { background: var(--gold); transform: translateY(-2px); }

/* ---------- 信任特性卡（v2 新版 · 七卡 3+4 布局） ---------- */
.trust-band { margin-top: 64px; }

/* 旧六卡样式（保留兼容） */
.trust-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
.trust-card {
  background: var(--white); border: 1px solid var(--line);
  border-radius: var(--r-lg); padding: 24px 22px;
  border-top: 3px solid var(--gold);
  transition: transform .25s, box-shadow .25s;
}
.trust-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.trust-card h4 { font-size: 16px; color: var(--green); margin-bottom: 10px; }
.trust-card h4::before { content: "◆ "; color: var(--gold-deep); font-size: 12px; }
.trust-card p { font-size: 13px; color: var(--muted); line-height: 1.9; }

/* 新七卡（v2.5 起） */
.trust-grid.seven { grid-template-columns: repeat(4, 1fr); gap: 24px 22px; }
.trust-grid.seven .trust-card-v2 {
  position: relative;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 30px 22px 22px;
  text-align: center;
  transition: transform .25s, box-shadow .25s;
  border-top: 3px solid var(--green);
}
.trust-grid.seven .trust-card-v2:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.trust-grid.seven .tc-icon {
  width: 64px; height: 64px;
  margin: -52px auto 14px;
  background: var(--green);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(17, 68, 63, .22);
}
.trust-grid.seven .trust-card-v2 h4 {
  font-size: 18px; color: var(--green); margin: 0 0 4px;
  font-weight: 600; letter-spacing: .04em;
}
.trust-grid.seven .tc-eyebrow {
  display: block;
  font-family: var(--en);
  font-size: 11px;
  letter-spacing: .22em;
  color: var(--gold-deep);
  margin-bottom: 12px;
  text-transform: uppercase;
}
.trust-grid.seven .trust-card-v2 p {
  font-size: 13px; color: var(--muted); line-height: 1.9; margin: 0;
}

/* ---------- 益处区块（v2 · 左右交替图文） ---------- */
.benefit-pair { margin-top: 72px; }
.bp-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  align-items: stretch;
  margin-bottom: 24px;
  border-radius: var(--r-xl);
  overflow: hidden;
  background: #F4F1EB;
  min-height: 360px;
}
.bp-row.flip .bp-img { order: 2; }
.bp-row.flip .bp-text { order: 1; }
.bp-img {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #f8f5ef 0%, #e8e2d4 100%);
  min-height: 360px;
}
.bp-img img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}
.bp-tag {
  position: absolute; top: 16px; left: 16px;
  background: rgba(255,255,255,.85);
  color: var(--green);
  font-size: 11px; letter-spacing: .14em;
  padding: 5px 11px; border-radius: 999px;
  backdrop-filter: blur(2px);
}
.bp-text {
  padding: 56px 64px;
  display: flex; flex-direction: column; justify-content: center;
  background: #F4F1EB;
}
.bp-text h3 {
  font-size: 30px; color: var(--green); margin: 12px 0 18px;
  font-weight: 600; letter-spacing: .02em;
  font-family: "Noto Serif SC", serif;
}
.bp-eyebrow {
  font-family: var(--en);
  font-size: 12px; letter-spacing: .24em; color: #C97A5D;
  text-transform: uppercase;
}
.bp-text p {
  font-size: 14px; color: #4a4a4a; line-height: 2;
  margin: 0 0 28px;
}
.bp-text .btn-ghost {
  align-self: flex-start;
  border-color: var(--green); color: var(--green);
  background: transparent;
  padding: 13px 36px;
  border-radius: 4px;
  font-weight: 500; letter-spacing: .04em;
}
.bp-text .btn-ghost:hover { background: var(--green); color: #fff; border-color: var(--green); }

/* ---------- 参源科普引导（益处区块） ---------- */
.benefit-band {
  margin-top: 56px; padding: 44px 48px;
  background: var(--green); border-radius: var(--r-xl);
  display: flex; align-items: center; justify-content: space-between; gap: 36px;
  background-image: linear-gradient(120deg, rgba(17,68,63,.92), rgba(42,114,105,.88)), url("../images/science/benefit-eco.png");
  background-size: cover; background-position: center;
}
.benefit-band .b-eyebrow {
  display: block; font-family: var(--en); font-size: 12px;
  letter-spacing: .22em; color: var(--gold); margin-bottom: 12px;
}
.benefit-band h3 { font-size: 26px; color: var(--gold); margin-bottom: 12px; }
.benefit-band p { font-size: 14px; color: rgba(248, 245, 239, .82); line-height: 2; max-width: 560px; }
.benefit-band .b-actions { display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; }
.benefit-band .btn-ghost { border-color: rgba(242, 201, 157, .5); color: var(--gold); }

/* ---------- 购物清单抽屉 ---------- */
#cartMask {
  position: fixed; inset: 0; z-index: 199;
  background: rgba(17, 68, 63, .45); backdrop-filter: blur(2px);
}
#cartDrawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 200;
  width: min(420px, 92vw); background: var(--white);
  box-shadow: -18px 0 60px rgba(17, 68, 63, .18);
  transform: translateX(102%); transition: transform .32s cubic-bezier(.22, .8, .32, 1);
  display: flex; flex-direction: column;
}
#cartDrawer.open { transform: translateX(0); }
.cart-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 24px; background: var(--green); color: var(--gold);
}
.cart-head h3 { font-size: 18px; color: var(--gold); }
#cartClose {
  background: none; border: none; color: var(--gold); font-size: 18px;
  cursor: pointer; padding: 4px 8px; border-radius: 6px;
}
#cartClose:hover { background: rgba(242, 201, 157, .15); }
.cart-body { flex: 1; overflow-y: auto; padding: 18px 24px; }
.cart-empty { text-align: center; color: var(--muted); font-size: 14px; padding: 60px 0; }
.cart-empty a { color: var(--gold-deep); }
.cart-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 16px 0; border-bottom: 1px solid var(--line);
}
.cart-item img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--r-md); flex-shrink: 0; }
.cart-item .ci-info { flex: 1; }
.cart-item h4 { font-size: 14.5px; color: var(--green); margin-bottom: 4px; }
.cart-item .ci-spec { font-size: 12px; color: var(--muted); margin-bottom: 6px; }
.cart-item .ci-price { font-size: 13px; color: #37433f; }
.cart-item .ci-price strong { color: var(--gold-deep); font-size: 15px; }
.cart-item .ci-del {
  background: none; border: 1px solid var(--line); color: var(--muted);
  width: 26px; height: 26px; border-radius: 50%; cursor: pointer; font-size: 12px;
  transition: color .2s, border-color .2s; flex-shrink: 0;
}
.cart-item .ci-del:hover { color: #c0392b; border-color: #c0392b; }
.cart-foot { padding: 18px 24px 24px; border-top: 1px solid var(--line); background: var(--white); }
.cart-total { font-size: 14px; color: var(--muted); margin-bottom: 14px; }
.cart-total strong { font-size: 24px; color: var(--green); font-family: var(--serif); margin: 0 4px; }
.cart-total .note { display: block; font-size: 11.5px; margin-top: 4px; }
.cart-actions { display: flex; gap: 10px; }
.cart-actions .btn-primary, .cart-actions .btn-ghost { flex: 1; text-align: center; padding: 12px 10px; }
.cart-tip { font-size: 11.5px; color: var(--muted); margin-top: 12px; line-height: 1.7; }

/* ---------- 轻提示 ---------- */
#toast {
  position: fixed; left: 50%; bottom: 42px; transform: translate(-50%, 20px);
  background: var(--green); color: var(--gold);
  padding: 13px 30px; border-radius: 28px; font-size: 14px;
  box-shadow: var(--shadow-md); opacity: 0; pointer-events: none;
  transition: opacity .28s, transform .28s; z-index: 300; max-width: 88vw;
}
#toast.show { opacity: 1; transform: translate(-50%, 0); }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .goods-main { grid-template-columns: 1fr; gap: 30px; }
  .goods-gallery { display: block; }
  .goods-gallery .g-main img { height: auto; aspect-ratio: 4/4.2; }
  .trust-grid { grid-template-columns: 1fr 1fr; }
  .trust-grid.seven { grid-template-columns: 1fr 1fr; }
  .bp-row { grid-template-columns: 1fr; min-height: auto; }
  .bp-row.flip .bp-img { order: 1; }
  .bp-row.flip .bp-text { order: 2; }
  .bp-img { min-height: 240px; }
  .bp-text { padding: 36px 28px; }
  .bp-text h3 { font-size: 24px; }
  .benefit-band { flex-direction: column; align-items: flex-start; padding: 32px 26px; }
  .benefit-band .b-actions { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 560px) {
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid.seven { grid-template-columns: 1fr; }
  .bp-row { grid-template-columns: 1fr; }
  .buy-actions .btn-primary, .buy-actions .btn-gold { flex: 1; text-align: center; }
  .qty-sub { display: none; }
  .opt { padding: 9px 16px; }
  .goods-info h1 { font-size: 26px; }
}

/* ============ 政策页脚联系信息 ============ */
.foot-contact { margin-top: 14px; color: rgba(248,245,239,.6); font-size: 12.5px; line-height: 1.85; }

/* ============ 长文章 paper 页 ============ */
.article-wrap { max-width: 880px; margin: 0 auto; padding: 50px 0 80px; }
.article-wrap .container { max-width: 880px; }
.article-reading {
  display: inline-block;
  font-size: 12px;
  color: var(--green);
  background: var(--gold);
  padding: 4px 12px;
  border-radius: 4px;
  margin-bottom: 18px;
  letter-spacing: .05em;
  font-weight: 600;
}
.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  font-size: 13.5px;
  color: #666;
  margin-bottom: 26px;
}
.article-meta .tag {
  background: var(--gold);
  color: var(--green);
  padding: 3px 10px;
  border-radius: 3px;
  font-size: 12px;
}
.article-cover {
  width: 100%;
  margin-bottom: 36px;
  border-radius: 4px;
  overflow: hidden;
}
.article-cover img { width: 100%; height: auto; display: block; }
.article-body { font-size: 16px; line-height: 1.95; color: #333; }
.article-body h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--green);
  margin: 36px 0 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--gold);
}
.article-body h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--green);
  margin: 28px 0 12px;
}
.article-body p { margin-bottom: 18px; }
.article-body ul, .article-body ol { margin: 14px 0 22px 22px; }
.article-body li { margin-bottom: 8px; line-height: 1.85; }
.article-body table { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: 14.5px; }
.article-body table th, .article-body table td {
  border: 1px solid rgba(17,68,63,.18);
  padding: 12px 14px;
  text-align: left;
}
.article-body table th { background: rgba(17,68,63,.06); color: var(--green); font-weight: 600; }
.article-body blockquote {
  border-left: 3px solid var(--gold);
  background: rgba(242,201,157,.12);
  padding: 16px 22px;
  margin: 26px 0;
  font-size: 15px;
  color: #444;
  font-style: italic;
}

/* ============ 上下篇导航 ============ */
.article-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 50px 0 0;
  padding: 30px 0;
  border-top: 1px solid rgba(17,68,63,.12);
  border-bottom: 1px solid rgba(17,68,63,.12);
}
.article-nav .lbl { font-size: 12px; color: #999; display: block; margin-bottom: 4px; letter-spacing: .1em; }
.article-nav .t { color: var(--green); font-weight: 600; font-size: 15px; }
.article-nav a.next { text-align: right; }
.related-reading { margin-top: 40px; }
.related-reading h3 { font-size: 18px; margin-bottom: 22px; color: var(--green); }

/* ============ 政策页 ============ */
.policy-wrap .article-body { font-size: 15px; }

/* ---------- 移动端补充 ---------- */
@media (max-width: 760px) {
  .article-body h2 { font-size: 19px; }
  .article-body h3 { font-size: 16.5px; }
  .article-body { font-size: 15.5px; }
  .article-nav { grid-template-columns: 1fr; }
  .article-nav a.next { text-align: left; }
}
@media (max-width: 560px) {
  .foot-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .foot-grid > nav { border-top: 1px solid rgba(248,245,239,.08); padding-top: 22px; }
  .foot-grid > nav:first-of-type { border-top: 0; padding-top: 0; }
  .article-wrap { padding: 32px 0 50px; }
}

/* ============== 东海岸整页（v2.8）· 六步工序 + 产品展示 ============== */
.proc-band { margin: 80px 0 60px; padding-top: 60px; border-top: 1px dashed var(--line); }
.proc-head { text-align: center; margin-bottom: 40px; }
.proc-head .eyebrow {
  display: inline-block; font-family: var(--en);
  font-size: 12px; letter-spacing: .34em;
  color: var(--gold-deep); margin-bottom: 14px;
}
.proc-head h2 { font-size: 30px; color: var(--green); margin-bottom: 10px; font-weight: 700; }
.proc-head p { color: var(--muted); font-size: 15px; }

.proc-rail {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px;
}
.proc-step { background: var(--white); border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); transition: transform .25s, box-shadow .25s; display: flex; flex-direction: column; height: 100%; }
.proc-step:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.proc-step .proc-img {
  position: relative; display: block; aspect-ratio: 1/1; overflow: hidden;
  background: linear-gradient(135deg, #ecf4f3 0%, #d8e8e3 100%);
}
.proc-step .proc-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s ease;
}
.proc-step:hover .proc-img img { transform: scale(1.06); }
.proc-step .proc-num {
  position: absolute; top: 10px; left: 10px;
  width: 38px; height: 38px; line-height: 38px; text-align: center;
  background: var(--green); color: var(--gold);
  font-family: var(--en); font-weight: 700; font-size: 14px;
  border-radius: 50%; box-shadow: 0 4px 10px rgba(17,68,63,.25);
}
.proc-step .proc-emoji {
  position: absolute; right: 10px; bottom: 10px;
  width: 38px; height: 38px; line-height: 38px; text-align: center;
  background: rgba(255,255,255,.92); border-radius: 50%; font-size: 18px;
}
.proc-step .proc-meta { padding: 14px 12px 18px; text-align: center; flex: 1; display: flex; flex-direction: column; }
.proc-step .proc-en {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  font-family: var(--en); font-size: 10px; letter-spacing: .22em;
  color: var(--gold-deep); margin-bottom: 6px;
  min-height: 26px; /* 1 或 2 行 EN 标题统一基线 */
}
.proc-step h3 { font-size: 15px; color: var(--green); margin-bottom: 8px; font-weight: 700; min-height: 22px; }
.proc-step p {
  font-size: 12px; color: var(--muted); line-height: 1.8;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
  line-clamp: 4; overflow: hidden;
}

/* ----- 产品展示 ----- */
.gallery-band { margin: 60px 0 40px; padding-top: 60px; border-top: 1px dashed var(--line); }
.gallery-head { text-align: center; margin-bottom: 40px; }
.gallery-head .eyebrow {
  display: inline-block; font-family: var(--en);
  font-size: 12px; letter-spacing: .34em;
  color: var(--gold-deep); margin-bottom: 14px;
}
.gallery-head h2 { font-size: 30px; color: var(--green); margin-bottom: 10px; font-weight: 700; }
.gallery-head p { color: var(--muted); font-size: 15px; }

.gallery-grid {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px;
}
.gallery-item { background: var(--white); border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--line); transition: transform .25s, box-shadow .25s; display: flex; flex-direction: column; height: 100%; }
.gallery-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.g-thumb { position: relative; aspect-ratio: 1/1; overflow: hidden; background: #f7f4ee; }
.g-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.gallery-item:hover .g-thumb img { transform: scale(1.08); }
.g-no {
  position: absolute; top: 8px; right: 8px;
  background: rgba(17,68,63,.78); color: var(--gold);
  padding: 3px 9px; border-radius: 30px;
  font-family: var(--en); font-size: 11px; font-weight: 700; letter-spacing: .1em;
}
.gallery-item figcaption { padding: 12px 12px 16px; text-align: center; flex: 1; display: flex; flex-direction: column; }
.gallery-item .g-en {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  font-family: var(--en);
  font-size: 10px; letter-spacing: .22em;
  color: var(--gold-deep); margin-bottom: 6px;
  min-height: 24px; /* 1 或 2 行 EN 标题统一基线 */
}
.gallery-item h4 { font-size: 14.5px; color: var(--green); margin-bottom: 6px; font-weight: 600; min-height: 20px; }
.gallery-item p {
  font-size: 11.5px; color: var(--muted); line-height: 1.7;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  line-clamp: 2; overflow: hidden;
}

/* ----- 响应式：东海岸 ----- */
@media (max-width: 1100px) {
  .proc-rail { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .proc-rail { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .proc-head h2, .gallery-head h2 { font-size: 24px; }
}
@media (max-width: 460px) {
  .proc-rail { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
}


/* ============================================================
 * 移动端排版优化补丁（2026-08-28 结兴指示 · v3.9）
 * 原则：只动窄屏断点，桌面(>1020px)已确认版式一律不碰
 * ============================================================ */

/* 1) 海参志列表：标题行 flex 对齐，LOGO 放大突出（图1/图2） */
.sci-row h3 { display: flex; align-items: center; gap: 12px; }
.sci-row .h-logo { flex: 0 0 auto; width: 34px; height: 34px; margin-right: 0; vertical-align: baseline; }
.news-item h3 { display: flex; align-items: flex-start; gap: 10px; }
.news-item h3 .h-logo { flex: 0 0 auto; width: 26px; height: 26px; margin-right: 0; margin-top: 4px; }
@media (max-width: 860px) {
  .sci-row h3 { gap: 10px; font-size: 24px; }
  .sci-row .h-logo { width: 28px; height: 28px; }
}

/* 2) 手机版首页精选产品卡：产品图片移到上方，消大留白（图3/图4） */
@media (max-width: 900px) {
  .feat-card { flex-direction: column-reverse; min-height: 0; }
  .feat-img { min-height: 0; aspect-ratio: 4 / 3; }
  .feat-img img { height: 100%; }
}

/* 3) 工艺步进卡：窄屏填满空格，不留空位（图5） */
@media (max-width: 1020px) and (min-width: 561px) {
  .craft-grid { grid-template-columns: repeat(6, 1fr); }
  .craft-step { grid-column: span 2; }
  .craft-step:nth-child(4), .craft-step:nth-child(5) { grid-column: span 3; }
}
@media (max-width: 560px) and (min-width: 461px) {
  .craft-step:last-child { grid-column: span 2; }
}

/* 4) 首页海参志卡：≤980 两列时最后一张横跨填满（图6） */
@media (max-width: 980px) and (min-width: 561px) {
  .sci-grid .sci-card:last-child { grid-column: span 2; }
}

/* 5) 页脚手机版：品牌区居中 + LOGO 突出 + 链接组两列收短（图7） */
@media (max-width: 560px) {
  .nice-footer { padding-top: 48px; }
  .foot-grid { grid-template-columns: 1fr 1fr !important; gap: 26px 20px; }
  .foot-brand { grid-column: 1 / -1; text-align: center; padding-top: 0; }
  .foot-brand img { display: block; height: 112px; margin: 0 auto 14px; }
  .foot-brand .t { font-size: 24px; }
  .foot-grid > nav:last-of-type { grid-column: 1 / -1; }
}

/* ============================================================
 * 手机版导航栏补丁（2026-08-28 结兴指示 · v3.10）
 * 汉堡菜单移到右侧，与购物车按钮并排、同尺寸、同圆样式
 * ============================================================ */
@media (max-width: 860px) {
  .navbar { position: relative; }
  .navbar-header { display: flex; align-items: center; }
  .navbar-toggle {
    position: absolute;
    right: 24px;                       /* 与 navbar 左右内边距对齐 */
    top: 50%; transform: translateY(-50%);
    width: 38px; height: 38px;
    padding: 0;
    align-items: center; justify-content: center;
    gap: 4px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 50%;
  }
  .navbar-toggle .icon-bar { width: 17px; background: var(--green); }
  .nav-right { margin-right: 48px; }   /* 购物车左移，给汉堡让位（38px + 10px 间距） */
}

/* ============================================================
 * 平板/横屏档补丁（2026-08-28 结兴指示 · v3.11）
 * 适用 561-1020px 设备（结兴设备宽度区间），真手机竖屏 ≤560 不受影响
 * ============================================================ */
@media (min-width: 561px) and (max-width: 1020px) {
  /* 精选产品：一行4卡（保持图上文下） */
  .feat-grid { grid-template-columns: repeat(4, 1fr); gap: 18px; }
  .feat-card { min-height: 0; }
  .feat-body { padding: 18px 18px 16px; }
  .feat-body h3 { font-size: 17px; }
  .feat-body .feat-desc { font-size: 13px; }

  /* 使命愿景：一行2个 */
  .mv-grid { grid-template-columns: 1fr 1fr; }

  /* 价值观：一行4个 */
  .value-grid { grid-template-columns: repeat(4, 1fr); }
  .value-card h4 { font-size: 16px; }

  /* 首页海参志：hero 横铺一行 + 3卡一行3个 */
  .sci-grid { grid-template-columns: repeat(3, 1fr); }
  .sci-grid .sci-hero { grid-column: 1 / -1; }
  .sci-grid .sci-card:last-child { grid-column: auto; }

  /* 新闻动态：一行3个 */
  .news-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }

  /* 产品系列：一行4个 */
  .series-strip { grid-template-columns: repeat(4, 1fr); gap: 18px; }

  /* 页脚：品牌区+3组链接同排，用满横向空间 */
  .foot-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; }
  .foot-grid > nav { border-top: 0; padding-top: 0; }
}

/* ============================================================
 * 平板档微调（2026-08-28 结兴二次指示 · v3.12）
 * ============================================================ */
@media (min-width: 561px) and (max-width: 1020px) {
  /* 精选产品：一行2卡 */
  .feat-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
  .feat-body { padding: 22px 22px 20px; }
  .feat-body h3 { font-size: 19px; }
  .feat-body .feat-desc { font-size: 14px; }

  /* 工艺五步：一行5卡铺满 */
  .craft-grid { grid-template-columns: repeat(5, 1fr); gap: 18px; }
  .craft-step, .craft-step:nth-child(4), .craft-step:nth-child(5) { grid-column: auto; }
  .craft-step .body { padding: 16px 16px 18px; }
  .craft-step h4 { font-size: 16px; }
  .craft-step p { font-size: 12.5px; }
}

/* ============================================================
 * 修复补丁（2026-08-28 结兴指示 · v3.13）
 * ============================================================ */
/* 1) 海参志列表对齐修复：sci-list 是 flex 容器，margin:auto 导致
      fit-content 收缩、每条宽度不一——显式 width:100% 统一为 860 居中 */
.sci-row.no-pic, .sci-row.no-pic:nth-child(even) { width: 100%; }

/* 2) 手机版语言切换：汉堡菜单内 CN/EN 切换块 */
#mobileNav .change-lang { display: flex; align-items: center; gap: 10px; padding: 16px 24px; margin-left: 0; }
#mobileNav .change-lang .m-lang-lab { font-size: 13px; color: rgba(248,245,239,.6); letter-spacing: 1px; }
#mobileNav .change-lang a {
  font-size: 13px; padding: 5px 16px; border-radius: 999px;
  border: 1px solid rgba(242,201,157,.35); color: var(--cream);
}
#mobileNav .change-lang a.current { color: var(--green); background: var(--gold); border-color: var(--gold); font-weight: 700; }

/* ============================================================
 * 页脚品牌区高度收敛（2026-08-28 结兴指示 · v3.14）
 * LOGO与品牌字不超出链接组底部边界
 * ============================================================ */
@media (min-width: 561px) and (max-width: 1020px) {
  .foot-brand img { height: 60px; margin-bottom: 10px; }
  .foot-brand .t { font-size: 19px; margin-bottom: 8px; }
  .foot-brand p { font-size: 13px; line-height: 1.8; }
}
@media (max-width: 560px) {
  .foot-brand img { height: 76px; margin-bottom: 10px; }
  .foot-brand .t { font-size: 21px; }
}

/* 平板档精选产品卡：图片统一4:3比例，标题行对齐（2026-08-28 · v3.15） */
@media (min-width: 561px) and (max-width: 1020px) {
  .feat-img { min-height: 0; aspect-ratio: 4 / 3; }
  .feat-img img { height: 100%; }
}

/* ============================================================
 * 手机版顶栏语言按钮（2026-08-28 结兴指示 · v3.16）
 * 位于购物车左侧，与购物车/汉堡同高同风格圆钮系列
 * ============================================================ */
.m-lang-btn { display: none; }
@media (max-width: 860px) {
  .m-lang-btn {
    display: inline-flex; align-items: center; justify-content: center;
    height: 38px; min-width: 46px; padding: 0 13px;
    border-radius: 19px; border: 1px solid var(--line);
    background: var(--white); color: var(--green);
    font-family: var(--en); font-size: 12.5px; font-weight: 700; letter-spacing: .08em;
    cursor: pointer; transition: border-color .2s, color .2s;
  }
  .m-lang-btn:hover { border-color: var(--gold-deep); color: var(--gold-deep); }
  .nav-right { gap: 10px; }
}

/* 手机版语言按钮：全称「中文/英文」（2026-08-28 · v3.17） */
@media (max-width: 860px) {
  .m-lang-btn { font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: .05em; }
}

/* 新闻列表日期块下：统一宫盏LOGO（2026-08-28 结兴指示 · v3.18） */
.news-item .d { display: flex; flex-direction: column; align-items: center; }
.news-item .d .d-logo { width: 72px; height: auto; margin-top: 14px; opacity: .92; }
@media (max-width: 560px) {
  .news-item .d { flex-direction: row; justify-content: flex-start; gap: 10px; border-right: none; }
  .news-item .d .d-logo { width: 44px; margin-top: 0; }
}

/* ============================================================
 * 手机版轮播修复（2026-08-28 结兴指示 · v3.19）
 * 绿色背景延伸至内容底部（LOGO 不再溢出绿底）
 * ============================================================ */
@media (max-width: 860px) {
  .nice-slider { height: auto; min-height: 0; }
  .slider-track { height: auto; }
  .slider-item {
    position: relative; inset: auto;
    display: none; opacity: 1;
    padding: 30px 0 42px;
  }
  .slider-item, .slider-item.on { opacity: 1; animation: none; }
  .slider-item.on { display: flex; }
  .slide-inner { padding: 0 22px; }
  .slide-inner p { margin-bottom: 22px; }
  .slide-pic { margin-top: 26px; }
  .slide-pic img { max-height: 168px; }
  .slider-dots { bottom: 14px; }
}
@keyframes gzSlideFade { from { opacity: 0; } to { opacity: 1; } }

/* ============================================================
 * 海参志统一模板（2026-08-28 结兴拍板方案1 · v3.20）
 * 首页摘要态 + 独立页完整态共用深绿 HERO 头
 * ============================================================ */
/* 独立页 HERO 圆角与底边距 */
.journal-hero { border-radius: var(--r-lg); }
/* 首页：hero 大卡移除后，文章卡统一一行3个（覆盖旧断点规则） */
.sci-grid { grid-template-columns: repeat(3, 1fr) !important; }
.sci-grid .sci-hero { display: none !important; }
.sci-grid .sci-card:last-child { grid-column: auto !important; }
@media (max-width: 980px) {
  .sci-grid { gap: 18px; }
  .sci-card h4 { font-size: 17px; }
}
@media (max-width: 560px) {
  .sci-grid { grid-template-columns: 1fr !important; }
}

/* ============================================================
 * 英文态价值观卡排版（2026-08-28 结兴指示 · v3.21）
 * 中文34px大字距仅适用于两字中文；英文切换为大写衬线小字+收窄字距
 * ============================================================ */
html[lang="en"] .value-card.word-only h4 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .12em;
  text-indent: .12em;
  text-transform: uppercase;
  line-height: 1.9;
  max-width: 100%;
}
html[lang="en"] .value-card.word-only .wm { font-size: 84px; }

/* ============================================================
 * 全站深绿轻奢质感层（2026-08-28 结兴指示 · v3.22）
 * 色调不变（深海绿），三叠层：噪点颗粒 + 金色氛围光晕 + 深海对角渐变
 * 图3 参考质感：有深浅呼吸的绿，不再是平涂死绿
 * ============================================================ */
.sci-cta,
.craft-sec,
.quote-strip,
.cta-band,
.nice-footer,
.mv-card.alt,
.value-card.word-only,
.about-split .sc_block,
.slider-item.slide-1,
.slider-item.slide-3 {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),
    radial-gradient(1100px 520px at 88% -8%, rgba(242, 201, 157, .09), transparent 62%),
    radial-gradient(900px 560px at -12% 112%, rgba(46, 116, 106, .55), transparent 58%),
    linear-gradient(152deg, #0B332E 0%, #11443F 52%, #174E46 100%);
  background-size: 240px 240px, auto, auto, auto;
}
/* 反向光晕档：轮播第2张，方向镜像避免三屏全同 */
.slider-item.slide-2 {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),
    radial-gradient(1100px 520px at 8% 108%, rgba(242, 201, 157, .09), transparent 62%),
    radial-gradient(900px 560px at 108% -12%, rgba(46, 116, 106, .55), transparent 58%),
    linear-gradient(328deg, #0B332E 0%, #11443F 52%, #174E46 100%);
  background-size: 240px 240px, auto, auto, auto;
}
/* 导航栏：保持半透明毛玻璃，仅叠噪点+轻金晕 */
.nice-header {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),
    radial-gradient(700px 280px at 90% -30%, rgba(242, 201, 157, .06), transparent 60%);
  background-size: 240px 240px, auto;
}
/* 工艺卡与统计卡：微弱内部渐变，与区域底分离 */
.craft-sec .craft-step,
.sci-cta-stats .stat {
  background-image: linear-gradient(160deg, rgba(248, 245, 239, .05) 0%, rgba(248, 245, 239, 0) 55%);
}