/* FateClear 解读区 · A 长文杂志主题。零 important。依赖 tokens.css。
   旧 depth/bazi-readable 里压字号的 important 锁已卸掉对应项，由本文件接管。 */

/* ── 浮起的纸：挂在 #rp-glance 内层（wrap 被 depth4 置为 none 的 important 锁） ── */
html[data-tone] body main #rp-glance:not(:empty) {
  background: linear-gradient(180deg, var(--l0) 0%, var(--l0) 42%);
  border: 1px solid var(--line);
  border-radius: var(--r-16);
  box-shadow: var(--dp-up);
  /* ra1-pad: 呼吸感 — 手机左右 24、上下 28/32 */
  padding: 28px 24px 32px;
}
:is(html[data-theme=night], html[data-tone=dark]) body main #rp-glance:not(:empty) {
  background: linear-gradient(180deg, rgba(37, 35, 42, .92), rgba(27, 26, 31, .92));
}
@media (min-width: 1000px) {
  html[data-tone] body main #rp-glance:not(:empty) {
    /* 桌面左右 56、上下 44/56 */
    padding: 44px 56px 56px;
  }
}

/* kick 眉题行 */
html[data-tone] body main #rp-glance .rp-eyebrow {
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--ink2);
}

/* 结论大标题 */
html[data-tone] body main #rp-glance .rp-heading h3,
html[data-tone] body main .rp-section.rp-glance-wrap .rp-heading h3 {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: clamp(28px,3.4vw,44px);
  line-height: 1.18;
  letter-spacing: .02em;
  color: var(--ink);
  margin: 12px 0 6px;
  max-width: 22em;
  text-wrap: balance;
}
@media (min-width: 1000px) {
  html[data-tone] body main #rp-glance .rp-heading h3 {
    font-size: 64px;
  }
}

/* 导语 + 首字下沉 */
html[data-tone] body main #rp-glance .rp-lead,
html[data-tone] body main .rp-section .rp-lead {
  font-family: var(--f-body);
  font-size: 17px;
  line-height: 1.85;
  color: var(--ink);
  margin: 18px 0 0;
  max-width: 40em;
  font-weight: 400;
}
@media (min-width: 1000px) {
  html[data-tone] body main #rp-glance .rp-lead { font-size: 19px; }
}
/* drop-cap 仅 .fc-drop：真句首大写/汉字；半句小写续写不加 */
html[data-tone] body main #rp-glance .rp-lead.fc-drop::first-letter {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 40px;
  float: left;
  line-height: .92;
  margin: 4px 8px 0 0;
  color: var(--gold-text);
}

/* 发丝金线 / 双线 */
.fc-rd-rule,
html[data-tone] body main #rp-glance .rp-glance-grid {
  gap: 28px;
  border-top: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
  padding-top: 22px;
  margin-top: 22px;
}
.fc-rd-rule2,
html[data-tone] body main #rp-glance .rp-glance-grid > section + section {
  border-top: 1px solid var(--line);
}

/* 小节眉 */
html[data-tone] body main #rp-glance .rp-glance-grid h4 {
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  color: var(--ink2);
  margin: 0 0 12px;
}

/* 五行细条 */
html[data-tone] body main #rp-glance .rp-stack {
  height: 10px;
  border-radius: 5px;
  gap: 0;
  box-shadow: var(--dp-in);
  overflow: hidden;
}
html[data-tone] body main #rp-glance .rp-legend {
  margin-top: 10px;
}
html[data-tone] body main #rp-glance .rp-legend li {
  font-size: 14px;
  color: var(--ink2);
}
html[data-tone] body main #rp-glance .rp-legend b {
  font-family: var(--f-num);
  font-weight: 600;
  font-size: 16px;
  color: var(--ink);
  white-space: nowrap;
}

/* 三股力量：杂志列表，统一发丝分隔（修「第一条灰、末条金」） */
html[data-tone] body main #rp-glance .rp-g-cards {
  display: grid;
  gap: 0;
  background: color-mix(in srgb, var(--l1) 70%, transparent);
  box-shadow: var(--dp-in);
  border-radius: var(--r-8);
  padding: 8px 18px;
  overflow: hidden;
}
html[data-tone] body main #rp-glance .rp-g-cards > li {
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--gold) 40%, transparent);
  list-style: none;
}
html[data-tone] body main #rp-glance .rp-g-cards > li:first-child { border-top: 0; }
html[data-tone] body main #rp-glance .rp-g-cards button {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 16px 4px;
  box-shadow: none;
  grid-template-columns: 48px 1fr auto;
  gap: 4px 12px;
}
html[data-tone] body main #rp-glance .rp-g-cards button:hover { background: transparent; }
html[data-tone] body main #rp-glance .rp-g-rank {
  font-family: var(--f-num);
  font-size: 28px;
  font-weight: 600;
  color: var(--gold-text);
  line-height: 1;
  align-self: center;
}
html[data-tone] body main #rp-glance .rp-g-cards strong {
  font-family: var(--f-head);
  font-size: 17px;
  font-weight: 600;
  color: var(--ink);
}
html[data-tone] body main #rp-glance .rp-g-pct {
  font-family: var(--f-num);
  font-size: 22px;
  font-weight: 600;
  color: var(--ink);
  align-self: center;
}
html[data-tone] body main #rp-glance .rp-g-cards small {
  color: var(--ink2);
  font-size: 12px;
}

/* 解读正文段 */
html[data-tone] body main .rp-section :is(p, li) {
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink);
  max-width: 40em;
}
@media (min-width: 1000px) {
  html[data-tone] body main .rp-section :is(p, li) { font-size: 17px; }
}
html[data-tone] body main .rp-section .rp-heading h3 {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  color: var(--ink);
  text-wrap: balance;
}

/* 依据：仅「非灰条」行内虚线金（u044 灰条见下方 ra-basis） */
html[data-tone] body main .rp-section details.rp-basis:not(.u044-it) > summary {
  display: inline;
  color: var(--gold-text);
  font-size: 13px;
  border-bottom: 1px dotted var(--gold-text);
  cursor: pointer;
  list-style: none;
  padding: 0;
  background: none;
  box-shadow: none;
}
html[data-tone] body main .rp-section details.rp-basis:not(.u044-it) > summary::-webkit-details-marker { display: none; }

/* 「可以怎么做」竖金条贴字 */
html[data-tone] body main .rp-section .rp-do {
  border-left: 2px solid var(--gold);
  padding: 0 0 0 12px;
  margin: 12px 0 16px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent);
  min-height: 0;
}
html[data-tone] body main .rp-section .rp-do > span {
  color: var(--gold-text);
  font-size: 12px;
  letter-spacing: .06em;
}
html[data-tone] body main .rp-section .rp-do p { margin: 2px 0 0; }

/* 流年大年份 */
html[data-tone] body main #rp-annual .rp-heading h3 {
  font-family: var(--f-num);
  font-weight: 600;
  font-size: 64px;
  line-height: .95;
  letter-spacing: -.02em;
  color: var(--ink);
}
html[data-tone] body main #rp-annual .rp-heading .rp-eyebrow {
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--ink2);
}

/* 流年条目间距（修依据后大空档）；左右略留白见下方 ra1-pad */
html[data-tone] body main article.rp-year-reading {
  display: block;
  margin: 0;
}
html[data-tone] body main article.rp-year-reading + article.rp-year-reading {
  border-top: 1px solid var(--line);
}
html[data-tone] body main article.rp-year-reading .rp-eyebrow {
  display: block;
  font-family: var(--f-head);
  font-size: 17px;
  color: var(--ink);
  margin: 0 0 6px;
}
html[data-tone] body main article.rp-year-reading h5 {
  font-family: var(--f-head);
  font-size: 15px;
  margin: 14px 0 4px;
  display: flex;
  align-items: center;
  gap: 10px;
}
html[data-tone] body main article.rp-year-reading h5::before {
  content: "";
  width: 16px;
  height: 1px;
  background: var(--gold);
  flex: none;
}

/* 五行 delta：窄栏改行排，避免「个百分点」逐字折行 */
html[data-tone] body main .rp-deltas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 8px;
  padding: 4px 0 8px;
}
html[data-tone] body main .rp-deltas > div {
  display: grid;
  grid-template-columns: 28px minmax(3.25em, auto) minmax(0, 1fr);
  align-items: baseline;
  gap: 6px 10px;
  text-align: left;
  font-size: 12px;
  color: var(--ink2);
  min-width: 0;
  padding: 4px 2px;
}
html[data-tone] body main .rp-deltas > div strong {
  display: inline;
  white-space: nowrap;
  font-family: var(--f-num);
  font-size: 16px;
  color: var(--ink);
  margin: 0;
}
html[data-tone] body main .rp-deltas > div .rp-muted {
  display: inline;
  white-space: normal;
  overflow: visible;
  line-height: 1.35;
  padding: 0;
}
/* 岁运栏：解读区与边的呼吸 */
html[data-tone] body main #rp-annual .rp-heading {
  padding: 4px 0 8px;
}
html[data-tone] body main #rp-annual .rp-annual-context {
  padding: 16px 18px;
  margin: 0 0 20px;
}
html[data-tone] body main #rp-annual .rp-annual-columns {
  gap: 32px;
  margin-top: 8px;
}
@media (min-width: 1000px) {
  html[data-tone] body main #rp-annual .rp-annual-columns {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 40px;
  }
}
html[data-tone] body main article.rp-year-reading {
  padding: 18px 4px;
}
html[data-tone] body main article.rp-year-reading > div {
  margin-top: 12px;
}
html[data-tone] body main article.rp-year-reading details.rp-basis {
  margin: 6px 0 0;
  min-height: 0;
  /* 取消 flat8 卡片底：收起的「依据」不再显成空白条 */
  background: transparent;
  background-image: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}
html[data-tone] body main article.rp-year-reading details.rp-basis > summary {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 2px 0;
  background: transparent;
  box-shadow: none;
}

/* 渲染器组件类（供后续 JS 迁移） */
.fc-rd-kick {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 8px;
  font-size: 12px;
  color: var(--ink2);
  letter-spacing: .06em;
}
.fc-rd-conclusion {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: clamp(28px,3.4vw,44px);
  line-height: 1.15;
  margin: 22px 0 6px;
  letter-spacing: .02em;
  color: var(--ink);
  text-wrap: balance;
}
.fc-rd-conclusion em { font-style: normal; color: var(--gold-text); }
.fc-rd-lede {
  font-size: 17px;
  line-height: 1.85;
  margin: 18px 0 0;
  color: var(--ink);
  max-width: 40em;
}
.fc-rd-lede.fc-drop::first-letter {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 40px;
  float: left;
  line-height: .92;
  margin: 4px 8px 0 0;
  color: var(--gold-text);
}
.fc-rd-rule {
  height: 1px;
  background: color-mix(in srgb, var(--gold) 45%, transparent);
  margin: 24px 0;
}
.fc-rd-rule2 {
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--line);
  height: 4px;
  margin: 28px 0 20px;
}
.fc-rd-year {
  font-family: var(--f-num);
  font-weight: 600;
  font-size: 64px;
  line-height: .9;
  letter-spacing: -.02em;
  color: var(--ink);
}
.fc-rd-year span {
  font-family: var(--f-head);
  font-size: 22px;
  letter-spacing: .1em;
  color: var(--gold-text);
  margin-left: 10px;
}
.fc-rd-yun {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 12px 14px;
  border-left: 2px solid var(--gold);
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent);
  font-size: 15px;
  line-height: 1.7;
  margin: 18px 0;
  color: var(--ink);
}
.fc-rd-yun b { color: var(--gold-text); font-weight: 600; margin-right: 4px; }
.fc-rd-yun-av {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: var(--f-head);
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: var(--gold-text);
  background: radial-gradient(circle at 35% 30%, var(--l0), var(--l2));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent), 0 2px 4px rgba(80, 60, 20, .12);
}
.fc-rd-basis {
  font-size: 13px;
  color: var(--gold-text);
  margin-top: 8px;
  display: inline-block;
  border-bottom: 1px dotted var(--gold-text);
}
.fc-rd-para h4 {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 17px;
  margin: 18px 0 6px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.fc-rd-para h4::before {
  content: "";
  width: 18px;
  height: 1px;
  background: var(--gold);
}
.fc-rd-para p { font-size: 17px; line-height: 1.85; color: var(--ink); max-width: 40em; }
.fc-rd-evidence > summary {
  color: var(--gold-text);
  font-size: 13px;
  border-bottom: 1px dotted var(--gold-text);
  cursor: pointer;
}


/* ── ra2a: 西占解读 · A 杂志（同 glance 呼吸感；零 important） ── */
html[data-tone] body main #astro-guide {
  max-width: 40em;
  margin-inline: auto;
}
html[data-tone] body main #astro-guide .sky-overview {
  background: linear-gradient(180deg, var(--l0) 0%, var(--l0) 42%);
  border: 1px solid var(--line);
  border-radius: var(--r-16);
  box-shadow: var(--dp-up);
  border-left-color: var(--line);
  max-width: none;
  margin: 0 0 28px;
  /* ra2a: 同 glance 呼吸 — 手机 28×24×32 */
  padding: 28px 24px 32px;
}
@media (min-width: 1000px) {
  html[data-tone] body main #astro-guide .sky-overview {
    padding: 44px 56px 56px;
  }
}
:is(html[data-theme=night], html[data-tone=dark]) body main #astro-guide .sky-overview {
  background: linear-gradient(180deg, rgba(37, 35, 42, .92), rgba(27, 26, 31, .92));
}
html[data-tone] body main #astro-guide .sky-overview-main {
  font-family: var(--f-body);
  font-size: 17px;
  line-height: 1.85;
  color: var(--ink);
  font-weight: 400;
  margin: 0;
  max-width: 40em;
}
@media (min-width: 1000px) {
  html[data-tone] body main #astro-guide .sky-overview-main { font-size: 19px; }
}
html[data-tone] body main #astro-guide .sky-overview-main strong {
  display: block;
  font-family: var(--f-head);
  font-weight: 600;
  font-size: clamp(28px,3.4vw,44px);
  line-height: 1.2;
  letter-spacing: .02em;
  color: var(--ink);
  margin: 0 0 14px;
  max-width: 18em;
  text-wrap: balance;
}
@media (min-width: 1000px) {
  html[data-tone] body main #astro-guide .sky-overview-main strong { font-size: 40px; }
}
/* drop-cap：仅 .fc-drop，真句首 */
html[data-tone] body main #astro-guide .sky-overview-lede.fc-drop::first-letter {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 40px;
  float: left;
  line-height: .92;
  margin: 4px 8px 0 0;
  color: var(--gold-text);
}
html[data-tone] body main #astro-guide .sky-overview .astro-note {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.65;
  color: var(--ink2);
}
html[data-tone] body main #astro-guide .sky-stage > h3 {
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  color: var(--ink2);
  border-top: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
  padding-top: 22px;
  margin: 28px 0 16px;
}
html[data-tone] body main #astro-guide [data-sky-stage="core"] > h3 {
  border-top: 0;
  padding-top: 0;
  margin-top: 8px;
}
html[data-tone] body main #astro-guide .sky-fragment h4,
html[data-tone] body main #astro-guide .sky-interaction h4 {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.45;
  color: var(--ink);
}
/* ra2b: 性格块 / 相位 / 行星详解 — 贴边呼吸 */
html[data-tone] body main #astro-guide .sky-fragment,
html[data-tone] body main #astro-guide .sky-interaction {
  padding: 20px 18px 16px;
  margin: 0 0 12px;
  border-radius: var(--r-16);
}
@media (min-width: 1000px) {
  html[data-tone] body main #astro-guide .sky-fragment,
  html[data-tone] body main #astro-guide .sky-interaction {
    padding: 24px 28px 20px;
  }
}
html[data-tone] body main #astro-guide .sky-fragment > p,
html[data-tone] body main #astro-guide .sky-interaction > p {
  max-width: 40em;
  line-height: 1.8;
}
html[data-tone] body main .astrology-panel article.astro-reading,
html[data-tone] body main .astrology-panel article.astro-aspect {
  padding: 22px 20px;
  margin: 0 0 16px;
  border: 1px solid var(--line);
  border-radius: var(--r-16);
  background: var(--l0);
  box-shadow: var(--dp-up);
}
@media (min-width: 1000px) {
  html[data-tone] body main .astrology-panel article.astro-reading,
  html[data-tone] body main .astrology-panel article.astro-aspect {
    padding: 28px 32px;
  }
}
:is(html[data-theme=night], html[data-tone=dark]) body main .astrology-panel article.astro-reading,
:is(html[data-theme=night], html[data-tone=dark]) body main .astrology-panel article.astro-aspect {
  background: linear-gradient(180deg, rgba(37, 35, 42, .92), rgba(27, 26, 31, .92));
}
html[data-tone] body main .astrology-panel article.astro-reading .astro-reading-head h3 {
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
}
html[data-tone] body main .astrology-panel article.astro-reading > p {
  font-size: 17px;
  line-height: 1.85;
  max-width: 40em;
}
html[data-tone] body main #astro-guide .sky-stage {
  padding-bottom: 8px;
}

/* ra2b-learning: 元素与宫位栏左右呼吸 */
html[data-tone] body main #astro-learning-view {
  padding-inline: 4px;
}
html[data-tone] body main #astro-learning-view .learning-section {
  padding-inline: 12px;
}
@media (min-width: 1000px) {
  html[data-tone] body main #astro-learning-view .learning-section {
    padding-inline: 20px;
  }
}
/* astrology section-head → ra-basis-head */

/* ra3a: 紫微格局总览 / 宫解读贴边呼吸 */
/* ziwei section-head → ra-basis-head */
html[data-tone] body.site-workspace main .reference-scope .ziwei-panel .ziwei-pattern-overview {
  padding: 28px 24px 32px;
}
html[data-tone] body main .ziwei-pattern-base {
  font-family: var(--f-read);
  font-size: 17px;
  line-height: 1.85;
  max-width: 40em;
  margin: 0 0 16px;
}
html[data-tone] body main details.ziwei-palace-reading {
  padding: 14px 16px 20px;
  margin: 0 0 8px;
}
html[data-tone] body main details.ziwei-palace-reading > summary {
  min-height: 44px;
  padding: 8px 0;
}
html[data-tone] body main details.ziwei-palace-reading .palace-statements p {
  font-size: 16px;
  line-height: 1.85;
  margin: 0 0 12px;
  max-width: 40em;
}
@media (min-width: 1000px) {
  html[data-tone] body.site-workspace main .reference-scope .ziwei-panel .ziwei-pattern-overview {
    padding: 40px 48px 48px;
  }
  html[data-tone] body main details.ziwei-palace-reading {
    padding: 18px 28px 28px;
  }
  html[data-tone] body main .ziwei-pattern-base {
    font-size: 18px;
  }
}

/* ra3b: 紫微格局条目 / 三方四正·四化 / 逐宫区贴边 */
html[data-tone] body main .ziwei-panel #ziwei-patterns .thesis-list > .thesis:not(.is-more) {
  padding: 22px 20px;
}
html[data-tone] body main .ziwei-panel .ziwei-pattern-group {
  padding-inline: 4px;
  margin-bottom: 20px;
}
html[data-tone] body main .ziwei-panel .ziwei-pattern-group > h3 {
  padding-inline: 4px;
  margin-bottom: 12px;
}
html[data-tone] body main .ziwei-panel .ziwei-detail-section {
  padding-inline: 4px;
}
html[data-tone] body main .ziwei-panel .ziwei-reading-section > .section-head {
  padding-inline: 4px 8px;
}
html[data-tone] body main .ziwei-panel .ziwei-basic > article {
  padding: 16px 18px;
}
html[data-tone] body main .ziwei-panel .ziwei-summary-section {
  padding-inline: 4px;
}
html[data-tone] body main .ziwei-panel .ziwei-summary-section .ziwei-overview-line {
  font-size: 17px;
  line-height: 1.85;
  max-width: 40em;
  padding: 8px 4px 16px;
}
@media (min-width: 1000px) {
  html[data-tone] body main .ziwei-panel #ziwei-patterns .thesis-list > .thesis:not(.is-more) {
    padding: 28px 32px;
  }
  html[data-tone] body main .ziwei-panel .ziwei-basic > article {
    padding: 18px 22px;
  }
  html[data-tone] body main .ziwei-panel .ziwei-detail-section {
    padding-inline: 8px;
  }
}

/* ra4a: 印占总览卡 / 话题 / hero 呼吸 */
html[data-tone] body main .jyotish-panel #jy-hero {
  padding: 28px 24px;
}
html[data-tone] body main .jyotish-panel #jy-hero .lead {
  font-size: 17px;
  line-height: 1.85;
  max-width: 40em;
}
html[data-tone] body main .jyotish-panel .jy-tabs {
  padding-inline: 4px;
  margin-bottom: 8px;
}
@media (min-width: 1000px) {
  html[data-tone] body main .jyotish-panel #jy-hero {
    padding: 44px 56px;
  }
  html[data-tone] body main .jyotish-panel #jy-hero .lead {
    font-size: 18px;
  }
}

/* ra4b: 印占细看条目 / 流年 / 专业盘 */
html[data-tone] body main .jyotish-panel .jy-item .jy-plain,
html[data-tone] body main .jyotish-panel .jy-year .jy-plain {
  font-size: 16px;
  line-height: 1.85;
  max-width: 40em;
}
html[data-tone] body main .jyotish-panel #jy-pane-pro .reading-disclosure > summary {
  padding-inline: 4px;
  min-height: 44px;
}


/* ra-basis-head: 各体系 panel 顶栏标题距左缘（保留 panel-label 文案，只拉开间距） */
html[data-tone] body.site-workspace main :is(.astrology-panel, .ziwei-panel, .jyotish-panel) > .section-head {
  padding-inline: 20px;
  padding-block: 4px 12px;
  margin-bottom: 8px;
  box-sizing: border-box;
}
@media (min-width: 1000px) {
  html[data-tone] body.site-workspace main :is(.astrology-panel, .ziwei-panel, .jyotish-panel) > .section-head {
    padding-inline: 28px;
  }
}

/* ra-basis: 共用 — 带框依据/对应依据/折叠灰条左右呼吸（八字·西占·紫微·印占） */
html[data-tone] body main :is(
  details.u044-it > summary.u044-q,
  details.item-evidence > summary,
  details.thesis-more > summary,
  details.rp-basis.u044-it > summary,
  details.tz-more > summary,
  details.tz-basis > summary,
  details.jy-basis > summary
) {
  box-sizing: border-box;
  padding-inline: 20px;
  padding-block: 12px;
  min-height: 44px;
}
/* 灰条块本身相对父卡再缩一档，避免满宽贴内容区左右缘 */
html[data-tone] body main :is(
  details.item-evidence.u044-it,
  details.rp-basis.u044-it,
  details.thesis-more.u044-it,
  details.tz-more.u044-it,
  details.tz-basis.u044-it
) {
  margin-inline: 0;
  /* 内边：展开正文也跟摘要对齐 */
  padding-inline: 0;
}
html[data-tone] body main :is(
  details.item-evidence.u044-it,
  details.rp-basis.u044-it,
  details.thesis-more.u044-it
)[open] > :not(summary) {
  padding-inline: 20px;
  padding-bottom: 12px;
  box-sizing: border-box;
}
@media (min-width: 1000px) {
  html[data-tone] body main :is(
    details.u044-it > summary.u044-q,
    details.item-evidence > summary,
    details.thesis-more > summary,
    details.rp-basis.u044-it > summary,
    details.tz-more > summary,
    details.tz-basis > summary,
    details.jy-basis > summary
  ) {
    padding-inline: 28px;
  }
  html[data-tone] body main :is(
    details.item-evidence.u044-it,
    details.rp-basis.u044-it,
    details.thesis-more.u044-it
  )[open] > :not(summary) {
    padding-inline: 28px;
  }
}