/* ==========================================================================
   APlus 帮助中心 · 视觉主题「晨白工作台」
   品牌色：珊瑚红（logo 同源 #FE7A79，交互态 #E2544F）+ 墨色中性层级
   ========================================================================== */

/* ---------- design tokens ---------- */
:root {
  --aplus-ink: #212832;
  --aplus-ink2: #59606d;
  --aplus-ink3: #8b93a0;
  --aplus-paper: #faf9f7;
  --aplus-card: #ffffff;
  --aplus-line: #e8e6e1;
  --aplus-line2: #d9d6cf;
  --aplus-brand: #e2544f;
  --aplus-brand-strong: #c9443f;
  --aplus-coral: #fe7a79;
  --aplus-tint: #fdf0ef;
  --aplus-tint2: #fce4e3;
  --aplus-ok: #2e9e6b;
  --aplus-ok-tint: #ecf7f1;
  --aplus-warn: #b07716;
  --aplus-warn-tint: #fff6e8;
  --aplus-err: #c9443f;
  --aplus-err-tint: #fdeeed;
  --aplus-shadow: 0 1px 2px rgba(33, 40, 50, 0.05);
  --aplus-shadow-hover: 0 2px 4px rgba(33, 40, 50, 0.05), 0 12px 28px rgba(33, 40, 50, 0.08);

  /* Material custom palette (palette.primary/accent = custom) */
  --md-primary-fg-color: #e2544f;
  --md-primary-fg-color--light: #fe7a79;
  --md-primary-fg-color--dark: #c9443f;
  --md-accent-fg-color: #c9443f;
  --md-accent-fg-color--transparent: rgba(226, 84, 79, 0.1);
  --md-typeset-a-color: #c9443f;
}

[data-md-color-scheme="slate"] {
  --aplus-ink: #e7eaef;
  --aplus-ink2: #a8b0bc;
  --aplus-ink3: #7c8592;
  --aplus-paper: #1d232e;
  --aplus-card: #262d3a;
  --aplus-line: rgba(255, 255, 255, 0.09);
  --aplus-line2: rgba(255, 255, 255, 0.16);
  --aplus-tint: rgba(254, 122, 121, 0.12);
  --aplus-tint2: rgba(254, 122, 121, 0.22);
  --aplus-ok-tint: rgba(46, 158, 107, 0.15);
  --aplus-warn-tint: rgba(176, 119, 22, 0.15);
  --aplus-err-tint: rgba(201, 68, 63, 0.15);
  --aplus-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  --aplus-shadow-hover: 0 2px 4px rgba(0, 0, 0, 0.2), 0 12px 28px rgba(0, 0, 0, 0.35);

  --md-typeset-a-color: #fe8a89;
  --md-default-bg-color: #171c25;
  --md-default-fg-color: var(--aplus-ink);
}

/* ---------- global typography ---------- */
.md-typeset {
  line-height: 1.8;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--aplus-ink);
}

.md-typeset h1 {
  font-size: 1.9rem;
  line-height: 1.4;
  margin-bottom: 0.6em;
}

.md-typeset h2 {
  font-size: 1.25rem;
}

.md-typeset h3 {
  font-size: 1rem;
}

/* ---------- header：白底浅色顶栏 ---------- */
.md-header {
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--aplus-ink);
  box-shadow: 0 1px 0 var(--aplus-line);
}

[data-md-color-scheme="slate"] .md-header {
  background: rgba(23, 28, 37, 0.94);
  box-shadow: 0 1px 0 var(--aplus-line);
}

.md-header__title,
.md-header__button {
  color: var(--aplus-ink);
}

.md-header__button:hover {
  color: var(--aplus-brand);
}

.md-header__topic {
  font-weight: 650;
}

/* 顶部 tabs 融入白色顶栏 */
.md-tabs {
  background: rgba(255, 255, 255, 0.94);
  color: var(--aplus-ink2);
  box-shadow: 0 1px 0 var(--aplus-line);
}

[data-md-color-scheme="slate"] .md-tabs {
  background: rgba(23, 28, 37, 0.94);
}

.md-tabs__link {
  opacity: 1;
  color: var(--aplus-ink2);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--aplus-brand);
}

/* 顶栏搜索框 */
.md-search__form {
  background: var(--aplus-paper);
  border: 1px solid var(--aplus-line);
  border-radius: 9px;
}

.md-search__form:hover {
  background: var(--aplus-card);
}

.md-search__input {
  color: var(--aplus-ink);
}

.md-search__input::placeholder,
.md-search__icon {
  color: var(--aplus-ink3);
}

[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  background: var(--aplus-card);
  border-color: var(--aplus-coral);
  box-shadow: 0 0 0 4px var(--aplus-tint2);
}

.md-search__output {
  border-radius: 0 0 12px 12px;
  box-shadow: var(--aplus-shadow-hover);
}

/* ---------- footer：浅色化，去黑色割裂 ---------- */
.md-footer {
  background: var(--aplus-paper);
  color: var(--aplus-ink2);
  border-top: 1px solid var(--aplus-line);
}

.md-footer-meta {
  background: transparent;
}

.md-footer__link {
  color: var(--aplus-ink2);
}

.md-footer__link:hover {
  color: var(--aplus-brand);
}

.md-footer__title,
.md-footer__direction {
  color: inherit;
}

.md-footer-meta .md-footer-copyright,
.md-copyright {
  color: var(--aplus-ink3);
}

html .md-footer-meta.md-typeset a {
  color: var(--aplus-ink2);
}

html .md-footer-meta.md-typeset a:hover {
  color: var(--aplus-brand);
}

/* ---------- 左侧导航 / 右侧目录 ---------- */
.md-nav__item .md-nav__link--active,
.md-nav__item .md-nav__link--active code {
  color: var(--aplus-brand);
  font-weight: 600;
}

.md-nav__link:hover {
  color: var(--aplus-brand);
}

/* ---------- admonition 对齐设计语言 ---------- */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 10px;
  border-width: 1px;
  box-shadow: none;
  font-size: 0.72rem;
}

.md-typeset .admonition.note,
.md-typeset .admonition.info {
  border-color: var(--aplus-tint2);
  background: var(--aplus-tint);
}

.md-typeset .note > .admonition-title,
.md-typeset .info > .admonition-title {
  background: transparent;
  color: var(--aplus-brand);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .info > .admonition-title::before {
  background-color: var(--aplus-brand);
}

.md-typeset .admonition.warning {
  border-color: #f2dcb2;
  background: var(--aplus-warn-tint);
}

.md-typeset .warning > .admonition-title {
  background: transparent;
  color: var(--aplus-warn);
}

.md-typeset .warning > .admonition-title::before {
  background-color: var(--aplus-warn);
}

.md-typeset .admonition.success {
  border-color: #bfe4d0;
  background: var(--aplus-ok-tint);
}

.md-typeset .success > .admonition-title {
  background: transparent;
  color: var(--aplus-ok);
}

.md-typeset .success > .admonition-title::before {
  background-color: var(--aplus-ok);
}

/* FAQ 折叠（??? question） */
.md-typeset details.question {
  border: 1px solid var(--aplus-line);
  background: var(--aplus-card);
  border-radius: 10px;
}

.md-typeset details.question > summary {
  background: transparent;
  font-weight: 600;
}

.md-typeset details.question > summary::before {
  background-color: var(--aplus-ink2);
}

/* ==========================================================================
   首页组件（docs/index.md 内使用，.aplus-home 为根标记）
   ========================================================================== */

/* 首页放宽版心 */
body:has(.aplus-home) .md-main .md-grid {
  max-width: 63rem;
}

.aplus-home {
  margin-top: 0.4rem;
}

/* ---------- hero ---------- */
.aplus-hero {
  position: relative;
  padding: 1.6rem 0 1.5rem;
}

.aplus-hero-deco {
  position: absolute;
  right: 0;
  top: 0.2rem;
  width: 17rem;
  pointer-events: none;
}

.aplus-hero-inner {
  position: relative;
  max-width: 34rem;
}

.aplus-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.64rem;
  color: var(--aplus-ink2);
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 99px;
  padding: 0.2rem 0.6rem;
  margin-bottom: 0.7rem;
}

.aplus-hero-eyebrow b {
  color: var(--aplus-brand);
  font-weight: 600;
}

.md-typeset .aplus-hero h1 {
  font-size: 1.9rem;
  line-height: 1.3;
  margin: 0;
}

.aplus-hero .aplus-lead {
  color: var(--aplus-ink2);
  margin: 0.4rem 0 0;
  font-size: 0.74rem;
}

/* 大搜索框（点击唤起 Material 搜索） */
.aplus-search {
  margin-top: 1.05rem;
  display: flex;
  align-items: center;
  background: var(--aplus-card);
  border: 1.5px solid var(--aplus-line2);
  border-radius: 13px;
  height: 2.7rem;
  padding: 0 0.4rem 0 0.9rem;
  box-shadow: var(--aplus-shadow);
  cursor: text;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.aplus-search:hover,
.aplus-search:focus-within {
  border-color: var(--aplus-coral);
  box-shadow: 0 0 0 4px var(--aplus-tint2);
}

.aplus-search svg {
  flex: none;
  color: var(--aplus-ink3);
}

.aplus-search .aplus-search-ph {
  flex: 1;
  padding: 0 0.6rem;
  font-size: 0.78rem;
  color: var(--aplus-ink3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aplus-search .aplus-search-btn {
  flex: none;
  background: var(--aplus-brand);
  color: #fff;
  border: 0;
  border-radius: 9px;
  height: 1.95rem;
  padding: 0 1.05rem;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.aplus-search:hover .aplus-search-btn {
  background: var(--aplus-brand-strong);
}

.aplus-hot {
  margin-top: 0.7rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-size: 0.64rem;
  color: var(--aplus-ink3);
}

.md-typeset .aplus-hot button {
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 99px;
  padding: 0.18rem 0.65rem;
  color: var(--aplus-ink2);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
}

.md-typeset .aplus-hot button:hover {
  border-color: var(--aplus-coral);
  color: var(--aplus-brand);
}

.aplus-quick {
  margin-top: 1.15rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.md-typeset .aplus-quick a {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 10px;
  padding: 0.45rem 0.8rem;
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--aplus-ink);
  box-shadow: var(--aplus-shadow);
  transition: all 0.15s;
}

.md-typeset .aplus-quick a:hover {
  border-color: var(--aplus-line2);
  box-shadow: var(--aplus-shadow-hover);
  transform: translateY(-1px);
  color: var(--aplus-ink);
}

.aplus-quick a svg {
  color: var(--aplus-brand);
  flex: none;
}

/* ---------- section 标头 ---------- */
.aplus-sec {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin: 1.9rem 0 0.9rem;
}

.md-typeset .aplus-sec h2 {
  font-size: 1.05rem;
  margin: 0;
}

.aplus-sec .aplus-sec-desc {
  font-size: 0.64rem;
  color: var(--aplus-ink3);
}

.md-typeset .aplus-sec .aplus-sec-more {
  margin-left: auto;
  font-size: 0.64rem;
  color: var(--aplus-ink2);
}

.md-typeset .aplus-sec .aplus-sec-more:hover {
  color: var(--aplus-brand);
}

/* ---------- 分类卡片 ---------- */
.aplus-cats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.md-typeset .aplus-cat {
  display: block;
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 12px;
  padding: 1rem 1rem 0.7rem;
  color: var(--aplus-ink);
  box-shadow: var(--aplus-shadow);
  transition: all 0.15s;
}

.md-typeset .aplus-cat:hover {
  border-color: #f0b7b5;
  box-shadow: var(--aplus-shadow-hover);
  transform: translateY(-2px);
  color: var(--aplus-ink);
}

.aplus-cat-top {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.aplus-cat-ico {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 10px;
  background: var(--aplus-tint);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--aplus-brand);
  flex: none;
}

.aplus-cat-count {
  margin-left: auto;
  font-size: 0.6rem;
  color: var(--aplus-ink3);
}

.aplus-cat strong {
  display: block;
  font-size: 0.8rem;
  font-weight: 650;
  margin-top: 0.6rem;
}

.aplus-cat .aplus-cat-desc {
  display: block;
  font-size: 0.65rem;
  color: var(--aplus-ink2);
  margin-top: 0.15rem;
  line-height: 1.6;
}

.md-typeset .aplus-cat ul {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0.4rem 0 0;
  border-top: 1px solid var(--aplus-line);
}

.md-typeset .aplus-cat ul li {
  font-size: 0.65rem;
  padding: 0.18rem 0;
  margin: 0;
  color: var(--aplus-ink2);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.md-typeset .aplus-cat ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: var(--aplus-coral);
  flex: none;
}

/* ---------- 多数用户在看 ---------- */
.aplus-pop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
}

.aplus-pop-col {
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 12px;
  padding: 0.4rem 1rem;
  box-shadow: var(--aplus-shadow);
}

.aplus-pop-col .aplus-pop-h {
  font-size: 0.7rem;
  font-weight: 650;
  color: var(--aplus-ink2);
  padding: 0.6rem 0 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.aplus-pop-col .aplus-pop-h svg {
  color: var(--aplus-brand);
}

.md-typeset .aplus-pop-col a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.48rem 0;
  border-top: 1px solid var(--aplus-line);
  font-size: 0.7rem;
  color: var(--aplus-ink);
}

.md-typeset .aplus-pop-col a:hover {
  color: var(--aplus-brand);
}

.aplus-pop-col a svg {
  color: var(--aplus-ink3);
  flex: none;
}

.aplus-pop-col a .aplus-tag {
  margin-left: auto;
  flex: none;
  font-size: 0.6rem;
  color: var(--aplus-ink3);
  background: var(--aplus-paper);
  border: 1px solid var(--aplus-line);
  border-radius: 6px;
  padding: 0 0.4rem;
}

/* ---------- 教学与更新 ---------- */
.aplus-learn {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.md-typeset .aplus-tile {
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  color: var(--aplus-ink);
  box-shadow: var(--aplus-shadow);
  transition: all 0.15s;
}

.md-typeset .aplus-tile:hover {
  box-shadow: var(--aplus-shadow-hover);
  transform: translateY(-2px);
  color: var(--aplus-ink);
}

.aplus-tile-ico {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.aplus-tile-ico.is-brand { background: var(--aplus-tint); color: var(--aplus-brand); }
.aplus-tile-ico.is-blue { background: #eef4fd; color: #3272d9; }
.aplus-tile-ico.is-ok { background: var(--aplus-ok-tint); color: var(--aplus-ok); }

[data-md-color-scheme="slate"] .aplus-tile-ico.is-blue { background: rgba(50, 114, 217, 0.16); }

.aplus-tile strong {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  font-weight: 650;
}

.aplus-tile .aplus-tile-desc {
  display: block;
  font-size: 0.65rem;
  color: var(--aplus-ink2);
  margin-top: 0.1rem;
}

.aplus-badge {
  font-size: 0.55rem;
  font-weight: 600;
  border-radius: 6px;
  padding: 0.02rem 0.35rem;
}

.aplus-badge.soon {
  background: var(--aplus-warn-tint);
  color: var(--aplus-warn);
  border: 1px solid #f2dcb2;
}

.aplus-badge.new {
  background: var(--aplus-ok-tint);
  color: var(--aplus-ok);
  border: 1px solid #bfe4d0;
}

[data-md-color-scheme="slate"] .aplus-badge.soon { border-color: rgba(176, 119, 22, 0.4); }
[data-md-color-scheme="slate"] .aplus-badge.new { border-color: rgba(46, 158, 107, 0.4); }

/* ---------- 支持区 ---------- */
.aplus-support {
  margin-top: 2rem;
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 14px;
  padding: 1.3rem 1.4rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
}

.md-typeset .aplus-support h2 {
  font-size: 0.95rem;
  margin: 0;
}

.aplus-support .aplus-support-desc {
  font-size: 0.65rem;
  color: var(--aplus-ink2);
  margin-top: 0.15rem;
}

.aplus-support-btns {
  margin-left: auto;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.md-typeset .aplus-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--aplus-line2);
  background: var(--aplus-card);
  color: var(--aplus-ink);
  font-family: inherit;
  transition: all 0.15s;
}

.md-typeset .aplus-btn:hover {
  box-shadow: var(--aplus-shadow-hover);
  color: var(--aplus-ink);
}

.md-typeset .aplus-btn.primary {
  background: var(--aplus-brand);
  border-color: var(--aplus-brand);
  color: #fff;
}

.md-typeset .aplus-btn.primary:hover {
  background: var(--aplus-brand-strong);
  color: #fff;
}

/* ---------- 首页响应式 ---------- */
@media screen and (max-width: 44rem) {
  .aplus-hero {
    padding: 0.9rem 0 1rem;
  }

  .aplus-hero-deco {
    display: none;
  }

  .md-typeset .aplus-hero h1 {
    font-size: 1.5rem;
  }

  .aplus-search {
    height: 2.5rem;
    margin-top: 0.8rem;
  }

  .aplus-quick {
    margin-top: 0.8rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
  }

  .md-typeset .aplus-quick a {
    padding: 0.45rem 0.6rem;
    font-size: 0.66rem;
  }

  .aplus-cats,
  .aplus-learn,
  .aplus-pop {
    grid-template-columns: 1fr;
  }

  .aplus-cat ul li:nth-child(n + 3) {
    display: none;
  }

  .aplus-support-btns {
    margin-left: 0;
  }
}

@media screen and (min-width: 44.1rem) and (max-width: 60rem) {
  .aplus-cats,
  .aplus-learn {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ==========================================================================
   图文教程组件
   ========================================================================== */

/* 文章元信息条 */
.aplus-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.7rem 0 0.3rem;
  font-size: 0.62rem;
  color: var(--aplus-ink2);
}

.aplus-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--aplus-paper);
  border: 1px solid var(--aplus-line);
  border-radius: 7px;
  padding: 0.12rem 0.5rem;
}

.aplus-meta .aplus-meta-cat {
  background: var(--aplus-tint);
  border-color: var(--aplus-tint2);
  color: var(--aplus-brand);
  font-weight: 600;
}

/* 步骤标题：## 第 1 步 {.aplus-step-h} 自动编号 */
.md-typeset {
  counter-reset: aplus-step;
}

.md-typeset h2.aplus-step-h {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  counter-increment: aplus-step;
}

.md-typeset h2.aplus-step-h::before {
  content: counter(aplus-step);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 99px;
  background: var(--aplus-brand);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

/* 界面元素引用（按钮名/菜单名） */
.md-typeset .aplus-ui {
  display: inline-block;
  background: var(--aplus-paper);
  border: 1px solid var(--aplus-line2);
  border-bottom-width: 2px;
  border-radius: 6px;
  padding: 0 0.35rem;
  font-size: 0.66rem;
  color: var(--aplus-ink);
  margin: 0 1px;
}

/* ---------- 截图框架 ---------- */
.md-typeset figure.aplus-shot {
  margin: 1rem 0 1.3rem;
  border: 1px solid var(--aplus-line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--aplus-card);
  box-shadow: var(--aplus-shadow);
  width: 100%;
}

.aplus-shot .aplus-shot-bar {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--aplus-paper);
  border-bottom: 1px solid var(--aplus-line);
  padding: 0.4rem 0.7rem;
  font-size: 0.62rem;
  color: var(--aplus-ink2);
}

.aplus-shot .aplus-shot-bar .aplus-dots {
  display: flex;
  gap: 0.25rem;
}

.aplus-shot .aplus-shot-bar .aplus-dots i {
  width: 9px;
  height: 9px;
  border-radius: 99px;
  background: var(--aplus-line2);
}

.aplus-shot .aplus-shot-bar .aplus-fignum {
  margin-left: auto;
  font-weight: 650;
  color: var(--aplus-brand);
}

.md-typeset .aplus-shot img {
  display: block;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.aplus-shot .aplus-shot-body {
  position: relative;
}

/* 截图上的编号标注 */
.aplus-shot .aplus-mark {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 99px;
  background: var(--aplus-brand);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 3px rgba(226, 84, 79, 0.25);
}

.aplus-shot .aplus-mark-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.9rem;
  padding: 0.45rem 0.7rem;
  font-size: 0.65rem;
  color: var(--aplus-ink2);
  border-top: 1px solid var(--aplus-line);
}

.aplus-shot .aplus-mark-legend i {
  display: inline-flex;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 99px;
  background: var(--aplus-brand);
  color: #fff;
  font-size: 0.55rem;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  font-style: normal;
  margin-right: 0.3rem;
  vertical-align: -2px;
}

.md-typeset .aplus-shot figcaption {
  max-width: none;
  text-align: left;
  padding: 0.45rem 0.7rem;
  margin: 0;
  font-size: 0.65rem;
  color: var(--aplus-ink2);
  border-top: 1px solid var(--aplus-line);
  background: var(--aplus-card);
}

.md-typeset .aplus-shot figcaption b {
  color: var(--aplus-ink);
}

/* 截图占位（内容未拍摄前） */
.aplus-shot .aplus-shot-ph {
  aspect-ratio: 16/9;
  background: repeating-linear-gradient(-45deg, var(--aplus-paper), var(--aplus-paper) 12px, rgba(0, 0, 0, 0.025) 12px, rgba(0, 0, 0, 0.025) 24px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--aplus-ink3);
  font-size: 0.65rem;
}

/* ---------- 双图对比 ---------- */
.aplus-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
  margin: 1rem 0 1.3rem;
}

.md-typeset .aplus-duo figure.aplus-shot {
  margin: 0;
}

.aplus-chip {
  font-size: 0.6rem;
  font-weight: 650;
  border-radius: 6px;
  padding: 0.02rem 0.45rem;
}

.aplus-chip.before {
  background: var(--aplus-paper);
  border: 1px solid var(--aplus-line2);
  color: var(--aplus-ink2);
}

.aplus-chip.after,
.aplus-chip.good {
  background: var(--aplus-ok-tint);
  border: 1px solid #bfe4d0;
  color: var(--aplus-ok);
}

.aplus-chip.bad {
  background: var(--aplus-err-tint);
  border: 1px solid #f3c7c4;
  color: var(--aplus-err);
}

[data-md-color-scheme="slate"] .aplus-chip.after,
[data-md-color-scheme="slate"] .aplus-chip.good { border-color: rgba(46, 158, 107, 0.4); }
[data-md-color-scheme="slate"] .aplus-chip.bad { border-color: rgba(201, 68, 63, 0.4); }

.aplus-duo .good-frame { border-color: #bfe4d0; }
.aplus-duo .bad-frame { border-color: #f3c7c4; }

[data-md-color-scheme="slate"] .aplus-duo .good-frame { border-color: rgba(46, 158, 107, 0.4); }
[data-md-color-scheme="slate"] .aplus-duo .bad-frame { border-color: rgba(201, 68, 63, 0.4); }

@media screen and (max-width: 40rem) {
  .aplus-duo {
    grid-template-columns: 1fr;
  }
}

/* ---------- 完成确认 ---------- */
.aplus-done {
  background: var(--aplus-ok-tint);
  border: 1px solid #bfe4d0;
  border-radius: 12px;
  padding: 0.8rem 1rem;
  margin: 1rem 0;
}

[data-md-color-scheme="slate"] .aplus-done { border-color: rgba(46, 158, 107, 0.4); }

.aplus-done .aplus-done-h {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--aplus-ok);
  font-size: 0.75rem;
  font-weight: 650;
  margin-bottom: 0.3rem;
}

.md-typeset .aplus-done ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.md-typeset .aplus-done ul li {
  display: flex;
  gap: 0.45rem;
  align-items: baseline;
  margin: 0.25rem 0;
  font-size: 0.7rem;
}

.md-typeset .aplus-done ul li::before {
  content: "✓";
  color: var(--aplus-ok);
  font-weight: 700;
}

/* ---------- 文章尾部：适用版本 + 反馈 ---------- */
.aplus-art-meta {
  margin-top: 2rem;
  border-top: 1px solid var(--aplus-line);
  padding-top: 0.8rem;
  font-size: 0.65rem;
  color: var(--aplus-ink3);
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.aplus-fb {
  margin-top: 0.9rem;
  border: 1px solid var(--aplus-line);
  border-radius: 12px;
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  background: var(--aplus-paper);
}

.aplus-fb span {
  font-size: 0.7rem;
  font-weight: 600;
}

.aplus-fb button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid var(--aplus-line2);
  background: var(--aplus-card);
  border-radius: 9px;
  padding: 0.35rem 0.8rem;
  font-size: 0.66rem;
  cursor: pointer;
  font-family: inherit;
  color: var(--aplus-ink2);
}

.aplus-fb button:hover {
  border-color: var(--aplus-brand);
  color: var(--aplus-brand);
}

/* ==========================================================================
   「问 APlus」浮钮（assets/javascripts/aplus-help.js 注入）
   ========================================================================== */
.aplus-ai-fab {
  position: fixed;
  right: 1.1rem;
  bottom: 1.1rem;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--aplus-ink);
  color: var(--aplus-card);
  border: 0;
  border-radius: 99px;
  padding: 0.55rem 0.9rem;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(33, 40, 50, 0.25);
  font-family: inherit;
}

[data-md-color-scheme="slate"] .aplus-ai-fab {
  background: var(--aplus-card);
  color: var(--aplus-ink);
  border: 1px solid var(--aplus-line2);
}

.aplus-ai-fab .aplus-ai-dot {
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: var(--aplus-coral);
}

.aplus-ai-pop {
  position: fixed;
  right: 1.1rem;
  bottom: 3.7rem;
  z-index: 6;
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 12px;
  padding: 0.7rem 0.8rem;
  font-size: 0.66rem;
  color: var(--aplus-ink2);
  box-shadow: var(--aplus-shadow-hover);
  display: none;
  max-width: 13rem;
}

.aplus-ai-pop.show {
  display: block;
}

/* 首页顶部留白收紧 */
body:has(.aplus-home) .md-content__inner {
  padding-top: 0.2rem;
}

body:has(.aplus-home) .md-content__inner::before {
  display: none;
}

/* ==========================================================================
   分类页文章列表
   ========================================================================== */
.aplus-artlist {
  display: grid;
  gap: 0.5rem;
  margin: 0.8rem 0 1.6rem;
}

.md-typeset .aplus-art {
  display: block;
  background: var(--aplus-card);
  border: 1px solid var(--aplus-line);
  border-radius: 10px;
  padding: 0.65rem 0.9rem;
  color: var(--aplus-ink);
  box-shadow: var(--aplus-shadow);
  transition: all 0.15s;
  position: relative;
}

.md-typeset .aplus-art:hover {
  border-color: #f0b7b5;
  box-shadow: var(--aplus-shadow-hover);
  color: var(--aplus-ink);
}

.md-typeset .aplus-art::after {
  content: "›";
  position: absolute;
  right: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--aplus-ink3);
  font-size: 0.9rem;
}

.md-typeset .aplus-art:hover::after {
  color: var(--aplus-brand);
}

.aplus-art .aplus-art-t {
  display: block;
  font-size: 0.74rem;
  font-weight: 600;
}

.aplus-art .aplus-art-d {
  display: block;
  font-size: 0.64rem;
  color: var(--aplus-ink2);
  margin-top: 0.05rem;
  padding-right: 1.2rem;
}