/* ============================================================
   design-skin · Lovart design (2).html
   基线：frontend-v31 (release-v76)
   只换皮：底图 / token / 组件观感；不改正文案与业务结构
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:ital,wght@0,400;0,500;0,600;1,400&display=swap");

:root {
  --bg-base: #2c3431;
  --card: #1a2a22;
  --paper: #f4f3ed;
  --paper-pressed: #e8e7e1;
  --text-primary: #f4f3ed;
  --text-secondary: rgba(244, 243, 237, 0.58);
  --text-dark: #2c3431;
  --text-dark-secondary: #6b7570;
  --accent-gold: #b89a60;
  --accent-gold-subtle: rgba(184, 154, 96, 0.55);
  --border-default: rgba(244, 243, 237, 0.1);
  --semantic-error: #c97a6b;
  --disabled: rgba(244, 243, 237, 0.28);

  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
  --sans: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", sans-serif;

  --fs-display: 32px;
  --fs-title-1: 26px;
  --fs-title-2: 20px;
  --fs-title-3: 17px;
  --fs-body: 15px;
  --fs-meta: 12px;

  --page-pad: 28px;
  --design-col: 430px;
  --btn-h: 52px;
  --radius-btn: 14px;
  --radius-input: 8px;
  --radius-paper: 20px;

  --bg-01: url("/assets/design-bg/bg01-star-mountain-v2.png");
  --bg-02: url("/assets/design-bg/bg02-star-plain-v2.png");
  --bg-03: url("/assets/design-bg/bg03-star-forest-lake.png");
  --design-bg: var(--bg-03);

  --paper-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23p)' opacity='0.035'/%3E%3C/svg%3E");
}

html {
  background: var(--bg-base);
  overflow-x: hidden;
}

body.design-skin {
  position: relative;
  min-height: 100vh;
  margin: 0;
  color: var(--text-primary);
  font-family: var(--sans);
  font-size: var(--fs-body);
  line-height: 1.65;
  background: transparent !important;
  -webkit-font-smoothing: antialiased;
}

/* 底图：全视口 cover；BG.03 上移构图，露出月亮/湖面/倒影 */
body.design-skin::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: var(--bg-base);
  background-image: var(--design-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

body.design-skin[data-design-bg="bg01"] { --design-bg: var(--bg-01); }
body.design-skin[data-design-bg="bg02"] { --design-bg: var(--bg-02); }
body.design-skin[data-design-bg="bg03"] { --design-bg: var(--bg-03); }

/* 星空山影：放大并贴底，让山脊出现在首屏下半区 */
body.design-skin[data-design-bg="bg01"]::before {
  background-size: auto 138%;
  background-position: center bottom;
}

/* 松林湖面：再下移一些，月亮/倒影仍可见 */
body.design-skin[data-design-bg="bg03"]::before {
  background-size: 108% auto;
  background-position: center 58%;
}

/* 地平线微光 */
body.design-skin[data-design-bg="bg03"]::after {
  content: "";
  position: fixed;
  left: 50%;
  top: 62%;
  z-index: 0;
  width: min(260px, 70vw);
  height: min(260px, 70vw);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgba(244, 243, 237, 0.18) 0%,
    rgba(184, 154, 96, 0.08) 28%,
    transparent 70%
  );
  opacity: 0.5;
  animation: design-horizon-breathe 2.4s ease-in-out infinite;
}

body.design-skin[data-design-bg="bg01"]::after,
body.design-skin[data-design-bg="bg02"]::after {
  content: none;
  display: none;
}

/* 内容抬到底图之上；动效层必须排除，否则会盖掉 position:fixed → 高度塌成 0 */
body.design-skin > *:not(.design-motion):not(.page-glow-layer):not(.page-glow-portal) {
  position: relative;
  z-index: 1;
}

body.design-skin #root,
body.design-skin .site-shell,
body.design-skin .reader-shell,
body.design-skin .survey-shell,
body.design-skin .access-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: min(var(--design-col), 100vw);
  margin-left: auto;
  margin-right: auto;
  overflow-x: clip;
}

/* 内容不得宽过栏；统一 24px 内边距 */
body.design-skin .site-shell .page,
body.design-skin .intro-page,
body.design-skin .intro-page > section,
body.design-skin .brief-page,
body.design-skin .report-lookup-page,
body.design-skin .activation-page,
body.design-skin .processing-page {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip;
}

body.design-skin .intro-page > section,
body.design-skin .brief-page,
body.design-skin .report-lookup-page {
  padding-left: var(--page-pad) !important;
  padding-right: var(--page-pad) !important;
}

/* 生成 / 查看：内容区略收边距（20 < 首页 28），线框卡更宽 */
body.design-skin .brief-page,
body.design-skin .report-lookup-page {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.design-skin .brief-page .brief-body,
body.design-skin .brief-page .brief-cover,
body.design-skin .report-lookup-page .lookup-body,
body.design-skin .report-lookup-page .lookup-hero {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.design-skin .brief-page .brief-body,
body.design-skin .brief-page .manual-code-step-v5,
body.design-skin .brief-page .claim-panel-v18,
body.design-skin .report-lookup-page .lookup-body,
body.design-skin .report-lookup-page .deliverable-access-list,
body.design-skin .report-lookup-page .delivery-access-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* 领取报告空态：去掉重复占位句（标题下已有提示） */
body.design-skin .brief-page .claim-wait-v18 {
  display: none !important;
}

/* 查看报告：去掉标题下说明句 */
body.design-skin .report-lookup-page .lookup-hero > p:not(.micro-title) {
  display: none !important;
}

body.design-skin .how-pair-v12 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.design-skin .how-pair-v12 article {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* 盖过 enhance / globals 米色底 */
body.design-skin,
body.design-skin.survey-page,
body.design-skin .site-shell,
body.design-skin .site-shell .page,
body.design-skin .site-shell .intro-page,
body.design-skin .site-shell .brief-page,
body.design-skin .site-shell .activation-page,
body.design-skin .site-shell .processing-page,
body.design-skin .site-shell .report-lookup-page,
body.design-skin .intro-page .hero-section,
body.design-skin .intro-page .paper-section,
body.design-skin .intro-page .about-section,
body.design-skin .intro-page .scenario-section,
body.design-skin .intro-page .method-section,
body.design-skin .intro-page .deliverable-section,
body.design-skin .intro-page .trust-section,
body.design-skin .intro-page .begin-section,
body.design-skin .reader-shell,
body.design-skin .survey-shell,
body.design-skin .topbar,
body.design-skin .card,
body.design-skin .intro-card {
  background: transparent !important;
  background-image: none !important;
  color: var(--text-primary) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 关掉旧粒子层，避免与照片底图叠脏 */
body.design-skin .page-glow-layer,
body.design-skin .page-glow-portal,
body.design-skin .page-glow-v52,
body.design-skin .hero-orbits,
body.design-skin .ambient {
  display: none !important;
}

/* ---------- 首页细节（对照 P.00 截图 / 规范；文案不改） ---------- */
body.design-skin .intro-page .hero-section {
  box-sizing: border-box !important;
  min-height: 100dvh !important;
  padding: calc(28px + env(safe-area-inset-top, 0px)) var(--page-pad)
    calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

body.design-skin .intro-page .hero-section::before,
body.design-skin .intro-page .hero-section::after {
  display: none !important;
}

/* 顶角日期隐藏；日期改到「此刻」上方 */
body.design-skin .hero-section .micro-title {
  display: none !important;
}

body.design-skin .hero-title-wrap.hero-value-v12 {
  margin-top: 48px !important;
}

body.design-skin .hero-title-wrap.hero-value-v12 .edition {
  display: block !important;
  margin: 0 0 18px !important;
  color: rgba(244, 243, 237, 0.78) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.12em !important;
}

body.design-skin .hero-brand-v12 {
  display: block !important;
  margin: 0 0 18px !important;
  color: #f4f3ed !important;
  font-family: var(--serif) !important;
  font-size: clamp(64px, 18vw, 92px) !important;
  font-weight: 500 !important;
  line-height: 0.92 !important;
  letter-spacing: 0.2em !important;
  text-indent: 0.2em !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45) !important;
}

body.design-skin .hero-title-wrap.hero-value-v12 h1 {
  max-width: 17em !important;
  margin: 0 auto !important;
  color: #f4f3ed !important;
  font-family: var(--serif) !important;
  font-size: clamp(16px, 4.2vw, 19px) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.06em !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.4) !important;
}

/* 副文案已并入 h1 一句，隐藏原英文/辅助行 */
body.design-skin .hero-en.hero-value-line-v12,
body.design-skin .hero-en {
  display: none !important;
}

body.design-skin .intro-page .hero-section .scroll-cue {
  display: none !important;
}

body.design-skin .intro-page .hero-section .hero-definition {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
}

/* 01 / 02：只保留金色分隔线，去掉白/灰线 */
body.design-skin .how-pair-v12 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  text-align: left !important;
  box-shadow: none !important;
}

body.design-skin .how-pair-v12 article {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 12px 14px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 16px 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.design-skin .how-pair-v12 article + article {
  border-top: 1px solid var(--accent-gold) !important;
}

body.design-skin .intro-page .hero-section .hero-definition {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.design-skin .how-pair-v12 span {
  margin-top: 2px !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
}

body.design-skin .how-pair-v12 strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
}

body.design-skin .how-pair-v12 p {
  margin: 0 !important;
  color: var(--text-secondary) !important;
  font-family: var(--sans) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  letter-spacing: 0.02em !important;
}

body.design-skin .section-kicker,
body.design-skin .section-kicker span {
  color: var(--accent-gold) !important;
}

body.design-skin .intro-page .hero-section {
  position: relative !important;
}

body.design-skin .intro-page h2,
body.design-skin .intro-page h3 {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
}

body.design-skin .intro-page .paper-section,
body.design-skin .intro-page .begin-section,
body.design-skin .intro-page .scenario-section,
body.design-skin .intro-page .deliverable-section,
body.design-skin .intro-page .about-section,
body.design-skin .intro-page .method-section,
body.design-skin .intro-page .trust-section {
  padding: 36px var(--page-pad) !important;
}

/* 首屏以下：左右与首屏同宽（28），纵向模块节奏统一；首屏后收口，去掉大块空白 */
body.design-skin .intro-page > section:not(.hero-section) {
  padding-left: var(--page-pad) !important;
  padding-right: var(--page-pad) !important;
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

body.design-skin .intro-page > section:not(.hero-section) + section:not(.hero-section) {
  padding-top: 32px !important;
}

body.design-skin .intro-page .hero-section + section {
  margin-top: -36px !important;
  padding-top: 24px !important;
}

/* 报告卡：终稿组件规范（米纸底 / 金标签 / 内嵌条目） */
body.design-skin .intro-page .deliverable-as-report-v12 .report-package-list {
  display: grid !important;
  gap: 20px !important;
}

/* 报告卡：半透明渐变纸卡（略提不透明度，保证正文可读） */
body.design-skin .intro-page .deliverable-section .report-package,
body.design-skin .intro-page .deliverable-section .share-package,
body.design-skin .intro-page .deliverable-as-report-v12 .report-package,
body.design-skin .intro-page .deliverable-as-report-v12 .share-package,
body.design-skin .intro-page .report-package,
body.design-skin .intro-page .share-package {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 24px !important;
  color: #1f2623 !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(
      165deg,
      rgba(244, 243, 237, 0.92) 0%,
      rgba(244, 243, 237, 0.86) 55%,
      rgba(236, 232, 220, 0.8) 100%
    ),
    var(--paper-texture) !important;
  border: 1px solid rgba(244, 243, 237, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 24px rgba(12, 16, 14, 0.16) !important;
  backdrop-filter: blur(12px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
  overflow: hidden !important;
}

body.design-skin .intro-page .deliverable-section .report-package h3,
body.design-skin .intro-page .deliverable-section .share-package h3,
body.design-skin .intro-page .deliverable-as-report-v12 .report-package h3,
body.design-skin .intro-page .deliverable-as-report-v12 .share-package h3 {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(184, 154, 96, 0.45) !important;
  position: relative !important;
  color: #1f2623 !important;
}

body.design-skin .intro-page .deliverable-section .report-package h3::before,
body.design-skin .intro-page .deliverable-section .share-package h3::before,
body.design-skin .intro-page .deliverable-as-report-v12 .report-package h3::before,
body.design-skin .intro-page .deliverable-as-report-v12 .share-package h3::before {
  content: "此刻" !important;
  justify-self: start !important;
  color: #8f7344 !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

body.design-skin .intro-page .deliverable-section .report-package h3 strong,
body.design-skin .intro-page .deliverable-section .share-package h3 strong,
body.design-skin .intro-page .deliverable-as-report-v12 .report-package h3 strong,
body.design-skin .intro-page .deliverable-as-report-v12 .share-package h3 strong {
  justify-self: center !important;
  color: #1f2623 !important;
  font-family: var(--serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
}

body.design-skin .intro-page .deliverable-section .report-package h3 small,
body.design-skin .intro-page .deliverable-section .share-package h3 small,
body.design-skin .intro-page .deliverable-as-report-v12 .report-package h3 small,
body.design-skin .intro-page .deliverable-as-report-v12 .share-package h3 small {
  justify-self: end !important;
  margin: 0 !important;
  color: #8f7344 !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* 标题下 ✦：去掉白底色块 */
body.design-skin .intro-page .deliverable-section .report-package h3::after,
body.design-skin .intro-page .deliverable-section .share-package h3::after,
body.design-skin .intro-page .deliverable-as-report-v12 .report-package h3::after,
body.design-skin .intro-page .deliverable-as-report-v12 .share-package h3::after {
  content: "✦" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -0.55em !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #b89a60 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  text-shadow:
    -3px 0 0 rgba(244, 243, 237, 0.95),
    3px 0 0 rgba(244, 243, 237, 0.95) !important;
}

body.design-skin .intro-page .deliverable-section .report-package .package-page-v12,
body.design-skin .intro-page .deliverable-section .share-package .package-page-v12,
body.design-skin .intro-page .deliverable-as-report-v12 .package-page-v12 {
  margin: 0 !important;
  padding: 18px 0 0 !important;
  border: 0 !important;
  color: #1f2623 !important;
  background: transparent !important;
}

body.design-skin .intro-page .deliverable-section .report-package p,
body.design-skin .intro-page .deliverable-section .share-package p,
body.design-skin .intro-page .deliverable-as-report-v12 .package-page-v12 p {
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #1f2623 !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

body.design-skin .intro-page .deliverable-section .report-package ul,
body.design-skin .intro-page .deliverable-section .share-package ul,
body.design-skin .intro-page .deliverable-as-report-v12 .package-page-v12 ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 列表：加深字色；圆点与文字垂直居中（不依赖 package-page-v12） */
body.design-skin .intro-page .deliverable-section .report-package li,
body.design-skin .intro-page .deliverable-section .share-package li,
body.design-skin .intro-page .deliverable-as-report-v12 .package-page-v12 li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 2px 0 2px 0 !important;
  color: #2a322e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  list-style: none !important;
}

body.design-skin .intro-page .deliverable-section .report-package li::before,
body.design-skin .intro-page .deliverable-section .report-package li:before,
body.design-skin .intro-page .deliverable-section .share-package li::before,
body.design-skin .intro-page .deliverable-section .share-package li:before,
body.design-skin .intro-page .deliverable-as-report-v12 .package-page-v12 li::before,
body.design-skin .intro-page .deliverable-as-report-v12 .package-page-v12 li:before {
  content: "" !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  flex: none !important;
  align-self: center !important;
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #b89a60 !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  line-height: 0 !important;
}

body.design-skin .intro-page .delivery-format,
body.design-skin .intro-page .delivery-format span,
body.design-skin .intro-page .delivery-format strong,
body.design-skin .intro-page .delivery-format p {
  display: none !important;
}
body.design-skin .sticky-intro-cta,
body.design-skin .sticky-intro-cta.has-report-entry-v4,
body.design-skin.has-page-glow .sticky-intro-cta,
body.design-skin .site-shell .intro-page .sticky-intro-cta,
body.design-skin .intro-page .sticky-intro-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(108px, 118px) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(
    calc(var(--design-col) - var(--page-pad) * 2),
    calc(100vw - var(--page-pad) * 2)
  ) !important;
  max-width: min(
    calc(var(--design-col) - var(--page-pad) * 2),
    calc(100vw - var(--page-pad) * 2)
  ) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 60 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity 0.2s ease, transform 0.24s ease !important;
}

body.design-skin .sticky-intro-cta.bottom-actions-visible-v8,
body.design-skin .site-shell .intro-page .sticky-intro-cta.bottom-actions-visible-v8,
body.design-skin .intro-page .sticky-intro-cta.bottom-actions-visible-v8 {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(calc(100% + 24px)) !important;
}

body.design-skin .sticky-meta-v78,
body.design-skin .intro-page .begin-frame .begin-meta,
body.design-skin .intro-page .begin-meta {
  display: none !important;
}

body.design-skin .intro-page .begin-frame h2 {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
}

body.design-skin .intro-page .boundary-note {
  color: var(--text-secondary) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--accent-gold-subtle) !important;
  box-shadow: none !important;
}

body.design-skin .intro-page .boundary-note p,
body.design-skin .intro-page .boundary-note span {
  color: var(--text-secondary) !important;
  font-family: var(--serif) !important;
}

body.design-skin .sticky-intro-cta > button,
body.design-skin .sticky-intro-cta .sticky-report-entry-v4 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  order: unset !important;
}

/* 主按钮：恢复原暖金效果，不用纯米白 */
body.design-skin .sticky-intro-cta > button:first-child,
body.design-skin .sticky-intro-cta.has-report-entry-v4 > button:first-child {
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(24, 32, 27, 0.2) !important;
  font-family: var(--sans) !important;
}

body.design-skin .sticky-intro-cta > button:first-child:active {
  background: #decc9a !important;
}

/* 次按钮：实心底，避免湖面/文案透出（盖过 page-glow 半透明） */
body.design-skin.has-page-glow .sticky-intro-cta.has-report-entry-v4 .sticky-report-entry-v4,
body.design-skin .site-shell .sticky-intro-cta.has-report-entry-v4 .sticky-report-entry-v4,
body.design-skin .sticky-intro-cta.has-report-entry-v4 .sticky-report-entry-v4,
body.design-skin .sticky-intro-cta .sticky-report-entry-v4 {
  color: #f3ead4 !important;
  background: #2c3431 !important;
  background-color: #2c3431 !important;
  background-image: none !important;
  border: 1px solid rgba(184, 154, 96, 0.55) !important;
  box-shadow: 0 8px 18px rgba(24, 32, 27, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-family: var(--sans) !important;
}

body.design-skin.has-page-glow .sticky-intro-cta.has-report-entry-v4 .sticky-report-entry-v4:active,
body.design-skin .sticky-intro-cta .sticky-report-entry-v4:active {
  background: #242b28 !important;
  background-color: #242b28 !important;
  border-width: 1.5px !important;
}

/* begin 区主按钮也回到暖金，避免与卡片米白撞色 */
body.design-skin .site-shell .primary-button,
body.design-skin .begin-frame .primary-button {
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(24, 32, 27, 0.12) !important;
  min-height: 48px !important;
  border-radius: 10px !important;
}

/* ---------- 问卷 P.02 ---------- */
body.design-skin.survey-page .topbar,
body.design-skin .survey-shell .topbar {
  color: var(--text-primary) !important;
  background: rgba(44, 52, 49, 0.55) !important;
  border-bottom: 1px solid var(--border-default) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.design-skin.survey-page .brand,
body.design-skin.survey-page .brand span,
body.design-skin.survey-page .close-btn,
body.design-skin.survey-page .copy-code-quiet {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
}

body.design-skin.survey-page .progress-meta,
body.design-skin.survey-page .progress-wrap,
body.design-skin.survey-page .q-progress,
body.design-skin.survey-page [data-progress] {
  color: var(--accent-gold) !important;
  font-size: var(--fs-meta) !important;
  letter-spacing: 0.08em;
}

body.design-skin.survey-page .q-card,
body.design-skin.survey-page .intro-card {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--text-primary) !important;
}

body.design-skin.survey-page .q-text,
body.design-skin.survey-page .question-title,
body.design-skin.survey-page .q-title,
body.design-skin.survey-page .page-title,
body.design-skin.survey-page .intro-card h2,
body.design-skin.survey-page h1,
body.design-skin.survey-page h2 {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
  font-size: var(--fs-title-3) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

body.design-skin.survey-page .q-hint,
body.design-skin.survey-page .page-intro,
body.design-skin.survey-page .intro-card p,
body.design-skin.survey-page .text-counter,
body.design-skin.survey-page .error-page p,
body.design-skin.survey-page .submitting p {
  color: var(--text-secondary) !important;
  font-family: var(--serif) !important;
}

body.design-skin.survey-page .option,
body.design-skin.survey-page .opt,
body.design-skin.survey-page button.choice,
body.design-skin.survey-page .choice-item {
  color: var(--text-dark) !important;
  background: var(--paper) !important;
  background-image: var(--paper-texture) !important;
  border: 1px solid rgba(44, 52, 49, 0.1) !important;
  border-radius: 12px !important;
  min-height: 52px !important;
  box-shadow: none !important;
}

/* 满意度 1–10：单行收紧，避免出界 */
body.design-skin.survey-page .scale {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 16px !important;
  overflow: visible !important;
}

body.design-skin.survey-page .scale-btn {
  color: var(--text-dark) !important;
  background: var(--paper) !important;
  background-image: var(--paper-texture) !important;
  border: 1px solid rgba(44, 52, 49, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

body.design-skin.survey-page .scale-labels {
  gap: 12px !important;
  margin-top: 10px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

body.design-skin.survey-page .option,
body.design-skin.survey-page .opt {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
}

body.design-skin.survey-page .option.is-on,
body.design-skin.survey-page .opt.selected,
body.design-skin.survey-page .choice-item.is-selected,
body.design-skin.survey-page .scale-btn.selected {
  border-color: var(--accent-gold) !important;
  background: #f7efd8 !important;
  background-image: none !important;
  color: #2c3431 !important;
  font-weight: 700 !important;
  box-shadow: inset 0 0 0 1px rgba(184, 154, 96, 0.45) !important;
}

body.design-skin.survey-page .opt .marker,
body.design-skin.survey-page .option .marker {
  order: -1 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border: 1.5px solid rgba(44, 52, 49, 0.28) !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.design-skin.survey-page .opt.multi .marker,
body.design-skin.survey-page .option.multi .marker {
  border-radius: 4px !important;
}

body.design-skin.survey-page .opt.selected .marker,
body.design-skin.survey-page .option.is-on .marker {
  border-color: var(--accent-gold) !important;
  background: var(--accent-gold) !important;
}

body.design-skin.survey-page .opt.selected .marker::after,
body.design-skin.survey-page .option.is-on .marker::after {
  content: "✓" !important;
  color: #2c3431 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.design-skin.survey-page .opt.single.selected .marker::after,
body.design-skin.survey-page .option.single.is-on .marker::after {
  content: "✓" !important;
}

body.design-skin.survey-page .bottom-bar,
body.has-page-glow.survey-glow.design-skin .bottom-bar,
body.design-skin.survey-page.has-page-glow .bottom-bar {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  max-width: min(var(--design-col), 100vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 12px var(--page-pad) calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 10px !important;
}

body.design-skin.survey-page .btn-primary,
body.design-skin.survey-page button.btn-primary {
  min-height: var(--btn-h) !important;
  border-radius: var(--radius-btn) !important;
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  background-image: none !important;
  border: 0 !important;
  opacity: 1 !important;
  font-family: var(--serif) !important;
  box-shadow: 0 10px 24px rgba(24, 32, 27, 0.14) !important;
}

body.design-skin.survey-page .btn-ghost,
body.design-skin.survey-page button.btn-ghost {
  color: #2f3a34 !important;
  background: #f4f3ed !important;
  background-image: none !important;
  border: 1px solid rgba(184, 154, 96, 0.45) !important;
  border-radius: var(--radius-btn) !important;
  min-height: var(--btn-h) !important;
  opacity: 1 !important;
  font-family: var(--serif) !important;
  box-shadow: 0 8px 18px rgba(24, 32, 27, 0.1) !important;
}

body.design-skin.survey-page textarea,
body.design-skin.survey-page input[type="text"],
body.design-skin.survey-page .text-input {
  color: var(--text-dark) !important;
  background: var(--paper) !important;
  background-image: var(--paper-texture) !important;
  border-radius: var(--radius-input) !important;
  border: 1px solid rgba(44, 52, 49, 0.12) !important;
  border-bottom: 1.5px solid rgba(44, 52, 49, 0.18) !important;
  font-family: var(--serif) !important;
}

body.design-skin.survey-page textarea:focus,
body.design-skin.survey-page input[type="text"]:focus,
body.design-skin.survey-page .text-input:focus {
  outline: none !important;
  border-bottom-color: var(--accent-gold) !important;
}

body.design-skin.survey-page .error-page,
body.design-skin.survey-page .submitting {
  color: var(--text-primary) !important;
  background: transparent !important;
}

/* ---------- 生成 / journey P.03 ---------- */
body.design-skin .brief-page,
body.design-skin .journey-page,
body.design-skin .brief-cover,
body.design-skin .progress-card,
body.design-skin .action-card,
body.design-skin .activation-page,
body.design-skin .processing-page {
  color: var(--text-primary) !important;
  background: transparent !important;
  background-image: none !important;
}

body.design-skin .brief-page .flow-header,
body.design-skin .report-lookup-page .flow-header {
  color: var(--text-primary) !important;
  background: rgba(44, 52, 49, 0.45) !important;
  border-bottom: 1px solid var(--border-default) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.design-skin .brief-page .flow-header span,
body.design-skin .report-lookup-page .flow-header span {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
  letter-spacing: 0.06em !important;
}

/* 返回钮：与生成页一致（透明圆形，勿吃主按钮暖金） */
body.design-skin .brief-page .flow-header button,
body.design-skin .report-lookup-page .flow-header button {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  color: var(--text-primary) !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-weight: 400 !important;
}

body.design-skin .brief-page h1,
body.design-skin .brief-page h2,
body.design-skin .journey-page h1,
body.design-skin .manual-step-header-v5 h2 {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
}

body.design-skin .brief-page .brief-cover > p,
body.design-skin .manual-step-header-v5 p,
body.design-skin .claim-wait-v18,
body.design-skin .claim-error-v18 {
  color: var(--text-secondary) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* 步骤标题保留可读尺寸；说明/方式文案缩小并提亮 */
body.design-skin .brief-page .manual-step-header-v5 h2 {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

body.design-skin .brief-page .method-line-v18 .method-kicker-v18,
body.design-skin .brief-page .method-kicker-v18 {
  color: var(--accent-gold) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
}

body.design-skin .brief-page .method-line-v18 .method-inline-v18,
body.design-skin .brief-page .method-inline-v18 {
  color: rgba(244, 243, 237, 0.78) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.design-skin .brief-page .purchase-channels-v12 strong {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.design-skin .brief-page .purchase-channels-v12 p,
body.design-skin .brief-page .purchase-guide-v12 > p,
body.design-skin .brief-page .code-save-hint-v18,
body.design-skin .brief-page .survey-return-note {
  color: rgba(244, 243, 237, 0.68) !important;
  font-family: var(--serif) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}

body.design-skin .brief-page .purchase-link-v20 {
  display: none !important;
}

body.design-skin .progress-card,
body.design-skin .action-card,
body.design-skin .steps li,
body.design-skin .brief-page .manual-code-step-v5,
body.design-skin .brief-page .journey-code-entry-v16,
body.design-skin .brief-page .purchase-guide-v12,
body.design-skin .brief-page .purchase-channels-v12 article {
  background: rgba(26, 42, 34, 0.55) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: 16px !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* 生成中：进度直接铺在步骤卡内，去掉 claim-panel / progress 双层框 */
body.design-skin .claim-panel-v18:not(:has(.claim-deliverables-v18)) {
  margin-top: 8px !important;
  padding: 4px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.design-skin .claim-progress-v18 {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--text-primary) !important;
}

body.design-skin .brief-page .claim-progress-row-v18 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
}

body.design-skin .brief-page .claim-progress-row-v18 span {
  color: rgba(244, 243, 237, 0.88) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.design-skin .brief-page .claim-progress-row-v18 strong {
  color: rgba(244, 243, 237, 0.88) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

body.design-skin .claim-progress-bar-v18 {
  height: 8px !important;
  margin: 0 0 12px !important;
  background: rgba(244, 243, 237, 0.12) !important;
  border-radius: 999px !important;
  overflow: hidden;
}

body.design-skin .claim-progress-bar-v18 > i {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(184, 154, 96, 0.55), var(--accent-gold)) !important;
}

body.design-skin .brief-page .claim-progress-v18 > p {
  margin: 0 0 16px !important;
  color: rgba(244, 243, 237, 0.72) !important;
  font-family: var(--serif) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.design-skin .brief-page .claim-progress-v18 ol {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.design-skin .brief-page .claim-progress-v18 li {
  display: grid !important;
  grid-template-columns: 10px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  color: rgba(244, 243, 237, 0.55) !important;
  font-family: var(--serif) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

body.design-skin .brief-page .claim-progress-v18 li i {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(244, 243, 237, 0.22) !important;
}

body.design-skin .brief-page .claim-progress-v18 li.active {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

body.design-skin .brief-page .claim-progress-v18 li.done {
  color: rgba(244, 243, 237, 0.72) !important;
}

body.design-skin .brief-page .claim-progress-v18 li.active i,
body.design-skin .brief-page .claim-progress-v18 li.done i {
  background: var(--accent-gold) !important;
}

body.design-skin .brief-page .journey-code-entry-v16 input,
body.design-skin .brief-page [data-grant-code-v14] .bound-code-value-v126,
body.design-skin .brief-page [data-grant-code-v14] .bound-code-input-v29 {
  min-height: 40px !important;
  height: 40px !important;
  color: var(--text-dark) !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: 0.08em;
}

body.design-skin .brief-page input[type="text"] {
  min-height: var(--btn-h) !important;
  color: var(--text-dark) !important;
  background: var(--paper) !important;
  border: 0 !important;
  border-radius: var(--radius-input) !important;
  border-bottom: 1.5px solid transparent !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: 0.08em;
}

body.design-skin .brief-page .journey-code-entry-v16 input:focus,
body.design-skin .brief-page [data-grant-code-v14] .bound-code-input-v29:focus {
  outline: none !important;
  border-bottom-color: var(--accent-gold) !important;
}

body.design-skin .brief-page [data-grant-code-v14] .bound-code-actions-v126 .copy-code-quiet-v25,
body.design-skin .brief-page [data-grant-code-v14] > [data-cancel-bound-code] {
  color: rgba(244, 243, 237, 0.78) !important;
  background: transparent !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.design-skin .brief-page [data-grant-code-v14] .bound-code-submit-v132,
body.design-skin .brief-page .journey-code-entry-v16 .lookup-form-v4 > button[type="submit"],
body.design-skin .brief-page .journey-code-entry-v16 form.lookup-form > button[type="submit"] {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  border: 0 !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.design-skin .brief-page .survey-continue-button-v4,
body.design-skin .brief-page .primary-button,
body.design-skin .site-shell .survey-continue-button-v4 {
  min-height: var(--btn-h) !important;
  border-radius: var(--radius-btn) !important;
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  border: 0 !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}

/* ---------- 领取完成 P.05：与查看报告交付卡同构 ---------- */
body.design-skin .claim-panel-v18:has(.claim-deliverables-v18) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: left;
  padding: 8px 0 28px !important;
}

body.design-skin .claim-ready-lead-v18 {
  display: none !important;
}

body.design-skin .claim-deliverables-v18 {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
}

/* 生成完成卡 / 查看报告卡：提亮纸卡 + 按钮对比 */
body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card,
body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card.private-access,
body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card.share-access,
body.design-skin .report-lookup-page .delivery-access-card,
body.design-skin .report-lookup-page .delivery-access-card.locked,
body.design-skin .report-lookup-page .delivery-access-card.private-access,
body.design-skin .report-lookup-page .delivery-access-card.share-access {
  padding: 24px !important;
  color: #1f2623 !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(
      165deg,
      rgba(250, 249, 244, 0.98) 0%,
      rgba(247, 245, 238, 0.96) 55%,
      rgba(242, 239, 230, 0.94) 100%
    ),
    var(--paper-texture) !important;
  border: 1px solid rgba(244, 243, 237, 0.45) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 24px rgba(12, 16, 14, 0.14) !important;
  backdrop-filter: blur(10px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.04) !important;
  filter: none !important;
  text-align: left !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card::before,
body.design-skin .report-lookup-page .delivery-access-card::before {
  display: none !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card > div:not(.package-page-v12),
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(184, 154, 96, 0.45) !important;
  position: relative !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card > div:not(.package-page-v12) em,
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) em,
body.design-skin .report-lookup-page .delivery-access-card em,
body.design-skin .report-lookup-page .delivery-access-card.share-access em,
body.design-skin .report-lookup-page .delivery-access-card.private-access em {
  justify-self: start !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8f7344 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0.08em !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card > div:not(.package-page-v12) h2,
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) h2,
body.design-skin .report-lookup-page .delivery-access-card h2 {
  justify-self: center !important;
  margin: 0 !important;
  color: #1f2623 !important;
  font-family: var(--serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card > div:not(.package-page-v12) .edition-audience-v13,
body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card > div:not(.package-page-v12) small,
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) .edition-audience-v13,
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) small {
  justify-self: end !important;
  margin: 0 !important;
  color: #8f7344 !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .delivery-access-card > div:not(.package-page-v12)::after,
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12)::after {
  content: "✦" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -0.55em !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #b89a60 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  text-shadow:
    -3px 0 0 rgba(250, 249, 244, 0.98),
    3px 0 0 rgba(250, 249, 244, 0.98) !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .package-page-v12,
body.design-skin .report-lookup-page .delivery-access-card .package-page-v12 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 18px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .package-page-v12 p,
body.design-skin .report-lookup-page .delivery-access-card .package-page-v12 p {
  flex: 1 0 100% !important;
  width: 100% !important;
  margin: 0 !important;
  color: #1f2623 !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .package-page-v12 a:not(.download-button) {
  flex: 1 1 calc(50% - 6px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: var(--btn-h) !important;
  margin: 0 !important;
  color: #2a332e !important;
  background: #edd9a8 !important;
  border: 0 !important;
  border-radius: var(--radius-btn) !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.design-skin .brief-page .claim-deliverables-v18 .package-page-v12 .download-button {
  flex: 1 1 calc(50% - 6px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: var(--btn-h) !important;
  margin: 0 !important;
  color: #2a332e !important;
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1.5px solid rgba(143, 115, 68, 0.7) !important;
  border-radius: var(--radius-btn) !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 兼容旧 claim 结构（若缓存未刷新） */
body.design-skin .claim-deliverables-v18 > article:not(.delivery-access-card) {
  background: var(--paper) !important;
  background-image: var(--paper-texture) !important;
  color: var(--text-dark) !important;
  border: 0 !important;
  border-radius: var(--radius-paper) !important;
  padding: 24px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important;
  text-align: center;
}

body.design-skin .claim-deliverables-v18 > article:not(.delivery-access-card) > div {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px;
  margin-bottom: 10px !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
}

body.design-skin .claim-deliverables-v18 > article:not(.delivery-access-card) h3 {
  margin: 0 0 18px !important;
  color: var(--text-dark) !important;
  font-family: var(--serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* ---------- 查看报告 P.06（共享 chrome ← 生成页；交付卡等独有块保持纸卡） ---------- */
body.design-skin .report-lookup-page {
  color: var(--text-primary) !important;
  background: transparent !important;
}

/* Hero 对齐 brief-cover：透底图，无旧 cover 渐变/纸卡边；标题左侧留白并收紧行距 */
body.design-skin .brief-page .brief-cover,
body.design-skin .brief-page.generate-flow-v18 .brief-cover,
body.design-skin .report-lookup-page .lookup-hero,
body.design-skin .report-lookup-page.lookup-cover-v20 .lookup-hero,
body.design-skin .report-lookup-page.lookup-unify-v13 .lookup-hero {
  margin: 0 !important;
  padding: 28px 8px 16px 8px !important;
  color: var(--text-primary) !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 生成页：标题→首卡间距对齐查看报告（去掉 brief-body 顶垫 + 首卡上边距） */
body.design-skin .brief-page .brief-body,
body.design-skin .brief-page.generate-flow-v18 .brief-body {
  padding-top: 0 !important;
}

body.design-skin .brief-page .brief-body > .manual-code-step-v5 {
  margin-top: 12px !important;
}

body.design-skin .brief-page .brief-body > .manual-code-step-v5:first-of-type,
body.design-skin .brief-page .brief-body > .journey-overview-v7 + .manual-code-step-v5 {
  margin-top: 0 !important;
}

body.design-skin .brief-page .brief-cover h1,
body.design-skin .brief-page.generate-flow-v18 .brief-cover h1,
body.design-skin .report-lookup-page .lookup-hero h1,
body.design-skin .report-lookup-page.lookup-cover-v20 .lookup-hero h1,
body.design-skin .report-lookup-page.lookup-unify-v13 .lookup-hero h1 {
  margin: 0 0 8px !important;
  padding-left: 4px !important;
  max-width: 18em !important;
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  font-size: clamp(22px, 5.8vw, 28px) !important;
  line-height: 1.38 !important;
  letter-spacing: 0.02em !important;
}

body.design-skin .report-lookup-page .lookup-hero p,
body.design-skin .report-lookup-page.lookup-cover-v20 .lookup-hero > p:last-child,
body.design-skin .report-lookup-page.lookup-unify-v13 .lookup-hero > p:last-child {
  margin: 0 !important;
  color: var(--text-secondary) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* 表单容器对齐生成页步骤卡：深透玻璃，不用纸卡底 */
body.design-skin .report-lookup-page .lookup-body,
body.design-skin .report-lookup-page.lookup-unify-v13 .lookup-body {
  margin: 0 0 48px !important;
  padding: 22px 20px 24px !important;
  color: var(--text-primary) !important;
  background: rgba(26, 42, 34, 0.55) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.design-skin .report-lookup-page .lookup-form,
body.design-skin .report-lookup-page .lookup-form-v4 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.design-skin .report-lookup-page .lookup-body > label,
body.design-skin .report-lookup-page .lookup-body > label[for="report-code"],
body.design-skin .lookup-form-hint-v4 {
  color: rgba(244, 243, 237, 0.68) !important;
  font-family: var(--serif) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}

body.design-skin .report-lookup-page .result-message,
body.design-skin .report-lookup-page .result-message.idle,
body.design-skin .site-shell .report-lookup-page .result-message.idle {
  color: rgba(244, 243, 237, 0.68) !important;
  background: transparent !important;
  font-family: var(--serif) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}

body.design-skin .report-lookup-page input[type="text"],
body.design-skin .report-lookup-page .lookup-form-v4 input,
body.design-skin .site-shell .report-lookup-page .lookup-form-v4 input {
  color: var(--text-dark) !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border-radius: 10px !important;
  min-height: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: 0.08em;
}

body.design-skin .report-lookup-page input[type="text"]:focus,
body.design-skin .report-lookup-page .lookup-form-v4 input:focus {
  outline: none !important;
  border-bottom-color: var(--accent-gold) !important;
}

/* 主查询钮 = 生成页「继续」暖金 + 粗体；勿命中 flow-header / 复制 / 修改 / 下载 */
body.design-skin .report-lookup-page .lookup-form-v4 > button:not(.copy-code-quiet-v25):not([data-copy-code]):not([data-edit-lookup-code]),
body.design-skin .report-lookup-page .lookup-form > button:not([data-copy-code]):not([data-edit-lookup-code]):not(.copy-code-quiet-v25):not(.download-button),
body.design-skin .site-shell .report-lookup-page .lookup-form-v4 > button:not(.copy-code-quiet-v25) {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}

body.design-skin .report-lookup-page .lookup-form-v4 .code-entry-actions-v132 .copy-code-quiet-v25,
body.design-skin .report-lookup-page .lookup-form-v4 .code-entry-actions-v132 button {
  min-height: auto !important;
  min-width: 0 !important;
  width: auto !important;
  color: #5f5c56 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  display: inline !important;
  padding: 0 !important;
}

/* 查看报告交付卡：覆盖旧不透明纸卡，沿用上方半透明首页卡配方 */
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) > span[hidden],
body.design-skin .report-lookup-page .delivery-access-card > div:not(.package-page-v12) > span[aria-hidden="true"] {
  display: none !important;
}

body.design-skin .report-lookup-page .delivery-access-card .package-page-v12::before,
body.design-skin .report-lookup-page .delivery-access-card .package-page-v12::after {
  content: none !important;
  display: none !important;
}

body.design-skin .report-lookup-page .delivery-access-card .package-page-v12 a:not(.download-button),
body.design-skin .report-lookup-page .delivery-access-card .package-page-v12 button:not(.download-button) {
  flex: 1 1 calc(50% - 6px) !important;
  width: auto !important;
  min-height: var(--btn-h) !important;
  color: #2a332e !important;
  background: #edd9a8 !important;
  border: 0 !important;
  border-radius: var(--radius-btn) !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}

body.design-skin .report-lookup-page .delivery-access-card .download-button,
body.design-skin .report-lookup-page a.download-button {
  flex: 1 1 calc(50% - 6px) !important;
  width: auto !important;
  align-self: stretch !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: var(--btn-h) !important;
  margin: 0 !important;
  padding: 0 12px !important;
  color: #2a332e !important;
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1.5px solid rgba(143, 115, 68, 0.7) !important;
  border-radius: var(--radius-btn) !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* 去掉下载旁多余装饰星 */
body.design-skin .report-lookup-page .delivery-access-card .download-button::before,
body.design-skin .report-lookup-page .delivery-access-card .download-button::after,
body.design-skin .report-lookup-page a.download-button::before,
body.design-skin .report-lookup-page a.download-button::after {
  content: none !important;
  display: none !important;
}

/* 独有：继续填写 / 复制码 — 保持安静次级，不升成主按钮 */
body.design-skin .report-lookup-page .lookup-body > .copy-code-quiet-v25,
body.design-skin .report-lookup-page .lookup-continue-v15 .journey-secondary-action-v8 {
  color: rgba(244, 243, 237, 0.72) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  min-height: auto !important;
}

body.design-skin .report-lookup-page .code-entry-actions-v132 .copy-code-quiet-v25 {
  color: #5f5c56 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  min-height: auto !important;
}

body.design-skin .report-lookup-page .lookup-continue-v15 p,
body.design-skin .report-lookup-page .share-link-note,
body.design-skin .report-lookup-page .share-privacy-note {
  color: rgba(244, 243, 237, 0.68) !important;
  font-family: var(--serif) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}

body.design-skin .report-lookup-page .lookup-continue-v15 .survey-link-button {
  min-height: var(--btn-h) !important;
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  border: 0 !important;
  border-radius: var(--radius-btn) !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}

/* ---------- 报告阅读壳 P.04 / P.07（按截图：全屏星空湖面 + 居中白/金字；无米纸卡） ---------- */
html:has(body.design-skin.report-page),
body.design-skin.report-page {
  background: transparent !important;
}

body.design-skin.report-page[data-design-bg="bg03"]::before {
  /* 封面/章节共用松林湖面：山影落在首屏底部 */
  background-size: 108% auto;
  background-position: center 62%;
}

body.design-skin .reader-topbar {
  max-width: min(var(--design-col), 100vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: var(--page-pad) !important;
  padding-right: var(--page-pad) !important;
  color: var(--text-primary) !important;
  background: rgba(44, 52, 49, 0.55) !important;
  border-bottom: 1px solid var(--border-default) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.design-skin .reader-topbar > span,
body.design-skin .reader-topbar a {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
}

body.design-skin .reader-topbar .download-link {
  color: var(--accent-gold) !important;
}

body.design-skin .reader-shell,
body.design-skin .reader-state,
body.design-skin .cover-panel {
  color: var(--text-primary) !important;
  background: transparent !important;
}

body.design-skin .reader-shell {
  box-sizing: border-box;
  width: 100% !important;
  max-width: min(var(--design-col), 100vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
}

body.design-skin .report-document {
  background: transparent !important;
}

/* —— 封面 P.04 —— */
body.design-skin .report-cover,
body.design-skin .report-cover.is-cover-skin {
  position: relative !important;
  box-sizing: border-box !important;
  min-height: calc(100dvh - 56px) !important;
  margin: 0 calc(var(--page-pad) * -1) !important;
  padding: 48px var(--page-pad) 108px !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto 1fr !important;
  grid-template-rows: auto auto auto auto 1fr auto !important;
  align-content: stretch !important;
  text-align: center !important;
  color: var(--text-primary) !important;
  background: transparent !important;
}

/* 截图：去掉顶行「此刻 / 完整版」 */
body.design-skin .cover-meta {
  display: none !important;
}

body.design-skin .cover-when {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  margin: clamp(48px, 12vh, 88px) 0 0 !important;
  color: rgba(244, 243, 237, 0.78) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.4 !important;
}

body.design-skin .cover-brand {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  justify-self: center !important;
  margin: 18px 0 0 !important;
  color: #f4f3ed !important;
  font-family: var(--serif) !important;
  font-size: clamp(32px, 8.5vw, 40px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.3 !important;
}

/* 副标题紧贴主标题（顶部对齐） */
body.design-skin .report-cover h1 {
  grid-column: 2 !important;
  grid-row: 3 !important;
  justify-self: end !important;
  align-self: start !important;
  margin: 10px 0 0 !important;
  color: rgba(244, 243, 237, 0.92) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
}

body.design-skin .cover-edition {
  grid-column: 3 !important;
  grid-row: 3 !important;
  justify-self: start !important;
  align-self: start !important;
  margin: 10px 0 0 !important;
  color: rgba(244, 243, 237, 0.92) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
}

body.design-skin .cover-edition::before {
  content: " · " !important;
  color: rgba(244, 243, 237, 0.72) !important;
}

body.design-skin .report-cover blockquote {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  justify-self: center !important;
  margin: clamp(40px, 10vh, 80px) auto 0 !important;
  max-width: 320px !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  text-align: center !important;
}

body.design-skin .cover-owner {
  grid-column: 1 / -1 !important;
  grid-row: 6 !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 28px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  border-top: 1px solid rgba(184, 154, 96, 0.35) !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
}

body.design-skin .cover-owner span {
  color: var(--accent-gold) !important;
}

body.design-skin .cover-owner span + span::before {
  content: " · " !important;
  color: rgba(184, 154, 96, 0.7) !important;
}

/* —— 章节 / 开篇 / 说明 / 收束：透底图；章节号/标题/金句居中，正文左对齐 —— */
body.design-skin .opening-section,
body.design-skin .report-section,
body.design-skin .reading-note,
body.design-skin .report-closing {
  position: relative !important;
  margin: 0 !important;
  padding: 56px 8px 48px !important;
  color: var(--text-primary) !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.design-skin .report-section.is-chapter-skin {
  min-height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  padding-bottom: 56px !important;
}

body.design-skin .report-section header {
  position: relative !important;
  z-index: 1;
  padding-top: 28px;
  text-align: center !important;
}

/* 超大淡章节号水印 */
body.design-skin .report-section.is-chapter-skin header::before {
  content: var(--section-idx, "") !important;
  position: absolute !important;
  left: 50% !important;
  top: 8px !important;
  transform: translateX(-50%) !important;
  z-index: 0 !important;
  color: rgba(184, 154, 96, 0.12) !important;
  font-family: var(--serif) !important;
  font-size: clamp(96px, 28vw, 140px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: 0.04em !important;
}

body.design-skin .report-section header > span,
body.design-skin .section-eyebrow,
body.design-skin .reading-note > span {
  position: relative;
  z-index: 1;
  display: block !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
}

body.design-skin .opening-section h2,
body.design-skin .report-section h2,
body.design-skin .report-closing h2 {
  position: relative;
  z-index: 1;
  margin: 28px 0 0 !important;
  color: #f4f3ed !important;
  font-family: var(--serif) !important;
  font-size: clamp(26px, 7vw, 32px) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.design-skin .report-section header blockquote {
  position: relative;
  z-index: 1;
  margin: 36px auto 0 !important;
  max-width: 340px !important;
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-style: italic !important;
  line-height: 1.9 !important;
  text-align: center !important;
}

body.design-skin .section-body {
  position: relative;
  z-index: 1;
  margin-top: 36px !important;
  flex: 1;
  text-align: left !important;
}

body.design-skin .opening-lead,
body.design-skin .opening-lines blockquote,
body.design-skin .report-section p,
body.design-skin .section-copy,
body.design-skin .reading-note p,
body.design-skin .reading-note small,
body.design-skin .report-closing p,
body.design-skin .report-closing span,
body.design-skin .opening-closing {
  color: rgba(244, 243, 237, 0.88) !important;
  font-family: var(--serif) !important;
  font-size: 15px !important;
  line-height: 2 !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent !important;
}

body.design-skin .section-copy {
  margin: 0 !important;
  padding: 18px 4px !important;
  border-top: 0 !important;
}

body.design-skin .section-copy.method-note {
  color: rgba(244, 243, 237, 0.55) !important;
  font-size: 13px !important;
}

body.design-skin .opening-lines blockquote {
  padding: 16px 4px !important;
  color: rgba(244, 243, 237, 0.9) !important;
  font-weight: 500 !important;
}

body.design-skin .reading-note small {
  color: rgba(244, 243, 237, 0.55) !important;
  font-size: 13px !important;
}

body.design-skin .report-closing > p {
  color: var(--accent-gold) !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-align: center !important;
}

body.design-skin .report-closing h2,
body.design-skin .report-closing span,
body.design-skin .report-closing a {
  text-align: center !important;
  display: block;
}

body.design-skin .report-closing a {
  color: rgba(244, 243, 237, 0.85) !important;
  border-bottom-color: rgba(184, 154, 96, 0.45) !important;
  font-family: var(--serif) !important;
}

/* 章节底部细金进度线 */
body.design-skin .report-section.is-chapter-skin::after {
  content: "" !important;
  display: block !important;
  width: min(280px, 72%) !important;
  height: 1.5px !important;
  margin: 40px auto 0 !important;
  background: linear-gradient(
    90deg,
    var(--accent-gold) 0,
    var(--accent-gold) var(--section-progress, 10%),
    rgba(244, 243, 237, 0.18) var(--section-progress, 10%),
    rgba(244, 243, 237, 0.18) 100%
  ) !important;
}

body.design-skin .reader-shell .primary-button,
body.design-skin .reader-shell a.button,
body.design-skin .state-primary,
body.design-skin .reader-actions a.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--btn-h);
  padding: 0 18px;
  border-radius: var(--radius-btn);
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  border: 0 !important;
  text-decoration: none;
  font-family: var(--serif);
  box-shadow: 0 8px 18px rgba(24, 32, 27, 0.12);
}

/* 底部双钮：去掉透明托底，只留悬浮按钮 */
body.design-skin .reader-actions {
  max-width: min(var(--design-col), 100vw);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.design-skin .reader-actions a {
  min-height: 48px !important;
  color: var(--text-primary) !important;
  background: #2c3431 !important;
  border: 1px solid var(--accent-gold-subtle) !important;
  border-radius: var(--radius-btn) !important;
  font-family: var(--serif) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}

body.design-skin .reader-actions a.primary {
  color: #2f3a34 !important;
  background: #ead9b4 !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(24, 32, 27, 0.22);
}

body.design-skin .state-home {
  color: var(--text-primary) !important;
  background: transparent !important;
  border: 1px solid var(--accent-gold) !important;
  border-radius: var(--radius-btn) !important;
}

body.design-skin .state-mark {
  background: rgba(26, 42, 34, 0.85) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--accent-gold-subtle) !important;
}

body.design-skin .reader-state h1 {
  color: var(--text-primary) !important;
}

body.design-skin .reader-state p,
body.design-skin .reader-state small {
  color: var(--text-secondary) !important;
}

/* ---------- access 专属链接壳 ---------- */
body.design-skin .access-topbar {
  max-width: min(var(--design-col), 100vw);
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 14px var(--page-pad);
  color: var(--text-primary) !important;
  background: rgba(44, 52, 49, 0.72) !important;
  border-bottom: 1px solid var(--border-default) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.design-skin .access-topbar a,
body.design-skin .access-topbar span {
  color: var(--text-primary) !important;
  font-family: var(--serif) !important;
  text-decoration: none;
}

body.design-skin .access-shell {
  max-width: min(var(--design-col), 100vw);
  margin: 0 auto;
  padding: 28px var(--page-pad);
}

body.design-skin .access-card {
  background: var(--paper) !important;
  background-image: var(--paper-texture) !important;
  color: var(--text-dark) !important;
  border-radius: var(--radius-paper) !important;
  border: 0 !important;
  padding: 28px 24px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important;
  text-align: center;
}

body.design-skin .access-card .brand {
  color: var(--accent-gold) !important;
  font-family: var(--serif) !important;
  font-size: 13px !important;
  letter-spacing: 0.08em;
}

body.design-skin .access-card h1 {
  color: var(--text-dark) !important;
  font-family: var(--serif) !important;
  font-size: var(--fs-title-2) !important;
}

body.design-skin .access-card p {
  color: var(--text-dark-secondary) !important;
  font-family: var(--serif) !important;
  line-height: 1.65 !important;
}

body.design-skin .access-card .spinner {
  border-color: rgba(184, 154, 96, 0.25) !important;
  border-top-color: var(--accent-gold) !important;
}

/* ---------- 动效（规范：极缓；尊重 prefers-reduced-motion） ---------- */
/* 必须高于 ::before 底图、低于内容；用 !important 防 body>* 规则回潮 */
body.design-skin > .design-motion,
.design-motion {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.design-motion .star {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 248, 230, 0.72);
  box-shadow:
    0 0 2px 0.5px rgba(255, 236, 190, 0.4),
    0 0 6px 1.5px rgba(234, 217, 180, 0.18);
  opacity: 0;
}

.design-motion .star.star-rise {
  animation-name: design-star-rise;
  animation-duration: var(--rise-dur, 10s);
  animation-delay: var(--rise-delay, 0s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform, opacity;
}

@keyframes design-star-rise {
  0% {
    transform: translate3d(0, 8vh, 0) scale(0.7);
    opacity: 0;
  }
  12% {
    opacity: 0.62;
  }
  55% {
    opacity: 0.34;
  }
  100% {
    transform: translate3d(var(--rise-drift, 12px), -110vh, 0) scale(1.05);
    opacity: 0;
  }
}

@keyframes design-horizon-breathe {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
}

@keyframes design-hero-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.design-skin .intro-page .hero-section .hero-title-wrap,
body.design-skin .intro-page .hero-section .how-pair-v12 {
  animation: design-hero-in 0.35s ease-out both;
}

body.design-skin .intro-page .hero-section .how-pair-v12 {
  animation-delay: 0.1s;
}

body.design-skin .sticky-intro-cta {
  animation: design-hero-in 0.32s ease-out 0.14s both;
}

@media (prefers-reduced-motion: reduce) {
  body.design-skin[data-design-bg="bg03"]::after,
  .design-motion .star.star-rise,
  body.design-skin .intro-page .hero-section .hero-title-wrap,
  body.design-skin .intro-page .hero-section .hero-en,
  body.design-skin .intro-page .hero-section .how-pair-v12,
  body.design-skin .sticky-intro-cta {
    animation: none !important;
  }

  .design-motion .star.star-rise {
    opacity: 0.35;
  }
}