/* 护航 GEO · 行业资讯与文章页视觉升级 */
body.blog-refresh {
  background: #fff;
  color: #20263a;
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.blog-refresh header.sticky {
  background: rgba(255,255,255,.92) !important;
  border-bottom-color: #e9ecf4 !important;
  box-shadow: 0 6px 24px rgba(27,34,62,.055);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.blog-refresh header .nx-container { max-width: 1280px; }
.blog-refresh .qdk-nav-item {
  width: auto;
  min-width: 62px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 10px;
  color: #4c566b;
  font-weight: 600;
  transition: color .2s ease, background .2s ease;
}
.blog-refresh .qdk-nav-item:hover { color: #6246e8; background: #f4f2ff; }
.blog-refresh .qdk-trial-btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(105deg, #6246e8, #3978f6);
  box-shadow: 0 8px 18px rgba(98,70,232,.18);
  font-weight: 700;
}
.blog-refresh .qdk-trial-btn:hover { background: linear-gradient(105deg, #4f35cf, #2866df); transform: translateY(-1px); }
.blog-refresh .nx-hero-soft {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(600px 320px at 8% 10%, rgba(98,70,232,.10), transparent 68%),
    radial-gradient(540px 320px at 92% 24%, rgba(57,120,246,.09), transparent 68%),
    linear-gradient(135deg, #fafbff 0%, #f8f7ff 54%, #f7fbff 100%);
}
.blog-refresh .nx-hero-soft .nx-container { padding-top: 72px; padding-bottom: 76px; }
.blog-refresh .nx-hero-soft h1 { max-width: 820px; font-size: clamp(36px, 4.6vw, 56px) !important; line-height: 1.2 !important; letter-spacing: -.045em; }
.blog-refresh .nx-hero-soft p { max-width: 760px; color: #68738a !important; line-height: 1.85; }
.blog-refresh .nx-chip { border-radius: 999px; padding: 5px 12px; background: #efedff; color: #6246e8; font-weight: 700; }
.blog-refresh .nx-card {
  border: 1px solid #e9ecf4;
  border-radius: 20px;
  box-shadow: 0 10px 28px rgba(31,42,82,.055);
}
.blog-refresh .nx-card-hoverable { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.blog-refresh .nx-card-hoverable:hover { transform: translateY(-4px); border-color: rgba(98,70,232,.22); box-shadow: 0 20px 42px rgba(49,44,112,.12); }
.blog-refresh .nx-btn-primary {
  border-radius: 999px;
  padding: 12px 20px;
  background: linear-gradient(105deg, #6246e8, #3978f6);
  box-shadow: 0 10px 22px rgba(98,70,232,.2);
}
.blog-refresh .nx-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(98,70,232,.27); }
.blog-refresh .nx-thumb { border-radius: 14px; }
.blog-refresh .nx-article-meta-row { color: #7a8498; }
.blog-refresh .nx-prose, .blog-refresh .qdk-prose { color: #374156; font-size: 16px; line-height: 1.9; }
.blog-refresh .nx-prose h2, .blog-refresh .qdk-prose h2 {
  position: relative;
  margin-top: 2.7rem;
  padding-left: 16px;
  color: #171d2f;
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: -.03em;
}
.blog-refresh .nx-prose h2::before, .blog-refresh .qdk-prose h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: .2em;
  bottom: .2em;
  width: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, #6246e8, #3978f6);
}
.blog-refresh .nx-prose h3, .blog-refresh .qdk-prose h3 { color: #222a40; font-size: 19px; line-height: 1.5; }
.blog-refresh .nx-prose p, .blog-refresh .qdk-prose p { color: #465168; line-height: 1.9; }
.blog-refresh .nx-prose blockquote, .blog-refresh .qdk-prose blockquote { border-radius: 0 14px 14px 0; background: #f6f4ff; }
.blog-refresh .nx-prose table, .blog-refresh .qdk-prose table { border-radius: 14px; overflow: hidden; }
.blog-refresh .nx-prose th, .blog-refresh .nx-prose td,
.blog-refresh .qdk-prose th, .blog-refresh .qdk-prose td { border-color: #e7eaf2; padding: 12px 14px; }
.blog-refresh .nx-prose th, .blog-refresh .qdk-prose th { background: #f3f1ff; }
.blog-refresh .qdk-tldr { border-radius: 20px; background: linear-gradient(135deg,#fafaff,#f7f9ff); }
.blog-refresh .qdk-share-btn { border-radius: 999px; padding: 8px 15px; }
.blog-refresh .qdk-pn { border-radius: 16px; border: 1px solid #e9ecf4; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.blog-refresh a.qdk-pn:hover { border-color: rgba(98,70,232,.25); box-shadow: 0 10px 26px rgba(31,42,82,.07); }
.blog-refresh #qdkTocCard { top: 100px; }
.blog-refresh .qdk-side-title { color: #171d2f; font-weight: 700; }
.blog-refresh .qdk-side-rel { border-radius: 10px; }
.blog-refresh .qdk-side-rel:hover { background: #f5f4ff; }
.blog-refresh .qdk-cat-item { border-radius: 11px; }
.blog-refresh .qdk-cat-item.cur { background: linear-gradient(105deg,#6246e8,#3978f6); }
.blog-refresh footer { background: #111522 !important; }
.blog-refresh footer a { transition: color .2s ease; }
.blog-refresh footer a:hover { color: #fff !important; }
.blog-refresh .site-backtop {
  position: fixed; right: 26px; bottom: 28px; z-index: 80; width: 46px; height: 46px;
  display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; color: #fff;
  background: linear-gradient(135deg,#6246e8,#3978f6); box-shadow: 0 10px 24px rgba(78,65,190,.28);
  opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; cursor: pointer;
}
.blog-refresh .site-backtop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.blog-refresh .site-backtop svg { width: 19px; height: 19px; }
@media (max-width: 768px) {
  .blog-refresh .nx-hero-soft .nx-container { padding-top: 48px; padding-bottom: 50px; }
  .blog-refresh .nx-hero-soft h1 { font-size: clamp(31px, 8vw, 40px) !important; }
  .blog-refresh .nx-prose, .blog-refresh .qdk-prose { font-size: 15px; line-height: 1.85; }
  .blog-refresh .nx-prose h2, .blog-refresh .qdk-prose h2 { font-size: 21px; margin-top: 2.1rem; }
  .blog-refresh .site-backtop { right: 16px; bottom: 18px; width: 42px; height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .blog-refresh *, .blog-refresh *::before, .blog-refresh *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}