/* =============================================================
   Theme Style — 爱思助手主题样式（SEO 友好 · 2025 主题色）
   ============================================================= */
:root {
  --color-primary: #0066FF;
  --color-primary-dark: #0052cc;
  --color-primary-light: #3399ff;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
}

/* ── 基础重置 ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif; color: var(--color-text); background: #fff; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }

/* ══════════════════════════
   首页 home-* 新布局
══════════════════════════ */
.home-hero { background: linear-gradient(135deg, #f0f7ff 0%, #e8f0ff 100%); padding: 56px 0 72px; }
.home-hero__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; gap: 48px; }
.home-hero__content { flex: 1; min-width: 0; }
.home-hero__badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(0,102,255,.08); border: 1px solid rgba(0,102,255,.2); border-radius: 100px; padding: 6px 14px; font-size: 12px; color: #1e40af; margin-bottom: 18px; }
.home-hero__title { font-size: 34px; font-weight: 900; line-height: 1.28; color: #0d1117; margin-bottom: 12px; letter-spacing: -.5px; }
.home-hero__lead { font-size: 16px; font-weight: 600; color: var(--color-primary); margin-bottom: 10px; }
.home-hero__desc { font-size: 15px; color: #475569; line-height: 1.8; margin-bottom: 24px; max-width: 520px; }
.home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.home-hero__btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; border-radius: 9px; font-size: 14px; font-weight: 700; transition: opacity .2s, transform .1s; text-decoration: none; }
.home-hero__btn--primary { background: var(--color-primary); color: #fff !important; box-shadow: 0 4px 14px rgba(0,102,255,.35); }
.home-hero__btn--primary:hover { opacity: .92; transform: translateY(-1px); }
.home-hero__btn--primary svg { width: 18px; height: 18px; fill: #fff; }
.home-hero__btn--secondary { border: 1.5px solid var(--color-primary); color: var(--color-primary) !important; }
.home-hero__btn--secondary:hover { background: #eef4ff; }
.home-hero__note { font-size: 13px; color: #64748b; }
.home-hero__media { flex: 0 0 480px; display: flex; align-items: center; justify-content: center; }
.home-hero__media img { width: 100%; max-width: 520px; height: auto; border-radius: 12px; box-shadow: 0 16px 48px rgba(0,0,0,.08); }

.home-products { padding: 64px 0; background: #fff; }
.home-products__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.home-products__head { text-align: center; margin-bottom: 44px; }
.home-products__title { font-size: 28px; font-weight: 800; color: #0d1117; margin-bottom: 8px; }
.home-products__sub { font-size: 14px; color: #64748b; }
.home-products__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.home-product-card { background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid #e4ebf7; display: flex; flex-direction: column; transition: box-shadow .3s, transform .25s; }
.home-product-card:hover { box-shadow: 0 12px 44px rgba(21,88,212,.12); transform: translateY(-4px); }
.home-product-card__visual { padding: 24px 24px 0; }
.home-product-card__visual img { width: 100%; height: auto; border-radius: 12px; display: block; }
.home-product-card__body { flex: 1; padding: 20px 24px 28px; display: flex; flex-direction: column; }
.home-product-card__name { font-size: 18px; font-weight: 800; color: #1a1a2e; margin-bottom: 4px; }
.home-product-card__platform { font-size: 13px; color: #64748b; margin-bottom: 16px; }
.home-product-card__features { list-style: none; padding: 0; margin: 0 0 20px; font-size: 14px; color: #475569; line-height: 1.75; }
.home-product-card__features li { position: relative; padding-left: 14px; margin-bottom: 8px; }
.home-product-card__features li::before { content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: var(--color-primary); }
.home-product-card__btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 24px; border-radius: 9px; font-size: 14px; font-weight: 700; background: var(--color-primary); color: #fff !important; text-decoration: none; transition: opacity .2s; margin-top: auto; }
.home-product-card__btn:hover { opacity: .92; }

.home-news { padding: 56px 0 64px; background: #f8fafc; }
.home-news__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.home-news__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.home-news__title { font-size: 24px; font-weight: 800; color: #0d1117; margin: 0; }
.home-news__more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--color-primary); text-decoration: none; transition: opacity .18s; }
.home-news__more:hover { opacity: .85; }
.home-news__more svg { width: 18px; height: 18px; flex-shrink: 0; fill: currentColor; vertical-align: middle; }
.home-news__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; }
.home-news__item { display: flex; align-items: stretch; gap: 0; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e8edf5; box-shadow: 0 2px 12px rgba(15,23,42,.04); transition: box-shadow .2s; }
.home-news__item:hover { box-shadow: 0 8px 28px rgba(15,23,42,.08); }
.home-news__thumb { flex: 0 0 280px; min-width: 0; aspect-ratio: 16/10; background: #f1f5f9; display: block; }
.home-news__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.home-news__item:hover .home-news__thumb img { transform: scale(1.03); }
.home-news__body { flex: 1; min-width: 0; padding: 24px 28px; display: flex; flex-direction: column; justify-content: center; }
.home-news__item-title { font-size: 17px; font-weight: 800; margin: 0 0 10px; line-height: 1.45; }
.home-news__item-title a { color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-news__item:hover .home-news__item-title a { color: var(--color-primary); }
.home-news__excerpt { font-size: 14px; color: #64748b; line-height: 1.7; margin: 0 0 12px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.home-news__meta { font-size: 12px; color: #94a3b8; }
.home-news__empty { padding: 48px 20px; text-align: center; color: #64748b; }

.home-faq { padding: 56px 0 72px; background: #fff; }
.home-faq__wrap { max-width: 880px; margin: 0 auto; padding: 0 40px; }
.home-faq__head { text-align: center; margin-bottom: 36px; }
.home-faq__title { font-size: 26px; font-weight: 800; color: #0d1117; margin-bottom: 8px; }
.home-faq__sub { font-size: 14px; color: #64748b; margin: 0; }
.home-faq__list { display: flex; flex-direction: column; gap: 12px; }
.home-faq__item { background: #fff; border-radius: 12px; border: 1px solid #e8eef8; overflow: hidden; }
.home-faq__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; text-align: left; cursor: pointer; font-size: 15px; font-weight: 600; color: #1a1a2e; line-height: 1.4; }
.home-faq__icon { width: 24px; height: 24px; border-radius: 50%; background: #eff6ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .3s, background .25s; }
.home-faq__icon svg { width: 14px; height: 14px; fill: var(--color-primary); }
.home-faq__item--open .home-faq__icon { transform: rotate(180deg); background: var(--color-primary); }
.home-faq__item--open .home-faq__icon svg { fill: #fff; }
.home-faq__item--open .home-faq__q { color: var(--color-primary); }
.home-faq__a { max-height: 0; overflow: hidden; transition: max-height .38s cubic-bezier(.4,0,.2,1); }
.home-faq__a p { padding: 0 24px 22px; font-size: 14px; color: #5a6a7e; line-height: 1.9; margin: 0; }
.home-faq__item--open .home-faq__a { max-height: 500px; }

/* 关于我们 */
.home-about { padding: 64px 0; background: #fff; }
.home-about__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; gap: 56px; }
.home-about__content { flex: 1; min-width: 0; }
.home-about__title { font-size: 26px; font-weight: 800; color: #0d1117; margin-bottom: 14px; }
.home-about__lead { font-size: 16px; font-weight: 600; color: #334155; margin-bottom: 12px; line-height: 1.5; }
.home-about__desc { font-size: 15px; color: #475569; line-height: 1.85; margin-bottom: 24px; }
.home-about__desc strong { color: var(--color-primary); }
.home-about__facts { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 28px 40px; }
.home-about__facts li { display: flex; flex-direction: column; gap: 4px; }
.home-about__num { font-size: 22px; font-weight: 800; color: var(--color-primary); }
.home-about__label { font-size: 13px; color: #64748b; }
.home-about__visual { flex: 0 0 420px; }
.home-about__visual img { width: 100%; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.08); }

/* 为什么选择我们 */
.home-why { padding: 56px 0 64px; background: #f8fafc; }
.home-why__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.home-why__head { text-align: center; margin-bottom: 40px; }
.home-why__title { font-size: 26px; font-weight: 800; color: #0d1117; margin-bottom: 8px; }
.home-why__sub { font-size: 14px; color: #64748b; margin: 0; }
.home-why__grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.home-why__item { background: #fff; border-radius: 14px; padding: 28px 22px; border: 1px solid #e8edf5; transition: box-shadow .25s, border-color .25s; }
.home-why__item:hover { box-shadow: 0 8px 32px rgba(15,23,42,.06); border-color: rgba(0,102,255,.15); }
.home-why__icon { width: 48px; height: 48px; border-radius: 12px; background: #eff6ff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.home-why__icon svg { width: 24px; height: 24px; stroke: var(--color-primary); }
.home-why__item-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }
.home-why__item-desc { font-size: 13px; color: #64748b; line-height: 1.7; margin: 0; }

/* 用户与数据 */
.home-stats { padding: 48px 0 56px; background: linear-gradient(135deg, #0d1117 0%, #1a2332 100%); color: #fff; }
.home-stats__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; text-align: center; }
.home-stats__title { font-size: 24px; font-weight: 800; margin-bottom: 6px; color: #fff; }
.home-stats__sub { font-size: 14px; color: rgba(255,255,255,.7); margin-bottom: 36px; }
.home-stats__list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 32px 56px; }
.home-stats__item { display: flex; flex-direction: column; gap: 4px; }
.home-stats__num { font-size: 28px; font-weight: 800; color: #fff; letter-spacing: -.5px; }
.home-stats__label { font-size: 13px; color: rgba(255,255,255,.75); }

/* 安全与信任 */
.home-trust { padding: 56px 0 64px; background: #fff; }
.home-trust__wrap { max-width: 880px; margin: 0 auto; padding: 0 40px; }
.home-trust__title { font-size: 26px; font-weight: 800; color: #0d1117; margin-bottom: 8px; text-align: center; }
.home-trust__sub { font-size: 14px; color: #64748b; margin-bottom: 32px; text-align: center; }
.home-trust__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; }
.home-trust__item { display: flex; align-items: flex-start; gap: 20px; padding: 24px 28px; background: #f8fafc; border-radius: 14px; border: 1px solid #e8edf5; }
.home-trust__icon { width: 32px; height: 32px; border-radius: 50%; background: var(--color-primary); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; font-weight: 700; }
.home-trust__body { flex: 1; min-width: 0; }
.home-trust__item-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }
.home-trust__item-desc { font-size: 14px; color: #64748b; line-height: 1.75; margin: 0; }

/* 用户评价 + 信任背书 */
.home-reviews { padding: 56px 0 64px; background: #f8fafc; }
.home-reviews__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.home-reviews__head { text-align: center; margin-bottom: 40px; }
.home-reviews__title { font-size: 26px; font-weight: 800; color: #0d1117; margin-bottom: 8px; }
.home-reviews__sub { font-size: 14px; color: #64748b; margin: 0; }
.home-reviews__inner { display: flex; flex-direction: column; gap: 44px; align-items: stretch; }
.home-reviews__block-title { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 20px; }
.home-reviews__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.home-reviews__item { background: #fff; border-radius: 10px; padding: 18px 20px 16px; border: none; border-left: 4px solid #cbd5e1; box-shadow: 0 1px 3px rgba(0,0,0,.06); transition: border-color .2s, box-shadow .2s; }
.home-reviews__item:hover { border-left-color: var(--color-primary); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.home-reviews__item:nth-child(2) { border-left-color: #94a3b8; }
.home-reviews__item:nth-child(3) { border-left-color: #cbd5e1; }
.home-reviews__quote { font-size: 14px; color: #334155; line-height: 1.8; margin: 0 0 10px; font-style: normal; }
.home-reviews__meta { font-size: 12px; color: #94a3b8; margin: 0; font-weight: 500; }
.home-reviews__badges { background: transparent; padding: 0; border: none; }
.home-reviews__badges .home-reviews__block-title { margin-bottom: 16px; text-align: center; }
.home-reviews__badge-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; }
.home-reviews__badge { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #475569; background: #fff; padding: 10px 18px; border-radius: 100px; border: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.home-reviews__badge-icon { width: 18px; height: 18px; border-radius: 50%; background: var(--color-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 10px; }

@media (max-width: 900px) {
  .home-hero__wrap { flex-direction: column; text-align: center; padding: 0 24px; }
  .home-hero__content { max-width: 100%; }
  .home-hero__desc { max-width: 100%; }
  .home-hero__media { flex: none; width: 100%; }
  .home-about__wrap { flex-direction: column; text-align: center; padding: 0 24px; gap: 32px; }
  .home-about__visual { flex: none; width: 100%; max-width: 480px; margin: 0 auto; }
  .home-about__facts { justify-content: center; }
  .home-products__grid { grid-template-columns: 1fr; gap: 20px; }
  .home-why__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .home-stats__list { gap: 24px 40px; }
  .home-news__item { flex-direction: column; }
  .home-news__thumb { flex: none; width: 100%; aspect-ratio: 16/10; }
  .home-news__body { padding: 18px 20px 20px; }
  .home-reviews__list { grid-template-columns: 1fr; gap: 16px; }
  .home-reviews__inner { gap: 36px; }
}
@media (max-width: 600px) {
  .home-hero__title { font-size: 24px; }
  .home-hero__lead { font-size: 14px; }
  .home-hero__desc { font-size: 14px; }
  .home-about__title { font-size: 22px; }
  .home-about__num { font-size: 18px; }
  .home-products__title { font-size: 22px; }
  .home-product-card__name { font-size: 16px; }
  .home-why__grid { grid-template-columns: 1fr; }
  .home-why__item { padding: 22px 20px; }
  .home-stats__num { font-size: 22px; }
  .home-trust__item { flex-direction: column; gap: 12px; padding: 20px 22px; }
  .home-reviews__title { font-size: 22px; }
  .home-reviews__item { padding: 18px 20px; }
  .home-reviews__quote { font-size: 14px; }
  .home-reviews__list { gap: 14px; }
  .home-reviews__badge { font-size: 13px; padding: 8px 14px; }
  .home-faq__q { padding: 16px 20px; font-size: 14px; }
  .home-faq__a p { padding: 0 20px 18px; font-size: 13px; }
}

/* ══════════════════════════
   导航栏
══════════════════════════ */
.nav-bar { background: rgba(255,255,255,.96); backdrop-filter: blur(12px); border-bottom: 1px solid #edf0f7; position: sticky; top: 0; z-index: 100; }
.admin-bar .nav-bar { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .nav-bar { top: 46px; } }
.nav-container { max-width: 1200px; margin: 0 auto; padding: 0 40px; height: 60px; display: flex; align-items: center; justify-content: space-between; }
.nav-brand { display: flex; align-items: center; flex-shrink: 0; }
.nav-brand img { height: 36px; width: auto; display: block; }
.nav-links { display: flex; align-items: center; }
.nav-links ul { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.nav-links li { position: relative; }
.nav-links li a { display: block; padding: 6px 13px; border-radius: 6px; font-size: 14px; color: #475569; transition: background .18s, color .18s; text-decoration: none; }
.nav-links li a:hover,
.nav-links li.current-menu-item > a,
.nav-links li.current-menu-ancestor > a { background: #eef4ff; color: var(--color-primary); }
.nav-toggle { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; background: none; border: none; padding: 0; flex-shrink: 0; }
.nav-toggle span { display: block; width: 22px; height: 2px; background: #0d1117; border-radius: 2px; transition: transform .28s ease, opacity .2s ease, width .2s ease; transform-origin: center; }
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; width: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.nav-drawer { display: none; position: absolute; top: 60px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #edf0f7; box-shadow: 0 8px 24px rgba(0,0,0,.08); overflow: hidden; max-height: 0; transition: max-height .35s cubic-bezier(.4,0,.2,1), opacity .3s ease; opacity: 0; }
.nav-drawer.open { max-height: 400px; opacity: 1; }
.nav-drawer-inner { padding: 12px 16px 16px; }
.nav-drawer-inner ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.nav-drawer-inner li { list-style: none; }
.nav-drawer-inner li a { display: block; padding: 11px 14px; border-radius: 8px; font-size: 15px; color: #475569; font-weight: 500; transition: background .18s, color .18s; text-decoration: none; }
.nav-drawer-inner li a:hover,
.nav-drawer-inner li.current-menu-item > a { background: #eef4ff; color: var(--color-primary); }
.nav-drawer-inner li.current-menu-item > a { font-weight: 700; }

/* 导航搜索 */
.nav-search-wrap { position: relative; display: flex; align-items: center; margin-left: 8px; }
.nav-search-btn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; color: #475569; background: none; border: none; cursor: pointer; transition: color .18s, background .18s; }
.nav-search-btn:hover { color: var(--color-primary); background: #eef4ff; }
.nav-search-drop { position: absolute; top: 100%; right: 0; margin-top: 6px; padding: 12px; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.12); border: 1px solid #e8edf5; min-width: 280px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s, visibility .2s, transform .2s; z-index: 200; }
.nav-search-drop.open { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-search-form { display: flex; gap: 8px; }
.nav-search-input { flex: 1; min-width: 0; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; font-family: inherit; }
.nav-search-input:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(0,102,255,.15); }
.nav-search-submit { padding: 10px 18px; border-radius: 8px; font-size: 14px; font-weight: 600; background: var(--color-primary); color: #fff; border: none; cursor: pointer; transition: opacity .2s; }
.nav-search-submit:hover { opacity: .9; }
@media (max-width: 960px) { .nav-links { display: none; } .nav-search-wrap { margin-left: auto; margin-right: 8px; } }

/* ══════════════════════════
   首页（E-E-A-T + SEO 布局）
══════════════════════════ */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* 首页 Banner（index.php） */
.hp-banner { background: linear-gradient(135deg, #f0f7ff 0%, #e8f0ff 100%); padding: 56px 0 64px; }
.hp-banner-light { background-color: #f8fafc; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hp-banner-light .banner-h1 { color: #0d1117; }
.hp-banner-light .banner-tagline { color: #1a1a2e; }
.hp-banner-light .banner-desc { color: #334155; }
.hp-banner-light .banner-note { color: #64748b; }
.hp-banner-light .badge-pill { background: rgba(0,0,0,.07); border-color: rgba(0,0,0,.14); color: #1e293b; }
.hp-banner-light .badge-pill .pill-dot { background: #0d1117; }
.hp-banner-light .info-btn { border-color: #334155; color: #1e293b !important; }
.hp-banner-light .info-btn:hover { background: rgba(0,0,0,.06); color: #0d1117 !important; }
.banner-in { display: flex; align-items: center; gap: 48px; min-height: 380px; }
.banner-in.container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.banner-copy { flex: 1; min-width: 0; }
.badge-pill { display: inline-flex; align-items: center; gap: 8px; background: rgba(0,102,255,.08); border: 1px solid rgba(0,102,255,.2); border-radius: 100px; padding: 6px 14px; font-size: 12px; color: #1e40af; margin-bottom: 20px; }
.pill-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); animation: pdpulse 2s infinite; }
.banner-h1 { font-size: 34px; font-weight: 900; line-height: 1.28; color: #0d1117; margin-bottom: 12px; letter-spacing: -.5px; }
.banner-tagline { font-size: 16px; font-weight: 600; color: var(--color-primary); margin-bottom: 10px; }
.banner-desc { font-size: 15px; color: #475569; line-height: 1.8; margin-bottom: 24px; max-width: 520px; }
.banner-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.dl-win-btn, .info-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; border-radius: 9px; font-size: 14px; font-weight: 700; transition: opacity .2s, transform .1s; text-decoration: none; }
.dl-win-btn { background: var(--color-primary); color: #fff !important; box-shadow: 0 4px 14px rgba(0,102,255,.35); }
.dl-win-btn:hover { opacity: .92; transform: translateY(-1px); }
.dl-win-btn svg { width: 18px; height: 18px; fill: #fff; }
.info-btn { border: 1.5px solid var(--color-primary); color: var(--color-primary) !important; }
.info-btn:hover { background: #eef4ff; }
.banner-note { font-size: 12px; color: #64748b; margin: 0; }
.banner-img { flex: 0 0 420px; display: flex; align-items: center; justify-content: center; padding-top: 20px; }
.banner-img img { width: 100%; max-width: 480px; height: auto; border-radius: 12px; box-shadow: 0 16px 48px rgba(0,0,0,.08); }

/* 首页滚动动画（丝滑曲线） */
:root { --hp-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94); --hp-ease-out: cubic-bezier(0.33, 1, 0.68, 1); }
.hp-animate { opacity: 0; transform: translateY(28px); transition: opacity 0.7s var(--hp-ease), transform 0.7s var(--hp-ease); will-change: opacity, transform; }
.hp-animate.hp-animate-visible { opacity: 1; transform: translateY(0); }
.suite-sec.hp-animate .suite-item { opacity: 0; transform: translateY(24px); transition: opacity 0.55s var(--hp-ease), transform 0.55s var(--hp-ease); }
.suite-sec.hp-animate.hp-animate-visible .suite-item:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.08s; }
.suite-sec.hp-animate.hp-animate-visible .suite-item:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.18s; }
.suite-sec.hp-animate.hp-animate-visible .suite-item:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.28s; }
.digest-sec.hp-animate .digest-feed .feed-item { opacity: 0; transform: translateY(20px); transition: opacity 0.5s var(--hp-ease), transform 0.5s var(--hp-ease); }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.05s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.15s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.25s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(6) { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(7) { opacity: 1; transform: translateY(0); transition-delay: 0.35s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(8) { opacity: 1; transform: translateY(0); transition-delay: 0.4s; }
.digest-sec.hp-animate.hp-animate-visible .digest-feed .feed-item:nth-child(9) { opacity: 1; transform: translateY(0); transition-delay: 0.45s; }
.qa-sec.hp-animate .qa-list { opacity: 0; transform: translateY(20px); transition: opacity 0.6s var(--hp-ease), transform 0.6s var(--hp-ease); }
.qa-sec.hp-animate.hp-animate-visible .qa-list { opacity: 1; transform: translateY(0); }

/* Hero */
.hp-hero { background: #0066FF; padding: 64px 0 72px; }
.hp-hero-in { display: flex; align-items: center; gap: 48px; min-height: 420px; }
.hp-hero-copy { flex: 1; color: #fff; }
.hp-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 100px; padding: 6px 16px; font-size: 12.5px; color: rgba(255,255,255,.9); margin-bottom: 24px; }
.hp-hero-dot { width: 7px; height: 7px; border-radius: 50%; background: #6ee7b7; animation: pdpulse 2s infinite; }
@keyframes pdpulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }
.hp-hero-h1 { font-size: 38px; font-weight: 900; line-height: 1.25; color: #fff; margin-bottom: 16px; letter-spacing: -.5px; }
.hp-hero-desc { font-size: 15px; color: rgba(255,255,255,.85); line-height: 1.8; margin-bottom: 28px; max-width: 480px; }
.hp-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.hp-hero-btn { display: inline-flex; align-items: center; padding: 13px 32px; border-radius: 9px; font-size: 14.5px; font-weight: 700; transition: opacity .2s, transform .1s; text-decoration: none; }
.hp-hero-btn.primary { background: #fff; color: var(--color-primary); box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.hp-hero-btn.primary:hover { opacity: .93; transform: translateY(-2px); }
.hp-hero-btn.secondary { border: 1.5px solid rgba(255,255,255,.5); color: #fff; }
.hp-hero-btn.secondary:hover { background: rgba(255,255,255,.1); }
.hp-hero-note { font-size: 12px; color: rgba(255,255,255,.5); margin: 0; }
.hp-hero-vis { flex: 0 0 480px; display: flex; align-items: flex-end; justify-content: center; }
.hp-hero-vis img { width: 100%; max-width: 520px; height: auto; border-radius: 12px; }

/* Hero 上下图文布局（参考官网） */
.hp-hero-stack .hp-hero-in { flex-direction: column; align-items: center; text-align: center; min-height: auto; padding: 48px 0 40px; }
.hp-hero-copy-center .hp-hero-h1 { max-width: 720px; margin-left: auto; margin-right: auto; }
.hp-hero-copy-center .hp-hero-desc { max-width: 600px; margin-left: auto; margin-right: auto; }
.hp-hero-copy-center .hp-hero-cta { justify-content: center; }
.hp-hero-vis-below { flex: none; width: 100%; max-width: 900px; margin: 0 auto; }
.hp-hero-vis-below img { max-width: 900px; margin: 0 auto; border-radius: 12px; }

/* Hero 背景图 + 大下内边距 */
.hp-hero-bg { background-color: #0066FF; background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 360px !important; }
.hp-hero-bg .hp-hero-in { padding-top: 56px; padding-bottom: 0; }

/* Why 为什么选择爱思助手（图片上文字下布局） */
.hp-why { background: #f8faff; padding: 72px 0; }
.hp-why-hd { text-align: center; margin-bottom: 44px; }
.hp-why-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin: 0; }
.hp-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; list-style: none; margin: 0; padding: 0; max-width: 1100px; margin: 0 auto; }
.hp-why-item { background: #fff; border-radius: 14px; overflow: hidden; text-align: center; border: 1px solid #e8eef8; transition: box-shadow .2s; display: flex; flex-direction: column; }
.hp-why-item:hover { box-shadow: 0 12px 36px rgba(0,102,255,.1); }
.hp-why-thumb { width: 100%; aspect-ratio: 16/10; overflow: hidden; background: #f4f7fd; }
.hp-why-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hp-why-item h3 { font-size: 17px; font-weight: 800; color: var(--color-text); margin: 20px 24px 10px; }
.hp-why-item p { font-size: 14px; color: var(--color-text-muted); line-height: 1.75; margin: 0 24px 24px; }

/* Trust 权威数据 */
.hp-trust { background: #fff; border-bottom: 1px solid #e8edf6; }
.hp-trust-list { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; margin: 0; padding: 0; }
.hp-trust-item { text-align: center; padding: 28px 16px; border-right: 1px solid #e8edf6; }
.hp-trust-item:last-child { border-right: none; }
.hp-trust-num { display: block; font-size: 26px; font-weight: 900; color: var(--color-primary); line-height: 1.2; }
.hp-trust-num small { font-size: 14px; }
.hp-trust-lbl { display: block; font-size: 12px; color: #94a3b8; margin-top: 6px; }

/* Cap 核心能力 */
.hp-cap { background: #f8faff; padding: 72px 0; }
.hp-cap-hd { text-align: center; margin-bottom: 40px; }
.hp-cap-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin-bottom: 10px; }
.hp-cap-hd p { font-size: 15px; color: var(--color-text-muted); margin: 0; }
.hp-cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; margin: 0; padding: 0; }
.hp-cap-item { background: #fff; border-radius: 14px; padding: 24px; border: 1px solid #e8eef8; transition: box-shadow .2s; }
.hp-cap-item:hover { box-shadow: 0 8px 28px rgba(0,102,255,.1); }
.hp-cap-ico { width: 44px; height: 44px; border-radius: 12px; background: #eef6ff; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.hp-cap-ico svg { width: 22px; height: 22px; fill: var(--color-primary); }
.hp-cap-item h3 { font-size: 15px; font-weight: 800; color: var(--color-text); margin-bottom: 8px; }
.hp-cap-item p { font-size: 13px; color: var(--color-text-muted); line-height: 1.7; margin: 0; }

/* Prod 产品矩阵 */
.hp-prod { background: #fff; padding: 72px 0; }
.hp-prod-hd { text-align: center; margin-bottom: 40px; }
.hp-prod-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin-bottom: 10px; }
.hp-prod-hd p { font-size: 15px; color: var(--color-text-muted); margin: 0; }
.hp-prod-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hp-prod-card { background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #e8eef8; transition: box-shadow .25s, transform .2s; }
.hp-prod-card:hover { box-shadow: 0 12px 36px rgba(0,102,255,.12); transform: translateY(-3px); }
.hp-prod-vis { aspect-ratio: 16/10; overflow: hidden; background: #f4f7fd; }
.hp-prod-vis img { width: 100%; height: 100%; object-fit: cover; }
.hp-prod-body { padding: 20px; }
.hp-prod-body h3 { font-size: 17px; font-weight: 800; color: var(--color-text); margin-bottom: 6px; }
.hp-prod-body p { font-size: 13px; color: var(--color-text-muted); margin-bottom: 16px; line-height: 1.6; }
.hp-prod-btn { display: inline-flex; align-items: center; padding: 10px 24px; background: var(--color-primary); color: #fff !important; border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none; transition: opacity .2s; }
.hp-prod-btn:hover { opacity: .9; }

/* Compat 兼容机型与系统（SEO 友好） */
.hp-compat { background: #f8faff; padding: 72px 0; }
.hp-compat-hd { text-align: center; margin-bottom: 36px; }
.hp-compat-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin-bottom: 10px; }
.hp-compat-hd p { font-size: 15px; color: var(--color-text-muted); margin: 0; }
.hp-compat-wrap { max-width: 720px; margin: 0 auto; overflow-x: auto; border-radius: 12px; border: 1px solid #e8eef8; background: #fff; }
.hp-compat-tbl { width: 100%; border-collapse: collapse; font-size: 14px; }
.hp-compat-tbl th { background: var(--color-primary); color: #fff; font-weight: 700; padding: 14px 20px; text-align: left; }
.hp-compat-tbl th:first-child { border-radius: 11px 0 0 0; }
.hp-compat-tbl th:last-child { border-radius: 0 11px 0 0; }
.hp-compat-tbl td { padding: 12px 20px; color: #475569; border-bottom: 1px solid #f0f4fb; }
.hp-compat-tbl tr:last-child td { border-bottom: none; }
.hp-compat-tbl tr:nth-child(even) td { background: #fafcff; }
.hp-compat-bad { display: inline-flex; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 100px; }
.hp-compat-bad.latest { background: #dbeafe; color: var(--color-primary); }
.hp-compat-bad { background: #dcfce7; color: #166534; }
.hp-compat-note { text-align: center; font-size: 13px; color: var(--color-text-muted); margin: 20px 0 0; line-height: 1.6; }

/* About 爱思助手官方网站 */
.hp-about { background: #fff; padding: 72px 0; border-top: 1px solid #f0f4fb; }
.hp-about-hd { text-align: center; margin-bottom: 32px; }
.hp-about-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin: 0; }
.hp-about-single { max-width: 720px; margin: 0 auto; text-align: center; }
.hp-about-single p { font-size: 15px; color: #475569; line-height: 1.9; margin-bottom: 28px; }
.hp-about-single p:last-of-type { margin-bottom: 0; }
.hp-about-cta { margin-top: 28px; }
/* 图文左右布局（左文右图） */
.hp-about-layout-split { display: flex; align-items: center; gap: 56px; max-width: 1200px; margin: 0 auto; }
.hp-about-layout-split .hp-about-body { flex: 1; min-width: 0; }
.hp-about-layout-split .hp-about-vis { flex: 0 0 48%; }
.hp-about-label { font-size: 13px; color: var(--color-text-muted); margin-bottom: 8px; }
.hp-about-title { font-size: 32px; font-weight: 800; color: var(--color-text); margin: 0 0 24px !important; }
.hp-about-body p { font-size: 15px; color: #475569; line-height: 1.9; margin-bottom: 18px; }
.hp-about-body p:last-of-type { margin-bottom: 0; }
.hp-about-vis img { width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.hp-about-layout { display: flex; align-items: flex-start; gap: 48px; max-width: 1100px; margin: 0 auto; }
.hp-about-vis { flex: 0 0 42%; }
.hp-about-vis img { width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.hp-about-body { flex: 1; min-width: 0; }
.hp-about-body p { font-size: 15px; color: #475569; line-height: 1.9; margin-bottom: 22px; }
.hp-about-body p:last-child { margin-bottom: 0; }
@media (max-width: 900px) {
  .hp-about-layout, .hp-about-layout-split { flex-direction: column; gap: 32px; }
  .hp-about-layout-split .hp-about-vis { order: -1; flex: none; width: 100%; max-width: 560px; margin: 0 auto; }
  .hp-about-vis { flex: none; width: 100%; max-width: 480px; margin: 0 auto; }
}

/* News 新闻中心 */
.hp-news { background: #fff; padding: 64px 0 72px; border-top: 1px solid #f0f4fb; }
.hp-news-hd { text-align: center; margin-bottom: 28px; }
.hp-news-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin: 0; }
.hp-news-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 24px; border-bottom: 1px solid #e2e8f0; }
.hp-news-tab { padding: 12px 16px; font-size: 14px; font-weight: 600; color: var(--color-text-muted); background: none; border: none; border-bottom: 3px solid transparent; margin-bottom: -1px; cursor: pointer; transition: color .2s, border-color .2s; }
.hp-news-tab:hover { color: var(--color-text); }
.hp-news-tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.hp-news-pane { display: none; }
.hp-news-pane.active { display: block; }
.hp-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.hp-news-grid .tutorial-card { list-style: none; }
.hp-news-empty { text-align: center; padding: 48px 20px; color: var(--color-text-muted); margin: 0; }
.hp-news-more { text-align: center; margin: 32px 0 0; }
.hp-news-btn { display: inline-flex; padding: 12px 32px; font-size: 14px; font-weight: 600; color: var(--color-primary); border: 2px solid var(--color-primary); border-radius: 8px; text-decoration: none; transition: background .2s, color .2s; }
.hp-news-btn:hover { background: var(--color-primary); color: #fff; }

/* Guide 爱思助手使用指南（图文长方形布局） */
.hp-guide { background: #f8faff; padding: 72px 0; }
.hp-guide-hd { text-align: center; margin-bottom: 36px; }
.hp-guide-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin: 0; }
.hp-guide-intro { font-size: 14px; color: var(--color-text-muted); margin: 10px 0 0; }
.hp-guide-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.hp-guide-item { display: flex; align-items: stretch; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e8eef8; transition: box-shadow .2s; }
.hp-guide-item:hover { box-shadow: 0 8px 28px rgba(0,102,255,.08); }
.hp-guide-thumb { flex: 0 0 280px; width: 280px; aspect-ratio: 16/10; overflow: hidden; background: #f1f5f9; display: block; }
.hp-guide-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.hp-guide-item:hover .hp-guide-thumb img { transform: scale(1.04); }
.hp-guide-thumb-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 36px; font-weight: 800; color: #cbd5e1; background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }
.hp-guide-body { flex: 1; min-width: 0; padding: 20px 24px; display: flex; flex-direction: column; }
.hp-guide-title { font-size: 16px; font-weight: 800; margin: 0 0 10px; line-height: 1.5; }
.hp-guide-title a { color: var(--color-text); text-decoration: none; transition: color .2s; }
.hp-guide-title a:hover { color: var(--color-primary); }
.hp-guide-excerpt { font-size: 14px; color: var(--color-text-muted); line-height: 1.7; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hp-guide-excerpt a { color: var(--color-primary); text-decoration: none; margin-left: 4px; }
.hp-guide-excerpt a:hover { text-decoration: underline; }
.hp-guide-meta { font-size: 13px; color: #94a3b8; margin-top: auto; }
.hp-guide-empty { text-align: center; padding: 48px 20px; color: var(--color-text-muted); list-style: none; }
.hp-guide-more { text-align: center; margin: 32px 0 0; }
@media (max-width: 768px) {
  .hp-guide-item { flex-direction: column; }
  .hp-guide-thumb { flex: none; width: 100%; }
}

/* Reviews 用户真实体验 */
.hp-reviews { background: #f8faff; padding: 72px 0; }
.hp-reviews-hd { text-align: center; margin-bottom: 40px; }
.hp-reviews-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin-bottom: 10px; }
.hp-reviews-hd p { font-size: 15px; color: var(--color-text-muted); margin: 0; }
.hp-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; }
.hp-reviews-item { background: #fff; border-radius: 14px; padding: 28px; border: 1px solid #e8eef8; transition: box-shadow .2s; }
.hp-reviews-item:hover { box-shadow: 0 8px 28px rgba(0,102,255,.08); }
.hp-reviews-stars { color: #fbbf24; font-size: 14px; letter-spacing: 2px; margin-bottom: 14px; }
.hp-reviews-item p { font-size: 14px; color: #475569; line-height: 1.85; margin-bottom: 20px; }
.hp-reviews-user { font-size: 13px; color: #94a3b8; }

/* FAQ */
.hp-faq { background: #fff; padding: 72px 0; }
.hp-faq-hd { text-align: center; margin-bottom: 40px; }
.hp-faq-hd h2 { font-size: 28px; font-weight: 800; color: var(--color-text); margin-bottom: 10px; }
.hp-faq-hd p { font-size: 15px; color: var(--color-text-muted); margin: 0; }
.hp-faq-list { width: 100%; }
.hp-faq-item { border: 1px solid #e8eef8; border-radius: 12px; margin-bottom: 12px; overflow: hidden; background: #fff; }
.hp-faq-item summary { padding: 18px 24px; font-size: 15px; font-weight: 600; color: var(--color-text); cursor: pointer; }
.hp-faq-item[open] summary { border-bottom: 1px solid #f0f4fb; color: var(--color-primary); }
.hp-faq-item p { padding: 18px 24px; font-size: 14px; color: var(--color-text-muted); line-height: 1.9; margin: 0; }

/* CTA */
.hp-cta { background: #0066FF; padding: 64px 0; text-align: center; }
.hp-cta h2 { font-size: 28px; font-weight: 900; color: #fff; margin-bottom: 10px; }
.hp-cta p { font-size: 14px; color: rgba(255,255,255,.8); margin-bottom: 28px; }
.hp-cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.hp-cta-btn { display: inline-flex; align-items: center; padding: 13px 36px; border-radius: 9px; font-size: 14.5px; font-weight: 700; text-decoration: none; transition: opacity .2s; }
.hp-cta-btn:not(.ghost) { background: #fff; color: var(--color-primary); }
.hp-cta-btn.ghost { border: 2px solid rgba(255,255,255,.6); color: #fff; }
.hp-cta-btn:hover { opacity: .92; }

@media (max-width: 1024px) {
  .hp-hero-in { flex-direction: column; min-height: auto; }
  .hp-hero-vis { flex: none; width: 100%; }
  .hp-why-grid { grid-template-columns: 1fr; }
  .hp-cap-grid { grid-template-columns: repeat(2, 1fr); }
  .hp-prod-grid { grid-template-columns: repeat(2, 1fr); }
  .hp-reviews-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .hp-trust-list { grid-template-columns: repeat(2, 1fr); }
  .hp-trust-item { border-right: none; border-bottom: 1px solid #e8edf6; }
  .hp-cap-grid { grid-template-columns: 1fr; }
  .hp-prod-grid { grid-template-columns: 1fr; }
  .hp-news-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .hp-hero-h1 { font-size: 26px; }
  .hp-hero-stack .hp-hero-h1 { font-size: 22px; }
  .hp-hero-copy-center .hp-hero-desc br { display: none; }
  .hp-news-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════
   产品系列（其他页面可能使用）
══════════════════════════ */
.suite-sec { background: #f8faff; padding: 80px 0; }
.s-hd { text-align: center; margin-bottom: 44px; padding: 0 16px; }
.s-hd h2 { font-size: 30px; font-weight: 900; color: #0d1117; margin-bottom: 10px; }
.s-hd-sub { font-size: 12px; color: #94a3b8; text-transform: uppercase; letter-spacing: .08em; margin: -4px 0 0; }
.s-hd p { font-size: 15px; color: #7c8899; margin-bottom: 0; }
.suite-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.suite-item { background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid #e4ebf7; transition: box-shadow .3s, transform .25s; display: flex; flex-direction: column; }
.suite-item:hover { box-shadow: 0 12px 44px rgba(21,88,212,.12); transform: translateY(-4px); }
.suite-item-hd { padding: 28px 28px 0; }
.suite-illus { width: 100%; border-radius: 16px; overflow: hidden; margin-bottom: 18px; background: #f3f6ff; }
.suite-illus img { width: 100%; height: auto; display: block; }
.item-ico { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.item-ico svg { width: 28px; height: 28px; fill: #fff; }
.item-ico.c-blue { background: linear-gradient(135deg, var(--color-primary), #4d8ef5); }
.item-ico.c-orange { background: linear-gradient(135deg, #ea580c, #fb923c); }
.item-ico.c-violet { background: linear-gradient(135deg, #6d28d9, #a78bfa); }
.item-nm { font-size: 19px; font-weight: 800; color: #0d1117; margin-bottom: 4px; }
.item-plat { font-size: 12.5px; color: #94a3b8; margin-bottom: 20px; }
.item-sep { height: 1px; background: #f0f4fc; margin: 0 28px; }
.item-pts { padding: 18px 28px; flex: 1; display: flex; flex-direction: column; }
.item-pts li { font-size: 13.5px; color: #475569; padding: 9px 0; border-bottom: 1px solid #f5f7fb; display: flex; align-items: center; gap: 10px; }
.item-pts li:last-child { border-bottom: none; }
.item-pts li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); flex-shrink: 0; }
.item-cta { padding: 0 28px 28px; }
.item-btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px 0; width: 100%; border-radius: 9px; font-size: 14px; font-weight: 700; transition: opacity .2s; margin-top: 18px; text-decoration: none; }
.item-btn:hover { opacity: .85; }
.item-btn.c-blue { background: var(--color-primary); color: #fff !important; }
.item-btn.c-orange { background: #ea580c; color: #fff !important; }
.item-btn.c-violet { background: #6d28d9; color: #fff !important; }
.item-btn svg { width: 14px; height: 14px; fill: #fff; }

/* ══════════════════════════
   核心功能
══════════════════════════ */
.fn-sec { background: #fff; padding: 80px 0; }
.fn-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.fn-item { display: flex; gap: 18px; padding: 24px; border: 1px solid #e8edf6; border-radius: 14px; background: #fafcff; transition: box-shadow .25s, border-color .25s; }
.fn-item:hover { box-shadow: 0 6px 24px rgba(21,88,212,.08); border-color: #c7d8f8; }
.fn-ico { width: 48px; height: 48px; border-radius: 12px; background: #eef4ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fn-ico svg { width: 24px; height: 24px; fill: var(--color-primary); }
.fn-body { flex: 1; min-width: 0; }
.fn-nm { font-size: 15px; font-weight: 800; color: #0d1117; margin-bottom: 6px; }
.fn-txt { font-size: 13px; color: #64748b; line-height: 1.7; }

/* ══════════════════════════
   使用步骤
══════════════════════════ */
.guide-sec { background: #f8faff; padding: 80px 0; }
.guide-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }
.guide-row::after { content: ""; position: absolute; top: 30px; left: 12%; right: 12%; height: 2px; background: linear-gradient(90deg, var(--color-primary), #4d8ef5); z-index: 0; }
.guide-step { text-align: center; padding: 0 16px; position: relative; z-index: 1; }
.step-no { width: 60px; height: 60px; border-radius: 50%; background: var(--color-primary); color: #fff; font-size: 20px; font-weight: 900; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; box-shadow: 0 4px 16px rgba(21,88,212,.3); border: 3px solid #fff; }
.step-nm { font-size: 15px; font-weight: 800; color: #0d1117; margin-bottom: 8px; }
.step-txt { font-size: 13px; color: #64748b; line-height: 1.7; }

/* ══════════════════════════
   选择理由
══════════════════════════ */
.why-sec { background: #fff; padding: 80px 0; }
.why-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.why-item { padding: 20px; background: #f8faff; border-radius: 12px; border: 1px solid #e4ebf7; }
.why-ico { width: 40px; height: 40px; border-radius: 10px; background: #eef4ff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.why-ico svg { width: 20px; height: 20px; fill: var(--color-primary); }
.why-nm { font-size: 14px; font-weight: 800; color: #0d1117; margin-bottom: 5px; }
.why-txt { font-size: 12.5px; color: #64748b; line-height: 1.65; }
.compat-tbl { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.compat-tbl th { background: var(--color-primary); color: #fff; font-weight: 700; padding: 12px 16px; text-align: left; font-size: 13px; }
.compat-tbl th:first-child { border-radius: 10px 0 0 0; }
.compat-tbl th:last-child { border-radius: 0 10px 0 0; }
.compat-tbl td { padding: 11px 16px; color: #475569; border-bottom: 1px solid #f0f4fb; }
.compat-tbl tr:last-child td { border-bottom: none; }
.compat-tbl tr:nth-child(even) td { background: #f8fbff; }
.compat-badge { display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; padding: 2px 9px; border-radius: 100px; }
.compat-badge.latest { background: #dbeafe; color: var(--color-primary); }
.compat-badge.ok { background: #dcfce7; color: #166534; }

/* ══════════════════════════
   新闻资讯 + 教程 Hub
══════════════════════════ */
.digest-sec { background: #fff; padding: 72px 0; border-top: 1px solid #f0f4fb; }
.digest-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.digest-hd h2 { font-size: 18px; font-weight: 900; color: #0d1117; }
.digest-more { display: inline-flex; align-items: center; gap: 3px; font-size: 13px; color: var(--color-primary); font-weight: 600; transition: opacity .18s; text-decoration: none; }
.digest-more:hover { opacity: .75; }
.digest-more svg { width: 13px; height: 13px; fill: var(--color-primary); }
.digest-feed { display: flex; flex-direction: column; gap: 20px; }
.digest-empty { text-align: center; padding: 48px 20px; color: #64748b; font-size: 14px; margin: 0; }

/* 首页新闻：横向列表（图左文右） */
.digest-sec .feed-item { flex-direction: row; align-items: stretch; padding: 0; border-radius: 12px; overflow: hidden; border: 1px solid #e8edf5; background: #fff; box-shadow: 0 2px 12px rgba(15,23,42,.04); transition: box-shadow .2s, border-color .2s; }
.digest-sec .feed-item:hover { box-shadow: 0 8px 28px rgba(15,23,42,.08); border-color: #e0e7f0; }
.digest-sec .fi-thumb { width: 280px; min-width: 280px; flex-shrink: 0; margin: 0; border-radius: 0; aspect-ratio: 16/10; background: #f1f5f9; }
.digest-sec .fi-thumb a { display: block; width: 100%; height: 100%; }
.digest-sec .fi-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; display: block; }
.digest-sec .feed-item:hover .fi-thumb img { transform: scale(1.03); }
.digest-sec .fi-body { flex: 1; min-width: 0; padding: 24px 28px; justify-content: center; }
.digest-sec .fi-title { font-size: 17px; font-weight: 800; line-height: 1.5; margin: 0 0 12px; -webkit-line-clamp: 2; }
.digest-sec .fi-title a { color: inherit; text-decoration: none; }
.digest-sec .feed-item:hover .fi-title a { color: var(--color-primary); }
.digest-sec .fi-excerpt { font-size: 14px; color: #64748b; line-height: 1.7; margin: 0 0 16px; -webkit-line-clamp: 2; flex: none; }
.digest-sec .fi-meta { margin: 0; margin-top: auto; }
.digest-sec .fi-date, .digest-sec .fi-views { font-size: 12px; color: #94a3b8; }
.digest-sec .fi-date svg, .digest-sec .fi-views svg { width: 14px; height: 14px; fill: #94a3b8; }

/* 无缩略图时正文占满 */
.digest-sec .feed-item:not(:has(.fi-thumb)) .fi-body { padding: 24px 28px; }

/* ── 文章卡片（其他页面复用 content-news-card 时的默认样式）── */
.feed-item { background: #fff; border-radius: 18px; padding: 10px 10px 16px; box-shadow: 0 10px 30px rgba(15,23,42,.04); display: flex; flex-direction: column; transition: transform .18s, box-shadow .18s; }
.feed-item:hover { transform: translateY(-4px); box-shadow: 0 18px 50px rgba(15,23,42,.08); }
.fi-thumb { width: 100%; aspect-ratio: 16/10; border-radius: 14px; overflow: hidden; background: #eef4ff; margin-bottom: 12px; }
.fi-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; display: block; }
.feed-item:hover .fi-thumb img { transform: scale(1.05); }
.fi-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fi-title { font-size: 15px; font-weight: 800; color: #0d1117; line-height: 1.55; margin: 2px 4px 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .18s; }
.fi-title a { color: inherit; text-decoration: none; }
.feed-item:hover .fi-title { color: var(--color-primary); }
.fi-excerpt { font-size: 13px; color: #64748b; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex: 1; margin: 0 4px 10px; }
.fi-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 4px; }
.fi-date, .fi-views { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #94a3b8; }
.fi-date svg, .fi-views svg { width: 12px; height: 12px; fill: #b0bec8; }

/* ── 教程 Hub 三列区块 ── */
.hub-sec { background: #f8faff; padding: 80px 0; border-top: 1px solid #edf2ff; }
.hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: flex-start; }
.hub-col { background: #fff; border-radius: 16px; border: 1px solid #e4ebf7; padding: 22px 22px 18px; box-shadow: 0 6px 24px rgba(15,23,42,.03); display: flex; flex-direction: column; min-height: 0; }
.hub-col-hd h3 { font-size: 16px; font-weight: 800; color: #0f172a; margin-bottom: 6px; }
.hub-col-hd h3 a { color: inherit; text-decoration: none; }
.hub-col-hd p { font-size: 12.5px; color: #64748b; line-height: 1.7; margin-bottom: 10px; }
.hub-more { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--color-primary); text-decoration: none; font-weight: 600; margin-bottom: 10px; }
.hub-list { list-style: none; margin: 6px 0 0; padding: 0; border-top: 1px solid #f1f5f9; }
.hub-item { border-bottom: 1px solid #f1f5f9; }
.hub-item:last-child { border-bottom: none; }
.hub-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; font-size: 13px; color: #1e293b; text-decoration: none; }
.hub-title { flex: 1; min-width: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.hub-date { font-size: 11px; color: #94a3b8; flex-shrink: 0; }
.hub-link:hover .hub-title { color: var(--color-primary); }
.hub-empty { font-size: 12.5px; color: #94a3b8; margin-top: 10px; }

/* ══════════════════════════
   首页教程区块（按栏目切换，SEO 友好）
══════════════════════════ */
.tutorial-sec { background: #fff; padding: 64px 0 72px; border-top: 1px solid #f0f4fb; }
.tutorial-sec-hd { margin-bottom: 28px; text-align: center; }
.tutorial-sec-title { font-size: 28px; font-weight: 800; color: var(--color-text); line-height: 1.35; margin: 0; }
.tutorial-tabs { display: flex; flex-wrap: wrap; gap: 4px 2px; margin-bottom: 24px; padding-bottom: 0; border-bottom: 1px solid #e2e8f0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tutorial-tab { padding: 12px 16px; font-size: 14px; font-weight: 600; color: var(--color-text-muted); background: none; border: none; border-bottom: 3px solid transparent; margin-bottom: -1px; border-radius: 6px 6px 0 0; cursor: pointer; transition: color .2s, border-color .2s, background .2s; white-space: nowrap; }
.tutorial-tab:hover { color: var(--color-text); background: #f8fafc; }
.tutorial-tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); background: transparent; }
.tutorial-pane { display: none; }
.tutorial-pane.active { display: block; }
.tutorial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tutorial-card { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e8eef8; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.tutorial-card:hover { box-shadow: 0 12px 32px rgba(15,23,42,.08); transform: translateY(-2px); }
.tc-thumb { position: relative; width: 100%; aspect-ratio: 16/10; overflow: hidden; background: #f1f5f9; }
.tc-thumb a { display: block; width: 100%; height: 100%; }
.tc-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }
.tutorial-card:hover .tc-thumb img { transform: scale(1.04); }
.tc-thumb-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 32px; font-weight: 800; color: #cbd5e1; background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }
.tc-cat { position: absolute; left: 10px; top: 10px; padding: 4px 10px; border-radius: 6px; font-size: 12px; font-weight: 600; line-height: 1.2; }
.tc-cat a { color: #fff; text-decoration: none; }
.tc-cat { background: var(--color-primary); color: #fff; }
.tc-cat--news, .tc-cat--1 { background: #ea580c; color: #fff; }
.tc-cat--shiyong-jiqiao, .tc-cat--jiqiao, .tc-cat--7 { background: #0ea5e9; color: #fff; }
.tc-cat--yueyu, .tc-cat--yueyu-jiaocheng, .tc-cat--9 { background: #7c3aed; color: #fff; }
.tc-cat--shuaji, .tc-cat--shuaji-jiaocheng, .tc-cat--8 { background: #c084fc; color: #fff; }
.tc-cat--aisi, .tc-cat--aisi-jiaocheng, .tc-cat--6 { background: var(--color-primary-dark); color: #fff; }
.tc-body { padding: 14px 12px 16px; flex: 1; display: flex; flex-direction: column; min-width: 0; }
.tc-title { font-size: 14px; font-weight: 700; color: var(--color-text); line-height: 1.45; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tc-title a { color: inherit; text-decoration: none; transition: color .18s; }
.tutorial-card:hover .tc-title a { color: var(--color-primary); }
.tc-excerpt { font-size: 13px; color: var(--color-text-muted); line-height: 1.7; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tc-time { font-size: 12px; color: #94a3b8; margin-top: auto; }
.tutorial-empty { text-align: center; padding: 48px 20px; color: var(--color-text-muted); font-size: 14px; margin: 0; }
.tutorial-more-wrap { text-align: center; margin: 32px 0 0; padding: 0; }
.tutorial-more-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 32px; font-size: 14px; font-weight: 600; color: var(--color-primary); border: 2px solid var(--color-primary); border-radius: 8px; text-decoration: none; transition: background .2s, color .2s; }
.tutorial-more-btn:hover { background: var(--color-primary); color: #fff; }
@media (max-width: 1200px) { .tutorial-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .tutorial-sec { padding: 48px 0 56px; } .tutorial-sec-title { font-size: 18px; } .tutorial-tabs { margin-bottom: 20px; } .tutorial-tab { padding: 10px 12px; font-size: 13px; } .tutorial-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .tc-body { padding: 12px 10px 14px; } .tc-title { font-size: 13px; } .tutorial-more-wrap { margin-top: 24px; } }
@media (max-width: 480px) { .tutorial-grid { grid-template-columns: 1fr; } }

/* ══════════════════════════
   FAQ
══════════════════════════ */
.qa-sec { background: #f8faff; padding: 80px 0; }
.qa-list { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 8px; }
.qa-item { background: #fff; border-radius: 12px; border: 1px solid #e4ebf7; overflow: hidden; transition: border-color .25s; }
.qa-item.open { border-color: var(--color-primary); }
.qa-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; text-align: left; }
.qa-q { font-size: 15px; font-weight: 600; color: #0d1117; line-height: 1.45; flex: 1; min-width: 0; }
.qa-item.open .qa-q { color: var(--color-primary); }
.qa-arrow { width: 28px; height: 28px; border-radius: 50%; background: #f0f4fc; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .3s, background .25s; }
.qa-arrow svg { width: 14px; height: 14px; fill: var(--color-primary); transition: fill .25s; }
.qa-item.open .qa-arrow { transform: rotate(180deg); background: var(--color-primary); }
.qa-item.open .qa-arrow svg { fill: #fff; }
.qa-ans { max-height: 0; overflow: hidden; transition: max-height .38s cubic-bezier(.4,0,.2,1); }
.qa-ans p { padding: 14px 24px 20px; font-size: 14px; color: #5a6a7e; line-height: 1.9; border-top: 1px solid #f0f4fb; }
.qa-item.open .qa-ans { max-height: 500px; }

/* ══════════════════════════
   搜索页面（srch-pg / srch-item 类名）
══════════════════════════ */
.srch-pg { padding: 48px 0 80px; min-height: 50vh; background: #f8faff; }
.srch-pg__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.srch-pg__form-wrap { width: 100%; margin-bottom: 40px; }
.srch-pg__form { width: 100%; }
.srch-pg__form-inner { display: flex; align-items: center; width: 100%; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 4px 20px rgba(0,0,0,.04); overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.srch-pg__form-inner:focus-within { border-color: var(--color-primary); box-shadow: 0 4px 20px rgba(0,102,255,.12); }
.srch-pg__icon { display: flex; align-items: center; justify-content: center; width: 52px; flex-shrink: 0; color: #94a3b8; }
.srch-pg__form .srch-pg__input { flex: 1; min-width: 0; padding: 18px 16px 18px 0; border: none; font-size: 16px; font-family: inherit; background: transparent; }
.srch-pg__form .srch-pg__input::placeholder { color: #94a3b8; }
.srch-pg__form .srch-pg__input:focus { outline: none; }
.srch-pg__form .srch-pg__submit { flex-shrink: 0; padding: 16px 32px; margin: 8px 8px 8px 0; border-radius: 10px; font-size: 15px; font-weight: 600; background: var(--color-primary); color: #fff; border: none; cursor: pointer; transition: opacity .2s, background .2s; }
.srch-pg__form .srch-pg__submit:hover { opacity: .92; background: var(--color-primary-dark); }
.srch-pg__results { padding: 8px 0 0; }
.srch-pg__results-title { font-size: 22px; font-weight: 800; color: #0d1117; margin-bottom: 28px; padding: 0 4px; }
.srch-pg__results-title span { color: var(--color-primary); }
.srch-pg__results-body { padding: 0 4px; }
.srch-pg__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
.srch-pg__list .srch-item { background: #fff; border-radius: 14px; border: 1px solid #e8edf5; overflow: hidden; transition: box-shadow .2s, border-color .2s; display: flex; flex-direction: row; align-items: stretch; min-height: 140px; }
.srch-pg__list .srch-item:hover { box-shadow: 0 12px 32px rgba(0,0,0,.08); border-color: #e0e7f0; }
.srch-item__thumb { flex: 0 0 240px; width: 240px; min-height: 140px; max-height: 160px; overflow: hidden; background: #f1f5f9; }
.srch-item__thumb a { display: block; width: 100%; height: 100%; min-height: 140px; }
.srch-item__thumb img { width: 100%; height: 100%; min-height: 140px; object-fit: cover; display: block; transition: transform .3s; }
.srch-item:hover .srch-item__thumb img { transform: scale(1.04); }
.srch-item__body { flex: 1; min-width: 0; padding: 24px 28px; display: flex; flex-direction: column; justify-content: center; }
.srch-item__title { font-size: 17px; font-weight: 700; color: #0d1117; line-height: 1.45; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none; transition: color .18s; }
.srch-item__title:hover { color: var(--color-primary); }
.srch-item__date { font-size: 12px; color: #94a3b8; margin-bottom: 12px; display: block; }
.srch-item__excerpt { font-size: 14px; color: #64748b; line-height: 1.7; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.srch-pg__pager { margin-top: 40px; padding: 0 4px; }
@media (max-width: 768px) {
	.srch-pg { padding: 32px 0 56px; }
	.srch-pg__wrap { padding: 0 20px; }
	.srch-pg__form-inner { border-radius: 12px; }
	.srch-pg__icon { width: 44px; }
	.srch-pg__form .srch-pg__input { padding: 14px 12px 14px 0; font-size: 15px; }
	.srch-pg__form .srch-pg__submit { padding: 12px 24px; margin: 6px; font-size: 14px; }
	.srch-pg__list .srch-item { flex-direction: column; min-height: 0; }
	.srch-item__thumb { flex: none; width: 100%; max-height: 200px; min-height: 180px; }
	.srch-item__thumb a { min-height: 180px; }
	.srch-item__thumb img { min-height: 180px; }
	.srch-item__body { padding: 20px 22px; }
	.srch-item__title { font-size: 16px; }
	.srch-item__excerpt { font-size: 13px; -webkit-line-clamp: 2; }
}

/* ══════════════════════════
   用户评价
══════════════════════════ */
.fb-sec { background: #fff; padding: 80px 0; }
.fb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.fb-item { background: #fff; border-radius: 16px; padding: 28px; border: 1px solid #e4ebf7; position: relative; overflow: hidden; transition: box-shadow .25s; }
.fb-item:hover { box-shadow: 0 8px 32px rgba(21,88,212,.1); }
.fb-item::before { content: "\201C"; position: absolute; right: 18px; top: 8px; font-size: 88px; line-height: 1; color: #eef4ff; font-family: Georgia, serif; pointer-events: none; }
.fb-rating { color: #fbbf24; font-size: 14px; letter-spacing: 2px; margin-bottom: 14px; }
.fb-text { font-size: 14px; color: #475569; line-height: 1.9; margin-bottom: 22px; position: relative; z-index: 1; }
.fb-user { display: flex; align-items: center; gap: 12px; }
.fb-ava { width: 42px; height: 42px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; flex-shrink: 0; }
.fb-nm { font-size: 14px; font-weight: 700; color: #0d1117; }
.fb-meta { font-size: 12px; color: #94a3b8; margin-top: 2px; }

/* ══════════════════════════
   底部 CTA 条
══════════════════════════ */
.cta-strip { background: linear-gradient(135deg, #07205c, var(--color-primary)); padding: 60px 0; text-align: center; }
.cta-strip h2 { font-size: 26px; font-weight: 900; color: #fff; margin-bottom: 8px; }
.cta-strip p { font-size: 14px; color: rgba(255,255,255,.62); margin-bottom: 30px; }
.cta-row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.cta-dl-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 36px; border-radius: 9px; font-size: 14.5px; font-weight: 800; transition: opacity .2s, transform .15s; text-decoration: none; }
.cta-dl-btn:hover { opacity: .9; transform: translateY(-2px); }
.cta-dl-btn.solid { background: #fff; color: var(--color-primary) !important; }
.cta-dl-btn.ghost { border: 1.5px solid rgba(255,255,255,.45); color: #fff !important; }
.cta-dl-btn svg { width: 16px; height: 16px; }
.cta-dl-btn.solid svg { fill: var(--color-primary); }
.cta-dl-btn.ghost svg { fill: #fff; }

/* ══════════════════════════
   响应式调整
══════════════════════════ */
@media (max-width: 1024px) {
  .suite-grid { grid-template-columns: repeat(2, 1fr); }
  .fn-grid { grid-template-columns: repeat(2, 1fr); }
  .fb-grid { grid-template-columns: repeat(2, 1fr); }
  .hub-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .container { padding: 0 20px; }
  .banner-in { flex-direction: column; align-items: flex-start; padding: 40px 20px 60px; }
  .banner-img { flex: none; width: 100%; padding-top: 0; }
  .kpi-row { grid-template-columns: repeat(2, 1fr); padding: 0 20px; }
  .suite-grid { grid-template-columns: 1fr; }
  .fn-grid { grid-template-columns: 1fr; }
  .guide-row::after { display: none; }
  .guide-row { grid-template-columns: 1fr 1fr; row-gap: 30px; }
  .why-layout { grid-template-columns: 1fr; }
  .fb-grid { grid-template-columns: 1fr; }
  .hub-grid { grid-template-columns: 1fr; }
  .pg-layout { flex-direction: column; }
  .side-panel { position: static; width: 100%; }
}

/* ══════════════════════════
   两栏布局（文章页 / 列表页）
══════════════════════════ */
.pg-layout { display: flex; gap: 32px; align-items: flex-start; }
.pg-main { flex: 1; min-width: 0; }

/* ── Sidebar ── */
.side-panel { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; gap: 20px; position: sticky; top: 80px; }
.side-widget { background: #fff; border-radius: 12px; border: 1px solid #e8edf5; overflow: hidden; }
.sw-title { font-size: 14px; font-weight: 800; color: #0d1117; padding: 16px 20px; border-bottom: 1px solid #f0f4fb; margin: 0; }
.sw-posts { padding: 8px 0; }
.sw-post-item { display: flex; gap: 12px; padding: 10px 20px; transition: background .15s; }
.sw-post-item:hover { background: #f8faff; }
.sw-post-thumb { width: 64px; height: 48px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
.sw-post-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sw-post-info { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.sw-post-title { font-size: 13px; font-weight: 600; color: #374151; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none; transition: color .15s; }
.sw-post-item:hover .sw-post-title { color: var(--color-primary); }
.sw-post-date { font-size: 11px; color: #b0bec8; margin-top: 4px; }
.sw-cats { padding: 8px 0; }
.sw-cat-item a { display: flex; align-items: center; justify-content: space-between; padding: 9px 20px; font-size: 13px; color: #475569; text-decoration: none; transition: background .15s, color .15s; }
.sw-cat-item a:hover { background: #f0f6ff; color: var(--color-primary); }
.sw-cat-nm { font-weight: 500; }
.sw-cat-cnt { font-size: 12px; background: #f0f4fb; color: #94a3b8; border-radius: 100px; padding: 1px 8px; font-weight: 600; }
.sw-tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 20px; }
.sw-tag { display: inline-block; padding: 4px 11px; border-radius: 20px; background: #f0f4fb; color: #475569; font-size: 12.5px; text-decoration: none; transition: all .18s; }
.sw-tag:hover { background: var(--color-primary); color: #fff; }

/* ══════════════════════════
   文章列表页（archive.php）— arch-pg 类名
══════════════════════════ */
.arch-pg { background: #f7f9fc; padding: 48px 0 72px; min-height: 60vh; }
.arch-pg__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.arch-pg__head { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid #e8edf5; }
.arch-pg__title { font-size: 22px; font-weight: 900; color: #0d1117; margin: 0 0 8px; line-height: 1.4; word-wrap: break-word; }
.arch-pg__intro { font-size: 14px; color: #64748b; line-height: 1.7; margin: 0; }
.arch-pg__feed { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.arch-pg__pager { margin-top: 36px; }
.arch-pg__pager .nav-links { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; }
.arch-pg__pager .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 13px; font-weight: 600; color: #374151; text-decoration: none; transition: all .18s; }
.arch-pg__pager .page-numbers:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.arch-pg__pager .page-numbers.current { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.arch-pg__pager .page-numbers.dots { border: none; background: none; cursor: default; }

/* ══════════════════════════
   文章详情页（single.php）— single-* 类名
══════════════════════════ */
.single-pg { background: #f7f9fc; padding: 40px 0 72px; min-height: 60vh; }
.single-breadcrumb { font-size: 13px; color: #94a3b8; margin-bottom: 20px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.single-breadcrumb a { color: #64748b; text-decoration: none; transition: color .15s; }
.single-breadcrumb a:hover { color: var(--color-primary); }
.single-breadcrumb__sep { color: #cbd5e1; }
.single-breadcrumb__current { color: #94a3b8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 380px; }

/* 文章主体 */
.single-article { background: #fff; border-radius: 10px; padding: 40px 48px 36px; margin-bottom: 24px; }
.single-article__title { font-size: 22px; font-weight: 900; color: #0d1117; line-height: 1.5; margin: 0 0 16px; }
.single-article__byline { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid #f0f4fb; flex-wrap: wrap; }
.single-article__meta { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: #94a3b8; }
.single-article__meta svg { width: 14px; height: 14px; fill: #b0bec8; flex-shrink: 0; }
.single-article__meta--author { color: var(--color-primary); text-decoration: none; font-weight: 500; }
.single-article__meta--author:hover { text-decoration: underline; }
.single-article__meta--author svg { fill: var(--color-primary); }

/* 文章内容 */
.single-article__body { font-size: 15px; color: #374151; line-height: 1.9; }
.single-article__body h2 { font-size: 18px; font-weight: 800; color: #0d1117; margin: 32px 0 12px; }
.single-article__body h3 { font-size: 16px; font-weight: 700; color: #0d1117; margin: 24px 0 10px; }
.single-article__body p { margin: 0 0 16px; }
.single-article__body img { max-width: 100%; height: auto; border-radius: 6px; display: block; margin: 20px auto; }
.single-article__body a { color: var(--color-primary); text-decoration: none; }
.single-article__body a:hover { text-decoration: underline; }
.single-article__body strong, .single-article__body b { font-weight: 700; color: #0d1117; }
.single-article__body ul, .single-article__body ol { padding-left: 24px; margin: 0 0 16px; }
.single-article__body li { margin-bottom: 6px; }
.single-article__body blockquote { margin: 20px 0; padding: 14px 20px; border-left: 3px solid var(--color-primary); background: #f0f6ff; color: #374151; border-radius: 0 6px 6px 0; }

/* 标签 */
.single-article__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #f0f4fb; }
.single-article__tags-label { font-size: 13px; color: #64748b; font-weight: 600; margin-right: 4px; }
.single-article__tag { display: inline-block; padding: 4px 12px; border-radius: 20px; background: #f0f4fb; color: #374151; font-size: 13px; text-decoration: none; transition: all .18s; }
.single-article__tag:hover { background: var(--color-primary); color: #fff; }

/* 作者卡片 */
.single-author { display: flex; align-items: flex-start; gap: 20px; background: #f8faff; border: 1px solid #e8f0fe; border-radius: 12px; padding: 24px; margin-top: 32px; }
.single-author__avatar img { width: 64px; height: 64px; border-radius: 12px; object-fit: contain; background: #f0f4fb; padding: 4px; flex-shrink: 0; }
.single-author__body { flex: 1; min-width: 0; }
.single-author__name { display: block; font-size: 1em; font-weight: 700; color: #1a1a2e; text-decoration: none; margin-bottom: 6px; }
.single-author__name:hover { color: var(--color-primary); }
.single-author__bio { font-size: 0.9em; color: #475569; line-height: 1.7; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.single-author__link { font-size: 0.88em; color: var(--color-primary); text-decoration: none; }
.single-author__link:hover { text-decoration: underline; }

/* 版权声明 */
.single-article__notice { margin-top: 24px; padding: 14px 16px; background: #f8fafc; border-radius: 6px; font-size: 12px; color: #94a3b8; line-height: 1.7; border: 1px solid #e8edf5; }

/* 相关阅读 */
.single-related { background: #fff; border-radius: 12px; padding: 28px 32px 32px; border: 1px solid #e8edf5; }
.single-related__title { font-size: 18px; font-weight: 800; color: #0d1117; margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid #f0f4fb; }
.single-related__list { list-style: none; padding: 0; margin: 0; }
.single-related__list.single-related__list--grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.single-related__item { margin: 0; }
.single-related__link { display: flex; flex-direction: column; text-decoration: none; color: inherit; border-radius: 10px; overflow: hidden; border: 1px solid #e8edf5; background: #fafcff; transition: border-color .2s, box-shadow .2s; }
.single-related__link:hover { border-color: var(--color-primary); box-shadow: 0 8px 24px rgba(0,102,255,.1); }
.single-related__thumb { display: block; width: 100%; aspect-ratio: 16/10; background: #eef2f8; overflow: hidden; }
.single-related__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.single-related__link:hover .single-related__thumb img { transform: scale(1.04); }
.single-related__thumb-placeholder { display: block; width: 100%; height: 100%; min-height: 120px; background: linear-gradient(135deg, #e8eef8 0%, #e0e8f4 100%); }
.single-related__card-title { display: block; padding: 14px 16px; font-size: 14px; font-weight: 600; color: #1a1a2e; line-height: 1.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; transition: color .18s; }
.single-related__link:hover .single-related__card-title { color: var(--color-primary); }

/* ══════════════════════════
   页脚
══════════════════════════ */
footer { background: #1b2230; color: #a1a1a6; text-align: center; padding: 45px 0 25px; font-size: 0.92em; }
.footer-intro { max-width: 640px; margin: 0 auto 20px; line-height: 1.7; color: #fff; font-size: 0.95em; }
footer a { color: #eee; text-decoration: none; }
footer a:hover { color: #fff; }
.footer-info { margin-top: 8px; }
.footer-copy { line-height: 2; }

/* ══════════════════════════
   产品页公共样式（prd-pg / prd-banner / prd-section / prd-faq / prd-tools）
══════════════════════════ */
.pg-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.prd-pg .prd-pg__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }

/* Hero banner */
.prd-banner { background: #0066FF; overflow: hidden; position: relative; }
.prd-banner__bg { background-color: #0066FF; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 72px 0 360px; }
.prd-banner__bg .prd-banner__inner { min-height: auto; }
.prd-banner-stack .prd-banner__inner { flex-direction: column; align-items: center; text-align: center; justify-content: center; padding: 48px 40px 40px; }
.prd-banner__inner--center { justify-content: center; text-align: center; }
.prd-banner__copy { color: #fff; max-width: 720px; margin: 0 auto; }
.prd-banner__copy .prd-banner__title { color: #fff; margin-bottom: 16px; }
.prd-banner__tagline { font-size: 16px; color: rgba(255,255,255,.9); line-height: 1.6; margin-bottom: 28px; }
.prd-banner__cta { display: none; justify-content: center; }
.prd-banner__cta .prd-banner__btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 0; text-decoration: none; font-weight: 700; transition: opacity .2s, background .2s; }
.prd-banner__cta .prd-banner__btn { background: #fff; color: var(--color-primary) !important; padding: 14px 36px; font-size: 15px; }
.prd-banner__cta .prd-banner__btn svg { fill: var(--color-primary); width: 18px; height: 18px; flex-shrink: 0; }
/* 产品页：白底 banner，文字黑色 */
.prd-pg:not(.prd-pg--i4) .prd-banner,
.prd-pg:not(.prd-pg--i4) .prd-banner__bg { background-color: #fff; }
.prd-pg:not(.prd-pg--i4) .prd-banner__copy { color: #1a1a2e; }
.prd-pg:not(.prd-pg--i4) .prd-banner__copy .prd-banner__title { color: #1a1a2e; }
.prd-pg:not(.prd-pg--i4) .prd-banner__tagline { color: #475569; }
.prd-pg:not(.prd-pg--i4) .prd-banner__cta .prd-banner__btn { background: var(--color-primary); color: #fff !important; }
.prd-pg:not(.prd-pg--i4) .prd-banner__cta .prd-banner__btn svg { fill: #fff; }

/* i4.cn 风格：Banner 背景图 pc-banner.jpg，PC 下内边距 360px */
.prd-pg.prd-pg--i4 .prd-banner--cover { background-color: #0a2d5c; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 80px 0 360px; position: relative; overflow: hidden; }
.prd-pg.prd-pg--i4 .prd-banner--cover::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,.4) 100%); pointer-events: none; }
.prd-pg.prd-pg--i4 .prd-banner--cover::after { content: ""; position: absolute; left: -20%; top: -30%; width: 60%; height: 80%; background: radial-gradient(ellipse, rgba(90,160,255,.08) 0%, transparent 70%); pointer-events: none; }
.prd-pg.prd-pg--i4 .prd-banner__inner { position: relative; z-index: 1; }
.prd-pg.prd-pg--i4 .prd-banner__copy .prd-banner__title { color: #fff; font-size: 36px; font-weight: 900; }
.prd-pg.prd-pg--i4 .prd-banner__tagline { color: rgba(255,255,255,.95); font-size: 17px; }
.prd-pg.prd-pg--i4 .prd-banner__btn--primary { background: #2d7ae0 !important; color: #fff !important; padding: 14px 40px; font-size: 15px; font-weight: 700; border-radius: 0; box-shadow: 0 4px 20px rgba(0,0,0,.2); }
.prd-pg.prd-pg--i4 .prd-banner__btn--primary:hover { background: #3d8af0 !important; }
.prd-pg.prd-pg--i4 .prd-banner__btn--primary svg { fill: #fff !important; }
/* iOS 产品页：浅色 Banner 背景 + 黑色字 */
.prd-pg--ios .prd-banner--cover.prd-banner--light { background-color: #f5f7fa; }
.prd-pg--ios .prd-banner--cover.prd-banner--light::before { background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 50%, transparent 100%); }
.prd-pg--ios .prd-banner--cover.prd-banner--light::after { opacity: 0; }
.prd-pg--ios .prd-banner--cover.prd-banner--light .prd-banner__copy .prd-banner__title { color: #0d1117; }
.prd-pg--ios .prd-banner--cover.prd-banner--light .prd-banner__tagline { color: #334155; }
.prd-pg--ios .prd-banner--cover.prd-banner--light .prd-banner__btn--primary.prd-banner__btn--dark { background: #1a1a2e !important; color: #fff !important; border-radius: 0; box-shadow: 0 4px 16px rgba(0,0,0,.15); }
.prd-pg--ios .prd-banner--cover.prd-banner--light .prd-banner__btn--primary.prd-banner__btn--dark:hover { background: #2d2d44 !important; }
.prd-pg--ios .prd-banner--cover.prd-banner--light .prd-banner__btn--primary.prd-banner__btn--dark svg { fill: #fff !important; }
/* 安卓产品页：浅色 Banner + 黑色字（同 iOS 浅色样式） */
.prd-pg--android .prd-banner--cover.prd-banner--light { background-color: #f5f7fa; }
.prd-pg--android .prd-banner--cover.prd-banner--light::before { background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 50%, transparent 100%); }
.prd-pg--android .prd-banner--cover.prd-banner--light::after { opacity: 0; }
.prd-pg--android .prd-banner--cover.prd-banner--light .prd-banner__copy .prd-banner__title { color: #0d1117; }
.prd-pg--android .prd-banner--cover.prd-banner--light .prd-banner__tagline { color: #334155; }
.prd-pg--ios .prd-banner--cover.prd-banner--light .prd-banner__desc,
.prd-pg--android .prd-banner--cover.prd-banner--light .prd-banner__desc { font-size: 15px; color: #475569; line-height: 1.75; margin-bottom: 24px; max-width: 520px; margin-left: auto; margin-right: auto; }
.prd-pg--android .prd-banner--cover.prd-banner--light .prd-banner__btn--primary.prd-banner__btn--dark { background: #1a1a2e !important; color: #fff !important; border-radius: 0; box-shadow: 0 4px 16px rgba(0,0,0,.15); }
.prd-pg--android .prd-banner--cover.prd-banner--light .prd-banner__btn--primary.prd-banner__btn--dark:hover { background: #2d2d44 !important; }
.prd-pg--android .prd-banner--cover.prd-banner--light .prd-banner__btn--primary.prd-banner__btn--dark svg { fill: #fff !important; }
.prd-pg.prd-pg--i4 .prd-breadcrumb-i4 a { color: rgba(255,255,255,.9); }
.prd-pg.prd-pg--i4 .prd-breadcrumb-i4 .crumbs-sep { color: rgba(255,255,255,.5); }
.prd-pg.prd-pg--i4 .prd-breadcrumb-i4 .crumbs-end { color: rgba(255,255,255,.75); }
@media (max-width: 768px) {
  .prd-pg.prd-pg--i4 .prd-banner--cover { padding: 48px 0 80px; }
  .prd-pg.prd-pg--i4 .prd-banner__copy .prd-banner__title { font-size: 26px; }
  .prd-pg.prd-pg--i4 .prd-banner__tagline { font-size: 15px; }
}
.prd-banner__inner { max-width: 1200px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; gap: 48px; min-height: 420px; position: relative; z-index: 1; }
.prd-banner-split .prd-vis-left { flex: 0 0 48%; order: 1; display: flex; align-items: center; justify-content: center; }
.prd-banner-split .prd-vis-left img { width: 100%; max-width: 520px; border-radius: 12px; }
.prd-banner-split .prd-copy-right { flex: 1; order: 2; padding: 48px 0; color: #1a1a2e; }
.prd-h1 { font-size: 38px; font-weight: 900; line-height: 1.25; color: #1a1a2e; margin-bottom: 20px; letter-spacing: -.5px; }
.prd-h1-line1 { display: block; }
.prd-h1-line2 { display: inline-block; border-bottom: 3px solid var(--color-primary-light); padding-bottom: 4px; }
.prd-desc { font-size: 14px; color: #5a6a7e; line-height: 1.8; margin-bottom: 24px; max-width: 520px; }
.prd-bullets { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin-bottom: 28px; }
.prd-bullets-col { list-style: none; padding: 0; margin: 0; }
.prd-bullets-col li { position: relative; padding-left: 16px; margin-bottom: 10px; font-size: 14px; color: #4a5568; }
.prd-bullets-col li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--color-primary-light); }
.prd-dl-row { display: flex; flex-wrap: wrap; gap: 12px; }
.prd-dl-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--color-primary-light); color: #fff !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s, transform .1s; text-decoration: none; }
.prd-dl-btn:hover { opacity: .9; transform: translateY(-1px); color: #fff; }
.prd-dl-btn svg { width: 18px; height: 18px; fill: #fff; }
.prd-label { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.25); border-radius: 100px; padding: 5px 14px; font-size: 12px; color: rgba(255,255,255,.9); margin-bottom: 22px; }
.label-dot { width: 6px; height: 6px; border-radius: 50%; background: #7ee8a2; box-shadow: 0 0 6px #7ee8a2; }
.prd-subtitle { font-size: 15px; color: rgba(255,255,255,.75); margin-bottom: 10px; }
.prd-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.btn-prd-dl { display: inline-flex; align-items: center; gap: 8px; padding: 12px 30px; background: #fff; color: var(--color-primary-light) !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s, transform .15s; text-decoration: none; }
.btn-prd-dl:hover { opacity: .92; transform: translateY(-1px); }
.btn-prd-dl svg { width: 16px; height: 16px; fill: var(--color-primary-light); }
.btn-prd-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 12px 30px; border: 1.5px solid rgba(255,255,255,.55); color: #fff !important; border-radius: 8px; font-size: 14px; transition: background .2s; text-decoration: none; }
.btn-prd-ghost:hover { background: rgba(255,255,255,.1); }
.prd-version { font-size: 12px; color: rgba(255,255,255,.45); }
.prd-vis { flex: 0 0 520px; display: flex; align-items: flex-end; justify-content: center; padding-top: 40px; }
.prd-vis img { width: 100%; max-width: 520px; }

/* 产品页左图右文栏目块（参考 i4.cn） */
.prd-section { background: #fff; padding: 64px 0; }
.prd-section-alt { background: #f8faff; }
.prd-section-alt .prd-section__inner:not(.prd-section__inner--lr):not(.prd-section__inner--rl) { flex-direction: row-reverse; }
.prd-section__inner { display: flex; align-items: center; gap: 56px; }
/* 浅色区块左右布局（与 prd-block-dark 同结构） */
.prd-section .prd-section__inner--lr { display: flex; align-items: center; gap: 56px; }
.prd-section .prd-section__inner--lr .prd-section__body { order: 1; }
.prd-section .prd-section__inner--lr .prd-section__media { order: 2; }
.prd-section .prd-section__inner--rl { display: flex; align-items: center; gap: 56px; flex-direction: row; }
.prd-section .prd-section__inner--rl .prd-section__body { order: 2; }
.prd-section .prd-section__inner--rl .prd-section__media { order: 1; }
.prd-section .prd-section__line { display: block; width: 48px; height: 3px; background: var(--color-primary); border-radius: 2px; margin-bottom: 24px; }
.prd-section .prd-section__desc { font-size: 15px; color: #475569; line-height: 1.9; margin: 0 0 20px; }
.prd-section .prd-section__steps { margin: 0 0 24px; padding-left: 20px; color: #475569; font-size: 15px; line-height: 2; }
.prd-section .prd-section__steps li { margin-bottom: 8px; }
.prd-section .prd-section__faq-inline { background: #f1f5f9; border-radius: 10px; padding: 18px 22px; margin-bottom: 24px; }
.prd-section .prd-section__faq-q { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0 0 10px; }
.prd-section .prd-section__faq-a { font-size: 14px; color: #64748b; line-height: 1.85; margin: 0; }
.prd-section .prd-section__cta { margin: 0; }
.prd-section .prd-section__cta .item-btn { display: inline-flex; }
.prd-section .prd-section__body { flex: 1; min-width: 0; }
.prd-section .prd-section__media { flex: 0 0 48%; }
.prd-section__media { flex: 0 0 48%; }
.prd-section__media img { width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: none; }
.prd-section__body { flex: 1; min-width: 0; }
.prd-section__title { font-size: 26px; font-weight: 800; color: #1a1a2e; margin: 0 0 8px; }
.prd-section__sub { font-size: 15px; color: var(--color-primary); font-weight: 600; margin-bottom: 16px; }
.prd-section__body p { font-size: 15px; color: #475569; line-height: 1.85; margin: 0; }
@media (max-width: 900px) {
  .prd-section__inner { flex-direction: column; gap: 32px; }
  .prd-section__media { flex: none; width: 100%; max-width: 520px; margin: 0 auto; }
  .prd-section-alt .prd-section__inner { flex-direction: column; }
}

/* 产品页面包屑（i4.cn 一致） */
.prd-pg .prd-breadcrumb { margin-top: 24px; font-size: 13px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.prd-pg .prd-breadcrumb a { color: var(--color-primary); text-decoration: none; }
.prd-pg .prd-breadcrumb a:hover { text-decoration: underline; }
.prd-pg .prd-breadcrumb .crumbs-sep { color: #94a3b8; }
.prd-pg .prd-breadcrumb .crumbs-end { color: #64748b; }

/* i4.cn 风格：深色功能块 — 图文左右布局 + 每块不同背景色 */
.prd-section--dark { position: relative; padding: 80px 0; overflow: hidden; }
.prd-section__bg { position: absolute; inset: 0; z-index: 0; }
/* 左文右图 */
.prd-section--dark .prd-section__inner--lr { position: relative; z-index: 1; display: flex; align-items: center; gap: 56px; }
.prd-section--dark .prd-section__inner--lr .prd-section__body { order: 1; }
.prd-section--dark .prd-section__inner--lr .prd-section__media { order: 2; }
/* 左图右文（DOM 顺序为图在前、文在后，正常 row 即图左文右） */
.prd-section--dark .prd-section__inner--rl { position: relative; z-index: 1; display: flex; align-items: center; gap: 56px; }
.prd-section--dark .prd-section__inner--rl .prd-section__body { order: 2; }
.prd-section--dark .prd-section__inner--rl .prd-section__media { order: 1; }
.prd-section--dark .prd-section__body { flex: 1; min-width: 0; }
.prd-section--dark .prd-section__title { font-size: 32px; font-weight: 900; color: #fff; margin: 0 0 12px; }
.prd-section--dark .prd-section__sub { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 14px; }
.prd-section--dark .prd-section__line { display: block; width: 48px; height: 3px; background: var(--color-primary); border-radius: 2px; margin-bottom: 24px; }
.prd-section--dark .prd-section__desc { font-size: 15px; color: rgba(255,255,255,.88); line-height: 1.9; margin: 0; }
.prd-section--dark .prd-section__steps { margin: 0 0 24px; padding-left: 20px; color: rgba(255,255,255,.9); font-size: 15px; line-height: 2; }
.prd-section--dark .prd-section__steps li { margin-bottom: 8px; }
.prd-section--dark .prd-section__faq-inline { background: rgba(255,255,255,.08); border-radius: 10px; padding: 18px 22px; margin-bottom: 24px; }
.prd-section--dark .prd-section__faq-q { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 10px; }
.prd-section--dark .prd-section__faq-a { font-size: 14px; color: rgba(255,255,255,.85); line-height: 1.85; margin: 0; }
.prd-section--dark .prd-section__cta { margin: 0; }
.prd-section--dark .prd-section__cta .prd-banner__btn--primary { display: inline-flex; }
.prd-section--dark .prd-section__bullets--light { list-style: none; padding: 0; margin: 16px 0 0; }
.prd-section--dark .prd-section__bullets--light li { position: relative; padding-left: 18px; margin-bottom: 10px; font-size: 15px; color: rgba(255,255,255,.88); line-height: 1.6; }
.prd-section--dark .prd-section__bullets--light li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); }
.prd-section .prd-section__bullets { list-style: none; padding: 0; margin: 16px 0 0; }
.prd-section .prd-section__bullets li { position: relative; padding-left: 18px; margin-bottom: 10px; font-size: 15px; color: #475569; line-height: 1.6; }
.prd-section .prd-section__bullets li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); }
.extras-row--dark { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-top: 20px; }
.extra-pill--dark { padding: 8px 16px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 100px; font-size: 13px; color: rgba(255,255,255,.9); }
.prd-section--dark .prd-section__media { flex: 0 0 48%; }
.prd-section--dark .prd-section__media img { width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: none; }

/* 模块1：深蓝 */
.prd-section--dark-1 .prd-section__bg { background: linear-gradient(165deg, #0a1929 0%, #0f2744 40%, #132f52 70%, #0d1c33 100%); }
.prd-section--dark-1 .prd-section__bg::before { content: ""; position: absolute; left: -10%; top: 20%; width: 45%; height: 55%; background: radial-gradient(ellipse, rgba(45,122,224,.2) 0%, transparent 70%); pointer-events: none; }
.prd-section--dark-1 .prd-section__bg::after { content: ""; position: absolute; right: -5%; bottom: 10%; width: 30%; height: 40%; background: radial-gradient(ellipse, rgba(30,100,180,.12) 0%, transparent 70%); pointer-events: none; }
/* 模块2：蓝紫 */
.prd-section--dark-2 .prd-section__bg { background: linear-gradient(15deg, #0d1528 0%, #1a1f42 35%, #1e2550 65%, #12182e 100%); }
.prd-section--dark-2 .prd-section__bg::before { content: ""; position: absolute; right: -8%; top: 15%; width: 40%; height: 50%; background: radial-gradient(ellipse, rgba(100,80,180,.22) 0%, transparent 70%); pointer-events: none; }
.prd-section--dark-2 .prd-section__bg::after { content: ""; position: absolute; left: -5%; bottom: 20%; width: 35%; height: 45%; background: radial-gradient(ellipse, rgba(60,120,200,.15) 0%, transparent 70%); pointer-events: none; }
/* 模块3：靛青/墨蓝 */
.prd-section--dark-3 .prd-section__bg { background: linear-gradient(180deg, #0c1a2e 0%, #0e2340 30%, #152a4a 60%, #0a1424 100%); }
.prd-section--dark-3 .prd-section__bg::before { content: ""; position: absolute; left: -5%; bottom: 15%; width: 38%; height: 50%; background: radial-gradient(ellipse, rgba(20,150,180,.18) 0%, transparent 70%); pointer-events: none; }
.prd-section--dark-3 .prd-section__bg::after { content: ""; position: absolute; right: -10%; top: 25%; width: 42%; height: 48%; background: radial-gradient(ellipse, rgba(80,100,200,.12) 0%, transparent 70%); pointer-events: none; }
/* 模块4：深紫蓝 */
.prd-section--dark-4 .prd-section__bg { background: linear-gradient(-15deg, #0f1428 0%, #1c2045 40%, #252558 70%, #0e1225 100%); }
.prd-section--dark-4 .prd-section__bg::before { content: ""; position: absolute; right: -8%; bottom: 20%; width: 40%; height: 45%; background: radial-gradient(ellipse, rgba(120,80,200,.2) 0%, transparent 70%); pointer-events: none; }
.prd-section--dark-4 .prd-section__bg::after { content: ""; position: absolute; left: -10%; top: 15%; width: 35%; height: 50%; background: radial-gradient(ellipse, rgba(50,130,220,.14) 0%, transparent 70%); pointer-events: none; }

@media (max-width: 900px) {
  .prd-section--dark .prd-section__inner--lr,
  .prd-section--dark .prd-section__inner--rl { flex-direction: column !important; gap: 32px; }
  .prd-section--dark .prd-section__inner--lr .prd-section__body,
  .prd-section--dark .prd-section__inner--lr .prd-section__media,
  .prd-section--dark .prd-section__inner--rl .prd-section__body,
  .prd-section--dark .prd-section__inner--rl .prd-section__media { order: unset; }
  .prd-section--dark .prd-section__media { flex: none; width: 100%; max-width: 520px; margin: 0 auto; }
  .prd-section .prd-section__inner--lr,
  .prd-section .prd-section__inner--rl { flex-direction: column; gap: 32px; }
  .prd-section .prd-section__inner--lr .prd-section__body,
  .prd-section .prd-section__inner--lr .prd-section__media,
  .prd-section .prd-section__inner--rl .prd-section__body,
  .prd-section .prd-section__inner--rl .prd-section__media { order: unset; }
  .prd-section .prd-section__media { flex: none; width: 100%; max-width: 520px; margin: 0 auto; }
  .prd-section--dark .prd-section__title { font-size: 26px; }
  .prd-section--dark .prd-section__sub { font-size: 16px; }
}
@media (max-width: 768px) {
  .prd-section--dark { padding: 56px 0; }
  .prd-section--dark .prd-section__title { font-size: 22px; }
  .prd-section--dark .prd-section__sub { font-size: 15px; }
  .prd-section--dark .prd-section__desc { font-size: 14px; }
}

/* 产品页 i4-style：整体放宽版式，减少拥挤感 */
.prd-pg.prd-pg--i4 .prd-pg__main { max-width: 100%; }
.prd-pg.prd-pg--i4 .prd-banner__copy .prd-banner__title { margin-bottom: 20px; }
.prd-pg.prd-pg--i4 .prd-banner__tagline { margin-bottom: 32px; line-height: 1.65; }
.prd-pg.prd-pg--i4 .prd-section--dark { padding: 88px 0; }
.prd-pg.prd-pg--i4 .prd-section--dark .prd-section__desc { line-height: 2; margin-top: 0; }
.prd-pg.prd-pg--i4 .prd-tools { padding: 72px 0; }
.prd-pg.prd-pg--i4 .prd-tools .sec-hdg { margin-bottom: 40px; }
.prd-pg.prd-pg--i4 .prd-tools .sec-hdg p { margin-top: 12px; max-width: 640px; margin-left: auto; margin-right: auto; line-height: 1.75; }
.prd-pg.prd-pg--i4 .prd-tools__row { gap: 14px 18px; }
.prd-pg.prd-pg--i4 .prd-tools__pill { padding: 11px 20px; }
.prd-pg.prd-pg--i4 .prd-tools__pill span { font-size: 14px; }
.prd-pg.prd-pg--i4 .prd-faq { padding: 72px 0 80px; }
.prd-pg.prd-pg--i4 .prd-faq .sec-hdg { margin-bottom: 36px; }
.prd-pg.prd-pg--i4 .prd-faq__list { gap: 14px; max-width: 820px; }
.prd-pg.prd-pg--i4 .prd-faq__item { border-radius: 14px; }
.prd-pg.prd-pg--i4 .prd-faq__trigger { padding: 22px 28px; }
.prd-pg.prd-pg--i4 .prd-faq__q { font-size: 15.5px; }
.prd-pg.prd-pg--i4 .prd-faq__a p { padding: 0 28px 24px; font-size: 14.5px; line-height: 1.9; }
@media (max-width: 900px) {
  .prd-pg.prd-pg--i4 .prd-section--dark { padding: 64px 0; }
  .prd-pg.prd-pg--i4 .prd-tools { padding: 56px 0; }
  .prd-pg.prd-pg--i4 .prd-faq { padding: 56px 0 64px; }
  .prd-pg.prd-pg--i4 .prd-tools .sec-hdg { margin-bottom: 32px; }
  .prd-pg.prd-pg--i4 .prd-faq .sec-hdg { margin-bottom: 28px; }
  .prd-pg.prd-pg--i4 .prd-faq__list { gap: 12px; }
  .prd-pg.prd-pg--i4 .prd-faq__trigger { padding: 18px 22px; }
}

/* PC 端：产品页间距与字体更大 */
@media (min-width: 1025px) {
  .prd-pg.prd-pg--i4 .prd-banner__copy .prd-banner__title { font-size: 42px; margin-bottom: 24px; }
  .prd-pg.prd-pg--i4 .prd-banner__tagline { font-size: 19px; margin-bottom: 40px; }
  .prd-pg.prd-pg--i4 .prd-banner__inner { padding: 80px 48px 0; min-height: 380px; }
  .prd-pg.prd-pg--i4 .prd-banner__btn--primary { padding: 16px 44px; font-size: 16px; }
  .prd-pg.prd-pg--i4 .prd-section--dark { padding: 120px 0; }
  .prd-pg.prd-pg--i4 .prd-section--dark .prd-section__inner--lr,
  .prd-pg.prd-pg--i4 .prd-section--dark .prd-section__inner--rl { gap: 80px; }
  .prd-pg.prd-pg--i4 .prd-section--dark .prd-section__title { font-size: 36px; margin-bottom: 16px; }
  .prd-pg.prd-pg--i4 .prd-section--dark .prd-section__sub { font-size: 20px; margin-bottom: 18px; }
  .prd-pg.prd-pg--i4 .prd-section--dark .prd-section__line { width: 56px; height: 4px; margin-bottom: 28px; }
  .prd-pg.prd-pg--i4 .prd-section--dark .prd-section__desc { font-size: 16px; line-height: 2.1; }
  .prd-pg.prd-pg--i4 .prd-pg__wrap { padding: 0 60px; max-width: 1280px; }
  .prd-pg.prd-pg--i4 .prd-tools { padding: 96px 0; }
  .prd-pg.prd-pg--i4 .prd-tools .sec-hdg { margin-bottom: 48px; }
  .prd-pg.prd-pg--i4 .prd-tools__row { gap: 16px 22px; }
  .prd-pg.prd-pg--i4 .prd-tools__pill { padding: 12px 22px; }
  .prd-pg.prd-pg--i4 .prd-tools__pill span { font-size: 14px; }
  .prd-pg.prd-pg--i4 .prd-faq { padding: 96px 0 108px; }
  .prd-pg.prd-pg--i4 .prd-faq .sec-hdg { margin-bottom: 44px; }
  .prd-pg.prd-pg--i4 .prd-sec__head h2 { font-size: 30px; margin-bottom: 12px; }
  .prd-pg.prd-pg--i4 .prd-sec__head p { font-size: 15px; line-height: 1.8; }
  .prd-pg.prd-pg--i4 .prd-faq__list { gap: 16px; max-width: 840px; }
  .prd-pg.prd-pg--i4 .prd-faq__trigger { padding: 24px 32px; }
  .prd-pg.prd-pg--i4 .prd-faq__q { font-size: 16px; }
  .prd-pg.prd-pg--i4 .prd-faq__a p { padding: 0 32px 28px; font-size: 15px; line-height: 2; }
}

/* 下载爱思助手区块（i4.cn 一致：平台 Tab + 各平台下载卡片） */
.prd-dl-sec { background: #f8faff; padding: 56px 0 64px; border-top: 1px solid #e8edf5; }
.prd-dl-sec-title { font-size: 24px; font-weight: 800; color: #1a1a2e; margin: 0 0 24px; }
.prd-plat-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 28px; border-bottom: 1px solid #e2e8f0; }
.prd-plat-tab { padding: 12px 20px; font-size: 14px; font-weight: 600; color: #64748b; background: none; border: none; border-bottom: 3px solid transparent; margin-bottom: -1px; cursor: pointer; transition: color .2s, border-color .2s; }
.prd-plat-tab:hover { color: #1a1a2e; }
.prd-plat-tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.prd-plat-pane { display: none; }
.prd-plat-pane.active { display: block; }
.prd-dl-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-bottom: 20px; }
.prd-dl-card { background: #fff; border-radius: 12px; border: 1px solid #e8edf5; padding: 24px; transition: box-shadow .2s; }
.prd-dl-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.prd-dl-card-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin: 0 0 8px; }
.prd-dl-label { font-size: 13px; color: #475569; margin: 0 0 6px; }
.prd-dl-tag { font-size: 11px; color: var(--color-primary); background: #eef4ff; padding: 2px 8px; border-radius: 4px; margin-left: 4px; }
.prd-dl-ver { font-size: 12px; color: #94a3b8; margin: 0 0 14px; }
.prd-dl-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 24px; background: var(--color-primary); color: #fff !important; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; transition: opacity .2s; }
.prd-dl-btn:hover { opacity: .92; }
.prd-dl-note { font-size: 13px; color: #64748b; margin: 12px 0 0; line-height: 1.7; }
.prd-dl-note code { background: #f1f5f9; padding: 2px 8px; border-radius: 4px; font-size: 12px; }
.prd-dl-tip { color: var(--color-primary); text-decoration: none; margin-left: 4px; }
.prd-dl-tip:hover { text-decoration: underline; }
.prd-ios-install { background: #fff; border-radius: 12px; border: 1px solid #e8edf5; padding: 28px; max-width: 480px; }
.prd-ios-desc { font-size: 15px; font-weight: 600; color: #1a1a2e; margin: 0 0 16px; }
.prd-ios-steps { margin: 0 0 20px; padding-left: 20px; font-size: 14px; color: #475569; line-height: 1.8; }
.prd-ios-steps li { margin-bottom: 8px; }
.prd-ios-qr { font-size: 13px; color: #64748b; margin: 20px 0 8px; }
.prd-ios-qr-img { margin-top: 12px; }
.prd-ios-qr-img img { width: 160px; height: 160px; display: block; }
@media (max-width: 768px) {
  .prd-dl-cards { grid-template-columns: 1fr; }
  .prd-plat-tabs { gap: 2px; }
  .prd-plat-tab { padding: 10px 14px; font-size: 13px; }
}

/* iTunes 下载区块（i4.cn 一致） */
.itunes-sec { background: #fff; padding: 56px 0 64px; border-top: 1px solid #f0f4fb; }
.itunes-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.itunes-title { font-size: 22px; font-weight: 800; color: #1a1a2e; margin: 0 0 24px; }
.itunes-version-list { display: flex; flex-direction: column; gap: 28px; }
.itunes-version-group { background: #f8faff; border-radius: 12px; border: 1px solid #e8edf5; padding: 20px 24px; }
.itunes-version-name { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0 0 6px; }
.itunes-version-num { font-size: 13px; color: #64748b; margin: 0 0 14px; }
.itunes-dl-rows { display: flex; flex-direction: column; gap: 10px; }
.itunes-dl-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid #eef2f7; font-size: 14px; color: #374151; }
.itunes-dl-row:last-child { border-bottom: none; }
.itunes-dl-row .itunes-meta { font-size: 12px; color: #94a3b8; margin-left: auto; }
.itunes-dl-link { padding: 6px 16px; background: var(--color-primary); color: #fff !important; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; transition: opacity .2s; flex-shrink: 0; }
.itunes-dl-link:hover { opacity: .9; }
@media (max-width: 768px) {
  .itunes-wrap { padding: 0 20px; }
  .itunes-dl-row { flex-direction: column; align-items: flex-start; gap: 8px; }
  .itunes-dl-row .itunes-meta { margin-left: 0; }
}

/* 第二屏：浅蓝底 左文右功能网格 */
.prd-feat-overview { background: #eef6ff; padding: 72px 0; }
.prd-feat-inner { display: flex; align-items: center; gap: 56px; }
.prd-feat-copy { flex: 0 0 42%; }
.prd-feat-h2 { font-size: 32px; font-weight: 900; line-height: 1.3; color: #1a1a2e; margin-bottom: 20px; }
.prd-feat-h2 .prd-h1-line1 { display: block; }
.prd-underline { border-bottom: 3px solid var(--color-primary-light); padding-bottom: 4px; display: inline-block; }
.prd-feat-p { font-size: 14px; color: #5a6a7e; line-height: 1.85; margin: 0; }
.prd-feat-grid { flex: 1; }
.prd-feat-grid-img img { width: 100%; max-width: 620px; display: block; margin: 0 auto; border-radius: 16px; box-shadow: 0 16px 40px rgba(15,23,42,.12); }
/* 产品页爱思助手详细介绍（左右图文） */
.prd-about-sec { background: #fff; padding: 56px 0; border-top: 1px solid #e8eef8; }
.prd-about-layout { display: flex; align-items: flex-start; gap: 48px; max-width: 1100px; margin: 0 auto; }
.prd-about-vis { flex: 0 0 42%; }
.prd-about-vis img { width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.prd-about-body { flex: 1; min-width: 0; }
.prd-about-body p { font-size: 15px; color: #475569; line-height: 1.9; margin-bottom: 22px; }
.prd-about-body p:last-child { margin-bottom: 0; }
@media (max-width: 900px) {
  .prd-about-layout { flex-direction: column; gap: 32px; }
  .prd-about-vis { flex: none; width: 100%; max-width: 480px; margin: 0 auto; }
}
/* 远控页/投屏页详细介绍（左右图文） */
.rmt-about-sec, .air-about-sec { background: #fff; padding: 56px 0; border-top: 1px solid #e8eef8; }
.rmt-about-layout, .air-about-layout { display: flex; align-items: flex-start; gap: 48px; max-width: 1100px; margin: 0 auto; }
.rmt-about-vis, .air-about-vis { flex: 0 0 42%; }
.rmt-about-vis img, .air-about-vis img { width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.rmt-about-body, .air-about-body { flex: 1; min-width: 0; }
.rmt-about-body p, .air-about-body p { font-size: 15px; color: #475569; line-height: 1.9; margin-bottom: 22px; }
.rmt-about-body p:last-child, .air-about-body p:last-child { margin-bottom: 0; }
@media (max-width: 900px) {
  .rmt-about-layout, .air-about-layout { flex-direction: column; gap: 32px; }
  .rmt-about-vis, .air-about-vis { flex: none; width: 100%; max-width: 480px; margin: 0 auto; }
}
.prd-cta-bar { background: #fff; padding: 56px 0; }
.prd-dl-row-bottom { justify-content: center; }

/* 相关产品推荐 4 列 */
.more-grid-four { max-width: none; grid-template-columns: repeat(4, 1fr); }
.more-card-muted { opacity: .88; }
.more-card-muted:hover { opacity: 1; }
.related-products .more-arrow { font-size: 13px; font-weight: 600; }
@media (max-width: 1100px) { .more-grid-four { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .more-grid-four { grid-template-columns: 1fr; } }

/* 产品页新布局响应式 */
@media (max-width: 1024px) {
    .prd-banner__bg { padding: 48px 0 200px; }
    .prd-banner-split .prd-banner__inner { flex-direction: column; align-items: stretch; min-height: auto; padding: 40px 24px; }
    .prd-banner-split .prd-vis-left { order: 1; }
    .prd-banner-split .prd-copy-right { order: 2; padding: 0 0 32px; }
    .prd-bullets { grid-template-columns: 1fr; }
    .prd-feat-inner { flex-direction: column; }
    .prd-feat-copy { flex: none; }
    .prd-feat-grid { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 768px) {
    .prd-banner__bg { padding: 40px 0 160px; }
    .prd-banner__tagline { font-size: 14px; }
    .prd-h1 { font-size: 28px; }
    .prd-feat-h2 { font-size: 24px; }
    .prd-feat-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .prd-dl-row { justify-content: flex-start; }
    .prd-dl-row-bottom { justify-content: center; }
}
@media (max-width: 480px) {
    .prd-feat-grid { grid-template-columns: repeat(2, 1fr); }
    .prd-dl-row .prd-dl-btn { flex: 1 1 45%; }
    .prd-dl-row-bottom .prd-dl-btn { flex: 1 1 45%; }
}

/* 章节标题 */
.sec-hdg { text-align: center; margin-bottom: 28px; padding: 0 16px; }
.sec-hdg h2 { font-size: 28px; font-weight: 800; color: #1a1a2e; margin-bottom: 8px; }
.sec-hdg p { font-size: 14.5px; color: #7a8899; margin-bottom: 0; }

/* 核心功能卡片（产品页）*/
.fn-wrap { background: #fff; padding: 56px 0; }
.fn-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 0; }
.fn-card { border-radius: 16px; border: 1px solid #e8eef8; overflow: hidden; background: #fff; transition: box-shadow .25s, transform .2s; }
.fn-card:hover { box-shadow: 0 10px 40px rgba(26,122,248,.12); transform: translateY(-3px); }
.fn-card-pic { background: #f4f7fd; min-height: 180px; display: flex; align-items: center; justify-content: center; padding: 32px; }
.fn-card-ico { width: 80px; height: 80px; border-radius: 20px; background: var(--color-primary-light); display: flex; align-items: center; justify-content: center; }
.fn-card-ico svg { width: 44px; height: 44px; fill: #fff; }
.fn-card-body { padding: 24px; }
.fn-card-tag { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--color-primary-light); background: #eff6ff; border-radius: 100px; padding: 3px 10px; margin-bottom: 12px; }
.fn-card-body h3 { font-size: 18px; font-weight: 800; color: #1a1a2e; margin-bottom: 8px; }
.fn-card-body p { font-size: 13.5px; color: #5a6a7e; line-height: 1.8; margin-bottom: 18px; }
.fn-card-pts { display: flex; flex-direction: column; gap: 8px; }
.fn-card-pt { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #4a5568; }
.fn-card-pt::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary-light); flex-shrink: 0; margin-top: 6px; }

/* 功能 chips */
.feat-strip { background: #f4f7fd; padding: 64px 0; }
.feat-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.feat-cell { background: #fff; border-radius: 12px; padding: 24px 20px; border: 1px solid #e8eef8; text-align: center; transition: box-shadow .2s; }
.feat-cell:hover { box-shadow: 0 4px 20px rgba(26,122,248,.09); }
.feat-icon { width: 48px; height: 48px; border-radius: 14px; background: #eff6ff; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.feat-icon svg { width: 26px; height: 26px; fill: var(--color-primary-light); }
.feat-nm { font-size: 13.5px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }
.feat-note { font-size: 12px; color: #8a97a8; line-height: 1.6; }

/* 工具箱 */
.extras-sec { background: #fff; padding: 56px 0; }
.extras-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.extra-pill { display: flex; align-items: center; gap: 8px; padding: 9px 16px; background: #f8fbff; border: 1px solid #e8eef8; border-radius: 100px; transition: border-color .2s, box-shadow .2s; text-decoration: none; }
.extra-pill:hover { border-color: var(--color-primary-light); box-shadow: 0 2px 10px rgba(26,122,248,.1); }
.extra-pill img { width: 24px; height: 24px; object-fit: contain; }
.extra-pill span { font-size: 13px; color: #4a5568; white-space: nowrap; }

/* 产品页 FAQ */
.help-sec { background: #f4f7fd; padding: 48px 0 52px; }
.help-list { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.help-item { background: #fff; border-radius: 12px; border: 1px solid #e8eef8; overflow: hidden; }
.help-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; text-align: left; cursor: pointer; }
.help-q { font-size: 15px; font-weight: 600; color: #1a1a2e; line-height: 1.4; flex: 1; min-width: 0; }
.help-ico { width: 26px; height: 26px; border-radius: 50%; background: #eff6ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .3s, background .25s; }
.help-ico svg { width: 14px; height: 14px; fill: var(--color-primary-light); transition: fill .25s; }
.help-item.open .help-ico { transform: rotate(180deg); background: var(--color-primary-light); }
.help-item.open .help-ico svg { fill: #fff; }
.help-item.open .help-q { color: var(--color-primary-light); }
.help-ans { max-height: 0; overflow: hidden; transition: max-height .38s cubic-bezier(.4,0,.2,1); }
.help-ans p { padding: 0 24px 22px; font-size: 14px; color: #5a6a7e; line-height: 1.9; }
.help-item.open .help-ans { max-height: 500px; }

/* 产品页新类名：prd-tools / prd-faq / prd-sec__head */
.prd-tools { background: #fff; padding: 56px 0; }
.prd-tools__row { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.prd-tools__pill { display: flex; align-items: center; gap: 8px; padding: 9px 16px; background: #f8fbff; border: 1px solid #e8eef8; border-radius: 100px; transition: border-color .2s, box-shadow .2s; text-decoration: none; }
.prd-tools__pill:hover { border-color: var(--color-primary-light); box-shadow: 0 2px 10px rgba(26,122,248,.1); }
.prd-tools__pill span { font-size: 13px; color: #4a5568; white-space: nowrap; }
.prd-sec__head { text-align: center; margin-bottom: 28px; padding: 0 16px; }
.prd-sec__head h2 { font-size: 28px; font-weight: 800; color: #1a1a2e; margin-bottom: 8px; }
.prd-sec__head p { font-size: 14.5px; color: #7a8899; margin-bottom: 0; }
.prd-faq { background: #f4f7fd; padding: 48px 0 52px; }
.prd-faq__list { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.prd-faq__item { background: #fff; border-radius: 12px; border: 1px solid #e8eef8; overflow: hidden; }
.prd-faq__trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; text-align: left; cursor: pointer; font-family: inherit; font-size: inherit; border: none; background: none; }
.prd-faq__q { font-size: 15px; font-weight: 600; color: #1a1a2e; line-height: 1.4; flex: 1; min-width: 0; }
.prd-faq__icon { width: 26px; height: 26px; border-radius: 50%; background: #eff6ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .3s, background .25s; }
.prd-faq__icon svg { width: 14px; height: 14px; fill: var(--color-primary-light); transition: fill .25s; }
.prd-faq__item.prd-faq__item--open .prd-faq__icon { transform: rotate(180deg); background: var(--color-primary-light); }
.prd-faq__item.prd-faq__item--open .prd-faq__icon svg { fill: #fff; }
.prd-faq__item.prd-faq__item--open .prd-faq__q { color: var(--color-primary-light); }
.prd-faq__a { max-height: 0; overflow: hidden; transition: max-height .38s cubic-bezier(.4,0,.2,1); }
.prd-faq__a p { padding: 0 24px 22px; font-size: 14px; color: #5a6a7e; line-height: 1.9; }
.prd-faq__item.prd-faq__item--open .prd-faq__a { max-height: 500px; }

/* 产品页评价 */
.voice-sec { background: #fff; padding: 52px 0 56px; }
.voice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 0; }
.voice-card { background: #f8fafd; border-radius: 14px; padding: 26px; border: 1px solid #e8eef8; }
.vc-stars { color: #f59e0b; font-size: 14px; letter-spacing: 3px; margin-bottom: 14px; }
.vc-text { font-size: 13.5px; color: #4a5568; line-height: 1.85; margin-bottom: 20px; }
.vc-author { display: flex; align-items: center; gap: 12px; }
.vc-ava { width: 40px; height: 40px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; flex-shrink: 0; }
.vc-name { font-size: 13.5px; font-weight: 700; color: #1a1a2e; }
.vc-device { font-size: 12px; color: #a0acbd; margin-top: 2px; }

/* 相关产品 */
.more-sec { background: #f4f7fd; padding: 72px 0; }
.more-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; }
.more-card { background: #fff; border-radius: 14px; border: 1px solid #e8eef8; padding: 26px; display: flex; align-items: center; gap: 18px; transition: box-shadow .2s, transform .2s; text-decoration: none; color: inherit; }
.more-card:hover { box-shadow: 0 8px 28px rgba(26,122,248,.1); transform: translateY(-2px); }
.more-ico { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.more-ico svg { width: 26px; height: 26px; }
.more-card h3 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }
.more-card p { font-size: 13px; color: #7a8899; line-height: 1.6; }
.more-arrow { margin-left: auto; color: var(--color-primary-light); font-size: 20px; flex-shrink: 0; }

/* 产品页 CTA */
.cta-band { background: linear-gradient(135deg, #0a3d8f 0%, var(--color-primary-light) 60%, #5aa4ff 100%); padding: 72px 0; text-align: center; }
.cta-band h2 { font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.cta-band p { font-size: 14px; color: rgba(255,255,255,.75); margin-bottom: 32px; }
.cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.cta-btn-w { display: inline-flex; align-items: center; gap: 8px; padding: 12px 32px; background: #fff; color: var(--color-primary-light) !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s; text-decoration: none; }
.cta-btn-w:hover { opacity: .92; }
.cta-btn-w svg { width: 16px; height: 16px; fill: var(--color-primary-light); }
.cta-btn-o { display: inline-flex; align-items: center; gap: 8px; padding: 12px 32px; border: 1.5px solid rgba(255,255,255,.55); color: #fff !important; border-radius: 8px; font-size: 14px; transition: background .2s; text-decoration: none; }
.cta-btn-o:hover { background: rgba(255,255,255,.1); }
.cta-btn-o svg { width: 16px; height: 16px; fill: #fff; }
.cta-ver { font-size: 12px; color: rgba(255,255,255,.45); margin-top: 16px; margin-bottom: 0; }

/* ══════════════════════════
   Airplayer 专属
══════════════════════════ */
.air-hero { background: linear-gradient(135deg, #7c2d12 0%, #ea580c 55%, #fb923c 100%); }
.air-hero .prd-banner__inner { padding: 60px 40px; }
.air-hero-stack .prd-banner__inner { flex-direction: column; align-items: center; text-align: center; justify-content: center; padding: 48px 40px 56px; }
.air-hero-stack .prd-copy { max-width: 720px; margin: 0 auto; }
.air-hero-stack .prd-btns { justify-content: center; }
.air-hero-stack .prd-crumbs { justify-content: center; }
.air-hero-stack .prd-vis { flex: none; order: 2; padding-top: 32px; }
.air-hero .prd-copy,
.rmt-hero .prd-copy { color: #fff; }
.air-hero .prd-h1,
.rmt-hero .prd-h1 { color: #fff; }
.air-hero .prd-h1 .prd-h1-line2,
.rmt-hero .prd-h1 .prd-h1-line2 { border-bottom-color: rgba(255,255,255,.65); }
.air-hero .prd-desc,
.rmt-hero .prd-desc { color: rgba(255,255,255,.88); }
.air-hero .prd-bullets-col li,
.rmt-hero .prd-bullets-col li { color: rgba(255,255,255,.9); }
.air-dl-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 30px; background: #fff; color: #ea580c !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s, transform .15s; text-decoration: none; }
.air-dl-btn:hover { opacity: .92; transform: translateY(-1px); }
.air-dl-btn svg { width: 16px; height: 16px; fill: #ea580c; }
.air-vis-wide { width: 100%; max-width: 960px; display: flex; justify-content: center; padding-top: 40px; flex: none; }
.air-vis-wide img { width: 100%; max-width: 960px; }

/* 平台条 */
.plat-bar { background: #fff; border-bottom: 1px solid #f0f4fb; }
.plat-row { max-width: 1200px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: center; }
.plat-cell { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 20px 12px; border-right: 1px solid #f0f4fb; }
.plat-cell:last-child { border-right: none; }
.plat-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #fff3e8; }
.plat-icon svg { width: 20px; height: 20px; fill: #ea580c; }
.plat-nm { font-size: 13px; font-weight: 700; color: #1a1a2e; }
.plat-vr { font-size: 11.5px; color: #a0acbd; }

/* 使用场景卡片 */
.use-sec { background: #fff; padding: 56px 0; }
.use-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.use-card { border-radius: 16px; border: 1px solid #e8eef8; overflow: hidden; background: #fff; transition: box-shadow .25s, transform .2s; }
.use-card:hover { box-shadow: 0 10px 40px rgba(234,88,12,.11); transform: translateY(-3px); }
.use-card-pic { min-height: 160px; display: flex; align-items: center; justify-content: center; padding: 32px; }
.use-ico { width: 76px; height: 76px; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.use-ico svg { width: 40px; height: 40px; fill: #fff; }
.scene-body { padding: 24px; }
.scene-tag { display: inline-flex; font-size: 11px; font-weight: 700; color: #ea580c; background: #fff3e8; border-radius: 100px; padding: 3px 10px; margin-bottom: 10px; }
.scene-body h3 { font-size: 18px; font-weight: 800; color: #1a1a2e; margin-bottom: 8px; }
.scene-body p { font-size: 13.5px; color: #5a6a7e; line-height: 1.8; margin-bottom: 16px; }
.scene-pts { display: flex; flex-direction: column; gap: 7px; }
.scene-pt { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #4a5568; }
.scene-pt::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ea580c; flex-shrink: 0; margin-top: 6px; }

/* 爱思投屏多端互联、真彩画面等（参考 i4.cn） */
.air-intro-sec { background: #fff; padding: 48px 0; border-bottom: 1px solid #f0f4fb; }
.air-intro-title { font-size: 24px; font-weight: 800; color: #1a1a2e; margin: 0 0 16px; }
.air-intro-p { font-size: 15px; color: #475569; line-height: 1.9; margin: 0 0 16px; max-width: 800px; }
.air-intro-p:last-child { margin-bottom: 0; }
.prd-intro-sec { background: #fff; padding: 32px 0; border-bottom: 1px solid #f0f4fb; }
.prd-intro-p { font-size: 15px; color: #475569; line-height: 1.9; margin: 0; max-width: 900px; }
.air-hero .prd-crumbs { font-size: 13px; color: rgba(255,255,255,.85); margin-top: 24px; display: flex; align-items: center; gap: 6px; }
.air-hero .prd-crumbs a { color: rgba(255,255,255,.9); text-decoration: none; }
.air-hero .prd-crumbs a:hover { text-decoration: underline; }
.air-hero .crumbs-sep { color: rgba(255,255,255,.6); }
.air-hero .crumbs-end { color: rgba(255,255,255,.85); }
.air-use-simple .scene-body { padding: 20px 24px; }
.air-use-simple .scene-body h3 { margin-bottom: 6px; }
.air-use-simple .scene-body p { margin: 0; font-size: 13px; color: #64748b; }
.air-feat-sec { background: #fdf5f0; padding: 56px 0; }
.air-feat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 24px; }
.air-feat-card { background: #fff; border-radius: 14px; border: 1px solid #f0e6df; padding: 24px; text-align: center; transition: box-shadow .2s; }
.air-feat-card:hover { box-shadow: 0 6px 24px rgba(234,88,12,.09); }
.air-feat-ico { width: 48px; height: 48px; border-radius: 14px; background: #fff3e8; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.air-feat-ico svg { width: 24px; height: 24px; fill: #ea580c; }
.air-feat-card h3 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0 0 8px; }
.air-feat-card p { font-size: 13px; color: #64748b; line-height: 1.6; margin: 0; }
.air-voice-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 1024px) {
  .air-feat-grid { grid-template-columns: repeat(2, 1fr); }
  .air-voice-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .air-feat-grid { grid-template-columns: 1fr; }
  .air-voice-grid { grid-template-columns: 1fr; }
}

/* Airplayer 优势 */
.air-why-sec { background: #fdf5f0; padding: 56px 0; }
.air-why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.air-adv-card { background: #fff; border-radius: 14px; border: 1px solid #f0e6df; padding: 28px; display: flex; gap: 18px; align-items: flex-start; transition: box-shadow .2s; }
.air-adv-card:hover { box-shadow: 0 6px 24px rgba(234,88,12,.09); }
.air-adv-ico { width: 50px; height: 50px; border-radius: 14px; background: #fff3e8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.air-adv-ico svg { width: 26px; height: 26px; fill: #ea580c; }
.air-adv-txt h3 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 6px; }
.air-adv-txt p { font-size: 13.5px; color: #64748b; line-height: 1.75; }

/* Airplayer FAQ overrides */
.qna-sec { padding: 56px 0; }
.qna-sec.air-qna { padding-top: 64px; }
.air-qna .help-item { background: #fdf5f0; border-color: #f0e6df; }
.air-qna .help-ico { background: #fff3e8; }
.air-qna .help-ico svg { fill: #ea580c; }
.air-qna .help-item.open .help-ico { background: #ea580c; }
.air-qna .help-item.open .help-q { color: #ea580c; }

/* Airplayer CTA */
.air-cta-band { background: linear-gradient(135deg, #7c2d12 0%, #ea580c 60%, #fb923c 100%); padding: 72px 0; text-align: center; }
.air-cta-band h2 { font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.air-cta-band p { font-size: 14px; color: rgba(255,255,255,.75); margin-bottom: 32px; }
.air-cta-btn-w { display: inline-flex; align-items: center; gap: 8px; padding: 12px 32px; background: #fff; color: #ea580c !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s; text-decoration: none; }
.air-cta-btn-w:hover { opacity: .92; }
.air-cta-btn-w svg { width: 16px; height: 16px; fill: #ea580c; }
.air-cta-btn-o { display: inline-flex; align-items: center; gap: 8px; padding: 12px 32px; border: 1.5px solid rgba(255,255,255,.55); color: #fff !important; border-radius: 8px; font-size: 14px; transition: background .2s; text-decoration: none; }
.air-cta-btn-o:hover { background: rgba(255,255,255,.1); }
.air-cta-btn-o svg { width: 16px; height: 16px; fill: #fff; }

/* ══════════════════════════
   Remote 专属
══════════════════════════ */
.rmt-hero { background: linear-gradient(135deg, #2e1065 0%, #7c3aed 55%, #a78bfa 100%); }
.rmt-hero-stack .prd-banner__inner { flex-direction: column; align-items: center; text-align: center; justify-content: center; padding: 48px 40px 56px; }
.rmt-hero-stack .prd-copy { max-width: 720px; margin: 0 auto; }
.rmt-hero-stack .prd-btns { justify-content: center; }
.rmt-hero-stack .prd-vis { flex: none; order: 2; padding-top: 32px; }
.rmt-hero .prd-label,
.rmt-hero .prd-subtitle,
.rmt-hero .prd-version,
.air-hero .prd-label,
.air-hero .prd-subtitle,
.air-hero .prd-version { color: rgba(255,255,255,.9); }
.rmt-dl-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 30px; background: #fff; color: #7c3aed !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s, transform .15s; text-decoration: none; }
.rmt-dl-btn:hover { opacity: .92; transform: translateY(-1px); }
.rmt-dl-btn svg { width: 16px; height: 16px; fill: #7c3aed; }

/* 数据条 */
.stat-strip { background: #fff; border-bottom: 1px solid #eef2fb; }
.stat-row-r { max-width: 1200px; margin: 0 auto; padding: 0 40px; display: flex; }
.stat-cell { flex: 1; text-align: center; padding: 22px 12px; border-right: 1px solid #eef2fb; }
.stat-cell:last-child { border-right: none; }
.stat-num { font-size: 26px; font-weight: 800; color: #7c3aed; line-height: 1.2; }
.stat-num small { font-size: 14px; }
.stat-lbl { font-size: 12px; color: #8a97a8; margin-top: 4px; }

/* Remote 核心功能 */
.rmt-fn-sec { background: #fff; padding: 56px 0; }
.rmt-fn-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rmt-core-card { border-radius: 16px; border: 1px solid #e8eef8; overflow: hidden; background: #fff; transition: box-shadow .25s, transform .2s; }
.rmt-core-card:hover { box-shadow: 0 10px 40px rgba(124,58,237,.12); transform: translateY(-3px); }
.rmt-core-thumb { min-height: 180px; display: flex; align-items: center; justify-content: center; padding: 32px; }
.rmt-core-icon { width: 80px; height: 80px; border-radius: 20px; background: #7c3aed; display: flex; align-items: center; justify-content: center; }
.rmt-core-icon svg { width: 44px; height: 44px; fill: #fff; }
.rmt-core-body { padding: 24px; }
.rmt-core-tag { display: inline-flex; font-size: 11px; font-weight: 700; color: #7c3aed; background: #f3eeff; border-radius: 100px; padding: 3px 10px; margin-bottom: 12px; }
.rmt-core-body h3 { font-size: 18px; font-weight: 800; color: #1a1a2e; margin-bottom: 8px; }
.rmt-core-body p { font-size: 13.5px; color: #5a6a7e; line-height: 1.8; margin-bottom: 18px; }
.rmt-core-pts { display: flex; flex-direction: column; gap: 8px; }
.rmt-core-pt { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #4a5568; }
.rmt-core-pt::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #7c3aed; flex-shrink: 0; margin-top: 6px; }

/* Remote 优势 */
.rmt-why-sec { background: #f5f0ff; padding: 56px 0; }
.qna-sec.rmt-qna { padding: 64px 0; }
.rmt-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rmt-adv-card { background: #fff; border-radius: 14px; border: 1px solid #e5d9f9; padding: 28px; text-align: center; transition: box-shadow .2s; }
.rmt-adv-card:hover { box-shadow: 0 6px 24px rgba(124,58,237,.09); }
.rmt-adv-ico { width: 56px; height: 56px; border-radius: 16px; background: #f3eeff; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.rmt-adv-ico svg { width: 28px; height: 28px; fill: #7c3aed; }
.rmt-adv-card h3 { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }
.rmt-adv-card p { font-size: 13.5px; color: #64748b; line-height: 1.75; }

/* Remote FAQ overrides */
.rmt-qna .help-item { background: #f5f0ff; border-color: #e5d9f9; }
.rmt-qna .help-ico { background: #f3eeff; }
.rmt-qna .help-ico svg { fill: #7c3aed; }
.rmt-qna .help-item.open .help-ico { background: #7c3aed; }
.rmt-qna .help-item.open .help-q { color: #7c3aed; }

/* Remote voice overrides */
.rmt-voice.voice-sec { background: #f5f0ff; }
.rmt-voice .voice-card { border-color: #e5d9f9; }

/* Remote CTA */
.rmt-cta-band { background: linear-gradient(135deg, #2e1065 0%, #7c3aed 60%, #a78bfa 100%); padding: 72px 0; text-align: center; }
.rmt-cta-band h2 { font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.rmt-cta-band p { font-size: 14px; color: rgba(255,255,255,.75); margin-bottom: 32px; }
.rmt-cta-btn-w { display: inline-flex; align-items: center; gap: 8px; padding: 12px 32px; background: #fff; color: #7c3aed !important; border-radius: 8px; font-size: 14px; font-weight: 700; transition: opacity .2s; text-decoration: none; }
.rmt-cta-btn-w:hover { opacity: .92; }
.rmt-cta-btn-w svg { width: 16px; height: 16px; fill: #7c3aed; }
.rmt-cta-btn-o { display: inline-flex; align-items: center; gap: 8px; padding: 12px 32px; border: 1.5px solid rgba(255,255,255,.55); color: #fff !important; border-radius: 8px; font-size: 14px; transition: background .2s; text-decoration: none; }
.rmt-cta-btn-o:hover { background: rgba(255,255,255,.1); }
.rmt-cta-btn-o svg { width: 16px; height: 16px; fill: #fff; }

/* ══════════════════════════
   404 页面
══════════════════════════ */
.error404-wrap { min-height: calc(80vh - 64px); display: flex; align-items: center; padding: 60px 0; text-align: center; }
.error404-wrap .container { width: 100%; }
.error404-code { font-size: 120px; font-weight: 800; line-height: 1; color: #e8f0fe; letter-spacing: -4px; margin-bottom: 16px; }
.error404-title { font-size: 1.8em; font-weight: 700; color: #1a1a2e; margin: 0 0 12px; }
.error404-desc { color: #64748b; font-size: 1em; margin: 0 0 32px; }
.error404-btn { display: inline-block; padding: 12px 32px; background: var(--color-primary); color: #fff; border-radius: 8px; text-decoration: none; font-size: 0.95em; font-weight: 600; transition: background 0.2s; }
.error404-btn:hover { background: #0d44a8; }

/* ══════════════════════════
   政策页
══════════════════════════ */
/* 政策页（legal-* 类名） */
.legal-hero { background: linear-gradient(135deg, #0071e3, #40c4ff); color: #fff; padding: 110px 0 70px; text-align: center; }
.legal-hero h1 { font-size: 2.8em; margin: 0 0 16px; font-weight: 700; color: #fff; }
.legal-hero p { font-size: 1.1em; max-width: 700px; margin: 0 auto; opacity: 0.95; }
.legal-body { background: #fff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,.06); padding: 48px 56px; margin: 48px 0; line-height: 1.85; }
.legal-body h2 { font-size: 1.5em; color: #0071e3; margin: 36px 0 16px; font-weight: 700; }
.legal-body h2:first-child { margin-top: 0; }
.legal-body p { margin: 0 0 16px; color: #334155; font-size: 1.02em; }
.legal-body ul { margin: 12px 0 20px; padding-left: 24px; }
.legal-body li { margin: 8px 0; color: #334155; }
.legal-body__updated { color: #64748b; font-size: 0.95em; margin-bottom: 32px; display: block; }
.legal-body a { color: #0071e3; text-decoration: none; }
.legal-body a:hover { text-decoration: underline; }

/* ══════════════════════════
   作者页
══════════════════════════ */
.author-wrap { padding: 48px 0 64px; background: #f7f9fc; min-height: 60vh; }
.author-profile { display: flex; align-items: flex-start; gap: 28px; background: #fff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,.06); padding: 36px 40px; margin-bottom: 40px; }
.author-avatar img { width: 96px; height: 96px; border-radius: 16px; object-fit: contain; background: #f0f4fb; padding: 6px; flex-shrink: 0; }
.author-name { font-size: 1.6em; font-weight: 700; color: #1a1a2e; margin: 0 0 10px; }
.author-bio { color: #475569; font-size: 1em; line-height: 1.75; margin: 0 0 12px; }
.author-meta { font-size: 0.92em; color: #64748b; }
.author-meta strong { color: var(--color-primary); }
.author-posts-hd { margin-bottom: 20px; }
.author-posts-hd h2 { font-size: 1.25em; font-weight: 700; color: #1a1a2e; border-left: 4px solid var(--color-primary); padding-left: 12px; margin: 0; }
.author-no-posts { color: #94a3b8; text-align: center; padding: 40px 0; }
/* 作者页：一排一个长方形布局（左图右文） */
.author-post-feed { display: flex; flex-direction: column; gap: 20px; }
.author-post-feed .feed-item { flex-direction: row; padding: 0; overflow: hidden; align-items: stretch; }
.author-post-feed .fi-thumb { width: 320px; min-width: 320px; aspect-ratio: 16/10; margin: 0; border-radius: 18px 0 0 18px; }
.author-post-feed .fi-body { flex: 1; padding: 20px 24px; display: flex; flex-direction: column; justify-content: center; }
.author-post-feed .fi-title { margin: 0 0 10px; -webkit-line-clamp: 2; }
.author-post-feed .fi-excerpt { margin: 0 0 12px; -webkit-line-clamp: 2; flex: none; }
.author-post-feed .fi-meta { margin: 0; }
@media (max-width: 768px) {
  .author-post-feed .feed-item { flex-direction: column; }
  .author-post-feed .fi-thumb { width: 100%; min-width: unset; aspect-ratio: 16/10; border-radius: 18px 18px 0 0; }
}

/* ══════════════════════════
   响应式
══════════════════════════ */
@media (max-width: 1100px) {
    .container { padding: 0 24px; }
    .nav-container { padding: 0 24px; }
    .banner-in { padding: 0 24px; }
    .kpi-row { padding: 0 24px; }
    .fn-grid { grid-template-columns: repeat(2, 1fr); }
    .guide-row::after { left: 16%; right: 16%; }
    .pg-wrap { padding: 0 24px; }
    .prd-banner__inner { padding: 0 24px; }
    .feat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
    .suite-grid { grid-template-columns: 1fr 1fr; }
    .fb-grid { grid-template-columns: 1fr 1fr; }
    .why-layout { grid-template-columns: 1fr; }
    .nav-links { display: none; }
    .nav-toggle { display: flex; }
    .nav-drawer { display: block; }
    .kpi-row { grid-template-columns: repeat(3, 1fr); padding: 0 24px; }
    .kpi-cell:nth-child(3) { border-right: none; }
    .guide-row { grid-template-columns: 1fr 1fr; gap: 36px; }
    .guide-row::after { display: none; }
    .fn-cards { grid-template-columns: 1fr 1fr; }
    .voice-grid { grid-template-columns: 1fr 1fr; }
    .use-grid { grid-template-columns: 1fr 1fr; }
    .air-why-grid { grid-template-columns: 1fr; }
    .rmt-fn-grid { grid-template-columns: 1fr 1fr; }
    .rmt-why-grid { grid-template-columns: 1fr 1fr; }
    /* 两栏改单栏 */
    .pg-layout { flex-direction: column; }
    .side-panel { width: 100%; position: static; flex-direction: row; flex-wrap: wrap; }
    .side-widget { flex: 1; min-width: 280px; }
}
@media (max-width: 768px) {
    .container { padding: 0 16px; }
    .nav-container { padding: 0 16px; }
    .banner-in { flex-direction: column; min-height: auto; padding: 40px 16px 0; align-items: center; gap: 0; }
    .banner-copy { padding: 0 0 32px; text-align: center; order: 1; }
    .banner-desc { max-width: 100%; }
    .banner-cta { justify-content: center; }
    .banner-note { text-align: center; }
    .banner-img { flex: none; width: 100%; padding-top: 0; order: 2; max-width: 300px; margin: 0 auto; }
    .banner-h1 { font-size: 24px; }
    .banner-tagline { font-size: 14px; }
    .banner-desc { font-size: 14px; }
    .s-hd h2 { font-size: 22px; }
    .s-hd-sub { font-size: 11px; }
    .item-nm { font-size: 16px; }
    .digest-hd h2 { font-size: 16px; }
    .qa-sec .s-hd h2 { font-size: 22px; }
    .kpi-row { grid-template-columns: repeat(2, 1fr); padding: 0; }
    .kpi-cell:nth-child(2) { border-right: none; }
    .kpi-cell:nth-child(3) { border-right: 1px solid #e8edf6; }
    .kpi-cell:last-child { grid-column: 1 / -1; border-right: none; }
    .suite-sec, .fn-sec, .guide-sec, .why-sec, .qa-sec, .fb-sec { padding: 52px 0; }
    .suite-grid { grid-template-columns: 1fr; }
    .fn-grid { grid-template-columns: 1fr; }
    .fb-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .guide-row { grid-template-columns: 1fr 1fr; }
    .single-article { padding: 24px 20px; }
    .single-related { padding: 24px 20px; }
    .post-h1 { font-size: 18px; }
    /* archive 列表页移动端 */
    .arch-pg { padding: 32px 0 56px; }
    .arch-pg__head { margin-bottom: 22px; padding-bottom: 16px; }
    .posts-h1 { font-size: 18px; margin: 0 0 6px; }
    .posts-intro { font-size: 13px; }
    .arch-pg__feed { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .arch-pg__pager { margin-top: 28px; }
    .arch-pg__pager .page-numbers { min-width: 34px; height: 34px; padding: 0 8px; font-size: 12px; }
    .arch-pg__feed .feed-item { min-width: 0; }
    .arch-pg__feed .fi-title { font-size: 14px; -webkit-line-clamp: 2; }
    .arch-pg__feed .fi-excerpt { font-size: 12px; -webkit-line-clamp: 2; }
    .single-related__list.single-related__list--grid { grid-template-columns: 1fr; gap: 16px; }
    .fi-thumb { width: 100%; aspect-ratio: 16/10; }
    .feed-item { flex-direction: column; }
    /* 首页新闻：移动端一行一个，上图下文 */
    .digest-sec .digest-feed { display: flex; flex-direction: column; gap: 16px; width: 100%; }
    .digest-sec .feed-item { flex-direction: column; width: 100%; max-width: 100%; min-width: 0; }
    .digest-sec .fi-thumb { width: 100%; min-width: unset; max-width: none; aspect-ratio: 16/10; border-radius: 12px 12px 0 0; }
    .digest-sec .fi-thumb a { min-height: 0; }
    .digest-sec .fi-body { padding: 18px 20px 20px; flex: 1; min-width: 0; }
    .digest-sec .fi-title { font-size: 16px; margin: 0 0 10px; }
    .digest-sec .fi-excerpt { font-size: 13px; -webkit-line-clamp: 2; margin: 0 0 12px; }
    .digest-sec .fi-meta { margin: 0; }
    .prd-banner__inner { flex-direction: column; min-height: auto; padding: 36px 16px 0; }
    .prd-vis { flex: none; width: 100%; padding-top: 24px; order: 2; }
    .prd-vis img { max-width: 280px; margin: 0 auto; }
    .prd-copy { padding: 0; order: 1; text-align: center; }
    .prd-h1 { font-size: 26px; }
    .prd-btns { justify-content: center; margin-top: 20px; }
    .prd-version { text-align: center; margin-bottom: 24px; }
    .fn-wrap, .feat-strip, .extras-sec, .help-sec, .voice-sec, .more-sec { padding: 44px 0; }
    .fn-cards { grid-template-columns: 1fr; }
    .feat-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .more-grid { grid-template-columns: 1fr; max-width: 100%; }
    .voice-grid { grid-template-columns: 1fr; }
    .sec-hdg h2 { font-size: 22px; }
    .plat-row { flex-wrap: wrap; padding: 0 16px; }
    .plat-cell { flex: 0 0 50%; border-right: none; border-bottom: 1px solid #f0f4fb; }
    .use-sec, .air-why-sec { padding: 44px 0; }
    .use-grid { grid-template-columns: 1fr; }
    .rmt-fn-sec, .rmt-why-sec { padding: 44px 0; }
    .rmt-fn-grid { grid-template-columns: 1fr; }
    .rmt-why-grid { grid-template-columns: 1fr; }
    .stat-row-r { flex-wrap: wrap; padding: 0; }
    .stat-cell { flex: 0 0 50%; border-right: none; border-bottom: 1px solid #eef2fb; }
    .legal-hero { padding: 80px 0 50px; }
    .legal-hero h1 { font-size: 2em; }
    .legal-body { padding: 32px 24px; }
    .author-profile { flex-direction: column; align-items: center; text-align: center; padding: 28px 20px; }
    .side-panel { flex-direction: column; }
    .side-widget { min-width: unset; }
    .single-author__avatar { margin-bottom: 4px; }
    .author-card { flex-direction: column; align-items: center; text-align: center; }
}
@media (max-width: 480px) {
    .banner-h1 { font-size: 20px; }
    .s-hd h2 { font-size: 18px; }
    .item-nm { font-size: 15px; }
    .digest-hd h2 { font-size: 15px; }
    .digest-sec .digest-feed { gap: 14px; }
    .digest-sec .fi-body { padding: 16px 18px 18px; }
    .digest-sec .fi-title { font-size: 15px; }
    .digest-sec .fi-excerpt { font-size: 12px; }
    .qa-sec .s-hd h2 { font-size: 18px; }
    .srch-pg__results-title { font-size: 18px; }
    .guide-row { grid-template-columns: 1fr; }
    /* archive 小屏：一行一个 */
    .arch-pg { padding: 24px 0 48px; }
    .arch-pg__head { margin-bottom: 20px; padding-bottom: 14px; }
    .posts-h1 { font-size: 17px; }
    .posts-intro { font-size: 12px; }
    .arch-pg__feed { grid-template-columns: 1fr; gap: 16px; }
    .arch-pg__pager .page-numbers { min-width: 36px; height: 36px; }
    .arch-pg__feed .fi-title { font-size: 15px; }
    .arch-pg__feed .fi-excerpt { font-size: 13px; }
    .dl-win-btn, .info-btn { padding: 12px 24px; font-size: 13.5px; }
    .prd-h1 { font-size: 22px; }
    .feat-grid { grid-template-columns: 1fr 1fr; }
    .btn-prd-dl, .btn-prd-ghost { padding: 11px 22px; font-size: 13px; }
    .air-adv-card { flex-direction: column; }
}