/* 国际站两套模板（新版、经典版）共用的组件：商品卡、选购指南、资讯列表、列表与详情页商品格、页脚分栏。
 * 新版另外加载 site-intl.css（主题色页头、首页各版块）；经典版只加载本文件，页头页脚沿用原有样式。 */
:root {
  --intl-bg: #F3F4F6;
  --intl-ink: #1B2330;
  --intl-muted: #5F6B7A;
  --intl-line: #E5E7EB;
  --intl-price: #E0352B;
  --intl-radius: 12px;
}

/* 商品卡 */
.intl-grid { display: grid; gap: 18px 16px; }
.intl-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.intl-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.intl-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.intl-card { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: var(--intl-ink); }
.intl-card__pic { position: relative; display: grid; aspect-ratio: 1; place-items: center; border: 1px solid var(--intl-line); border-radius: 10px; background: #fff; overflow: hidden; transition: border-color .2s ease; }
.intl-card:hover .intl-card__pic { border-color: color-mix(in srgb, var(--primary) 45%, var(--intl-line)); }
.intl-card__off { position: absolute; top: 8px; left: 8px; z-index: 1; padding: 2px 7px; border-radius: 6px; background: var(--intl-price); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.5; }
.intl-lead__pic { position: relative; }
.intl-card__pic img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.intl-card:hover .intl-card__pic img { transform: scale(1.04); }
.intl-card__tag { margin-top: 4px; color: var(--intl-muted); font-size: 12px; }
.intl-card__title { display: -webkit-box; min-height: 2.9em; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.intl-card:hover .intl-card__title { color: var(--primary); }
.intl-card__price { color: var(--intl-ink); font-size: 18px; font-weight: 700; }
.intl-card__price.is-sale { color: var(--intl-price); }
.intl-card__price s { margin-left: 6px; color: #98A2B3; font-size: 13px; font-weight: 400; }
.intl-card.loading-card .loading-line { display: block; height: 12px; margin-top: 6px; border-radius: 6px; background: #EEF0F3; }
.intl-card.loading-card .loading-line.short { width: 50%; }

/* 选购指南：左大右列表 */
.intl-guide__body { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; }
.intl-guide__body.is-single { grid-template-columns: 1fr; }
.intl-article { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--intl-line); border-radius: var(--intl-radius); background: #fff; color: var(--intl-ink); overflow: hidden; }
.intl-article__cover { aspect-ratio: 16 / 9; background: #EEF0F3; overflow: hidden; }
.intl-article__cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.intl-article__copy { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 16px 18px 18px; }
.intl-article__copy small { color: var(--primary); font-size: 12.5px; font-weight: 700; }
.intl-article__copy strong { font-size: 19px; line-height: 1.4; }
.intl-article__copy em { color: var(--intl-muted); font-size: 14px; font-style: normal; line-height: 1.6; }
.intl-article__copy time { margin-top: auto; color: var(--intl-muted); font-size: 13px; }
.intl-article:hover strong { color: var(--primary); }
.intl-guide__list { display: flex; flex-direction: column; gap: 14px; }
.intl-guide__list > .intl-article { flex: 1 1 0; }
.intl-guide__list .intl-article { flex-direction: row; height: auto; }
.intl-guide__list .intl-article__cover { flex: 0 0 200px; aspect-ratio: 16 / 10; }
.intl-guide__list .intl-article__copy { gap: 6px; padding: 12px 16px; }
.intl-guide__list .intl-article__copy strong { display: -webkit-box; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* 商品列表与详情页的商品格 */
body .list-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 16px; }
body .list-grid > .intl-card { padding: 0; border: 0; background: none; box-shadow: none; }
body #related { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px 16px; }
body #related > .intl-card { padding: 0; border: 0; background: none; box-shadow: none; }

/* 选购指南列表页：首篇横排大图，其余三列竖排卡片，封面完整显示 */
body #articles-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
body #articles-list > .article-card { display: flex; flex-direction: column; margin: 0; padding: 0; border: 0; border-radius: var(--intl-radius); background: #fff; box-shadow: none; overflow: hidden; }
body #articles-list > .article-card .article-card-cover { width: 100%; height: auto; aspect-ratio: 16 / 9; margin: 0; border-radius: 0; overflow: hidden; }
body #articles-list > .article-card .article-card-cover img { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
body #articles-list > .article-card .article-card-copy { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 16px 18px 18px; }
body #articles-list > .article-card h3 { margin: 0; color: var(--intl-ink); font-size: 18px; line-height: 1.4; }
body #articles-list > .article-card p { margin: 0; color: var(--intl-muted); font-size: 14px; line-height: 1.6; }
body #articles-list > .article-card .article-card-category { align-self: flex-start; padding: 0; background: none; color: var(--primary); font-size: 12.5px; font-weight: 700; }
body #articles-list > .article-card .article-card-bottom { margin-top: auto; color: var(--intl-muted); font-size: 13px; }
body #articles-list > .article-card:hover h3 { color: var(--primary); }
body #articles-list > .article-card.article-featured { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
body #articles-list > .article-featured .article-card-cover { height: 100%; }
body #articles-list > .article-featured .article-card-copy { justify-content: center; padding: 28px 32px; }
body #articles-list > .article-featured h3 { font-size: 26px; }
body .articles-filters button { border-radius: 999px; }
body .articles-filters button.active { background: var(--primary); color: #fff; }

/* 页脚分栏：品牌栏加宽，空栏由脚本收起 */
body .footer-grid { grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); }
body .footer-grid > [hidden] { display: none; }

@media (max-width: 900px) {
  body .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .footer-brand { grid-column: 1 / -1; }
  body .list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body #related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body #related > :nth-child(n+4) { display: none; }
  body #articles-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body #articles-list > .article-card.article-featured { grid-template-columns: 1fr; }
  .intl-guide__body { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  body .list-grid, body #related { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
  body #related > :nth-child(n+4) { display: flex; }
  body #related > :nth-child(n+5) { display: none; }
  body #articles-list { grid-template-columns: 1fr; }
  body #articles-list > .article-featured h3 { font-size: 20px; }
  body #articles-list > .article-featured .article-card-copy { padding: 16px 18px 18px; }
  .intl-guide__list .intl-article__cover { flex-basis: 116px; }
  .intl-article__copy strong { font-size: 17px; }
}