/* ==========================================================================
   NAU International Food Group — 视觉升级层（2026-09-24）
   参考：Agthia（UAE）的留白/圆角卡片/细横线，Kepak（EU）的大字号/品牌色块/描边按钮
   与官网 logo 统一主色：深绿 #006438 + 金 #F6AE36
   ========================================================================== */
:root {
  --grn: #006438;
  --grn-2: #0a7a48;
  --grn-deep: #05291a;
  --gold: #f6ae36;
  --gold-2: #e09a1e;
  --ink: #10241b;
  --mut: #5c6b62;
  --line: #e6ebe6;
  --soft: #f5f7f5;
  --rad: 18px;
  --maxw: 1240px;
  --sh-1: 0 2px 6px rgba(16, 36, 27, .05), 0 14px 34px -18px rgba(16, 36, 27, .22);
  --sh-2: 0 4px 12px rgba(16, 36, 27, .07), 0 26px 50px -24px rgba(16, 36, 27, .30);
}

/* ── 1. 基础排版与节奏 ─────────────────────────────────────────── */
body { color: var(--ink); font-size: 16px; line-height: 1.75; }
.container { max-width: var(--maxw); }
.warrpbox { padding: clamp(68px, 7.6vw, 118px) 0; }
.warrpbox.index_about { background: linear-gradient(180deg, #fff 0%, #f7faf7 100%); }
.warrpbox.index_news { background: var(--soft); }

/* 区块标题：大字号 + 金色短横线（现代集团的"眉标"做法） */
.title { margin-bottom: 34px; }
.title h1, .title h2, .warrpbox .title h2.poppins-black {
  position: relative;
  font-size: clamp(27px, 3.1vw, 42px);
  font-weight: 800;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--ink);
  line-height: 1.14;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.title h1:after, .title h2:after {
  content: "";
  position: absolute; left: 0; bottom: 0;
  width: 58px; height: 4px; border-radius: 3px;
  background: linear-gradient(90deg, var(--grn) 0%, var(--gold) 100%);
}
.title.center h1:after, .title.center h2:after { left: 50%; transform: translateX(-50%); }
.index_news .title h2:after { left: 0; }
.title p { color: var(--mut); font-size: clamp(15px, 1.1vw, 17.5px); max-width: 780px; margin: 14px 0 0; }

/* ── 2. 按钮 ───────────────────────────────────────────────────── */
.more, a.more {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 26px 13px 20px;
  background: linear-gradient(135deg, var(--grn) 0%, var(--grn-2) 100%);
  color: #fff !important; font-weight: 600; font-size: 15px;
  border-radius: 100px; text-decoration: none;
  box-shadow: 0 10px 26px -12px rgba(0, 100, 56, .65);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.more:hover, a.more:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -14px rgba(0, 100, 56, .75); filter: saturate(1.06); }
.more span, .more i { color: var(--gold) !important; font-size: 18px; }
.btn-solid, .btn-ghost {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  height: 52px; padding: 0 30px; border-radius: 100px;
  font-weight: 600; font-size: 15.5px; text-decoration: none; transition: all .25s ease;
}
.btn-solid { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%); color: #21160a !important; box-shadow: 0 14px 30px -14px rgba(246, 174, 54, .85); }
.btn-solid:hover { transform: translateY(-2px) }
.btn-ghost { border: 1.6px solid rgba(255, 255, 255, .62); color: #fff !important; backdrop-filter: blur(6px); background: rgba(255, 255, 255, .07); }
.btn-ghost:hover { background: rgba(255, 255, 255, .16); border-color: #fff; }

/* ── 3. 页头 ───────────────────────────────────────────────────── */
header.header { transition: background .3s ease, box-shadow .3s ease; }
header.header .navbar-nav .nav-link { font-size: 14.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
header.header .navbar-nav .nav-item { margin: 0 16px; }
header.header .Inquiry {
  display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 22px;
  background: linear-gradient(135deg, var(--grn) 0%, var(--grn-2) 100%); color: #fff !important;
  border-radius: 100px; font-weight: 600; font-size: 14.5px; letter-spacing: .03em;
  box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .6); transition: transform .2s ease;
}
header.header .Inquiry:hover { transform: translateY(-1px) }
header.header .Inquiry img { filter: brightness(0) invert(1); width: 17px; }

/* ── 4. 首屏 ───────────────────────────────────────────────────── */
#banner .hero-title { font-size: clamp(34px, 4.5vw, 68px) !important; font-weight: 800; letter-spacing: -.025em; line-height: 1.06; text-shadow: 0 4px 30px rgba(0, 0, 0, .35); }
#banner .hero-eyebrow { color: var(--gold) !important; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; font-size: 12.5px; }
#banner .hero-sub { font-size: clamp(15px, 1.25vw, 19.5px); max-width: 640px; opacity: .95; }
#banner .hero-meta { font-size: clamp(13px, .95vw, 15px); opacity: .82; }
#banner .hero-cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
#banner .title-tx { padding-bottom: 0; }

/* 首屏下的信任条（Halal / HACCP / GACC / DDP） */
.trust-strip { background: #fff; border-bottom: 1px solid var(--line); }
.trust-strip ul { display: flex; flex-wrap: wrap; margin: 0; padding: 26px 0; list-style: none; }
.trust-strip li {
  display: flex; align-items: center; gap: 12px; flex: 1 1 22%;
  padding: 0 22px; border-right: 1px solid var(--line);
  font-size: 14px; color: var(--mut); line-height: 1.35;
}
.trust-strip li:last-child { border-right: 0 }
.trust-strip li i { color: var(--grn); font-size: 22px; }
.trust-strip li b { display: block; color: var(--ink); font-size: 15px; font-weight: 700; }

/* ── 5. 统计块（数字卡） ───────────────────────────────────────── */
.num_box { margin-top: 78px; }
.num_box li {
  background: #fff; border: 1px solid var(--line); border-radius: var(--rad);
  padding: 30px 26px 26px; box-shadow: var(--sh-1); transition: transform .25s ease, box-shadow .25s ease;
}
.num_box li:hover { transform: translateY(-4px); box-shadow: var(--sh-2); }
.num_box li h3 { color: var(--grn); font-size: clamp(34px, 3.2vw, 46px); font-weight: 800; letter-spacing: -.02em; }
.num_box li h3 i { color: var(--gold); font-weight: 800; }
.num_box li p { margin: 6px 0 0; color: var(--mut); font-size: 14px; text-transform: uppercase; letter-spacing: .06em; }

/* ── 6. 产品 ───────────────────────────────────────────────────── */
.pro_left h3 { font-size: clamp(20px, 1.7vw, 26px); font-weight: 700; margin-bottom: 22px; }
.pro_left .pro_text { color: var(--mut); font-size: 15.5px; }
.pro_li li { box-shadow: var(--sh-1); border: 5px solid #fff; transition: transform .3s ease, box-shadow .3s ease; }
.pro_li li:hover { transform: translateY(-6px) scale(1.03); box-shadow: var(--sh-2); }
.pro_li li:before { background: rgba(0, 100, 56, .22); }
.pro_right .img_box { border-radius: var(--rad); overflow: hidden; box-shadow: var(--sh-2); }
.pro_right .img_box img { width: 100%; height: auto; display: block; }
.pro_right:before { color: #eef3ee; text-shadow: none; }

/* ── 7. 市场分布：深绿品牌色块 ────────────────────────────────── */
.index_market { background: linear-gradient(120deg, var(--grn-deep) 0%, var(--grn) 62%, #0b6b41 100%); }
.index_market .title h2, .index_market .title h1 { color: #fff; }
.index_market .title p, .index_market p, .index_market span { color: rgba(255, 255, 255, .86); }
.index_market h3 { color: #fff; font-weight: 700; }
.index_market .title h2:after { background: linear-gradient(90deg, var(--gold) 0%, rgba(246, 174, 54, .25) 100%); }
.index_market img { border-radius: var(--rad); }
.index_market .more { background: #fff; color: var(--grn) !important; box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .7); }
.index_market .more span, .index_market .more i { color: var(--grn) !important; }
.index_market [class*="country"], .index_market .num_box li p { color: rgba(255, 255, 255, .8); }
.index_market .num_box li { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); }
.index_market .num_box li h3 { color: #fff; }

/* ── 8. 新闻卡 ────────────────────────────────────────────────── */
.news-swiper .swiper-slide, .index_news a.swiper-slide {
  background: #fff; border-radius: var(--rad); overflow: hidden; box-shadow: var(--sh-1);
  transition: transform .28s ease, box-shadow .28s ease; display: block; text-decoration: none;
}
.news-swiper .swiper-slide:hover, .index_news a.swiper-slide:hover { transform: translateY(-6px); box-shadow: var(--sh-2); }
.news-swiper .img_box, .index_news .img_box { overflow: hidden; aspect-ratio: 16 / 10; }
.news-swiper .img_box img, .index_news .img_box img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.news-swiper .swiper-slide:hover img, .index_news a.swiper-slide:hover img { transform: scale(1.06); }
.news-swiper .text_box, .index_news .text_box { padding: 22px 24px 26px; }
.news-swiper .text_box h4, .index_news .text_box h4 {
  font-size: 17.5px; font-weight: 700; line-height: 1.4; color: var(--ink);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.news-swiper .line_xu, .index_news .line_xu { width: 34px; height: 3px; border-radius: 2px; background: var(--gold); margin: 12px 0; }
.news-swiper .text_box p, .index_news .text_box p { color: var(--mut); font-size: 14px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.news-swiper .more, .index_news .more { padding: 0; width: 36px; height: 36px; justify-content: center; background: var(--soft); box-shadow: none; }
.news-swiper .more i, .index_news .more i { color: var(--grn) !important; }
.news-btn, .banner-btn { display: flex; gap: 10px; }
.news-btns, .banner-btns {
  width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center; color: var(--grn); cursor: pointer;
  box-shadow: 0 6px 18px -10px rgba(16, 36, 27, .35); transition: all .2s ease;
}
.news-btns:hover, .banner-btns:hover { background: var(--grn); color: #fff; }

/* ── 9. 内页 banner 标题 ──────────────────────────────────────── */
#banner-img { position: relative; }
#banner-img:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 41, 26, .5) 0%, rgba(5, 41, 26, .28) 55%, rgba(5, 41, 26, .55) 100%); }
#banner-img .container { position: relative; z-index: 3; }
#banner-img h1 { font-size: clamp(30px, 3.6vw, 52px); font-weight: 800; letter-spacing: -.02em; text-transform: uppercase; color: #fff; text-shadow: 0 4px 26px rgba(0, 0, 0, .4); }

/* ── 10. 页脚 ─────────────────────────────────────────────────── */
footer { background: linear-gradient(180deg, #062e1c 0%, #04200f 100%); }
footer .footer_top { padding: 72px 0 40px; }
footer h3, footer .footer_center p:first-child, footer ul > li > p:first-child {
  color: var(--gold) !important; font-size: 14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
footer a, footer p, footer li { color: rgba(255, 255, 255, .78) !important; }
footer a:hover { color: #fff !important; }
footer .num { font-size: 19px !important; font-weight: 600; color: #fff !important; }
footer .footer_bootom, footer .footer_bottom {
  border-top: 1px solid rgba(255, 255, 255, .12); padding: 20px 0; margin-top: 30px;
}
footer .footer_bootom p, footer .footer_bottom p { font-size: 13.5px; color: rgba(255, 255, 255, .55) !important; }

/* ── 11. 响应式 ───────────────────────────────────────────────── */
@media (max-width: 992px) {
  .warrpbox { padding: 56px 0; }
  .trust-strip li { flex: 1 1 46%; border-right: 0; border-bottom: 1px solid var(--line); padding: 14px 0; }
  .trust-strip li:nth-child(2n) { padding-left: 18px; }
  .num_box { margin-top: 46px; }
  #banner .hero-cta { margin-top: 20px; }
}
@media (max-width: 576px) {
  .title h1, .title h2, .warrpbox .title h2.poppins-black { font-size: 25px; }
  .num_box li { padding: 20px 18px; }
  .btn-solid, .btn-ghost { height: 46px; padding: 0 22px; font-size: 14px; }
}

/* ── 12. 修正（2026-09-24 v2）────────────────────────────────────── */
/* 主题的 .more 是个"大圆按钮"，必须显式锁死尺寸，否则会变成一大块绿圆 */
.more, a.more {
  width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important;
  display: inline-flex !important; align-items: center; line-height: 1.25;
}
.more span, a.more span {
  width: 30px; height: 30px; min-width: 30px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(255, 255, 255, .16); flex: 0 0 auto;
}
.index_market .more span, .index_market .more i { background: transparent; }
.index_market .more span { background: rgba(0, 100, 56, .12); }

/* 深绿品牌块上的标题必须是白字（原主题规则更具体，需 important） */
.index_market .title h1, .index_market .title h2, .index_market .title h2.poppins-black,
.index_market .title h1.poppins-black { color: #fff !important; }
.index_market .title h2:after, .index_market .title h1:after { background: linear-gradient(90deg, #f6ae36 0%, rgba(246, 174, 54, .18) 100%) !important; }
.index_market .title p { color: rgba(255, 255, 255, .8) !important; }
.index_market canvas { filter: contrast(1.06) saturate(1.3); }

/* 统计数字：卡内不再溢出，加号回到行内 */
.num_box li h3 { font-size: clamp(24px, 2.3vw, 34px) !important; display: flex !important; align-items: baseline; gap: 1px; letter-spacing: -.02em; }
.num_box li h3 i { position: static !important; font-size: .6em !important; color: var(--gold); }
.num_box li p { margin-top: 8px !important; }

/* 首屏文字对比度 */
#banner .hero-title, #banner .hero-sub { text-shadow: 0 3px 24px rgba(0, 0, 0, .55), 0 1px 3px rgba(0, 0, 0, .4); }
#banner .hero-meta { color: rgba(255, 255, 255, .97) !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .5); }
#banner .hero-eyebrow { text-shadow: 0 2px 12px rgba(0, 0, 0, .6); }

/* 内页 banner 标题与颜色统一 */
#banner-img h1 { letter-spacing: -.015em; }
.title.center h1:after, .title.center h2:after { background: linear-gradient(90deg, var(--grn) 0%, var(--gold) 100%); }

/* ── 13. 按钮在 flex 行里被拉伸 → 强制居中、定高 ── */
.index_about .company_detail a.more, .company_detail > a.more { align-self: center !important; height: 52px !important; }
.index_about .company_detail { align-items: center !important; }
/* 全球分布：贴图换成带色彩的地球 */
.index_market canvas { filter: contrast(1.04) saturate(1.15) brightness(1.02); }

/* ── 14. 首屏主标题改金色 + 文字块柔光暗底（2026-09-24 用户：白色不明显）── */
#banner .hero-copy {
  padding: 30px 38px 32px;
  border-radius: 20px;
  background: linear-gradient(100deg, rgba(4, 26, 16, .70) 0%, rgba(4, 26, 16, .46) 55%, rgba(4, 26, 16, .05) 100%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
html[dir="rtl"] #banner .hero-copy {
  background: linear-gradient(260deg, rgba(4, 26, 16, .70) 0%, rgba(4, 26, 16, .46) 55%, rgba(4, 26, 16, .05) 100%);
}
#banner .hero-title {
  color: #f6ae36 !important;                    /* 品牌金 */
  background: linear-gradient(96deg, #ffd27a 0%, #f6ae36 46%, #e0911c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 3px 16px rgba(0, 0, 0, .55)) drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}
#banner .hero-eyebrow { color: rgba(255, 255, 255, .92) !important; font-weight: 700; }
#banner .hero-sub { color: rgba(255, 255, 255, .96) !important; }
#banner .hero-meta { color: rgba(255, 255, 255, .88) !important; }
@media (max-width: 992px) {
  #banner .hero-copy { padding: 20px 22px 22px; border-radius: 16px; }
}

/* Inquiry_icon_mobile_fix：主题在手机端把图宽高清零+隐藏文字 → 恢复「图标+文字」胶囊（2026-09-24）*/
@media (max-width: 992px) {
  /* 2026-09-26 修复：按钮必须有宽度下限，否则图标/文字溢出按钮框压住语言切换器 */
  header .header-right .Inquiry { display: inline-flex !important; align-items: center; gap: 7px; padding: 0 14px !important; height: 40px; width: auto !important; min-width: 46px !important; }
  header .header-right .Inquiry img { width: 17px !important; height: 17px !important; max-width: none !important; display: block !important; }
  header .header-right .Inquiry span { display: inline-block !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700; color: #0b2417 !important; }
  header .header-right .lang-switch { display: inline-flex !important; }
}
@media (max-width: 420px) {
  header .header-right .Inquiry span { display: none !important; }   /* 极窄屏只留图标 */
  header .header-right .Inquiry { padding: 0 11px !important; width: 40px !important; min-width: 40px !important; }
}

/* ── 15. 产品页升级：卡片规格行 + 详情页规格表/信任块/CTA（2026-09-24）── */
ul.product_li li { background: #fff; border: 1px solid var(--soft); border-radius: 20px;
  padding: 10px 0 6px; box-shadow: 0 6px 22px rgba(6, 54, 33, .055);
  transition: transform .25s, box-shadow .25s; }
ul.product_li li:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(6, 54, 33, .13); }
ul.product_li li a { display: flex; flex-direction: column; height: 100%; }
ul.product_li li .pro-name { font-weight: 700; font-size: 15.5px; line-height: 1.35; color: var(--ink);
  margin: 14px 18px 0; text-align: center; }
ul.product_li li .pro-spec { font-size: 12.6px; line-height: 1.5; color: var(--mut);
  margin: 7px 18px 0; text-align: center; }
ul.product_li li .pro-more { margin: 12px 18px 14px; font-size: 13px; font-weight: 700; color: var(--grn);
  text-align: center; letter-spacing: .01em; }
ul.product_li li:hover .pro-more { text-decoration: underline; }
@media (max-width: 640px) { ul.product_li li .pro-name { font-size: 14.5px } ul.product_li li .pro-spec { font-size: 12px } }

.nau-h2 { font-size: 20px; font-weight: 800; color: var(--ink); margin: 0 0 12px; }
.nau-spec-wrap { margin: 26px 0 24px; }
table.nau-spec { width: 100%; border-collapse: collapse; font-size: 14.4px; }
table.nau-spec tr { border-bottom: 1px solid var(--soft); }
table.nau-spec tr:last-child { border-bottom: 0; }
table.nau-spec th { text-align: left; width: 36%; padding: 12px 16px 12px 0; color: var(--grn);
  font-weight: 700; vertical-align: top; }
table.nau-spec td { padding: 12px 0; color: var(--ink); vertical-align: top; }
html[dir="rtl"] table.nau-spec th { text-align: right; padding: 12px 0 12px 16px; }
.nau-trust { background: #f4f8f5; border: 1px solid var(--soft); border-radius: 18px;
  padding: 24px 28px; margin: 0 0 24px; }
.nau-trust ul { list-style: none; margin: 0; padding: 0; }
.nau-trust li { position: relative; padding: 7px 0 7px 26px; font-size: 14.4px; line-height: 1.55; color: var(--ink2); }
.nau-trust li:before { content: "\2713"; position: absolute; left: 0; top: 6px; color: var(--grn); font-weight: 800; }
html[dir="rtl"] .nau-trust li { padding: 7px 26px 7px 0; }
html[dir="rtl"] .nau-trust li:before { left: auto; right: 0; }
.nau-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 4px 0 22px; }
@media (max-width: 640px) { table.nau-spec { font-size: 13.6px } table.nau-spec th { width: 42% } .nau-trust { padding: 18px 20px } }

/* ── 16. 详情页左栏：产品图固定跟随（右栏加规格表后左栏被拉高成空白框，2026-09-24）── */
@media (min-width: 992px) {
  .pro-view-container { align-items: flex-start; }
  .pro-view-container .pro-view-left { align-self: flex-start; position: sticky; top: 104px; }
}
@media (max-width: 991px) {
  .pro-view-container { display: block; }
  .pro-view-container .pro-view-left { max-width: 100%; margin: 0 0 22px; }
  .pro-view-container .pro-view-right { width: 100%; }
}

/* ── 17. 详情页实拍视频（竖版 9:16，点开才加载，2026-09-24）── */
.nau-videos { margin: 26px 0 30px; }
.nau-videos-sub { font-size: 14px; color: var(--mut); margin: 0 0 16px; }
.nau-video-row { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.nau-video-row figure { margin: 0; flex: 0 0 auto; width: 196px; scroll-snap-align: start; }
.nau-video-row video { width: 100%; aspect-ratio: 9 / 16; border-radius: 14px; background: #0b1a12;
  display: block; box-shadow: 0 6px 20px rgba(6, 54, 33, .14); object-fit: cover; }
.nau-video-row figcaption { font-size: 12.4px; line-height: 1.45; color: var(--mut); margin-top: 8px; }
html[dir="rtl"] .nau-video-row { scroll-snap-type: none; }
@media (max-width: 640px) { .nau-video-row figure { width: 152px; } }

/* ── 18. 首页「车间实拍」栏（2026-09-24）── */
.warrpbox.nau-realfoot { background: #f4f8f5; padding: clamp(48px, 5vw, 84px) 0; }
.warrpbox.nau-realfoot .title { margin-bottom: 14px; }
.warrpbox.nau-realfoot .nau-videos-sub { max-width: 720px; }
@media (max-width: 640px) { .warrpbox.nau-realfoot { padding: 40px 0; } }

/* 首页实拍栏：视频窗加宽填满容器（2026-09-24） */
@media (min-width: 992px) { .warrpbox.nau-realfoot .nau-video-row figure { width: 252px; } }
@media (min-width: 992px) and (max-width: 1240px) { .warrpbox.nau-realfoot .nau-video-row figure { width: calc(25% - 11px); } }

/* ── 19. 首页「企业简介」文字列不再被右侧冷库图压住（2026-09-25 第二版）──
   实测：1024/1280/1440 下右侧图片块左边界分别在 604/768/864px（≈视口右 40% 起），
        而正文列因主题内缩 216px，段落右边界达 641/797/877px，被图片压掉 37/29/13px。
   处理：≥992px 时把「文字列整块」(.index_about_text) 限宽到 min(762px, 50vw)，
        文字列右边界恒 ≤ 容器左偏移 + 50vw ≤ 58vw，与图片左边界 60vw 留出间隙；
        段落自身不再单独限宽（回归父级宽度）。 */
@media (min-width: 992px) {
  .warrpbox.index_about .container > .index_about_text {
    max-width: min(762px, 50vw);
  }
  .warrpbox.index_about .container > h1,
  .warrpbox.index_about .container > h2,
  .warrpbox.index_about .container > h3,
  .warrpbox.index_about .container > h4,
  .warrpbox.index_about .container > p,
  .warrpbox.index_about .container > div > p {
    max-width: min(762px, 50vw);
  }
  .warrpbox.index_about .container > .index_about_text p,
  .warrpbox.index_about .container > .index_about_text div p {
    max-width: 100%;
  }
}

/* ── 20. 阿语 RTL：首页「企业简介」图片块镜像到左侧（2026-09-25 修正版）──
   真正的根因：主题的图片块是 #gs（index.css 里 left:62%; right:0 物理定位 + ds.png 背景），
   RTL 下 left/right 不参与镜像，图片永远占右侧；而 .index_about_text 在 RTL 下右对齐，
   两者抢同一片区域 → 1280 下实测重叠 477px，正文几乎全被盖住。
   处理：RTL 时把 #gs 镜像到左侧（left:0 / right:38%，宽度不变），文字保持右侧右对齐，
        与英文版形成一致的左右分栏。 */
@media (min-width: 992px) {
  html[dir="rtl"] .warrpbox.index_about #gs {
    left: 0 !important;
    right: auto !important;
    width: 38% !important;   /* #gs 原宽度由 left:62%+right:0 撑出，RTL 下必须显式给宽度 */
  }
}

/* ── 20b. 阿语 RTL：简介区文字列再收一档（2026-09-25）──
   右上角另有装饰云图（约占视口右侧 25%），RTL 下文字右对齐同样会被它压住标题。
   处理：RTL 时把简介区文字列限宽到 min(620px, 44vw)，右边界恒留出装饰图位置。 */
@media (min-width: 992px) {
  html[dir="rtl"] .warrpbox.index_about .container > .index_about_text,
  html[dir="rtl"] .warrpbox.index_about .container > h2,
  html[dir="rtl"] .warrpbox.index_about .container > h3,
  html[dir="rtl"] .warrpbox.index_about .container > h4,
  html[dir="rtl"] .warrpbox.index_about .container > p,
  html[dir="rtl"] .warrpbox.index_about .container > div > p {
    max-width: min(620px, 44vw);
  }
}

/* ── 20c. 阿语 RTL：简介区实拍图 .aboutimg 也镜像到左侧（2026-09-25）──
   实测（1280）：简介区有两层图片 —— #gs（背景层，已镜像）与 .aboutimg（冷库实拍，left:960px），
   后者 RTL 下仍在右侧，压住右对齐正文 89~241px。处理：RTL 时与 #gs 一并镜像到左侧，宽度保持 25vw。 */
@media (min-width: 992px) {
  html[dir="rtl"] .warrpbox.index_about .aboutimg {
    left: 0 !important;
    right: auto !important;
    width: 25vw !important;
  }
}

/* ── 21. 手机档：首页企业简介配图定位修正（2026-09-25）──
   新配图 ds4.jpg 是竖长画布（1000x2433，上方 640px 为渐隐白过渡）。
   主题手机档规则为 background: url(...) left top + background-size:100%，
   在 150~200px 高的窄条里只会露出顶部白区 → 改为 cover + 中下部定位，保证露出纸箱主体。 */
@media (max-width: 991px) {
  .warrpbox.index_about #gs {
    background-size: cover !important;
    background-position: center 62% !important;
    background-repeat: no-repeat !important;
  }
}

/* ── 22. 首屏信任条（2026-09-25）── */
.nau-trust{background:#fff;border-bottom:1px solid #e8eef0;padding:18px 0;}
.nau-trust .container{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;}
.nau-trust .chip{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 180px;}
.nau-trust .chip i{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#e9f7ef,#d3efdf);color:#12854f;font-size:15px;}
.nau-trust .chip b{display:block;font-size:13.5px;line-height:1.25;color:#123c2b;font-weight:700;}
.nau-trust .chip span{display:block;font-size:11px;color:#7c8b86;letter-spacing:.2px;word-break:break-all;}
@media (max-width:991px){
  .nau-trust{padding:14px 0;}
  .nau-trust .container{gap:12px 14px;justify-content:flex-start;}
  .nau-trust .chip{flex:1 1 46%;}
  .nau-trust .chip b{font-size:12.5px;}
}

/* ── 23. 手机端常驻询价条（2026-09-25）── */
.nau-mbar{display:none;}
@media (max-width:991px){
  .nau-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;
    background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid #e2e9ec;
    box-shadow:0 -4px 18px rgba(6,40,26,.10);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:8px;}
  .nau-mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:10px;
    font-size:14px;font-weight:700;text-decoration:none;letter-spacing:.2px;}
  .nau-mbar a.wa{background:#25D366;color:#fff;}
  .nau-mbar a.ml{background:#eef3f5;color:#0f3d2a;border:1px solid #cfdde2;}
  .nau-mbar a.iq{background:linear-gradient(135deg,#f6ae36,#e0911c);color:#3a2600;}
  body{padding-bottom:64px;}
}
/* 页脚社媒死链改为可用入口后的小样式 */
.footer_top .left ul li a{font-size:16px;}
.footer_top .left ul li a.fa-whatsapp{color:#25D366;}

/* ── 24. 关于我们：新增板块样式（2026-09-25）── */
.nau-sec{padding:64px 0;}
.nau-sec .sec-head{margin-bottom:26px;}
.nau-sec .sec-head .eyebrow{display:inline-block;font-size:12px;letter-spacing:2.4px;font-weight:700;
  color:#12854f;text-transform:uppercase;margin-bottom:10px;}
.nau-sec .sec-head h3{font-size:29px;line-height:1.3;color:#0f2f24;font-weight:700;margin:0 0 12px;}
.nau-sec .sec-head .rule{width:64px;height:3px;background:linear-gradient(90deg,#f6ae36,#12854f);border-radius:2px;}
.nau-sec .lead{font-size:15.5px;line-height:1.85;color:#4c5c57;max-width:900px;margin-bottom:8px;}
.nau-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;}
.nau-card{background:#fff;border:1px solid #e7eef0;border-radius:14px;padding:20px 22px;
  box-shadow:0 6px 22px rgba(11,58,40,.05);transition:transform .25s ease, box-shadow .25s ease;}
.nau-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(11,58,40,.10);}
.nau-card h4{font-size:16px;color:#0f2f24;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:9px;}
.nau-card h4 i{color:#12854f;}
.nau-card p{font-size:13.8px;line-height:1.8;color:#5b6a65;margin:0;}
.nau-card .code{display:block;margin-top:10px;font-size:12px;color:#8a9691;letter-spacing:.4px;}
.nau-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px;}
.nau-flow div{background:#f7fafb;border:1px solid #e7eef0;border-radius:12px;padding:14px 12px;text-align:center;}
.nau-flow b{display:block;font-size:12.5px;color:#0f2f24;line-height:1.4;}
.nau-flow span{display:block;font-size:11px;color:#12854f;font-weight:700;margin-bottom:6px;letter-spacing:1px;}
.nau-mk{margin-top:22px;}
.nau-mk h4{font-size:14px;letter-spacing:1.6px;text-transform:uppercase;color:#12854f;font-weight:700;margin:22px 0 10px;}
.nau-mk ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;}
.nau-mk li{background:#fff;border:1px solid #e2ebee;border-radius:30px;padding:9px 18px;font-size:14px;color:#22352e;
  box-shadow:0 3px 12px rgba(11,58,40,.04);}
.nau-mk li i{color:#f6ae36;margin-right:7px;}
details.faq{background:#fff;border:1px solid #e7eef0;border-radius:12px;margin-bottom:12px;padding:0 6px;}
details.faq summary{cursor:pointer;list-style:none;padding:17px 44px 17px 18px;font-size:15.2px;font-weight:600;
  color:#0f2f24;position:relative;border-radius:12px;}
details.faq summary::-webkit-details-marker{display:none;}
details.faq summary:after{content:"\f067";font-family:FontAwesome;position:absolute;right:18px;top:50%;
  transform:translateY(-50%);color:#12854f;font-size:13px;transition:transform .2s ease;}
details.faq[open] summary:after{content:"\f068";}
details.faq p{margin:0 18px 18px;font-size:14.2px;line-height:1.85;color:#5b6a65;}
@media (max-width:991px){
  .nau-sec{padding:44px 0;}
  .nau-sec .sec-head h3{font-size:23px;}
  .nau-grid{grid-template-columns:1fr;}
  .nau-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  details.faq summary{font-size:14.4px;padding:15px 42px 15px 14px;}
}

/* ── 25. 版式节奏统一（2026-09-25，m2）──
   原来各区块松紧不一：首页 about/realfoot/products/market/news 间距与标题字号不统一，
   关于我们页与产品页更松。统一为一套：区块上下 72px（移动 44px），标题 12px 字距 + 30px 字号，
   段落 15px/1.85，卡片圆角 14px。 */
.warrpbox.index_about, .warrpbox.nau-realfoot, .warrpbox.index_products,
.warrpbox.index_market, .warrpbox.index_news { padding:72px 0 !important; }
.warpper-ny { padding:64px 0 !important; }
.warrpbox .title h2, .warpper-ny .title-ny p {
  font-size:30px !important; letter-spacing:1.2px !important; font-weight:700 !important; color:#0f2f24 !important;
}
.warrpbox .title, .warpper-ny .title-ny { margin-bottom:26px !important; }
.warrpbox p, .warpper-ny p { line-height:1.85; }
.warrpbox .more, .warpper-ny .more { border-radius:30px !important; }
.cont_main { background:#fff; }
@media (max-width:991px){
  .warrpbox.nau-realfoot, .warrpbox.index_products,
  .warrpbox.index_market, .warrpbox.index_news { padding:44px 0 !important; }
  /* ★2026-09-25 修复「首页图片盖住文字」：.index_about 内的 .aboutimg 是绝对定位
     （bottom:0、高 150px、通栏），index.css 本已为它预留 padding-bottom:300px，
     但上面那条 blanket `padding:44px 0 !important` 把该预留覆盖掉 →
     实拍图上移压住统计卡（实测重叠 106px，第二排「13 EXPORT MARKETS /
     2023 EXPORTING SINCE」被完全遮住）。此处单独给它留出 200px（150px 图 + 50px 间距）。 */
  .warrpbox.index_about { padding:44px 0 200px !important; }
  .warpper-ny { padding:40px 0 !important; }
  .warrpbox .title h2, .warpper-ny .title-ny p { font-size:23px !important; }
}

/* ── 26. 产品卡统一比例 + hover（2026-09-25，m3）── */
.product_li { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; list-style:none; padding:0; }
.product_li > li { background:#fff; border:1px solid #e7eef0; border-radius:14px; overflow:hidden;
  box-shadow:0 6px 22px rgba(11,58,40,.05); transition:transform .28s ease, box-shadow .28s ease; }
.product_li > li:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(11,58,40,.12); }
.product_li > li > a { display:block; height:100%; text-decoration:none; }
.product_li .img_box { aspect-ratio:4/3; overflow:hidden; background:#f4f7f8; }
.product_li .img_box img { width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s cubic-bezier(.2,.7,.3,1); }
.product_li > li:hover .img_box img { transform:scale(1.06); }
.product_li .pro-name { font-size:16px; font-weight:700; color:#0f2f24; margin:16px 18px 6px; }
.product_li .pro-spec { font-size:13px; color:#6b7b76; margin:0 18px 12px; line-height:1.7; }
.product_li .pro-more { display:inline-block; font-size:13.4px; font-weight:700; color:#12854f;
  margin:0 18px 18px; transition:transform .25s ease; }
.product_li > li:hover .pro-more { transform:translateX(4px); }
.index_products .pro_li li { border-radius:12px; overflow:hidden; }
.index_products .pro_li img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block;
  transition:transform .5s cubic-bezier(.2,.7,.3,1); }
.index_products .pro_li li:hover img { transform:scale(1.05); }
@media (max-width:991px){
  .product_li { grid-template-columns:1fr !important; gap:16px; }
}

/* ── 26b. 产品卡图片比例强制 4:3（2026-09-25）──
   主题对 .img_box 有更强的尺寸规则，导致图片被压成正方形、卡片宽度异常，这里强制归一。 */
.product_li { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.product_li > li { width:100% !important; display:block !important; }
.product_li .img_box { width:100% !important; height:auto !important; aspect-ratio:4 / 3 !important; overflow:hidden !important; }
.product_li .img_box img { width:100% !important; height:100% !important; object-fit:cover !important; }
.index_products .pro_li img { aspect-ratio:4 / 3 !important; object-fit:cover !important; }
@media (max-width:991px){ .product_li { grid-template-columns:1fr !important; } }

/* ==========================================================================
   FIX-2026-09-27-hero-visible
   首页主视觉（#banner）只有照片、看不到文字。实测原因：
     index.css 里  #banner .swiper-slide .title-tx{ opacity:0 }
                   #banner .ani-slide   .title-tx{ opacity:1 }
   而真正显示在屏幕上的那一张幻灯片带的是 swiper-slide-prev / -next，
   既没有 swiper-slide-active 也没有 ani-slide，所以「显示」那条永远不生效，
   标题、副标题、按钮连同 hero-copy 那层深色渐变底一起被 opacity:0 藏掉了
   （阿语、俄语、英语，桌面和手机都一样）。
   幻灯片切换本来就靠左右位移，不需要 opacity 来藏，这里直接压掉隐藏规则。
   ========================================================================== */
#banner .swiper-slide .title-tx {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

/* ==========================================================================
   FIX-2026-09-27-banner-arrows
   首页轮播左右箭头看不见：redesign.css 把 .banner-btns 改成白底圆钮，
   但 index.css 的 `.pagination .banner-btn .banner-btns{color:#fff}` 优先级更高，
   箭头字形仍被染成白色 —— 白底 + 白箭头 = 页面上只看到两个白块（阿语/俄语/英语都有）。
   这里用更高优先级把箭头改成品牌绿；hover 为绿底白箭头；不可点时半透明。
   ========================================================================== */
#banner .pagination .banner-btn .banner-btns,
.banner-btn .banner-btns,
.banner-btns,
.news-btns {
  color: #006438 !important;
}
#banner .pagination .banner-btn .banner-btns:hover,
.banner-btn .banner-btns:hover,
.banner-btns:hover,
.news-btns:hover {
  background: #006438 !important;
  color: #ffffff !important;
}
.banner-btns.swiper-button-disabled {
  opacity: .32 !important;
}

/* ==========================================================================
   FIX-2026-09-27-gallery-arrows
   产品详情页缩略图左右两侧各有一个「近乎空白的浅灰竖块」（30×166，手机 30×68），
   看起来像有东西盖在图片旁边。它们其实是画廊左右箭头：
     背景 rgb(245,245,245)、箭头字形 rgb(204,204,204) —— 浅灰压浅灰，几乎看不见。
   而该产品只有 1 张图，Swiper 已给它们加上 `.swiper-button-lock`（表示无需箭头），
   标准样式应当 `.swiper-button-lock{display:none}` 直接隐藏，但站点 CSS 缺这条规则。
   这里：① 补上隐藏规则（多图时自动恢复显示）② 箭头改成深绿，hover 绿底白箭头。
   ========================================================================== */
.swipers-btn.swiper-button-lock {
  display: none !important;
}
.swipers-btn {
  color: #006438 !important;
}
.swipers-btn:hover {
  background: #006438 !important;
  color: #ffffff !important;
}
.swipers-btn.swiper-button-disabled {
  opacity: .38 !important;
}

/* ==========================================================================
   FIX-2026-09-27-product-arrow-gutter
   首页产品轮播的绿色圆形左右箭头固定在右侧、并在整段高度里垂直居中，
   于是正好压在该段「垂直中点」的文字上；实测阿语/俄语/英语都会中招
   （不同宽度压到不同元素：标题或说明段）。
   注意桌面端 .pro_text 是 .proSwiper 的**兄弟节点**（横向两栏），
   所以这里按整个产品区 `.warrpbox.index_products` 作用于文字块，
   统一让出 64px 右侧通道，文字不再伸到箭头下面。
   ========================================================================== */
.warrpbox.index_products .pro_name,
.warrpbox.index_products .pro_name h3,
.warrpbox.index_products .pro_text,
.warrpbox.index_products .pro_text p,
.warrpbox.index_products .pro_left .pro_name,
.warrpbox.index_products .pro_left .pro_text {
  padding-right: 64px;
}

/* ==========================================================================
   FIX-2026-09-27-product-arrow-desktop
   原样式把产品轮播的圆形箭头按百分比放在内容上面：
     @media (min-width:1200px){ .product-btn{ left:70%; margin-left:-30px } }
     @media (max-width:1460px){ .product-btn{ left:75% } }
     @media (max-width:991px) { .product-btn{ left:90% } }
   → 1440 宽时箭头落在 x=1050，正好压在说明文字列（x 871..1216）上。
   这里桌面端把箭头改为贴右侧页边（内容右侧有空白），不再压字。
   窄屏那几档由 FIX-2026-09-27-product-arrow-gutter 的文字右通道处理。
   ========================================================================== */
@media (min-width: 1200px) {
  .product-btn {
    left: auto !important;
    right: 24px !important;
    margin-left: 0 !important;
  }
}

/* ==========================================================================
   FIX-2026-09-28-stats-card-width
   首页数据卡「250,000」等长数字溢出卡片（用户圈出）。
   原因：index.css 用 `.index_about_text .num_box li{ width: calc(25% - 20px) }`
   排成 4 列，而该区容器只有 ~456px，每张卡只有 94-140px；redesign.css 又给了
   `padding:20px 18px`，卡内可用宽度只剩 40-86px，而「250,000」字形宽 98-135px
   → 数字装不下、溢出到卡片外面。
   这里统一改成 2 列（等于站点自己在窄屏下已经采用的表现），卡片变宽后数字放得下。
   ========================================================================== */
.index_about_text .num_box li {
  width: calc(50% - 20px) !important;
}

/* ==========================================================================
   FIX-2026-09-28-close-btn-contrast
   产品详情页「关闭 / Закрыть」按钮原来是 #666 灰字 + #f5f5f5 浅灰底 + #eaeaea 细边，
   手机上（尤其截图里）很容易被看成「一个空白白框」，用户已就此反馈。
   这里改成深色文字 + 清楚的白底描边，标签一眼可见。
   ========================================================================== */
.btn_p a.retrun,
.product-btn .retrun,
a.retrun {
  color: #10241b !important;
  background: #ffffff !important;
  border: 1px solid #c9d2cb !important;
  font-weight: 600 !important;
}
a.retrun:hover {
  background: #10241b !important;
  color: #ffffff !important;
  border-color: #10241b !important;
}

.warrpbox.index_market .earth_box,
.index_market .earth_box {
  z-index: 0;
}

/* ==========================================================================
   FIX-2026-09-26-market-text-layer
   首页「市场分布」区的 3D 地球 canvas（在 .earth_box 里，absolute z-index:0）
   画在该区文字之上 —— 因为文字是 position:static，普通流层比定位元素低。
   英语文字靠左正好在球体左侧所以看不出问题；**阿语 RTL 文字靠右，整段压在球体下**，
   表现为那一大片区域只有绿色和地球、标题与标签全都看不见。
   修法：给该区的文字块本身加 position:relative + z-index，压回球体之上。
   （容器保持透明，球体照常显示。）
   ========================================================================== */
.warrpbox.index_market h1,
.warrpbox.index_market h2,
.warrpbox.index_market h3,
.warrpbox.index_market h4,
.warrpbox.index_market h5,
.warrpbox.index_market p,
.warrpbox.index_market ul,
.warrpbox.index_market li,
.warrpbox.index_market .market_box,
.warrpbox.index_market .num_box,
.warrpbox.index_market .container > *:not(.earth_box) {
  position: relative;
  z-index: 5;
}