* { box-sizing: border-box }
html, body { margin: 0; background: #fff; color: #191919; font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif }
.wp-nav { position: fixed; inset: 0 0 auto; z-index: 10; height: 60px; color: #fff; background: linear-gradient(105deg, #1f3fb9, #2d5ac3 58%, #8fcfe4) }
.wp-nav__row { height: 60px; padding: 0 24px; display: grid; grid-template-columns:1fr auto 1fr; align-items: center }
.wp-nav__logo { display: flex; align-items: center }
.wp-nav__logo img { width: 150px; height: auto }
.wp-nav__links { display: flex; justify-content: center; gap: 3px }
.wp-nav__links a { height: 36px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; color: rgba(255, 255, 255, .84); font: 500 14px/1 system-ui, sans-serif; text-decoration: none; white-space: nowrap }
.wp-nav__links a:hover, .wp-nav__links a[aria-current=page] { color: #fff; background: rgba(255, 255, 255, .12) }
.wp-nav__actions { display: flex; justify-content: flex-end }
.wp-nav button { height: 32px; padding: 0 17px; border: 0; border-radius: 999px; background: #fff; color: #171717; font: 500 13px/1 system-ui, sans-serif }
.wp-menu { display: none !important }
.article-page { width: min(1440px, 100%); margin: 0 auto; padding: 142px 56px 72px }
.article-head { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 36px }
.back-link { position: absolute; left: 0; display: inline-flex; align-items: center; gap: 8px; padding: 11px 17px; border-radius: 24px; background: rgba(89, 84, 136, .04); color: #191919; font-size: 16px; font-weight: 600; text-decoration: none; transition: background .2s }
.back-link:hover { background: rgba(89, 84, 136, .09) }
.back-link span { font-size: 27px; font-weight: 400; line-height: 13px }
.article-head h1 { max-width: 800px; margin: 0; color: #000; font-size: 36px; font-weight: 600; line-height: 1.4; text-align: left; letter-spacing: -.03em }
.article { width: min(800px, 100%); margin: 0 auto; color: rgba(0, 0, 0, .8); font-size: 16px; line-height: 1.6 }
.article h1 { margin: 0 0 16px; color: #000; font-size: 24px; line-height: 1.4 }
.article h2 { margin: 31px 0 12px; color: #000; font-size: 20px; line-height: 1.45 }
.article h3 { margin: 23px 0 8px; color: #000; font-size: 17px; line-height: 1.5 }
.article p { margin: 0 0 16px }
.article img { display: block; max-width: 100%; height: auto; margin: 22px auto; border-radius: 8px }
.article ol, .article ul { margin: 0 0 16px; padding-left: 24px }
.article li { margin-bottom: 5px }
.article strong { color: #000 }
.article figure { margin: 22px 0 27px }
.article figure img { display: block; max-width: 100%; height: auto; border-radius: 8px }
.article figcaption { margin-top: 8px; color: #858585; font-size: 13px; text-align: center }
.article-note { margin: 24px 0; padding: 18px 20px; border-left: 3px solid #2f68eb; border-radius: 0 8px 8px 0; background: #f4f7ff; color: #33415d }
.wp-nav { z-index: 1000; transition: background-color .26s ease, color .26s ease, box-shadow .26s ease, backdrop-filter .26s ease }
.wp-nav:not(.is-scrolled) { color: #101828; background: transparent !important }
.wp-nav:not(.is-scrolled) .wp-nav__links a { color: rgba(16, 24, 40, .8) }
.wp-nav:not(.is-scrolled) .wp-nav__links a:hover, .wp-nav:not(.is-scrolled) .wp-nav__links a[aria-current=page] { color: #101828; background: rgba(16, 24, 40, .055) }
.wp-nav:not(.is-scrolled) .wp-menu { color: #101828 !important }
.wp-nav.is-scrolled { color: #101828; background: rgba(255, 255, 255, .74); box-shadow: 0 8px 26px rgba(15, 23, 42, .08); backdrop-filter: blur(20px) saturate(145%); -webkit-backdrop-filter: blur(20px) saturate(145%) }
.wp-nav.is-scrolled .wp-nav__links a { color: rgba(16, 24, 40, .8) }
.wp-nav.is-scrolled .wp-nav__links a:hover, .wp-nav.is-scrolled .wp-nav__links a[aria-current=page] { color: #101828; background: rgba(16, 24, 40, .055) }
.wp-nav.is-scrolled .wp-menu { color: #101828 !important }
.wp-nav__actions > button:not(.wp-menu) { display: none !important }
@media (max-width: 760px) {
  .wp-nav__row { padding: 0 14px; grid-template-columns:1fr auto }
  .wp-nav__logo img { width: 120px }
  .wp-nav__links { position: absolute; top: 62px; left: 10px; right: 10px; display: none; flex-direction: column; padding: 8px; border-radius: 14px; background: rgba(27, 54, 142, .98) }
  .wp-nav[data-open=true] .wp-nav__links { display: flex }
  .wp-nav__links a { justify-content: flex-start }
  .wp-nav__actions button:first-child { display: none }
  .wp-menu { display: block !important; width: 36px !important; padding: 0 !important; color: #fff !important; background: transparent !important; font-size: 20px !important }
  .article-page { padding: 102px 16px 42px }
  .article-head { display: block; margin-bottom: 27px }
  .back-link { position: static; margin-bottom: 18px; padding: 9px 12px; font-size: 14px }
  .article-head h1 { font-size: 25px; text-align: left }
  .article { font-size: 15px }
  .article h1 { font-size: 20px }
  .article h2 { margin-top: 26px; font-size: 18px }
  .article figure { margin: 18px 0 22px }
  .wp-nav[data-open=true] .wp-nav__links { background: rgba(19, 28, 70, .96) }
  .wp-nav[data-open=true] .wp-nav__links a, .wp-nav.is-scrolled[data-open=true] .wp-nav__links a { color: #fff }
  .wp-nav .wp-menu { display: grid !important; place-items: center }
}

.article-meta, .article-updated { color: #7c7c7c; font-size: 14px; line-height: 1.6 }
.article-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 28px; overflow-wrap: anywhere }
.article-meta time, .article-updated time { display: inline; margin: 0; color: inherit; font-size: inherit }
.article-meta a { color: inherit; text-decoration: none; text-underline-offset: 3px }
.article-meta a:hover, .article-meta a:focus-visible { color: #334155; text-decoration: underline }
.article-updated { margin: 24px 0 0; text-align: right }
.article hr{border:0;border-top:1px solid #d8dee8;margin:28px 0}