.fa3d-blog-page{margin:0;background:#fff;color:#20242a;scroll-behavior:smooth}.fa3d-blog-page *{box-sizing:border-box}.fa3d-blog-page a{text-decoration:none}.fa3d-blog-top{height:73px;background:#fff;border-bottom:1px solid #e4e7ec;padding:0 48px;display:grid;grid-template-columns:357px minmax(0,1fr) 374px;align-items:center;gap:0}.fa3d-blog-wordmark{font-size:22px;font-weight:800;white-space:nowrap;color:#20242a;transform:scaleX(.84);transform-origin:left center}.fa3d-blog-wordmark.has-image{transform:none}.fa3d-blog-wordmark-image{display:block;width:auto;height:auto;max-width:100%;max-height:48px;object-fit:contain}.fa3d-blog-wordmark span{color:#d63f00;font-weight:400;margin:0 5px}.fa3d-blog-topics{display:flex;align-items:center;gap:32px}.fa3d-blog-topics a{font-size:14px;font-weight:600;white-space:nowrap;color:#333942}.fa3d-blog-topics a:hover,.fa3d-blog-topics a[aria-current]{color:#d63f00}.fa3d-blog-tools{display:flex;align-items:center;justify-self:end;gap:16px}.fa3d-blog-search{height:44px;width:240px;border:1px solid #d5d9e0;border-radius:24px;display:flex;align-items:center;padding:0 14px;gap:8px;background:#fff}.fa3d-blog-search input{min-width:0;flex:1;width:100%;border:0!important;background:transparent!important;outline:0;font-size:14px;padding:0!important;box-shadow:none!important}.fa3d-blog-search button,.fa3d-blog-search-toggle{border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center;color:#343c46}.fa3d-blog-search svg,.fa3d-blog-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.fa3d-blog-search-toggle{display:none}.fa3d-blog-subscribe{height:44px;border:0;border-radius:23px;background:#d63f00;color:#fff;padding:0 24px;font-size:14px;font-weight:700;cursor:pointer}.fa3d-blog-main{max-width:1200px;margin:auto;padding:0 24px 88px}.fa3d-blog-featured-stories{display:grid;grid-template-columns:minmax(0,703px) minmax(0,401px);gap:48px;padding-top:48px}.fa3d-blog-card{min-width:0}.fa3d-blog-card__image{display:block;background:#e5e8ec;overflow:hidden;border-radius:10px}.fa3d-blog-card__image img{display:block;width:100%;height:100%;object-fit:cover}.fa3d-blog-card__placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:100px;background:#e5e8ec;color:#8c939e}.fa3d-blog-card__body{min-width:0}.fa3d-blog-eyebrow{display:inline-block;color:#d63f00;font-size:12px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}.fa3d-blog-card h3{margin:10px 0;color:#20242a}.fa3d-blog-card h3 a{color:inherit}.fa3d-blog-card p{color:#58616c;margin:0}.fa3d-blog-card small{color:#6f7882}.fa3d-blog-card--hero .fa3d-blog-card__image{height:400px}.fa3d-blog-card--hero .fa3d-blog-card__body{padding-top:20px}.fa3d-blog-card--hero h3{font-size:36px;line-height:1.2;font-weight:800;margin:10px 0 12px}.fa3d-blog-card--hero p{font-size:16px;line-height:1.55;margin-bottom:16px}.fa3d-blog-card--hero small{font-size:13px}.fa3d-blog-featured-side h2{font-size:24px;line-height:1.25;margin:0 0 16px;border-top:1px solid #d9dce0;padding-top:15px}.fa3d-blog-featured{display:grid;gap:0}.fa3d-blog-card--featured{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #dfe1e3}.fa3d-blog-card--featured .fa3d-blog-card__image{order:2;width:96px;height:72px;border-radius:7px}.fa3d-blog-card--featured .fa3d-blog-card__body{order:1}.fa3d-blog-card--featured h3{font-size:16px;line-height:1.3;margin:5px 0 7px}.fa3d-blog-card--featured small{font-size:11px;line-height:1.3}.fa3d-blog-section{margin-top:54px}.fa3d-blog-section-heading{border-bottom:1px solid #20242a;padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.fa3d-blog-section-heading h2,.fa3d-blog-related h2{font-size:28px;line-height:1.2;margin:0}.fa3d-blog-section-heading h2{display:inline-block}.fa3d-blog-section-heading a{color:#20242a;font-size:14px;font-weight:700}.fa3d-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:39px 24px}.fa3d-blog-grid .fa3d-blog-card__image{height:160px}.fa3d-blog-grid .fa3d-blog-card__body{padding-top:13px}.fa3d-blog-grid .fa3d-blog-card h3{font-size:17px;line-height:1.35;margin:7px 0}.fa3d-blog-grid .fa3d-blog-card p{font-size:13px;line-height:1.5;margin-bottom:9px}.fa3d-blog-grid .fa3d-blog-card small{font-size:11px}.fa3d-blog-list-heading{padding-top:63px;max-width:760px}.fa3d-blog-list-heading h1{font-size:52px;line-height:1.1;margin:0 0 12px}.fa3d-blog-list-heading p{font-size:17px;line-height:1.55;color:#5b636c;margin:0}.fa3d-blog-list-section{margin-top:64px}.fa3d-blog-empty{padding:30px 0}.fa3d-blog-load{display:block;margin:28px auto 0;background:transparent;border:1px solid #20242a;border-radius:5px;padding:12px 22px;cursor:pointer}.fa3d-blog-load[hidden]{display:none}.fa3d-blog-sentinel{height:1px}.fa3d-blog-article{width:100%}.fa3d-blog-article-header{max-width:880px;margin:56px 0 0}.fa3d-blog-article-header h1{font-size:50px;line-height:1.12;margin:14px 0 18px}.fa3d-blog-summary{font-size:19px;line-height:1.6;color:#58616c;margin:0}.fa3d-blog-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#65707a;margin:20px 0 0}.fa3d-blog-avatar{width:40px;height:40px;border-radius:50%}.fa3d-blog-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 0 28px;color:#46505a;font-size:13px}.fa3d-blog-share a,.fa3d-blog-share button{color:#46505a;background:none;border:0;padding:0;font:inherit;cursor:pointer}.fa3d-blog-share a:hover{text-decoration:underline}.fa3d-blog-cover{margin:0}.fa3d-blog-cover img{display:block;width:100%;height:auto;aspect-ratio:1152/605;object-fit:cover;border-radius:10px}.fa3d-blog-article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;padding:48px 44px 0}.fa3d-blog-toc{position:sticky;top:25px;align-self:start}.fa3d-blog-toc[hidden],.fa3d-blog-toc-fab[hidden]{display:none}.fa3d-blog-toc strong{font-size:14px}.fa3d-blog-toc nav{display:grid;gap:13px;margin-top:18px}.fa3d-blog-toc a{font-size:13px;line-height:1.4;color:#65707a;border-left:2px solid #d9dce0;padding-left:12px}.fa3d-blog-toc a.is-active{color:#d63f00;border-color:#d63f00}.fa3d-blog-content{min-width:0;font-size:17px;line-height:1.75;color:#303740}.fa3d-blog-content h2{font-size:32px;line-height:1.25;margin:44px 0 18px;scroll-margin-top:25px}.fa3d-blog-content h3{font-size:24px;scroll-margin-top:25px}.fa3d-blog-content img,.fa3d-blog-content figure{max-width:100%;height:auto}.fa3d-blog-content table{display:block;overflow-x:auto;border-collapse:collapse}.fa3d-blog-content td,.fa3d-blog-content th{border:1px solid #ccc;padding:8px 12px}.fa3d-blog-content blockquote{border-left:3px solid #d63f00;margin:25px 0;padding:5px 24px;background:#fff}.fa3d-blog-content .wp-block-button__link,.fa3d-blog-product a,.fa3d-blog-email button{background:#d63f00;color:#fff}.fa3d-blog-related{margin-top:80px}.fa3d-blog-related h2{border-top:1px solid #d9dce0;padding-top:20px;margin-bottom:20px}.fa3d-blog-related .fa3d-blog-featured{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.fa3d-blog-related .fa3d-blog-card--featured{display:flex;flex-direction:column;border:0}.fa3d-blog-related .fa3d-blog-card--featured .fa3d-blog-card__image{order:0;width:100%;height:150px}.fa3d-blog-related .fa3d-blog-card--featured .fa3d-blog-card__body{order:1}.fa3d-blog-toc-fab{display:none}.fa3d-blog-product{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid #e4e1dc;padding:18px;margin:30px 0}.fa3d-blog-product img{width:180px;height:140px;object-fit:cover}.fa3d-blog-product strong{font-size:22px}.fa3d-blog-product p{margin:8px 0 16px}.fa3d-blog-product a,.fa3d-blog-email button{display:inline-block;border:0;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer}.fa3d-blog-email{background:#fff;padding:30px;text-align:center;margin:30px 0}.fa3d-blog-email h3{margin:0 0 8px}.fa3d-blog-email p{margin:0 0 18px}
@media(max-width:1100px){.fa3d-blog-top{padding:0 24px;grid-template-columns:minmax(180px,1fr) auto minmax(300px,1fr);gap:24px}.fa3d-blog-topics{gap:18px}.fa3d-blog-search{width:180px}.fa3d-blog-featured-stories{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}.fa3d-blog-grid{gap:28px 16px}}
@media(max-width:760px){.fa3d-blog-top{height:127px;display:grid;grid-template-columns:1fr auto;grid-template-rows:64px 62px;gap:0;padding:0}.fa3d-blog-wordmark{grid-column:1;grid-row:1;margin-left:20px}.fa3d-blog-tools{grid-column:2;grid-row:1;margin-right:20px}.fa3d-blog-topics{grid-column:1 / -1;grid-row:2}.fa3d-blog-wordmark{font-size:20px;min-width:0}.fa3d-blog-wordmark-image{max-height:38px}.fa3d-blog-tools{gap:8px}.fa3d-blog-search-toggle{display:grid;width:44px;height:44px}.fa3d-blog-search{display:none;position:absolute;z-index:20;top:64px;left:20px;right:20px;width:auto;background:#fff;box-shadow:0 4px 16px #0002}.fa3d-blog-search.is-open{display:flex}.fa3d-blog-subscribe{height:44px;padding:0 16px;font-size:13px}.fa3d-blog-topics{height:62px;width:100%;padding:0 20px;gap:24px;overflow-x:auto;scrollbar-width:none;border-top:1px solid #e4e7ec;white-space:nowrap}.fa3d-blog-topics::-webkit-scrollbar{display:none}.fa3d-blog-topics a{font-size:14px;flex:none}.fa3d-blog-main{padding:0 20px 56px}.fa3d-blog-featured-stories{display:block;padding-top:24px}.fa3d-blog-card--hero .fa3d-blog-card__image{height:auto;aspect-ratio:350/200}.fa3d-blog-card--hero .fa3d-blog-card__body{padding-top:14px}.fa3d-blog-card--hero h3{font-size:27px;line-height:1.18;margin:9px 0}.fa3d-blog-card--hero p{font-size:14px;line-height:1.5;margin-bottom:11px}.fa3d-blog-card--hero small{font-size:11px}.fa3d-blog-featured-side{margin-top:24px}.fa3d-blog-featured-side h2{font-size:21px;margin:0 0 6px;padding-top:16px}.fa3d-blog-card--featured{grid-template-columns:minmax(0,1fr) 104px;gap:12px;padding:17px 0;min-height:120px}.fa3d-blog-card--featured .fa3d-blog-card__image{width:104px;height:78px}.fa3d-blog-card--featured h3{font-size:15px;line-height:1.25;margin:4px 0 6px}.fa3d-blog-card--featured small{font-size:10px}.fa3d-blog-section{margin-top:30px}.fa3d-blog-section-heading{padding-bottom:17px;margin-bottom:4px}.fa3d-blog-section-heading h2{font-size:21px}.fa3d-blog-section-heading a{font-size:12px}.fa3d-blog-grid{display:block}.fa3d-blog-grid .fa3d-blog-card{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;align-items:start;min-height:127px;padding:18px 0;border-bottom:1px solid #dfe1e3}.fa3d-blog-grid .fa3d-blog-card__image{grid-column:2;grid-row:1;width:104px;height:78px;border-radius:7px}.fa3d-blog-grid .fa3d-blog-card__body{grid-column:1;grid-row:1;padding:0}.fa3d-blog-grid .fa3d-blog-card h3{font-size:15px;line-height:1.25;margin:4px 0 6px}.fa3d-blog-grid .fa3d-blog-card p{display:none}.fa3d-blog-grid .fa3d-blog-card small{font-size:10px}.fa3d-blog-list-heading{padding-top:32px}.fa3d-blog-list-heading h1{font-size:38px;margin:0 0 8px}.fa3d-blog-list-heading p{font-size:14px;line-height:1.5}.fa3d-blog-list-section{margin-top:35px}.fa3d-blog-article-header{margin:28px 0 0}.fa3d-blog-article-header h1{font-size:36px;line-height:1.15;margin:10px 0 14px}.fa3d-blog-summary{font-size:16px;line-height:1.6}.fa3d-blog-byline{font-size:12px;gap:6px}.fa3d-blog-share{gap:10px;font-size:11px;padding:20px 0 26px}.fa3d-blog-cover img{aspect-ratio:350/184}.fa3d-blog-article-layout{display:block;padding:25px 0 0}.fa3d-blog-toc{display:none}.fa3d-blog-toc.is-open{display:block;position:fixed;bottom:74px;top:auto;left:20px;right:20px;z-index:100;padding:20px;background:#fff;box-shadow:0 8px 35px #0004;max-height:55vh;overflow:auto}.fa3d-blog-toc-fab:not([hidden]){display:block;position:fixed;bottom:18px;right:20px;z-index:101;background:#20242a;color:#fff;border:0;border-radius:30px;padding:12px 17px;box-shadow:0 5px 20px #0005}.fa3d-blog-content{font-size:15px}.fa3d-blog-content h2{font-size:26px}.fa3d-blog-related .fa3d-blog-featured{display:block}.fa3d-blog-related .fa3d-blog-card--featured{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;border-bottom:1px solid #dfe1e3}.fa3d-blog-related .fa3d-blog-card--featured .fa3d-blog-card__image{order:2;width:104px;height:78px}.fa3d-blog-product{display:block}.fa3d-blog-product img{width:100%;height:auto;aspect-ratio:4/3}}
/* WordPress image and video blocks inside a blog article. */
.fa3d-blog-article-header h1{font-size:46px}
.fa3d-blog-wordmark-image{max-height:24px}
.fa3d-blog-wordmark.has-image{margin-left:20px}
.fa3d-blog-content h2{font-size:28px}
.fa3d-blog-share a,.fa3d-blog-share button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #d5d9e0;border-radius:999px}
.fa3d-blog-share button{border-color:#20242a;color:#20242a;font-weight:700}
.fa3d-blog-toc{border-left:0;padding-left:24px}
.fa3d-blog-toc nav{position:relative;gap:0;border-left:0}
.fa3d-blog-toc nav::before{content:"";position:absolute;left:-24px;top:6px;bottom:6px;width:2px;background:#d9dce0}
.fa3d-blog-toc nav::after{content:"";position:absolute;left:-24px;top:6px;width:2px;height:var(--toc-fill,0px);background:#d63f00;transition:height .42s cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:reduce){.fa3d-blog-toc nav::after{transition:none}}
.fa3d-blog-toc a{border-left:0;padding:6px 0 6px 12px}
.fa3d-blog-toc a.is-active{border-left:0;padding-left:12px}
@media(max-width:760px){.fa3d-blog-wordmark.has-image{margin-left:20px}.fa3d-blog-wordmark-image{max-height:22px}.fa3d-blog-article-header h1{font-size:36px}.fa3d-blog-content h2{font-size:26px}}
.fa3d-blog-content .wp-block-image,
.fa3d-blog-content .wp-block-video,
.fa3d-blog-content .wp-block-embed {
  max-width: 100%;
  margin: 32px 0;
}
.fa3d-blog-content .wp-block-image img,
.fa3d-blog-content .wp-block-video video,
.fa3d-blog-content .wp-block-embed iframe {
  display: block;
  max-width: 100%;
  width: 100%;
  border-radius: 8px;
}
.fa3d-blog-content .wp-block-video video,
.fa3d-blog-content .wp-block-embed__wrapper iframe {
  aspect-ratio: 760 / 428;
  background: #15171a;
}
.fa3d-blog-content .wp-block-embed__wrapper {
  position: relative;
  aspect-ratio: 760 / 428;
}
.fa3d-blog-content .wp-block-embed__wrapper iframe {
  position: absolute;
  inset: 0;
  height: 100%;
}
.fa3d-blog-content figcaption {
  color: #7a828a;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 8px;
}
/* 博客订阅弹层。默认用 visibility 隐藏而非 display:none，保证 Klaviyo 内嵌表单能量到真实宽度。 */
.fa3d-blog-subscribe-modal {
  position: fixed;
  inset: 0;
  z-index: 210;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .18s ease, visibility .18s ease;
}
.fa3d-blog-subscribe-modal.is-open {
  visibility: visible;
  opacity: 1;
}
.fa3d-blog-subscribe-modal__backdrop {
  position: absolute;
  inset: 0;
  background: #20242a99;
}
.fa3d-blog-subscribe-modal__panel {
  position: relative;
  width: 100%;
  max-width: 440px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 32px 28px 28px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 60px #20242a40;
}
.fa3d-blog-subscribe-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f3f4f6;
  color: #20242a;
  cursor: pointer;
}
.fa3d-blog-subscribe-modal__close:hover {
  background: #e6e8ec;
}
.fa3d-blog-subscribe-modal__close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
.fa3d-blog-subscribe-modal__form:empty {
  min-height: 120px;
}
.fa3d-blog-subscribe-modal__fallback {
  margin: 0;
  color: #58616c;
  font-size: 14px;
  line-height: 1.55;
}
.fa3d-blog-subscribe-modal__fallback[hidden] {
  display: none;
}
html.fa3d-subscribe-lock {
  overflow: hidden;
}
@media (max-width: 700px) {
  .fa3d-blog-subscribe-modal {
    align-items: flex-end;
    padding: 0;
  }
  .fa3d-blog-subscribe-modal__panel {
    max-width: none;
    border-radius: 14px 14px 0 0;
    padding: 28px 20px calc(24px + env(safe-area-inset-bottom));
  }
}

.fa3d-blog-article-layout--locked{display:block}

/* 移动端博客导航补线框：PC 上搜索框本身有 1px 实线边框（#d5d9e0，圆角 24px），
   但 760px 以下搜索框被收成图标、导航项两侧都没有框，看起来是裸露的文字。
   这里只作用于 ≤760px，PC 与平板维持原样：
   ① 搜索图标补上与 PC 搜索框同色同粗的外框（圆形）；
   ② 每个导航项补同色边框，做成胶囊，保证可点区域看得出边界。 */
@media(max-width:760px){
  .fa3d-blog-search-toggle{border:1px solid #d5d9e0;border-radius:50%;color:#333942}
  /* 导航项间距按设计指定 8px（第 3 行给的是 24px，这里覆盖）。 */
  .fa3d-blog-topics{gap:8px}
  .fa3d-blog-topics a{padding:8px 14px;border:1px solid #d5d9e0;border-radius:999px;line-height:1.2}
  .fa3d-blog-topics a[aria-current]{border-color:#d63f00}
}