.et-page {
  --ink: #142421;
  --text: #5c7080;
  --muted: #82938c;
  --green: #00ae90;
  --green-dark: #00836d;
  --mint: #e5f5ef;
  --border: #e0eae5;

  max-width: 1340px;
  margin: auto;
  padding: 128px 28px 56px;
  color: var(--ink);
  font: 15px/1.85 ;
  -webkit-font-smoothing: antialiased;
}

.et-page *,
.et-page *::before,
.et-page *::after {
  box-sizing: border-box;
}

.et-page h1,
.et-page h2,
.et-page h3,
.et-page p {
  margin: 0;
}

.et-page a {
  color: inherit;
  text-decoration: none;
}

.et-page button,
.et-page input {
  font: inherit;
}

.et-page button {
  cursor: pointer;
}

.et-page svg {
  display: block;
}

.et-page [hidden] {
  display: none !important;
}

.et-page :focus-visible {
  outline: 3px solid #00ae9070;
  outline-offset: 4px;
}

.et-page ::selection {
  background: #c7eee1;
  color: #125443;
}

.et-page .et-eyebrow {
  display: block;
  color: var(--green-dark);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 1.5px;
}

.et-page .et-flag {
  width: 20px;
  height: 15px;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 3px;
}

.et-page .et-section {
  scroll-margin-top: 28px;
}

/* 页面头部 */
.et-page .et-hero {
  position: relative;
  padding: 25px 32px 33px;
  border: 1px solid #e0eee7;
  border-radius: 28px;
  background:
    radial-gradient(ellipse at 0 100%, #e0f3ea80, transparent 65%),
    linear-gradient(120deg, #f0f8f4, #f7faf8);
}

.et-page .et-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 28px;
  color: #7a8e83;
  font-size: 11px;
}

.et-page .et-breadcrumb a {
  transition: color .2s;
}

.et-page .et-breadcrumb a:hover {
  color: var(--green-dark);
}

.et-page .et-breadcrumb [aria-current] {
  color: #426455;
}

.et-page .et-hero-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 36px;
}

.et-page .et-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 12px 0;
}

.et-page .et-category {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  margin-bottom: 21px;
  padding: 5px 11px;
  border-radius: 30px;
  background: #deefe7;
  color: #28775c;
  font-size: 11px;
  font-weight: 650;
}

.et-page .et-category svg {
  width: 14px;
  height: 14px;
}

.et-page .et-title {
  font-size: clamp(30px, 3.15vw, 43px);
  font-weight: 800;
  line-height: 1.43;
  letter-spacing: -1.2px;
  text-wrap: balance;
}

.et-page .et-title span {
  color: var(--green-dark);
}

.et-page .et-lead {
  margin-top: 22px;
  padding: 17px 19px;
  border-radius: 14px;
  background: #ffffffa8;
  color: #526c77;
  font-size: 14px;
  line-height: 2;
}

.et-page .et-lead strong {
  color: var(--green-dark);
  font-weight: 700;
}

.et-page .et-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 17px;
  margin-top: 22px;
  color: #7e9185;
  font-size: 11px;
}

.et-page .et-author {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.et-page .et-avatar {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #deeee5;
  color: #27775c;
  font-size: 9px;
  font-weight: 800;
}

/* 国家号码搜索 */
.et-page .et-finder {
  min-width: 0;
  padding: 28px;
  border: 1px solid #244b3f;
  border-radius: 21px;
  background:
    radial-gradient(ellipse at 100% 0, #164939, transparent 78%),
    #14231f;
  box-shadow: 0 18px 35px -22px #143e32a0;
  color: #fff;
}

.et-page .et-finder-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.et-page .et-finder-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 14px;
  background: #00ae90;
  box-shadow: 0 6px 18px #00ae9020;
}

.et-page .et-finder-icon svg {
  width: 23px;
  height: 23px;
}

.et-page .et-finder h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.et-page .et-finder-head p {
  margin-top: 3px;
  color: #acc8b9;
  font-size: 11px;
}

.et-page .et-search-wrap {
  position: relative;
  margin-top: 24px;
}

.et-page .et-search-form {
  display: flex;
  gap: 8px;
}

.et-page .et-input-wrap {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  min-width: 0;
  padding: 0 13px;
  border-radius: 10px;
  background: #fff;
}

.et-page .et-input-wrap svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  color: #00836d;
}

.et-page .et-input-wrap:focus-within {
  box-shadow: 0 0 0 3px #32c8a54d;
}

.et-page .et-search-input {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--ink);
  font-size: 12px;
}

.et-page .et-search-input::placeholder {
  color: #8b9a92;
}

.et-page .et-search-submit {
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  transition: background .2s, transform .2s;
}

.et-page .et-search-submit:hover {
  background: #009e82;
  transform: translateY(-1px);
}

.et-page .et-popular-title {
  margin: 20px 0 10px;
  color: #b6cec0;
  font-size: 11px;
}

.et-page .et-popular {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.et-page .et-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1px solid #ffffff15;
  border-radius: 7px;
  background: #ffffff05;
  color: #e8f1eb;
  font-size: 11px;
  transition: border-color .2s, background .2s, transform .2s;
}

.et-page .et-chip:hover {
  transform: translateY(-2px);
  border-color: #4c997f;
  background: #ffffff0c;
}

.et-page .et-chip .et-flag {
  width: 17px;
  height: 12px;
}

.et-page .et-chip small {
  color: #abc8b7;
  font-size: 10px;
}

.et-page .et-finder-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.et-page .et-finder-note {
  color: #99b5a5;
  font-size: 10px;
}

.et-page .et-all-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
  border: 1px solid #3dc6a4;
  border-radius: 10px;
  background: #00a98b;
  box-shadow: 0 6px 18px #00ae9020;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  transition: background .25s, box-shadow .25s, transform .25s;
}

.et-page .et-all-button svg {
  width: 15px;
  height: 15px;
}

.et-page .et-all-button:hover {
  background: #00b797;
  transform: translateY(-2px);
  box-shadow: 0 9px 22px #00ae9035;
}

/* 搜索结果 */
.et-page .et-results {
  position: absolute;
  z-index: 20;
  top: calc(100% + 9px);
  left: 0;
  right: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 16px 38px #10281f33;
}

.et-page .et-results-status {
  padding: 10px 13px;
  background: #eff7f2;
  color: #637f6c;
  font-size: 11px;
}

.et-page .et-results-list {
  max-height: 270px;
  overflow-y: auto;
  padding: 5px;
}

.et-page .et-result {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 7px;
}

.et-page .et-result:hover {
  background: #edf7f1;
}

.et-page .et-result-info {
  flex: 1;
  font-size: 12px;
}

.et-page .et-result-info small {
  display: block;
  color: #7d9586;
  font-size: 10px;
}

.et-page .et-arrow {
  color: var(--green-dark);
}

.et-page .et-empty {
  padding: 22px 14px;
  color: var(--text);
  font-size: 13px;
}

/* 阅读区、目录和广告布局 */
.et-page .et-reading-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 274px;
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 20px 30px;
  margin-top: 34px;
}

/* 正文外层 */
.et-page .et-article-body {
  grid-column: 1;
  grid-row: 1 / 3;
  min-width: 0;
  margin: 0;
  padding: 32px;
  border: 1px solid #e7ede9;
  border-radius: 22px;
  background: #fff;
  color: var(--ink);
  overflow-wrap: anywhere;
}

/*
 * 正文内容样式不依赖内部标签层级。
 * {$content} 内增加 article、div、header、section 等标签均可匹配。
 */
.et-page .et-article-body :where(h1, h2, h3, h4, h5, h6) {
  color: var(--ink);
  font-weight: 700;
  line-height: 1.5;
  text-wrap: pretty;
  scroll-margin-top: 28px;
}

.et-page .et-article-body :where(h1) {
  margin: 0 0 20px;
  font-size: 30px;
}

.et-page .et-article-body :where(h2) {
  margin: 34px 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
  font-size: 23px;
}

.et-page .et-article-body :where(h3) {
  margin: 25px 0 10px;
  font-size: 18px;
}

.et-page .et-article-body :where(h4, h5, h6) {
  margin: 20px 0 9px;
  font-size: 16px;
}

.et-page .et-article-body :where(p) {
  margin: 0 0 15px;
  color: var(--text);
  line-height: 2;
}

.et-page .et-article-body :where(header) {
  margin-bottom: 26px;
}

.et-page .et-article-body :where(header p:first-child) {
  color: #456456;
  font-size: 16px;
}

.et-page .et-article-body :where(strong, b) {
  color: #27775c;
  font-weight: 700;
}

.et-page .et-article-body :where(a) {
  color: var(--green-dark);
  text-decoration: underline;
  text-decoration-color: #a0d5c2;
  text-underline-offset: 4px;
}

.et-page .et-article-body :where(a:hover) {
  text-decoration-color: currentColor;
}

.et-page .et-article-body :where(ul, ol) {
  margin: 14px 0 20px;
  padding-left: 1.5em;
  color: var(--text);
}

.et-page .et-article-body :where(li) {
  margin: 8px 0;
  padding-left: 3px;
  color: var(--text);
  line-height: 1.9;
}

.et-page .et-article-body :where(li::marker) {
  color: #328d70;
  font-weight: 700;
}

.et-page .et-article-body :where(li > ul, li > ol) {
  margin-top: 8px;
  margin-bottom: 8px;
}

.et-page .et-article-body :where(blockquote) {
  margin: 22px 0;
  padding: 16px 20px;
  border-left: 4px solid var(--green);
  border-radius: 0 8px 8px 0;
  background: #eff8f3;
  color: #4d6d5b;
}

.et-page .et-article-body :where(blockquote > :last-child) {
  margin-bottom: 0;
}

.et-page .et-article-body :where(hr) {
  height: 1px;
  margin: 30px 0;
  border: 0;
  background: var(--border);
}

.et-page .et-article-body :where(img, video, iframe) {
  max-width: 100%;
}

.et-page .et-article-body :where(img) {
  height: auto;
  border-radius: 8px;
}

.et-page .et-article-body :where(figure) {
  max-width: 100%;
  margin: 24px 0;
}

.et-page .et-article-body :where(figcaption) {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
}

/* 正文表格 */
.et-page .et-article-body :where(table) {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 20px 0 24px;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-spacing: 0;
  border-radius: 12px;
  background: #fff;
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}

.et-page .et-article-body :where(caption) {
  padding: 12px 14px;
  background: #f0f7f3;
  color: #52705c;
  font-weight: 700;
  text-align: left;
}

.et-page .et-article-body :where(th, td) {
  min-width: 100px;
  padding: 13px 14px;
  border-bottom: 1px solid #e5ede7;
  color: var(--text);
  text-align: left;
  vertical-align: top;
}

.et-page .et-article-body :where(thead th) {
  background: #eaf3ed;
  color: #4a6f58;
  font-weight: 700;
}

.et-page .et-article-body :where(tbody th) {
  color: #456b55;
  font-weight: 650;
}

.et-page .et-article-body :where(tbody tr:nth-child(even)) {
  background: #f5f9f6;
}

.et-page .et-article-body :where(tbody tr:last-child > th, tbody tr:last-child > td) {
  border-bottom: 0;
}

/* 正文代码 */
.et-page .et-article-body :where(pre) {
  max-width: 100%;
  margin: 20px 0;
  padding: 16px 18px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #f5f8f6;
  color: #29483e;
  font: 13px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.et-page .et-article-body :where(code) {
  padding: 2px 5px;
  border-radius: 4px;
  background: #edf4f0;
  color: #26644f;
  font: .9em ui-monospace, SFMono-Regular, Consolas, monospace;
}

.et-page .et-article-body :where(pre code) {
  padding: 0;
  background: transparent;
  color: inherit;
}

/* 正文内常见的内容分组容器不添加额外卡片样式 */
.et-page .et-article-body :where(article, section, div) {
  min-width: 0;
}

/* 目录 */
.et-page .et-reading-layout > .et-toc {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 23px 17px 18px;
  border: 1px solid #e4ece6;
  border-radius: 19px;
  background: #f7faf8;
}

.et-page .et-toc-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 9px 14px;
  color: #354d40;
  font-size: 14px;
  font-weight: 700;
}

.et-page .et-toc-heading small {
  color: #98a99e;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 1.3px;
}

.et-page .et-toc ol {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.et-page .et-toc a {
  display: flex;
  gap: 11px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #718578;
  font-size: 12px;
  transition: color .2s, background .2s;
}

.et-page .et-toc a span {
  color: #a1b1a7;
  font-size: 10px;
}

.et-page .et-toc a:hover,
.et-page .et-toc a[aria-current="location"] {
  color: #197652;
  background: #e7f3ec;
}

.et-page .et-toc a[aria-current="location"] span {
  color: #559d7b;
}

/* 广告 */
.et-page .et-reading-layout > .et-ad {
  grid-column: 2;
  grid-row: 2;
  position: sticky;
  top: 24px;
  isolation: isolate;
  overflow: hidden;
  padding: 25px 23px 23px;
  border: 1px solid #bddbc9;
  border-radius: 20px;
  background: linear-gradient(145deg, #e5f4e9, #f4faf5);
  box-shadow: 0 12px 25px -20px #285b3d66;
}

.et-page .et-ad::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -75px;
  right: -75px;
  width: 220px;
  height: 220px;
  border: 30px solid #ffffff60;
  border-radius: 50%;
}

.et-page .et-ad-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

.et-page .et-ad-brand {
  color: #3c7653;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

.et-page .et-ad-label {
  padding: 1px 6px;
  border: 1px solid #a9c7b4;
  border-radius: 4px;
  color: #72937d;
  font-size: 9px;
  letter-spacing: 1px;
}

.et-page .et-ad-code {
  display: inline-block;
  margin-bottom: 10px;
  color: #168660;
  font-size: 43px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -2px;
}

.et-page .et-ad h2 {
  font-size: 23px;
  line-height: 1.5;
  letter-spacing: -.4px;
}

.et-page .et-ad h2 span {
  display: block;
  color: #33805a;
}

.et-page .et-ad p {
  margin-top: 12px;
  color: #62806c;
  font-size: 12px;
  line-height: 1.95;
}

.et-page .et-ad-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 17px;
}

.et-page .et-ad-tags span {
  padding: 3px 7px;
  border-radius: 5px;
  background: #ffffff90;
  color: #5b8267;
  font-size: 10px;
}

.et-page .et-ad-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 23px;
  padding: 11px 14px;
  border-radius: 10px;
  background: #176346;
  color: #fff;
  font-size: 12px;
  font-weight: 650;
  transition: background .2s, transform .2s;
}

.et-page .et-ad-action:hover {
  background: #0d7750;
  transform: translateY(-2px);
}

.et-page .et-ad-more {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 3px;
  border: 0;
  background: transparent;
  color: #537e62;
  font-size: 11px;
  text-align: center;
}

.et-page .et-ad-more:hover {
  color: #176346;
}

/* 相关产品 */
.et-page .et-products {
  margin-top: 52px;
}

.et-page .et-products-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 36px;
  margin-bottom: 25px;
}

.et-page .et-products-head h2 {
  margin-top: 10px;
  font-size: clamp(27px, 3vw, 36px);
  line-height: 1.45;
  letter-spacing: -.6px;
}

.et-page .et-products-head h2 span {
  color: #008d70;
}

.et-page .et-products-head p {
  max-width: 470px;
  justify-self: end;
  color: #7b8e83;
  font-size: 13px;
  line-height: 1.95;
}

.et-page .et-product-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.et-page .et-product {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 27px;
  border: 1px solid #e0eae4;
  border-radius: 20px;
  background: #f7faf8;
  transition: transform .3s, background .3s, border-color .3s, box-shadow .3s;
}

.et-page .et-product:nth-child(n+4) {
  grid-column: span 3;
}

.et-page .et-product:hover {
  transform: translateY(-5px);
  background: #f2f9f5;
  border-color: #b9d8c5;
  box-shadow: 0 14px 28px #244e3310;
}

.et-page .et-product-heading {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 17px;
}

.et-page .et-product-icon {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  flex-shrink: 0;
  border-radius: 13px;
  background: #e3f3eb;
  color: #269779;
}

.et-page .et-product-icon svg {
  width: 22px;
  height: 22px;
}

.et-page .et-product h3 {
  font-size: 18px;
  line-height: 1.5;
}

.et-page .et-product-subtitle {
  display: block;
  margin-top: 4px;
  color: #409076;
  font-size: 12px;
  font-weight: 600;
}

.et-page .et-product p {
  margin-bottom: 24px;
  color: #6d8175;
  font-size: 13px;
  line-height: 2;
}

.et-page .et-product-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  color: #2b8866;
  font-size: 12px;
  font-weight: 650;
}

.et-page .et-product-link span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #e3f0e8;
  transition: color .2s, background .2s;
}

.et-page .et-product-link:hover span {
  color: #fff;
  background: #259675;
}

/* 底部引导 */
.et-page .et-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 34px;
  padding: 35px 38px;
  border-radius: 23px;
  background: linear-gradient(115deg, #173c2e, #236d50);
  color: #fff;
}

.et-page .et-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -135px;
  right: -110px;
  width: 410px;
  height: 410px;
  border: 65px solid #ffffff05;
  border-radius: 50%;
}

.et-page .et-cta .et-eyebrow {
  color: #9bceb4;
}

.et-page .et-cta h2 {
  margin-top: 9px;
  font-size: clamp(23px, 2.4vw, 30px);
  line-height: 1.5;
}

.et-page .et-cta p {
  margin-top: 10px;
  color: #b9d3c2;
  font-size: 13px;
}

.et-page .et-cta-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}

.et-page .et-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 12px 20px;
  border-radius: 10px;
  background: #e9f5ed;
  color: #285d3e;
  font-size: 13px;
  font-weight: 700;
  transition: background .2s, transform .2s;
}

.et-page .et-cta-button:hover {
  transform: translateY(-2px);
  background: #fff;
}

.et-page .et-cta-more {
  border: 0;
  padding: 2px 8px;
  background: transparent;
  color: #c3e0cd;
  font-size: 11px;
}

/* 国家目录弹窗 */
.et-page .et-dialog {
  width: min(940px, calc(100vw - 36px));
  max-width: none;
  max-height: min(790px, calc(100dvh - 48px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  box-shadow: 0 30px 90px #10291f45;
}

.et-page .et-dialog::backdrop {
  background: #13291fb0;
  backdrop-filter: blur(5px);
}

.et-page .et-dialog[open] {
  animation: et-dialog-in .24s ease-out;
}

@keyframes et-dialog-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.et-page .et-modal-shell {
  display: flex;
  flex-direction: column;
  max-height: min(790px, calc(100dvh - 48px));
}

.et-page .et-modal-head {
  flex-shrink: 0;
  padding: 25px 26px 18px;
  background: #f1f8f3;
}

.et-page .et-modal-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.et-page .et-modal-heading h2 {
  margin-top: 5px;
  font-size: 24px;
}

.et-page .et-modal-heading p {
  margin-top: 5px;
  color: #7a9180;
  font-size: 12px;
}

.et-page .et-modal-close {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #e1eee5;
  color: #5c7c65;
  font-size: 24px;
  line-height: 1;
}

.et-page .et-modal-input {
  width: 100%;
  height: 44px;
  margin-top: 17px;
  padding: 0 13px;
  border: 1px solid #d9e7dd;
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
}

.et-page .et-region-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}

.et-page .et-region-tab {
  padding: 6px 11px;
  border: 0;
  border-radius: 7px;
  background: #e5efe8;
  color: #6e8775;
  font-size: 11px;
}

.et-page .et-region-tab[aria-pressed="true"] {
  background: #24734f;
  color: #fff;
}

.et-page .et-modal-body {
  min-height: 0;
  padding: 23px 26px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.et-page .et-country-group + .et-country-group {
  margin-top: 24px;
}

.et-page .et-country-group h3 {
  margin-bottom: 11px;
  color: #456c50;
  font-size: 13px;
}

.et-page .et-country-group h3 small {
  margin-left: 8px;
  color: #93aa98;
  font-size: 10px;
  font-weight: 400;
}

.et-page .et-country-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.et-page .et-country-link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 11px;
  border-radius: 9px;
  background: #f5f9f6;
  transition: background .2s;
}

.et-page .et-country-link:hover {
  background: #e4f3e9;
}

.et-page .et-country-info {
  flex: 1;
  min-width: 0;
  color: #47664f;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.et-page .et-country-info small {
  display: block;
  color: #8da493;
  font-size: 10px;
}

.et-page .et-modal-foot {
  flex-shrink: 0;
  padding: 12px 26px;
  background: #f5f9f6;
  color: #849c8a;
  font-size: 11px;
}

/* 入场动效 */
.et-page .et-reveal {
  transition: opacity .6s ease, transform .6s cubic-bezier(.2, .65, .3, 1);
}

.et-page .et-reveal.et-pending {
  opacity: 0;
  transform: translateY(18px);
}

/* 中等屏幕 */
@media (max-width: 1080px) {
  .et-page .et-hero {
    padding: 23px 25px 27px;
  }

  .et-page .et-hero-grid {
    gap: 26px;
  }

  .et-page .et-finder {
    padding: 24px;
  }

  .et-page .et-reading-layout {
    grid-template-columns: minmax(0, 1fr) 245px;
    column-gap: 24px;
  }

  .et-page .et-article-body {
    padding: 26px;
  }

  .et-page .et-product {
    padding: 24px;
  }
}

/* 平板 */
@media (max-width: 820px) {
  .et-page .et-hero-grid {
    grid-template-columns: 1fr;
  }

  .et-page .et-title {
    font-size: 36px;
  }

  .et-page .et-intro {
    padding: 0;
  }

  .et-page .et-reading-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }

  .et-page .et-reading-layout > .et-toc {
    grid-column: 1;
    grid-row: 1;
  }

  .et-page .et-toc ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .et-page .et-reading-layout > .et-ad {
    grid-column: 1;
    grid-row: 2;
    position: relative;
    top: auto;
  }

  .et-page .et-ad h2 span {
    display: inline;
  }

  .et-page .et-ad-action {
    max-width: 350px;
  }

  .et-page .et-ad-more {
    width: auto;
    text-align: left;
  }

  .et-page .et-article-body {
    grid-column: 1;
    grid-row: 3;
  }

  .et-page .et-products-head {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .et-page .et-products-head p {
    justify-self: start;
    max-width: none;
  }

  .et-page .et-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .et-page .et-product,
  .et-page .et-product:nth-child(n+4) {
    grid-column: auto;
  }

  .et-page .et-product:last-child {
    grid-column: 1 / -1;
  }

  .et-page .et-cta {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }

  .et-page .et-cta-actions {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
  }

  .et-page .et-country-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 手机 */
@media (max-width: 540px) {
  .et-page {
    padding: 12px 12px 30px;
    font-size: 14px;
  }

  .et-page .et-hero {
    padding: 19px 17px 20px;
    border-radius: 21px;
  }

  .et-page .et-breadcrumb {
    gap: 7px;
    margin-bottom: 23px;
    font-size: 10px;
  }

  .et-page .et-category {
    margin-bottom: 15px;
  }

  .et-page .et-title {
    font-size: 30px;
    letter-spacing: -.8px;
  }

  .et-page .et-lead {
    margin-top: 18px;
    padding: 15px;
    font-size: 13px;
  }

  .et-page .et-meta {
    gap: 8px 12px;
    margin-top: 18px;
    font-size: 10px;
  }

  .et-page .et-finder {
    padding: 22px 16px;
    border-radius: 17px;
  }

  .et-page .et-finder h2 {
    font-size: 17px;
  }

  .et-page .et-finder-icon {
    width: 39px;
    height: 39px;
  }

  .et-page .et-search-submit {
    padding: 0 13px;
  }

  .et-page .et-search-input {
    font-size: 11px;
  }

  .et-page .et-finder-bottom {
    gap: 10px;
  }

  .et-page .et-all-button {
    padding: 9px 12px;
    font-size: 11px;
  }

  .et-page .et-reading-layout {
    margin-top: 23px;
  }

  .et-page .et-reading-layout > .et-toc {
    padding: 20px 12px 15px;
  }

  .et-page .et-toc a {
    gap: 7px;
    padding: 7px 6px;
    font-size: 11px;
  }

  .et-page .et-article-body {
    padding: 22px 17px;
    border-radius: 18px;
  }

  .et-page .et-article-body :where(h1) {
    font-size: 26px;
  }

  .et-page .et-article-body :where(h2) {
    font-size: 21px;
  }

  .et-page .et-article-body :where(h3) {
    font-size: 17px;
  }

  .et-page .et-article-body :where(header p:first-child) {
    font-size: 15px;
  }

  .et-page .et-article-body :where(th, td) {
    padding: 11px 12px;
  }

  .et-page .et-products {
    margin-top: 36px;
  }

  .et-page .et-product-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .et-page .et-cta {
    padding: 28px 23px;
    border-radius: 20px;
  }

  .et-page .et-dialog {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 24px);
    border-radius: 17px;
  }

  .et-page .et-modal-shell {
    max-height: calc(100dvh - 24px);
  }

  .et-page .et-modal-head {
    padding: 20px 16px 16px;
  }

  .et-page .et-modal-heading h2 {
    font-size: 21px;
  }

  .et-page .et-modal-body {
    padding: 18px 14px;
  }

  .et-page .et-country-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .et-page .et-country-link {
    gap: 7px;
    padding: 9px 8px;
  }

  .et-page .et-country-info {
    font-size: 11px;
  }
}

@media (max-width: 360px) {
  .et-page .et-toc ol {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 减少动态效果 */
@media (prefers-reduced-motion: reduce) {
  .et-page *,
  .et-page *::before,
  .et-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .et-page .et-reveal.et-pending {
    opacity: 1;
    transform: none;
  }
}

/* 打印 */
@media print {
  .et-page {
    max-width: none;
    padding: 0;
  }

  .et-page .et-reading-layout {
    display: block;
  }

  .et-page .et-reading-layout > .et-toc,
  .et-page .et-reading-layout > .et-ad {
    display: none;
  }

  .et-page .et-article-body {
    padding: 0;
    border: 0;
    border-radius: 0;
  }

  .et-page .et-article-body :where(table) {
    display: table;
    overflow: visible;
  }

  .et-page .et-article-body :where(tr, img) {
    break-inside: avoid;
  }
}
.et-page .et-reading-layout table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  font-size: 13px;
}

.et-page .et-reading-layout th,
.et-page .et-reading-layout td {
  width: 33.333%;
  padding: 14px 15px;
  vertical-align: top;
  overflow-wrap: anywhere;
}


/* 1. 彻底清除祖先容器限制，确保 sticky 上下文生效 */
html,
body,
.et-page,
.et-reading-layout {
  overflow: visible !important;
}

/* 2. 修复右侧悬浮卡片：消除底部滚动条 + 恢复吸顶固定 */
.et-page .et-reading-layout > aside {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 24px !important;
  align-self: start !important;
  grid-column: 2 !important;
  grid-row: 2 / -1 !important; /* 贯穿到底部，提供充足的滑动空间 */
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important; /* 关键：切除底部横向滚动条，保持圆角边缘整洁 */
  z-index: 10 !important;
}

/* 3. 移动端取消悬浮 */
@media (max-width: 820px) {
  .et-page .et-reading-layout > aside {
    position: static !important;
    top: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 820px) {
  .et-page .et-reading-layout > aside {
    display: none !important;
  }
  .qr-box{ display: none !important;}
}

/* 去掉黑色卡片内部标题下方的分割线 */
.et-page section > hr,
.et-page div[class*="banner"] hr,
.et-page div[class*="cta"] hr,
.et-page div[class*="card"] hr {
  display: none !important;
}

/* 去掉通过边框绘制的横线 */
.et-page section h2,
.et-page section h3,
.et-page section p,
.et-page div[class*="banner"] *,
.et-page div[class*="cta"] * {
  border-bottom: none !important;
  border-top: none !important;
}


/* ══════════════════════════════
   FOOTER
══════════════════════════════ */
.footer{background:#0F1923;position:relative;overflow:hidden}

.ft-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ft-blob1{position:absolute;top:-180px;left:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(0,169,133,0.08) 0%,transparent 65%)}
.ft-blob2{position:absolute;bottom:-180px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(0,196,154,0.06) 0%,transparent 65%)}
.ft-blob3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(0,169,133,0.03) 0%,transparent 70%)}
.ft-topline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,169,133,0.5) 30%,rgba(0,196,154,0.5) 70%,transparent 100%)}

/* ── CTA 横幅 ── */
.ft-cta{position:relative;z-index:1;padding:72px 0}
.ft-cta-inner{max-width:1280px;margin:0 auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.ft-cta-left h2{font-size:36px;font-weight:800;color:var(--w);letter-spacing:-1.2px;line-height:1.18;margin-bottom:14px}
.ft-cta-left h2 em{font-style:normal;background:linear-gradient(135deg,var(--p),var(--pl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ft-cta-left p{font-size:16px;color:rgba(255,255,255,0.45);line-height:1.75}
.ft-cta-btns{display:flex;gap:14px;flex-shrink:0;align-items:center}
.ft-btn-primary{padding:15px 34px;background:linear-gradient(135deg,var(--p),var(--pl));border:none;border-radius:11px;color:var(--w);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:all .24s;box-shadow:0 8px 28px rgba(0,169,133,0.34);text-decoration:none}
.ft-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,169,133,0.44)}
.ft-btn-ghost{padding:15px 34px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.13);border-radius:11px;color:rgba(255,255,255,0.88);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:all .24s;text-decoration:none;backdrop-filter:blur(8px)}
.ft-btn-ghost:hover{background:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.22);transform:translateY(-2px)}

/* 分隔线 */
.ft-hr{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 64px}
.ft-hr-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08) 20%,rgba(255,255,255,0.08) 80%,transparent)}

/* ── 主体 ── */
.ft-main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:64px 64px 56px;display:grid;grid-template-columns:290px 1fr;gap:88px}

/* 品牌区 */
.ft-brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:24px}
.ft-brand-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;color:var(--w);box-shadow:0 8px 24px rgba(0,169,133,0.36);flex-shrink:0}
.ft-brand-name{font-size:23px;font-weight:800;color:var(--w);letter-spacing:-.4px}
.ft-brand-name em{color:var(--p);font-style:normal}
.ft-brand-desc{font-size:14.5px;color:rgba(255,255,255,0.38);line-height:1.85;margin-bottom:32px}

/* 联系方式 */
.ft-contacts{display:flex;flex-direction:column;gap:13px}
.ft-contact-row{display:flex;align-items:flex-start;gap:12px;text-decoration:none;transition:all .18s}
.ft-contact-row:hover .ft-contact-val{color:var(--pl)}
.ft-contact-ico{width:34px;height:34px;border-radius:9px;background:rgba(0,169,133,0.12);border:1px solid rgba(0,169,133,0.18);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--p);flex-shrink:0;transition:all .18s}
.ft-contact-row:hover .ft-contact-ico{background:rgba(0,169,133,0.22);border-color:rgba(0,169,133,0.36)}
.ft-contact-body{display:flex;flex-direction:column;padding-top:4px}
.ft-contact-lbl{font-size:11px;color:rgba(255,255,255,0.22);letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}
.ft-contact-val{font-size:14px;color:rgba(255,255,255,0.44);line-height:1.5;transition:color .18s}

/* 链接列区 */
.ft-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:0 28px}
.ft-col{}
.ft-col-title{font-size:16px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;gap:7px}
.ft-col-title i{font-size:11px;color:var(--p)}
.ft-col-gap{height:28px}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.ft-col ul li a{font-size:14px;color:rgba(255,255,255,0.38);text-decoration:none;transition:all .18s;display:flex;align-items:center;padding:6px 0;line-height:1.5;position:relative}
.ft-col ul li a::before{content:'';display:inline-block;width:0;height:1px;background:var(--p);margin-right:0;transition:all .2s;vertical-align:middle}
.ft-col ul li a:hover{color:rgba(255,255,255,0.82);padding-left:10px}
.ft-col ul li a:hover::before{width:6px;margin-right:6px}

/* 底栏 */
.ft-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,0.06)}
.ft-bottom-inner{max-width:1280px;margin:0 auto;padding:22px 64px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ft-copy{font-size:13px;color:rgba(255,255,255,0.24);line-height:1.7}
.ft-copy a{color:rgba(255,255,255,0.3);text-decoration:none;transition:color .18s}
.ft-copy a:hover{color:var(--pl)}
.ft-icp-row{display:flex;align-items:center;gap:16px;margin-top:5px;flex-wrap:wrap}
.ft-icp-row span{font-size:12px;color:rgba(255,255,255,0.18)}
.ft-policies{display:flex;align-items:center;flex-wrap:wrap}
.ft-policies a{font-size:13px;color:rgba(255,255,255,0.26);text-decoration:none;transition:color .18s;padding:0 14px;border-right:1px solid rgba(255,255,255,0.1)}
.ft-policies a:first-child{padding-left:0}
.ft-policies a:last-child{border-right:none}
.ft-policies a:hover{color:var(--pl)}
.ft-lang-switcher{display:flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:8px;color:rgba(255,255,255,0.38);font-size:13px;cursor:pointer;transition:all .2s;margin-left:16px;white-space:nowrap}
.ft-lang-switcher:hover{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.65)}
.ft-lang-switcher i{font-size:12px}
.ft-bottom-right{display:flex;align-items:center;flex-wrap:wrap;gap:4px}

/* 回顶按钮 */
.ft-back-top{position:fixed;bottom:32px;right:32px;width:46px;height:46px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--w);font-size:16px;cursor:pointer;box-shadow:0 6px 22px rgba(0,169,133,0.38);opacity:0;visibility:hidden;transition:all .28s;z-index:9999;border:none}
.ft-back-top.show{opacity:1;visibility:visible}
.ft-back-top:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,169,133,0.46)}

/* 响应式 */
@media(max-width:1100px){
  .ft-main{grid-template-columns:1fr;gap:48px}
  .ft-cols{grid-template-columns:repeat(3,1fr);gap:32px}
  .ft-cta-inner{flex-direction:column;text-align:center;padding:0 32px}
  .ft-cta-btns{justify-content:center}
  .ft-main,.ft-hr,.ft-bottom-inner{padding-left:32px;padding-right:32px}
}
@media(max-width:720px){
  .ft-cols{grid-template-columns:repeat(2,1fr)}
  .ft-cta-left h2{font-size:26px}
  .ft-cta-btns{flex-direction:column;width:100%}
  .ft-btn-primary,.ft-btn-ghost{justify-content:center;width:100%}
  .ft-bottom-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .ft-back-top{bottom:20px;right:20px}
}