/* pages-extra.css — 资讯 / 选样车 / 账户 / 关于 / 联系 / 通用页 */

/* ---------------- 资讯列表 ---------------- */
.ytd-news-feature{ display:grid; grid-template-columns:1.1fr 1fr; gap:0; border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden; }
.ytd-news-feature .ytd-media{ aspect-ratio:16/10; }
.ytd-news-feature__body{ padding:var(--sp-7); display:flex; flex-direction:column; justify-content:center; gap:var(--sp-3); }
@media (max-width:1023px){ .ytd-news-feature{ grid-template-columns:1fr; } .ytd-news-feature__body{ padding:var(--sp-5); } }

.ytd-ncard{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease); }
.ytd-ncard:hover{ border-color:var(--c-primary-300); box-shadow:var(--sh-xs); transform:translateY(-2px); }
.ytd-ncard .ytd-media{ aspect-ratio:16/10; }
.ytd-ncard__body{ display:flex; flex-direction:column; gap:var(--sp-3); padding:var(--sp-4); flex:1; }
.ytd-ncard__title{ font-size:var(--fs-16); font-weight:var(--fw-semibold); color:var(--c-ink); line-height:var(--lh-snug);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ytd-ncard__excerpt{ font-size:var(--fs-14); color:var(--c-body);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ytd-ncard__date{ margin-top:auto; font-size:var(--fs-12); color:var(--c-muted); font-variant-numeric:tabular-nums; }

/* ---------------- 资讯详情 ---------------- */
.ytd-article-layout{ display:grid; grid-template-columns:1fr 280px; gap:var(--sp-8); align-items:start; padding-block:var(--sp-6) var(--sp-9); }
.ytd-article__cover .ytd-media{ aspect-ratio:16/9; }
.ytd-article__caption{ margin-top:var(--sp-2); font-size:var(--fs-12); color:var(--c-muted); text-align:center; }
.ytd-article__body{ max-width:var(--w-narrow); margin-inline:auto; }
.ytd-article__lead{ font-size:var(--fs-18); line-height:var(--lh-loose); color:var(--c-ink);
  border-inline-start:3px solid var(--c-accent); padding-inline-start:var(--sp-5); margin-bottom:var(--sp-6); }
.ytd-article-aside{ position:sticky; top:96px; display:grid; gap:var(--sp-5); }
.ytd-article-nav{ display:flex; justify-content:space-between; gap:var(--sp-4); padding-block:var(--sp-5); border-top:1px solid var(--c-line); border-bottom:1px solid var(--c-line); }
.ytd-article-nav a{ font-size:var(--fs-14); color:var(--c-primary); }
@media (max-width:1023px){ .ytd-article-layout{ grid-template-columns:1fr; } .ytd-article-aside{ position:static; } }

/* ---------------- 选样车 ---------------- */
.ytd-steps-bar{ background:var(--c-soft); border-bottom:1px solid var(--c-line); padding-block:var(--sp-3); }
.ytd-cart-layout{ display:grid; grid-template-columns:1fr 360px; gap:var(--sp-8); align-items:start; padding-block:var(--sp-6) var(--sp-9); }
.ytd-cart-side{ position:sticky; top:96px; border:1px solid var(--c-line); border-radius:var(--r-md); background:#fff; overflow:hidden; }
.ytd-cart-side__section{ padding:var(--sp-5); }
.ytd-cart-side__section + .ytd-cart-side__section{ border-top:1px solid var(--c-line); }
.ytd-cart-side--soft{ background:var(--c-soft); }
.ytd-summary-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); padding-block:6px; font-size:var(--fs-14); color:var(--c-body); }
.ytd-summary-row b{ color:var(--c-ink); font-variant-numeric:tabular-nums; }
.ytd-cart-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); flex-wrap:wrap; padding-bottom:var(--sp-4); }
.ytd-cart-row__name{ display:flex; align-items:center; gap:var(--sp-3); flex:1; min-width:0; }
.ytd-cart-row__name .ytd-media{ width:56px; height:56px; flex:0 0 56px; border-radius:var(--r-sm); }
@media (max-width:1023px){
  .ytd-cart-layout{ grid-template-columns:1fr; }
  .ytd-cart-side{ position:static; }
  .ytd-table--cart{ border:0; }
  .ytd-table--cart .ytd-table__head{ display:none; }
  .ytd-table--cart .ytd-table__row{
    display:grid; grid-template-columns:1fr auto; gap:var(--sp-3);
    min-height:0; padding:var(--sp-4); margin-bottom:var(--sp-3);
    border:1px solid var(--c-line); border-radius:var(--r-md);
  }
  .ytd-cell-label{ display:block; font-size:var(--fs-12); color:var(--c-muted); margin-bottom:2px; }
}

/* 移动端吸底条 */
.ytd-stickybar{
  position:fixed; inset-inline:0; bottom:0; z-index:var(--z-sticky);
  display:none; align-items:center; justify-content:space-between; gap:var(--sp-4);
  padding:var(--sp-3) var(--gutter); background:#fff;
  border-top:1px solid var(--c-line); box-shadow:0 -2px 12px rgba(14,58,93,.08);
}
@media (max-width:767px){
  .ytd-stickybar.is-on{ display:flex; }
  body.ytd-has-stickybar{ padding-bottom:76px; }
}

/* ---------------- 账户（登录 / 注册） ---------------- */
.ytd-auth{ display:grid; grid-template-columns:45% 1fr; min-height:calc(100vh - 72px); }
.ytd-auth__aside{ background:var(--c-dark); color:var(--c-on-dark-2); padding:var(--sp-9) var(--sp-8); display:flex; flex-direction:column; gap:var(--sp-8); }
.ytd-auth__aside .ytd-h2{ color:#fff; }
.ytd-auth__aside .ytd-eyebrow{ color:var(--c-accent-300); }
.ytd-auth__points{ display:grid; gap:var(--sp-5); }
.ytd-auth__point{ display:flex; gap:var(--sp-3); align-items:flex-start; }
.ytd-auth__point b{ display:block; color:#fff; font-size:var(--fs-14); font-weight:var(--fw-semibold); }
.ytd-auth__logos{ margin-top:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-3); opacity:.5; }
.ytd-auth__main{ display:flex; align-items:center; justify-content:center; padding:var(--sp-8) var(--sp-6); }
.ytd-auth__form{ width:100%; max-width:440px; }
.ytd-auth__tabs{ display:flex; gap:var(--sp-2); margin-bottom:var(--sp-6); }
@media (max-width:1023px){
  .ytd-auth{ grid-template-columns:1fr; min-height:0; }
  .ytd-auth__aside{ padding:var(--sp-6) var(--sp-5); gap:var(--sp-4); }
  .ytd-auth__logos{ display:none; }
  .ytd-auth__main{ padding:var(--sp-6) var(--gutter) var(--sp-9); }
}

/* ---------------- 关于我们 / 联系我们 ---------------- */
.ytd-page-banner{ background:var(--c-soft); padding-block:var(--sp-8); }
.ytd-page-banner--dark{ background:var(--c-dark); color:var(--c-on-dark-2); }
.ytd-page-banner--dark .ytd-crumb,
.ytd-page-banner--dark .ytd-crumb a{ color:var(--c-on-dark-2); }
.ytd-page-banner--dark .ytd-h1{ color:#fff; }
.ytd-contact-layout{ display:grid; grid-template-columns:7fr 5fr; gap:var(--sp-8); align-items:start; padding-block:var(--sp-8) var(--sp-9); }
.ytd-contact-info{ display:grid; gap:var(--sp-5); }
.ytd-contact-row{ display:flex; gap:var(--sp-3); align-items:flex-start; }
.ytd-contact-row b{ display:block; font-size:var(--fs-13); font-weight:var(--fw-semibold); color:var(--c-ink); }
.ytd-contact-row span{ font-size:var(--fs-14); color:var(--c-body); }
.ytd-map{ border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden; }
.ytd-map .ytd-media{ aspect-ratio:16/10; }
.ytd-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4); }
.ytd-form-grid .ytd-field--full{ grid-column:1 / -1; }
@media (max-width:1023px){
  .ytd-contact-layout{ grid-template-columns:1fr; }
  .ytd-form-grid{ grid-template-columns:1fr; }
}

/* ---------------- 通用内容页 / 404 ---------------- */
.ytd-page-wrap{ padding-block:var(--sp-8) var(--sp-9); }
.ytd-page-narrow{ max-width:var(--w-narrow); margin-inline:auto; }
.ytd-404{ text-align:center; padding-block:clamp(56px,9vw,104px); }
.ytd-404__code{ font-size:88px; font-weight:var(--fw-semibold); line-height:1; letter-spacing:-.04em; color:var(--c-primary-100); }

/* ---------------- 第三方插件表单容器（注册 / 登录） ---------------- */
.ytd-auth__plugin-form form{ display:grid; gap:var(--sp-5); }
.ytd-auth__plugin-form label{ display:block; font-size:var(--fs-13); color:var(--c-ink-2); margin-bottom:var(--sp-2); }
.ytd-auth__plugin-form input[type="text"],
.ytd-auth__plugin-form input[type="email"],
.ytd-auth__plugin-form input[type="password"],
.ytd-auth__plugin-form input[type="url"],
.ytd-auth__plugin-form input[type="tel"],
.ytd-auth__plugin-form select,
.ytd-auth__plugin-form textarea{
  width:100%; min-height:var(--ctl-h); padding:var(--sp-3);
  border:1px solid var(--c-line-2); border-radius:var(--r-sm); background:#fff;
  font-size:var(--fs-14); color:var(--c-ink);
}
.ytd-auth__plugin-form input[type="submit"],
.ytd-auth__plugin-form button[type="submit"],
.ytd-auth__plugin-form .wp-submit{
  justify-self:start; display:inline-flex; align-items:center; justify-content:center;
  min-height:var(--ctl-h); padding-inline:var(--sp-6);
  background:var(--c-primary); color:#fff; border:0; border-radius:var(--r-sm);
  font-size:var(--fs-14); font-weight:var(--fw-medium); cursor:pointer;
}
.ytd-auth__plugin-form input[type="submit"]:hover,
.ytd-auth__plugin-form button[type="submit"]:hover{ background:var(--c-primary-700); }
.ytd-auth__plugin-form .description,
.ytd-auth__plugin-form .ytd-hint{ font-size:var(--fs-12); color:var(--c-muted); }

/* ---------------- 搜索页 ---------------- */
.ytd-search-note{ font-size:var(--fs-13); color:var(--c-muted); }