/* ==========================================================================
   East Chronicle · 纯黑白主题覆盖
   通过 base.head_code 注入，不改布局与模板结构。
   设计语言：白底 + 黑字 + 浅灰线，仅黑白灰，无米色/金色/彩色。
   ========================================================================== */

:root {
  --bs-primary: #111111;
  --bs-primary-rgb: 17, 17, 17;
  --bs-link-color: #111111;
  --bs-link-hover-color: #000000;
  --bs-body-color: #111111;
  --bs-body-bg: #ffffff;
  --bs-border-color: #e6e6e6;
  --bs-border-radius: 0.25rem;
  --bs-border-radius-lg: 0.375rem;

  --ink: #111111;
  --ink-soft: #222222;
  --paper: #ffffff;
  --line: #e6e6e6;
  --muted: #6b6b6b;
  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", "Times New Roman", serif;
  --sans: "Jost", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 基础 ---------- */
html { -webkit-text-size-adjust: 100%; background: #fff; }
body {
  font-family: var(--sans);
  background: #fff;
  color: var(--ink-soft);
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
}
main, .page-wrap, .main-wrap { background: #fff; }

h1, h2, h3, h4, h5, h6, .module-title, .product-name {
  font-family: var(--serif);
  color: var(--ink);
  font-weight: 600;
  letter-spacing: 0.02em;
}

a { color: #111; text-decoration: none; transition: color .2s ease, opacity .2s ease; }
a:hover { color: #000; opacity: .75; }

::selection { background: #111; color: #fff; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 10px; }

/* ---------- 顶栏 ---------- */
.top-wrap {
  background: #fff;
  color: #111;
  border-bottom: 1px solid var(--line);
  font-size: .82rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
}
.top-wrap a, .top-wrap .dropdown-toggle { color: #111; }
.top-wrap a:hover { color: #000; }

/* ---------- 头部 ---------- */
.header-content {
  background: #fff;
  border-bottom: 1px solid var(--line);
  transition: box-shadow .3s ease;
}
.header-content.is-sticky { box-shadow: 0 4px 18px rgba(0,0,0,.06); }
.header-content .navbar-nav .nav-link {
  font-family: var(--serif);
  color: #111;
  letter-spacing: .04em;
  padding: 1rem .9rem;
  position: relative;
}
.header-content .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 50%; bottom: .55rem;
  width: 0; height: 1px;
  background: #111;
  transition: all .28s ease;
  transform: translateX(-50%);
}
.header-content .navbar-nav .nav-link:hover,
.header-content .navbar-nav .nav-link.active { color: #000; }
.header-content .navbar-nav .nav-link:hover::after,
.header-content .navbar-nav .nav-link.active::after { width: 60%; }

/* ---------- Logo：直接使用原图，不加衬底 ---------- */
.header-content .logo a { display: inline-block; background: transparent; padding: 0; }
.header-content .logo img { display: block; max-height: 50px; max-width: 200px; }

/* ---------- 按钮 ---------- */
.btn { font-family: var(--sans); letter-spacing: .02em; border-radius: 2px; transition: all .25s ease; }
.btn-primary { background: #111; border: 1px solid #111; color: #fff; }
.btn-primary:hover, .btn-primary:focus { background: #000; border-color: #000; color: #fff; }
.btn-outline-primary { color: #111; border: 1px solid #111; background: transparent; }
.btn-outline-primary:hover { background: #111; border-color: #111; color: #fff; }

/* ---------- 商品卡片 ---------- */
.product-wrap, .module-product .product-wrap {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--bs-border-radius-lg);
  overflow: hidden;
  transition: transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s ease, border-color .32s ease;
  box-shadow: none;
}
.product-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,.07);
  border-color: #111;
}
.product-wrap .product-img { overflow: hidden; }
.product-wrap .product-img img {
  transition: transform .6s cubic-bezier(.22,.61,.36,1);
  transform: scale(1.001);
}
.product-wrap:hover .product-img img { transform: scale(1.05); }
.product-name { color: #111; font-size: .92rem; line-height: 1.5; height: auto; transition: color .2s ease; }
.product-wrap:hover .product-name { color: #000; }
.product-price { color: #111; font-weight: 600; letter-spacing: .01em; }
.product-price .price-old { color: #999; text-decoration: line-through; font-weight: 400; }

/* ---------- 区块标题 ---------- */
.module-info { margin-bottom: 1.8rem; }
.module-info .module-title, .module-title {
  font-size: 1.5rem;
  letter-spacing: .06em;
  position: relative;
  padding-bottom: .6rem;
}
.module-info .module-title::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 42px; height: 2px;
  background: #111;
}

/* ---------- 首页模块间距 ---------- */
.module { padding-top: 2.2rem; padding-bottom: 2.2rem; background: #fff; }
.module + .module { border-top: none; }

/* ---------- 面包屑 ---------- */
.breadcrumb { font-size: .82rem; }
.breadcrumb a { color: #666; }
.breadcrumb .breadcrumb-item.active { color: #111; }

/* ---------- 页脚：白底黑字 ---------- */
footer, .footer, .footer-wrap {
  background: #fff !important;
  color: #111 !important;
  border-top: 1px solid var(--line);
}
footer a, .footer a { color: #111 !important; }
footer a:hover, .footer a:hover { color: #000 !important; opacity: .7; }
footer h4, .footer h5, .footer .footer-title, .footer .intro-title {
  color: #111 !important;
  font-family: var(--serif);
  letter-spacing: .04em;
}
.footer .copyright, .footer .bottom-wrap, .footer .footer-bottom { color: #666; border-top: 1px solid var(--line); }

/* ---------- 卡片 / 表单 ---------- */
.card { border: 1px solid var(--line); border-radius: var(--bs-border-radius-lg); box-shadow: none; background: #fff; }
.form-control, .form-select { border-color: var(--line); border-radius: 2px; }
.form-control:focus, .form-select:focus { border-color: #111; box-shadow: 0 0 0 .15rem rgba(0,0,0,.08); }

/* ---------- 价格强调 ---------- */
.price-new, .price { color: #111; font-weight: 600; }

/* ---------- 服务信任条 ---------- */
.services-wrap { background: #fff; }
.services-wrap .icon { display: none; }
.services-wrap .service-item { text-align: center; }
.services-wrap .service-item .title { font-family: var(--serif); color: #111; letter-spacing: .05em; margin-bottom: .2rem; }
.services-wrap .service-item .sub-title { color: #666; font-size: .82rem; }

/* ---------- 轮播：白底商品图上用黑字，避免"看不见" ---------- */
.module-img-text-slideshow-2 .text-wrap { color: #fff !important; max-width: 560px; }
.module-img-text-slideshow-2 .text-wrap .title { color: #fff !important; font-family: var(--serif); font-size: clamp(26px, 3vw, 46px); line-height: 1.22; margin-bottom: .6rem; }
.module-img-text-slideshow-2 .text-wrap .sub-title { color: #e9e9e9 !important; letter-spacing: .14em; font-size: .8rem; }
.module-img-text-slideshow-2 .text-wrap .description { color: #dedede !important; font-size: 1rem; line-height: 1.9; }
.module-img-text-slideshow-2 .text-wrap .btn { margin-top: 14px; }
.module-img-text-slideshow-2 .content-wrap.start { padding-left: 5%; }
.module-img-text-slideshow-2 .content-wrap.center { text-align: center; }

/* 公告条：单条静态居中，不再重复滚动 */
.module-swiper-img-scroll-text-2 { font-size: 13px !important; padding: 12px 0 !important; background: #fff !important; color: #111 !important; overflow: hidden; }
.module-swiper-img-scroll-text-2 .scroll-info { white-space: normal !important; text-align: center; display: block; }
.module-swiper-img-scroll-text-2 .scroll-info .scroll-text {
  animation: none !important;
  padding: 0 !important;
  display: inline !important;
  white-space: normal !important;
}
.module-swiper-img-scroll-text-2 .scroll-info .scroll-text::after { display: none !important; }
.module-swiper-img-scroll-text-2 .scroll-info .scroll-text ~ .scroll-text { display: none !important; }

@media (max-width: 767px) {
  /* 移动端轮播：用更高比例的图片撑开高度；不改 Swiper 的定位，避免多张幻灯片叠字 */
  .module-img-text-slideshow-2 { overflow: hidden; }
  .module-img-text-slideshow-2 .image-wrap { transform: none !important; transition: none !important; }
  .module-img-text-slideshow-2 .image-wrap img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: contain !important;
    object-position: right center !important;
  }
  .module-img-text-slideshow-2 .content-wrap.start { padding: 16px 14px !important; }
  .module-img-text-slideshow-2 .text-wrap { max-width: 66% !important; padding: 0 !important; }
  .module-img-text-slideshow-2 .text-wrap .title { font-size: 21px; line-height: 1.25; margin-bottom: .3rem; }
  .module-img-text-slideshow-2 .text-wrap .sub-title { font-size: .66rem; letter-spacing: .06em; margin-bottom: .25rem; }
  .module-img-text-slideshow-2 .text-wrap .description { font-size: .78rem; line-height: 1.65; }
  .module-img-text-slideshow-2 .text-wrap .btn { margin-top: 8px; padding: 8px 16px; font-size: .8rem; }
  /* 公告条：允许换行居中，不被裁切 */
  .module-swiper-img-scroll-text-2 { position: relative; z-index: 3; font-size: 12px !important; padding: 10px 12px !important; }
  .module-swiper-img-scroll-text-2 .scroll-info { white-space: normal !important; text-align: center; line-height: 1.5; }
  .module-swiper-img-scroll-text-2 .scroll-info .scroll-text { white-space: normal !important; display: inline !important; padding: 0 !important; animation: none !important; }
}


/* 未激活幻灯片完全隐藏，避免多张叠字/残影 */
.module-img-text-slideshow-2 .swiper-slide { transition: opacity .5s ease; }
.module-img-text-slideshow-2 .swiper-slide:not(.swiper-slide-active) { opacity: 0 !important; visibility: hidden !important; pointer-events: none; }


/* ---------- 分类选购：图片铺满，桌面 3 列成 3x3 ---------- */
.module-brand .brand-item {
  height: auto !important;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.module-brand .brand-item > img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.22,.61,.36,1);
}
.module-brand .brand-item:hover > img { transform: scale(1.05); }
.module-brand .brand-item:hover { border-color: #111 !important; }
@media (min-width: 992px) {
  .module-brand .row > [class*="col-"] { flex: 0 0 33.3333%; max-width: 33.3333%; }
}


/* ---------- 清除主题残留橙色 #fd560f，统一黑白 ---------- */
header .header-content .nav-item:hover > a,
.header-content .menu-wrap > .navbar-nav .ul-children a:hover,
footer .footer-content a:hover,
.pages-wrap:hover .page-info .pages-title a,
.sidebar-widget li.active > a,
body.page-categories .children-wrap a:hover,
body.page-product .product-description .nav-tabs .nav-link.active { color: #111 !important; }
header .cart-badge-quantity { background-color: #111 !important; color: #fff !important; }
.product-wrap .product-price .price-new,
.product-wrap .product-price .price,
.product-price .price-new { color: #111 !important; }
.module-brand .brand-item:hover { border-color: #111 !important; }
.swiper-style-plus .swiper-pagination .swiper-pagination-bullet-active { background: #111 !important; }
body.page-categories .filter-value-wrap .list-group .list-group-item:hover { background: #111 !important; color: #fff !important; }
body.page-categories .ui-widget-content .ui-widget-header,
body.page-categories .ui-widget-content .ui-slider-handle { background: #111 !important; border-color: #111 !important; }
#offcanvas-search-top .search-input-wrap input:focus { border-color: #111 !important; box-shadow: none !important; }
body.page-product .product-info .rating-wrap .rating i { color: #111 !important; }

/* ---------- 入场动画 ---------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1); }
.reveal.revealed { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .08s; }
.reveal-delay-2 { transition-delay: .16s; }
.reveal-delay-3 { transition-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
  .reveal, .product-wrap, .btn, a, .header-content .navbar-nav .nav-link::after {
    transition: none !important;
    animation: none !important;
  }
  .reveal { opacity: 1; transform: none; }
}

/* 并排 banner：压暗底图，保证白字可读 */
.module-img-text-banner-multiple .image-wrap .image-item { position: relative; }
.module-img-text-banner-multiple .image-wrap .image-item::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.55));
  pointer-events: none;
}
.module-img-text-banner-multiple .image-wrap .text-wrap { z-index: 2; }
.module-img-text-banner-multiple .image-wrap .text-wrap .text-title { text-shadow: 0 2px 12px rgba(0,0,0,.45); }

/* 站名文字标识（logo 旁） */
.header-content .logo, .logo { display: flex; align-items: center; }
.header-content .logo a, .logo a { display: flex !important; align-items: center; gap: 10px; white-space: nowrap; text-decoration: none; }
.logo a img { max-height: 44px; width: auto; display: block; }
.logo a::after {
  content: 'East Chronicle';
  font-family: var(--serif);
  font-size: 16px;
  letter-spacing: .1em;
  color: #111;
  white-space: nowrap;
  line-height: 1;
  position: static;
}
@media (max-width: 768px) {
  .logo a::after { font-size: 14px; letter-spacing: .1em; }
}
.header-content .logo { margin-right: 18px; }
@media (max-width: 992px) {
  .header-content .logo { margin-right: 10px; }
  .logo a::after { font-size: 12px !important; letter-spacing: .08em !important; }
}

/* 头部：压缩导航内边距，避免加站名后换行 */
.header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link { padding-left: .55rem !important; padding-right: .55rem !important; white-space: nowrap; }
.header-content .container-fluid, .header-content > .container { align-items: center; }
.header-content .logo { align-self: center; }

/* 手机端站名 */
.header-mobile .mobile-content > div.center a {
  display: flex !important; align-items: center; justify-content: center; gap: 6px;
}
.header-mobile .mobile-content > div.center a img { max-height: 30px; width: auto; }
.header-mobile .mobile-content > div.center a::after {
  content: 'East Chronicle';
  font-family: var(--serif);
  font-size: 12px;
  letter-spacing: .04em;
  color: #111;
  white-space: nowrap;
  line-height: 1;
}
@media (max-width: 360px) {
  .header-mobile .mobile-content > div.center a::after { font-size: 11px; letter-spacing: 0; }
}

/* 轮播文案收窄，避免压到右侧画面或溢出 */
.module-img-text-slideshow-2 .text-wrap { max-width: 460px !important; }
.module-img-text-slideshow-2 .text-wrap .description { font-size: .95rem !important; line-height: 1.75 !important; margin-bottom: 1rem !important; }
.module-img-text-slideshow-2 .text-wrap a.btn { margin-top: .2rem !important; }
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .text-wrap { max-width: 100% !important; }
}
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .image-text-wrap { padding-right: 16px; padding-left: 16px; }
}
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .text-wrap { max-width: 86% !important; }
  .module-img-text-slideshow-2 .text-wrap .description { font-size: .9rem !important; }
  .module-img-text-slideshow-2 .text-wrap .title { font-size: 30px !important; }
}
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .text-wrap { width: 72% !important; max-width: 72% !important; }
}

/* ============================================================
   图片自适应系统：任何宽度下都不溢出、不变形、不跳版
   ============================================================ */

/* 1) 商品详情页：窄屏改为上下堆叠，主图铺满，缩略图横排 */
@media (max-width: 991px) {
  .product-image { flex-direction: column !important; }
  .product-image .right { order: 1; width: 100% !important; flex: 0 0 auto !important; }
  .product-image .left { order: 2; width: 100% !important; flex: 0 0 auto !important; height: auto !important; margin-top: 12px; }
  .product-image #swiper { height: auto !important; }
  .product-image #swiper .swiper-wrapper {
    flex-direction: row !important; transform: none !important;
    overflow-x: auto; gap: 8px; padding-bottom: 4px;
  }
  .product-image #swiper .swiper-slide { width: 68px !important; flex: 0 0 68px !important; }
  .product-image #swiper .swiper-pager { display: none !important; }
  .product-image .product-img img { width: 100% !important; height: auto !important; }
}

/* 2) 商品卡：固定 1:1 画框，图片按比例完整显示 */
.product-wrap .image { position: relative; overflow: hidden; }
.product-wrap .image img { max-width: 100%; }

/* 3) 分类圆图：始终正圆、铺满 */
.module-icons .image-item { aspect-ratio: 1 / 1; overflow: hidden; }
.module-icons .image-item img { width: 100%; height: 100%; object-fit: cover; }

/* 4) 分类图块（brand）：4:3，图片铺满 */
.module-brand .brand-item { aspect-ratio: 4 / 3; overflow: hidden; }
.module-brand .brand-item img { width: 100%; height: 100%; object-fit: cover; }

/* 5) 轮播：高度随宽度伸缩，避免超宽屏拉糊、窄屏压扁 */
.module-img-text-slideshow-2 .image-wrap { height: clamp(360px, 40vw, 760px) !important; }
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .image-wrap { height: clamp(300px, 58vw, 460px) !important; }
}

/* 6) 并排 banner：16:10，图片铺满 */
.module-img-text-banner-multiple .image-item { aspect-ratio: 16 / 10; overflow: hidden; }
.module-img-text-banner-multiple .image-item img { width: 100%; height: 100%; object-fit: cover; }

/* 7) 文章封面：4:3，图片铺满 */
.pages-wrap .image { aspect-ratio: 4 / 3; overflow: hidden; }
.pages-wrap .image img { width: 100%; height: 100%; object-fit: cover; }

/* 8) 正文富文本图片：不出框 */
.page-content img, .product-description img, .rich-text-editor-content img {
  max-width: 100% !important; height: auto !important;
}

/* 9) 超宽屏限制单列最大宽度，避免图片被拉到失真 */
@media (min-width: 1920px) {
  .module-icons .image-item { max-width: 440px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 991px) {
  .product-image .right,
  .product-image .right #zoom,
  .product-image .product-img { width: 100% !important; max-width: 100% !important; }
  .product-image .product-img img { aspect-ratio: 1 / 1 !important; height: auto !important; }
}
.module-icons .image-item { width: 100% !important; max-width: 100% !important; }
.module-icons .image-item img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.module-icons .row > [class*="col-"] { min-width: 0; }

/* 平板宽度（769–991）：导航改为第二行横向滚动，避免溢出 */
@media (min-width: 769px) and (max-width: 1279px) {
  .header-content > .container-fluid { flex-wrap: wrap; }
  .header-content .logo { margin-right: 12px; }
  .logo a::after { font-size: 13px !important; letter-spacing: .06em !important; }
  .header-content .menu-wrap { order: 3; width: 100%; margin-top: 6px; overflow-x: auto; }
  .header-content .menu-wrap::-webkit-scrollbar { display: none; }
  .header-content .menu-wrap > .navbar-nav { flex-wrap: nowrap !important; }
  .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link { padding: .45rem .55rem !important; font-size: 14px; }
}

/* 992–1199：压缩导航字号与间距，避免菜单被挤出屏幕 */
@media (min-width: 992px) and (max-width: 1199px) {
  .logo a::after { font-size: 14px !important; letter-spacing: .06em !important; }
  .header-content .logo { margin-right: 10px !important; }
  .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link { font-size: 13px !important; padding: .5rem .4rem !important; }
  .header-content .right-btn .nav-link { padding-left: .35rem !important; padding-right: .35rem !important; }
}

/* 手机端轮播：保证文案完整落在图片内 */
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .image-wrap { height: clamp(420px, 92vw, 560px) !important; }
  .module-img-text-slideshow-2 .image-text-wrap { overflow: hidden; }
  .module-img-text-slideshow-2 .text-wrap { padding: 0 !important; }
  .module-img-text-slideshow-2 .text-wrap .title { font-size: clamp(24px, 6.6vw, 30px) !important; line-height: 1.2 !important; margin-bottom: .5rem !important; }
  .module-img-text-slideshow-2 .text-wrap .sub-title { font-size: .75rem !important; margin-bottom: .5rem !important; }
  .module-img-text-slideshow-2 .text-wrap .description { font-size: .85rem !important; line-height: 1.65 !important; margin-bottom: .8rem !important; }
  .module-img-text-slideshow-2 .text-wrap a.btn { margin-top: 0 !important; padding: .55rem 1.1rem !important; font-size: .8rem !important; }
}

/* 轮播图片必须铺满容器，否则文字会压在白底上（看起来像透明） */
.module-img-text-slideshow-2 .image-wrap { position: relative; overflow: hidden; }
.module-img-text-slideshow-2 .image-wrap img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center;
  display: block;
}

/* 手机端轮播：加暗色遮罩，保证白字对比度 */
@media (max-width: 768px) {
  .module-img-text-slideshow-2 .image-wrap::after {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.46) 46%, rgba(0,0,0,.70) 100%);
  }
  .module-img-text-slideshow-2 .image-text-wrap { z-index: 2; }
  .module-img-text-slideshow-2 .text-wrap .title { text-shadow: 0 2px 10px rgba(0,0,0,.5); }
  .module-img-text-slideshow-2 .text-wrap .description { text-shadow: 0 1px 6px rgba(0,0,0,.5); }
}

/* 顶部条：语言 / 币种下拉 */
.top-wrap { background: #fff; border-bottom: 1px solid #ededed; }
.top-wrap .btn.dropdown-toggle {
  background: transparent; border: 0; color: #111;
  font-size: 12px; letter-spacing: .06em; padding: .35rem .5rem;
}
.top-wrap .btn.dropdown-toggle:hover { color: #000; opacity: .65; }
.top-wrap .dropdown-menu {
  border: 1px solid #ececec; border-radius: 0; box-shadow: 0 10px 24px rgba(0,0,0,.06);
  font-size: 12px; min-width: 132px; padding: .25rem 0; margin-top: 2px;
}
.top-wrap .dropdown-item { padding: .45rem .9rem; letter-spacing: .04em; }
.top-wrap .dropdown-item:hover, .top-wrap .dropdown-item:focus { background: #f6f6f6; color: #000; }
.top-wrap .left .dropdown + .dropdown { margin-left: 4px; padding-left: 8px; border-left: 1px solid #eee; }
.top-wrap .left { gap: 2px; }

/* 顶部下拉：显示状态与样式 */
.top-wrap .dropdown.show > .dropdown-menu { display: block; }
.top-wrap { min-height: 40px; }
.top-wrap .container-fluid { padding-left: 24px; padding-right: 24px; }
.top-wrap .dropdown-toggle::after { margin-left: .35rem; vertical-align: .12em; }
@media (max-width: 768px) {
  .top-wrap .container-fluid { padding-left: 14px; padding-right: 14px; }
}

/* 阅读页排版：限制行长、放大正文、强化层级 */
.page-content .rich-text-editor-content {
  max-width: 760px; margin: 0 auto;
  font-size: 16.5px; line-height: 1.95; color: #1b1b1b;
}
.page-content .rich-text-editor-content h2 {
  font-size: 21px; font-weight: 700; letter-spacing: .01em;
  margin: 2.1em 0 .75em; color: #111;
}
.page-content .rich-text-editor-content h2:first-child { margin-top: 0; }
.page-content .rich-text-editor-content h3 {
  font-size: 18px; font-weight: 700; margin: 1.7em 0 .55em; color: #111;
}
.page-content .rich-text-editor-content p { margin: 0 0 1.05em; }
.page-content .rich-text-editor-content ul,
.page-content .rich-text-editor-content ol { margin: 0 0 1.15em 1.3em; }
.page-content .rich-text-editor-content li { margin-bottom: .45em; }
.page-content .rich-text-editor-content img { border-radius: 6px; }
.page-content .card-body { padding: 2.4rem 2.6rem 3rem; }
@media (max-width: 768px) {
  .page-content .card-body { padding: 1.2rem 1rem 2rem; }
  .page-content .rich-text-editor-content { font-size: 16px; line-height: 1.9; }
  .page-content .rich-text-editor-content h2 { font-size: 19px; margin-top: 1.9em; }
}
.page-content { max-width: 940px; margin-left: auto; margin-right: auto; }

/* 阅读页：标题层级与链接样式 */
.page-content .card-body > h2:first-child { font-size: 28px; font-weight: 700; letter-spacing: .01em; margin-bottom: 1.4rem; }
.page-content .rich-text-editor-content h2 { font-size: 19px; padding-top: .2em; }
.page-content .rich-text-editor-content a {
  color: #111; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-thickness: 1px; transition: opacity .2s ease;
}
.page-content .rich-text-editor-content a:hover { opacity: .65; }
@media (max-width: 768px) {
  .page-content .card-body > h2:first-child { font-size: 22px; }
}

/* 多语言导航（英文/德文等更长）防溢出 */
@media (min-width: 992px) and (max-width: 1439px) {
  .header-content .menu-wrap { overflow-x: auto; overflow-y: hidden; flex-shrink: 1; min-width: 0; }
  .header-content .menu-wrap::-webkit-scrollbar { display: none; }
  .header-content .menu-wrap > .navbar-nav { flex-wrap: nowrap !important; }
  .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link {
    font-size: 13px !important; padding: .45rem .5rem !important; white-space: nowrap;
  }
  .header-content .logo a::after { font-size: 15px; letter-spacing: .1em; }
}
@media (min-width: 1600px) {
  .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link { font-size: 14px !important; padding: .5rem .6rem !important; }
}

/* 992–1439：导航强制换到第二行，避免长语言挤压图标 */
@media (min-width: 992px) and (max-width: 1599px) {
  .header-content > .container-fluid { flex-wrap: wrap !important; align-items: center; }
  .header-content .menu-wrap { flex: 0 0 100% !important; width: 100% !important; order: 5; margin-top: 4px; }
  .header-content .menu-wrap > .navbar-nav { justify-content: center; flex-wrap: nowrap !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link { font-size: 12px !important; padding: .4rem .32rem !important; }
  .header-content .logo a::after { font-size: 14px; letter-spacing: .08em; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header-content .menu-wrap > .navbar-nav { flex-wrap: wrap !important; justify-content: center; row-gap: 2px; }
  .header-content .menu-wrap { overflow-x: visible; }
}

/* 中文站点保持单行导航（上面的双行规则只服务长语言） */
html[lang="zh_cn"] .header-content > .container-fluid { flex-wrap: nowrap !important; }
html[lang="zh_cn"] .header-content .menu-wrap { flex: 0 1 auto !important; width: auto !important; order: 0; overflow: visible; }
html[lang="zh_cn"] .header-content .menu-wrap > .navbar-nav { flex-wrap: nowrap !important; }

/* 购物车/结账金额统一黑色（主题默认红色，与黑白规范冲突） */
ul.totals li, ul.totals li span, ul.totals li strong { color: #111 !important; }
ul.totals li:last-child, ul.totals li:last-child span, ul.totals li:last-child strong { font-weight: 700; }
