/* refine.css — 宽屏适配 + 国际化精修 */
@media (min-width: 1600px){ .container{ max-width: 1480px; } }
@media (min-width: 1920px){ .container{ max-width: 1680px; } }
/* banner-group 收进容器（去全宽突兀） */
.banner-group{ max-width: 1220px; margin-left: auto; margin-right: auto; }
@media (min-width: 1600px){ .banner-group{ max-width: 1480px; } }
@media (min-width: 1920px){ .banner-group{ max-width: 1680px; } }
/* hero 副题（替代促销黄字，国际化） */
.banner-tagline{ font-size: 1.35rem; letter-spacing: .22em; text-transform: uppercase;
  color: #fff; opacity: .92; margin-bottom: 2.4rem; font-weight: 400; }
.banner-tagline b{ font-weight: 600; }
/* 分类条副行 */
.category-name small{ display: block; font-size: 1.05rem; font-weight: 400;
  letter-spacing: .04em; opacity: .65; text-transform: none; line-height: 1.4; }
/* 灵感拼贴（mosaic） */
.mosaic-wrap{ margin-top: 4rem; }
.mosaic-grid{ display: grid; grid-template-columns: 2.15fr 1.25fr 1fr;
  grid-auto-rows: 236px; gap: 10px; }
.mosaic-grid .m-item{ position: relative; overflow: hidden; display: block;
  background: #222; }
.m-a{ grid-row: span 2; }
.m-item img{ width: 100%; height: 100%; object-fit: cover;
  transition: transform .65s ease; }
.m-item:hover img{ transform: scale(1.045); }
.m-cap{ position: absolute; left: 0; right: 0; bottom: 0; padding: 46px 24px 20px;
  background: linear-gradient(transparent, rgba(10,10,12,.62)); color: #fff; }
.m-cap h3{ color: #fff; font-size: 1.55rem; font-weight: 600; margin: 0 0 4px;
  letter-spacing: .01em; }
.m-cap .m-sub{ font-size: 1.02rem; letter-spacing: .18em; text-transform: uppercase;
  opacity: .88; display: inline-flex; align-items: center; gap: 8px; }
.m-cap .m-sub::after{ content: "\2192"; transition: transform .3s; }
.m-item:hover .m-sub::after{ transform: translateX(6px); }
/* 页脚 KJDEX 制作栏 */
.kjdex-credit{ border-top: 1px solid rgba(255,255,255,.08); margin-top: 2.6rem;
  padding-top: 2rem; display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px; }
.kjdex-credit .kc-left{ display: flex; align-items: center; gap: 16px; }
.kjdex-credit img{ height: 34px; width: auto; opacity: .9; }
.kjdex-credit .kc-made{ font-size: 1.05rem; color: rgba(255,255,255,.72); }
.kjdex-credit .kc-made b{ color: #fff; font-weight: 600; }
.kjdex-credit .kc-right{ display: flex; align-items: center; gap: 20px;
  font-size: 1.05rem; color: rgba(255,255,255,.6); flex-wrap: wrap; }
.kjdex-credit a{ color: rgba(255,255,255,.85); text-decoration: none; }
.kjdex-credit a:hover{ color: #fff; }
.kjdex-credit .kc-icp a{ color: rgba(255,255,255,.45); font-size: .95rem; }