/* 大千记 H5 · 设计系统 v6（2026-11-13）
   规范来源：awesome-design-md 84 套中的三套取长补短
   - airbnb：卡片结构、留白节奏、单一强调色、圆角尺度
   - notion：中性色阶（hairline / surface-soft / 三级文字）、字号阶梯、细描边
   - apple：字重克制（正文只用 400/500/600，不用 700 以上）、按钮层级只分主/次/文字三档
   品牌色不变：深绿 #2f4a42 / 米白 #FAF8F4 / 琥珀 #c98a2d（琥珀只留给「生成成书」一处）
   本版解决的问题（对照线上实测）：
   1) 全站底色是冷灰 #f5f5f6、图标底座有淡蓝/淡琥珀、采访页发送键是墨蓝 —— 统一成暖纸底 + 深绿一套色；
   2) 卡片圆角 16/14/12/10/8 混用、阴影时有时无 —— 收敛成一档圆角 + 一条细线，只留 hero 一处投影；
   3) 字号 17/16/15/14/13.5/13/12 七档混排 —— 收敛成 26/22/17/16/15/14/13 六档；
   4) 采访页「按住说话」是灰底灰字（主操作看不见），附件键却是墨蓝圆钮 —— 主操作回到深绿实底；
   5) 档案页「回忆录大纲」两个按钮挤在一行、生成页绿+琥珀双主色并排 —— 主次分明、按钮不再抢戏。 */

:root {
  --ds6-paper: #FAF8F4;
  --ds6-card: #FFFFFF;
  --ds6-line: #ECE6DA;
  --ds6-line-soft: #F3EEE4;
  --ds6-ink: #2A2925;
  --ds6-body: #4A4741;
  --ds6-muted: #79766D;
  --ds6-faint: #A8A399;
  --ds6-green: #2F4A42;
  --ds6-green-soft: #EAF0EA;
  --ds6-tan: #F4EFE5;
  --ds6-gold: #C98A2D;
  --ds6-gold-soft: #F8F0DF;
  --ds6-danger: #B4453A;
  --ds6-r-card: 14px;
  --ds6-r-btn: 12px;
  --ds6-r-pill: 999px;
  --ds6-r-ico: 11px;

  /* 兼容 v5 变量，旧规则一并换色 */
  --radius-card: 14px;
  --radius-btn: 12px;
  --hairline: #ECE6DA;
  --hairline-soft: #F3EEE4;
  --ink: #2A2925;
  --body-text: #4A4741;
  --muted: #79766D;
  --surface: #FFFFFF;
  --surface-soft: #FAF8F4;
  --green: #2F4A42;
  --gold: #C98A2D;
}

/* ---------- 1. 底板与排版 ---------- */
html, body, #app, .app {
  background: var(--ds6-paper) !important;
  color: var(--ds6-body) !important;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
body { font-size: 16px !important; line-height: 1.7 !important; letter-spacing: 0 !important; }

h1, .page-title, .gm-h, .gh-h, .case-head h1 { font-size: 26px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -.01em !important; color: var(--ds6-ink) !important; }
h2, h3, .card-title, .gm-card .t, .sb-h, .pf-cardtitle, .pf-cardhead { font-size: 17px !important; font-weight: 600 !important; line-height: 1.45 !important; color: var(--ds6-ink) !important; }
.card-sub, .gh-s, .gm-note, .sb-sub, .deliver-item .caption { font-size: 14px !important; line-height: 1.7 !important; color: var(--ds6-muted) !important; }

.page, .content, .gm, .home, .gh, .case-page, main.content { padding-left: 20px !important; padding-right: 20px !important; }

/* ---------- 2. 卡片：一档圆角 + 一条细线 ---------- */
.card, .tile, .deliver-item, .sb-card, .gm-card, .mc-card, .pf-card, .pf-ring-card, .case-card {
  border-radius: var(--ds6-r-card) !important;
  border: 1px solid var(--ds6-line) !important;
  background: var(--ds6-card) !important;
  box-shadow: none !important;
}
.card, .pf-card { padding: 18px !important; }
.card + .card, .card + .deliver-item { margin-top: 14px !important; }
.deliver-item { padding: 16px !important; }
.deliver-item + .deliver-item { margin-top: 12px !important; }

/* ---------- 3. 按钮：主 / 次 / 文字 三档 ---------- */
.btn, .dl-btn, .btn-sm, .btn-ghost, .btn-outline, .btn-share, .btn-primary {
  border-radius: var(--ds6-r-btn) !important;
  min-height: 48px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 0 18px !important;
  letter-spacing: .01em !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
}
.btn-primary, .btn, .dl-btn { background: var(--ds6-green) !important; border-color: var(--ds6-green) !important; color: #fff !important; }
.btn-outline, .btn-ghost, .deliver-item .btn-outline { background: #fff !important; border-color: var(--ds6-green) !important; color: var(--ds6-green) !important; }
.btn-share { background: var(--ds6-tan) !important; border-color: var(--ds6-line) !important; color: var(--ds6-body) !important; }
.btn-gold { background: var(--ds6-gold) !important; border-color: var(--ds6-gold) !important; color: #fff !important; }

/* 主 CTA：胶囊 + 唯一一档投影 */
button.talk, .talk, .home > .talk, .btn-primary.big {
  border-radius: var(--ds6-r-pill) !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  background: var(--ds6-green) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(47, 74, 66, .18) !important;
}
.btn svg, button.btn svg, .dl-btn svg { width: 18px !important; height: 18px !important; }
.card .btn { white-space: nowrap !important; }

/* ---------- 4. 图标底座：米白底 + 深绿线稿 ---------- */
.tile-ico, .t-ico, .ico, .gm-ic, .gm-item i, .pf-ava .ico,
.tile-ico.ico-blue, .tile-ico.ico-gold, .tile-ico.ico-green, .tile-ico.ico-violet,
.t-ico.ico-blue, .t-ico.ico-gold, .t-ico.ico-green, .t-ico.ico-violet {
  width: 44px !important; height: 44px !important;
  border-radius: var(--ds6-r-ico) !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: var(--ds6-green-soft) !important;
  background-image: none !important;
  color: var(--ds6-green) !important;
  border: 1px solid #DFE8DF !important;
}
.tile-ico svg, .t-ico svg, .gm-ic svg, .gm-item i svg { width: 22px !important; height: 22px !important; color: var(--ds6-green) !important; stroke: currentColor !important; }
.btn .t-ico, .btn .ico, button .t-ico, button .ico, .dl-btn .t-ico {
  width: 20px !important; height: 20px !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; color: inherit !important;
}

/* ---------- 5. 顶栏 / 底栏 ---------- */
.bottomnav, .tabbar, .bottom-nav, nav.tabs, #app > nav {
  background: #fff !important;
  border-top: 1px solid var(--ds6-line) !important;
  box-shadow: none !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.nav-btn { color: var(--ds6-faint) !important; }
.nav-btn span:last-child { font-size: 13px !important; font-weight: 500 !important; color: inherit !important; }
.nav-btn .nav-ico svg { width: 24px !important; height: 24px !important; stroke-width: 1.7 !important; }
.nav-btn.active, .nav-btn.active span { color: var(--ds6-green) !important; }

.topbar { background: #fff !important; border-bottom: 1px solid var(--ds6-line) !important; box-shadow: none !important; min-height: 56px !important; }
.icon-btn, .dots-btn { width: 40px !important; height: 40px !important; border-radius: var(--ds6-r-pill) !important; border: 1px solid var(--ds6-line) !important; background: #fff !important; color: var(--ds6-green) !important; }
.top-read { height: 40px !important; border-radius: var(--ds6-r-pill) !important; border: 1px solid var(--ds6-line) !important; background: #fff !important; color: var(--ds6-green) !important; font-size: 14px !important; font-weight: 500 !important; }

/* ---------- 6. 首页（游客） ---------- */
.gh-band {
  border-radius: 16px !important;
  padding: 24px 20px 24px !important;
  border: 0 !important;
  box-shadow: 0 10px 26px rgba(47, 74, 66, .12) !important;
}
.gh-band .gb-t { font-size: 26px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: .01em !important; }
.gh-band .gb-s { margin-top: 10px !important; font-size: 15px !important; line-height: 1.75 !important; color: rgba(255,255,255,.82) !important; }
.gh-band .btn {
  margin-top: 20px !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  border-radius: var(--ds6-r-pill) !important;
  background: var(--ds6-gold) !important;
  border-color: var(--ds6-gold) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 14px rgba(201, 138, 45, .22) !important;
}
.gh-steps {
  margin-top: 14px !important;
  padding: 20px 18px 6px !important;
  border-radius: var(--ds6-r-card) !important;
  background: #fff !important;
  border: 1px solid var(--ds6-line) !important;
  box-shadow: none !important;
}
.gh-steps .hd { font-size: 13px !important; font-weight: 600 !important; letter-spacing: .08em !important; color: var(--ds6-faint) !important; margin: 0 0 6px !important; }
.gh-steps .row { padding: 14px 0 !important; border-top: 1px solid var(--ds6-line-soft) !important; gap: 14px !important; }
.gh-steps .no {
  flex: 0 0 28px !important; height: 28px !important; line-height: 26px !important;
  border-radius: 50% !important; background: var(--ds6-green-soft) !important;
  color: var(--ds6-green) !important; font-size: 14px !important; font-weight: 600 !important;
  border: 1px solid #DFE8DF !important;
}
.gh-steps .tx b { font-size: 17px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
.gh-steps .tx span { margin-top: 5px !important; font-size: 14.5px !important; line-height: 1.65 !important; color: var(--ds6-muted) !important; }

/* ---------- 7. 首页（登录后） ---------- */
.home h1, .home .title { font-size: 26px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(--ds6-ink) !important; }
.tile { padding: 18px 16px 16px !important; min-height: 152px !important; display: flex !important; flex-direction: column !important; }
.tile-t { font-size: 17.5px !important; font-weight: 600 !important; margin-top: 12px !important; color: var(--ds6-ink) !important; }
.tile-s { font-size: 14px !important; line-height: 1.55 !important; color: var(--ds6-muted) !important; margin-top: 4px !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.home > .talk, .home .home-talk { margin-top: 18px !important; }

/* ---------- 8. 采访页（整页重排） ---------- */
.app-iv { background: var(--ds6-paper) !important; }
.content-iv, .iv-page { padding: 0 !important; }
.iv-head { padding: 16px 20px 0 !important; }
.iv-ch { font-size: 15px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
.iv-cnt { font-size: 13px !important; font-weight: 400 !important; color: var(--ds6-faint) !important; }
.iv-prog { margin-top: 10px !important; }
.iv-prog-bar { height: 6px !important; border-radius: 3px !important; background: #EFE9DC !important; }
.iv-steps { margin-top: 8px !important; gap: 6px !important; }
.iv-steps i { height: 3px !important; border-radius: 2px !important; background: #E9E2D3 !important; }
.iv-steps i.on { background: var(--ds6-green) !important; }

.iv-chat { padding: 16px 20px 8px !important; gap: 14px !important; }
.iv-hello {
  border-radius: var(--ds6-r-card) !important;
  background: #fff !important;
  border: 1px solid var(--ds6-line) !important;
  padding: 16px !important;
  gap: 12px !important;
}
.iv-hello-ico { width: 36px !important; height: 36px !important; border-radius: var(--ds6-r-ico) !important; background: var(--ds6-green-soft) !important; color: var(--ds6-green) !important; }
.iv-hello-txt strong { font-size: 16px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
.iv-hello-txt p { margin-top: 6px !important; font-size: 14px !important; line-height: 1.7 !important; color: var(--ds6-muted) !important; }

.msg .msg-face { width: 32px !important; height: 32px !important; border-radius: 50% !important; background: var(--ds6-green-soft) !important; color: var(--ds6-green) !important; }
.msg .msg-bubble, .msg-bubble.md {
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid var(--ds6-line) !important;
  padding: 14px 16px !important;
  font-size: 16.5px !important;
  line-height: 1.78 !important;
  color: #33312C !important;
  box-shadow: none !important;
}
.msg .msg-bubble p + p { margin-top: 10px !important; }
.msg .replay { width: 32px !important; height: 32px !important; border-radius: 50% !important; border: 1px solid var(--ds6-line) !important; color: var(--ds6-green) !important; background: #fff !important; }
.iv-quick { padding: 4px 20px 10px !important; gap: 8px !important; flex-wrap: wrap !important; }
.q-chip {
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important;
  background: #fff !important;
  color: var(--ds6-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.q-chip:active, .q-chip.on { background: var(--ds6-green-soft) !important; border-color: #CFDCCF !important; color: var(--ds6-green) !important; }

.iv-inputbar {
  background: #fff !important;
  border-top: 1px solid var(--ds6-line) !important;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom)) !important;
  gap: 10px !important;
  box-shadow: none !important;
}
.mode-btn, .plus-btn {
  width: 46px !important; height: 46px !important; min-width: 46px !important;
  border-radius: 50% !important;
  background: var(--ds6-tan) !important;
  border: 1px solid var(--ds6-line) !important;
  color: var(--ds6-green) !important;
  font-size: 20px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.mode-btn:not(.plus-btn) { background: #fff !important; }
.hold-btn {
  flex: 1 1 auto !important;
  height: 52px !important;
  border-radius: var(--ds6-r-pill) !important;
  background: var(--ds6-green) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(47, 74, 66, .18) !important;
}

/* ---------- 9. 档案页 ---------- */
.pf-card, .pf-ring-card { padding: 18px !important; margin-bottom: 14px !important; }
.pf-chips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; }
.pf-chip {
  height: 30px !important; padding: 0 12px !important;
  border-radius: var(--ds6-r-pill) !important;
  background: var(--ds6-tan) !important;
  border: 1px solid var(--ds6-line) !important;
  color: var(--ds6-body) !important;
  font-size: 13px !important; font-weight: 500 !important;
  display: inline-flex !important; align-items: center !important;
}
.pf-row { min-height: 52px !important; padding: 12px 0 !important; border-bottom: 1px solid var(--ds6-line-soft) !important; }
.pf-row:last-child { border-bottom: 0 !important; }
.pf-k { font-size: 14.5px !important; color: var(--ds6-muted) !important; }
.pf-v { font-size: 15px !important; color: var(--ds6-ink) !important; font-weight: 500 !important; }
.pf-warn { font-size: 13px !important; color: var(--ds6-faint) !important; }
.pf-edit { font-size: 13px !important; font-weight: 600 !important; color: var(--ds6-green) !important; }
.pf-next {
  border-radius: var(--ds6-r-card) !important;
  background: var(--ds6-gold-soft) !important;
  border: 1px solid #EFE2C9 !important;
  padding: 14px 16px !important;
  font-size: 14px !important; line-height: 1.75 !important; color: #5B5240 !important;
}
.pf-next-k { font-size: 13px !important; font-weight: 600 !important; color: #8A6A2A !important; margin-right: 6px !important; }
.pf-empty, .pf-card .pf-empty {
  border: 1px dashed #DFD8C9 !important;
  border-radius: 12px !important;
  background: #FDFCF8 !important;
  padding: 18px 16px !important;
  color: var(--ds6-muted) !important;
  font-size: 14px !important; line-height: 1.7 !important;
}
.pf-ava { background: var(--ds6-green) !important; color: #fff !important; }
.pf-guide { font-size: 14px !important; line-height: 1.75 !important; color: var(--ds6-muted) !important; }
.pf-cta, .pf-card .btn { min-height: 48px !important; }
.pf-cardhead, .pf-cardtitle { margin-bottom: 6px !important; }

/* 大纲卡：按钮竖排、主次分明 */
.pf-card.is-stack .pf-cta-bar, .pf-card.is-stack .btn-row { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.pf-card.is-stack .btn { width: 100% !important; }

/* ---------- 10. 我的页 ---------- */
.gm-hero { padding: 8px 0 18px !important; }
.gm-ava {
  width: 56px !important; height: 56px !important; min-width: 56px !important;
  border-radius: 50% !important;
  background: var(--ds6-green) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 18px !important; font-weight: 600 !important;
  border: 0 !important;
}
.gm-h { font-size: 19px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
.gm-card { padding: 4px 16px !important; margin-bottom: 14px !important; overflow: hidden !important; }
.gm-item {
  min-height: 64px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--ds6-line-soft) !important;
  background: transparent !important;
  font-size: 16px !important;
  gap: 12px !important;
}
.gm-item:last-child { border-bottom: 0 !important; }
.gm-ic, .gm-item i {
  width: 40px !important; height: 40px !important; min-width: 40px !important;
  border-radius: var(--ds6-r-ico) !important;
  background: var(--ds6-green-soft) !important;
  background-image: none !important;
  border: 1px solid #DFE8DF !important;
  color: var(--ds6-green) !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.gm-ic svg, .gm-item i svg { width: 20px !important; height: 20px !important; color: var(--ds6-green) !important; }
.gm-item .gm-n, .gm-item b, .gm-item strong { font-size: 16.5px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
.gm-note { font-size: 13.5px !important; color: var(--ds6-muted) !important; }
.gm-go { color: #C6C0B4 !important; font-size: 16px !important; }

/* 阅读显示：分段控件 + 滑杆同色 */
.gm-picks {
  background: var(--ds6-tan) !important;
  border: 1px solid var(--ds6-line) !important;
  border-radius: 12px !important;
  padding: 4px !important;
  gap: 4px !important;
}
.gm-pick {
  border-radius: 10px !important;
  font-size: 14px !important; font-weight: 500 !important;
  color: var(--ds6-muted) !important;
  background: transparent !important;
  min-height: 36px !important;
}
.gm-pick.on, .gm-pick.active { background: #fff !important; color: var(--ds6-green) !important; box-shadow: none !important; border: 1px solid var(--ds6-line) !important; }
.gm-card input[type="range"] {
  -webkit-appearance: none !important; appearance: none !important;
  height: 22px !important; background: transparent !important; margin: 6px 0 !important;
}
.gm-card input[type="range"]::-webkit-slider-runnable-track {
  height: 4px !important; border-radius: 2px !important;
  background: linear-gradient(to right, var(--ds6-green) 0%, var(--ds6-green) 50%, #E6DFD1 50%, #E6DFD1 100%) !important;
}
.gm-card input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important; appearance: none !important;
  width: 22px !important; height: 22px !important; margin-top: -9px !important;
  border-radius: 50% !important; background: #fff !important;
  border: 2px solid var(--ds6-green) !important; box-shadow: none !important;
}
.gm-card .gm-lab, .gm-card .lab { font-size: 13px !important; color: var(--ds6-faint) !important; }
.gm-login { background-image: none !important; background: #fff !important; }
.gm-login i, .gm-login .gm-ic { background: var(--ds6-green-soft) !important; color: var(--ds6-green) !important; }

/* ---------- 11. 案例页 ---------- */
.case-page { background: var(--ds6-paper) !important; }
.case-head { padding: 20px 0 12px !important; }
.case-head .sub, .case-page .case-sub { font-size: 14px !important; color: var(--ds6-muted) !important; }
.case-page input, .case-page .case-search input {
  height: 48px !important; border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  font-size: 15px !important; color: var(--ds6-ink) !important;
  padding: 0 18px !important;
}
.case-rail {
  display: flex !important; gap: 8px !important;
  padding: 12px 0 4px !important; overflow-x: auto !important;
  scrollbar-width: none !important;
}
.case-rail > * {
  flex: 0 0 auto !important;
  height: 38px !important; padding: 0 16px !important;
  border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important;
  background: #fff !important;
  color: var(--ds6-body) !important;
  font-size: 14px !important; font-weight: 500 !important;
  display: inline-flex !important; align-items: center !important;
}
.case-rail > .on, .case-rail > .active, .case-rail > .cur {
  background: var(--ds6-green) !important; border-color: var(--ds6-green) !important; color: #fff !important;
}
.case-title, .case-page .sec-h { font-size: 13px !important; font-weight: 600 !important; letter-spacing: .08em !important; color: var(--ds6-faint) !important; }
.case-grid { gap: 12px !important; }
.case-card { padding: 8px !important; overflow: hidden !important; }
.case-cover, .case-card img { border-radius: 9px !important; box-shadow: none !important; }
.case-card .t, .case-card b { font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.45 !important; color: var(--ds6-ink) !important; }
.case-card .s, .case-card .by { font-size: 12.5px !important; color: var(--ds6-muted) !important; }
.case-feature, .case-page .case-steps {
  background: #fff !important; border: 1px solid var(--ds6-line) !important; border-radius: var(--ds6-r-card) !important;
}

/* ---------- 12. 生成 / 交付 ---------- */
.card .btn-gold { background: #fff !important; border-color: var(--ds6-green) !important; color: var(--ds6-green) !important; }
.pf-card .btn-gold { background: var(--ds6-gold) !important; border-color: var(--ds6-gold) !important; color: #fff !important; }
.deliver-item .btn-ghost { background: var(--ds6-green) !important; border-color: var(--ds6-green) !important; color: #fff !important; }
.deliver-item .btn-share { background: #fff !important; border-color: var(--ds6-line) !important; color: var(--ds6-body) !important; }
.deliver-item .st, .deliver-item .status { font-size: 13px !important; color: var(--ds6-muted) !important; }
.card .btn { flex: 1 1 0 !important; min-width: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }

/* ---------- 13. 成书浮层 ---------- */
.book-toolbar { background: #fff !important; border-bottom: 1px solid var(--ds6-line) !important; box-shadow: none !important; padding: 10px 16px !important; gap: 10px !important; }
.book-tool-title { font-size: 15px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; line-height: 1.4 !important; }
.book-tbtn, .book-tool-btns button {
  height: 40px !important; border-radius: 10px !important;
  font-size: 14px !important; font-weight: 600 !important;
  background: var(--ds6-green) !important; color: #fff !important; border: 0 !important;
}
.book-tool-btns button:last-child { background: var(--ds6-tan) !important; color: var(--ds6-body) !important; }
.book-err-ic { color: var(--ds6-danger) !important; }
.book-err-msg { font-size: 17px !important; color: var(--ds6-ink) !important; }
.book-body { background: #fff !important; }

/* ---------- 14. 小屏收口 ---------- */
@media (max-width: 360px) {
  .page, .content, .gm, .home, .gh, .case-page, main.content { padding-left: 16px !important; padding-right: 16px !important; }
  .card, .pf-card { padding: 16px !important; }
  .gh-band .gb-t { font-size: 24px !important; }
  .tile { min-height: 146px !important; }
}

/* ================= v6.1 精确覆盖（按线上真实类名） =================
   线上壳层用 data-v 属性选择器 + !important，普通类名压不住；
   这里统一用 html.ds-v6 body 提权（类数+元素数都高于对方）。 */

/* —— 我的页（真实类名是 me-* / pcard / mk-*） —— */
html.ds-v6 body .me-hero { padding: 8px 0 18px !important; align-items: center !important; }
html.ds-v6 body .me-ava {
  width: 56px !important; height: 56px !important; min-width: 56px !important;
  border-radius: 50% !important; background: var(--ds6-green) !important;
  background-image: none !important; color: #fff !important;
  border: 0 !important; font-size: 20px !important; font-weight: 600 !important;
}
html.ds-v6 body .me-name { font-size: 19px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; letter-spacing: 0 !important; }
html.ds-v6 body .me-role {
  background: var(--ds6-green-soft) !important; color: var(--ds6-green) !important;
  border: 1px solid #DFE8DF !important; border-radius: var(--ds6-r-pill) !important;
  font-size: 12px !important; font-weight: 500 !important; padding: 3px 9px !important;
}
html.ds-v6 body .me-btn {
  height: 40px !important; border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  color: var(--ds6-green) !important; font-size: 14px !important; font-weight: 500 !important;
  padding: 0 16px !important;
}
html.ds-v6 body .pcard {
  background: #fff !important; border: 1px solid var(--ds6-line) !important;
  border-radius: var(--ds6-r-card) !important; box-shadow: none !important;
  padding: 4px 16px !important; margin-bottom: 14px !important;
}
html.ds-v6 body .prow {
  min-height: 64px !important; padding: 12px 0 !important;
  border-bottom: 1px solid var(--ds6-line-soft) !important; background: transparent !important;
  display: flex !important; align-items: center !important; gap: 12px !important;
}
html.ds-v6 body .prow:last-child { border-bottom: 0 !important; }
html.ds-v6 body .pric, html.ds-v6 body .pric.blue, html.ds-v6 body .pric.gold, html.ds-v6 body .pric.green, html.ds-v6 body .pric.violet {
  width: 40px !important; height: 40px !important; min-width: 40px !important;
  border-radius: var(--ds6-r-ico) !important;
  background: var(--ds6-green-soft) !important; background-image: none !important;
  border: 1px solid #DFE8DF !important; color: var(--ds6-green) !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
html.ds-v6 body .pric svg { width: 20px !important; height: 20px !important; color: var(--ds6-green) !important; }
html.ds-v6 body .prt { font-size: 16.5px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .prv { font-size: 13.5px !important; color: var(--ds6-muted) !important; line-height: 1.5 !important; }
html.ds-v6 body .prc { color: #C6C0B4 !important; font-size: 15px !important; }
html.ds-v6 body .prow .inp, html.ds-v6 body .pcard .inp, html.ds-v6 body input.inp {
  height: 48px !important; border-radius: var(--ds6-r-btn) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  font-size: 15px !important; color: var(--ds6-ink) !important; padding: 0 14px !important;
}
html.ds-v6 body .pcard .btn, html.ds-v6 body .pcard button.btn { border-radius: var(--ds6-r-btn) !important; min-height: 46px !important; font-size: 15.5px !important; font-weight: 600 !important; }
html.ds-v6 body .pcard .card-title { font-size: 17px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .mk-row { min-height: 56px !important; }
html.ds-v6 body .mk-ic, html.ds-v6 body .mk-ic.gold, html.ds-v6 body .mk-ic.blue {
  width: 40px !important; height: 40px !important; border-radius: var(--ds6-r-ico) !important;
  background: var(--ds6-green-soft) !important; color: var(--ds6-green) !important;
  border: 1px solid #DFE8DF !important;
}

/* —— 档案页关系图谱：中心与分支统一深绿 —— */
html.ds-v6 body .pf-gsvg circle[fill="#24384c"],
html.ds-v6 body .pf-gsvg circle[fill="#2c4a3c"] { fill: var(--ds6-green) !important; }
html.ds-v6 body .pf-gsvg circle[fill="#fff"] { fill: #fff !important; }
html.ds-v6 body .pf-gav { background: var(--ds6-green-soft) !important; color: var(--ds6-green) !important; }
html.ds-v6 body .pf-add {
  height: 48px !important; border-radius: var(--ds6-r-btn) !important;
  border: 1px solid var(--ds6-line) !important; color: var(--ds6-green) !important;
  font-size: 15px !important; font-weight: 600 !important; background: #fff !important;
}
html.ds-v6 body .pf-gtag { background: var(--ds6-tan) !important; color: var(--ds6-body) !important; font-size: 12.5px !important; border-radius: 8px !important; }

/* —— 采访页：顶栏文字、键盘键、附加键 —— */
html.ds-v6 body .app-iv .brand, html.ds-v6 body .brand-center, html.ds-v6 body .topbar .brand {
  color: var(--ds6-ink) !important; font-weight: 600 !important;
}
html.ds-v6 body .iv-inputbar .mode-btn {
  background: #fff !important; background-image: none !important;
  color: var(--ds6-green) !important; border: 1px solid var(--ds6-line) !important;
}
html.ds-v6 body .iv-inputbar .plus-btn {
  background: var(--ds6-tan) !important; background-image: none !important;
  color: var(--ds6-green) !important; border: 1px solid var(--ds6-line) !important;
}
html.ds-v6 body .iv-inputbar .hold-btn {
  background: var(--ds6-green) !important; background-image: none !important;
  color: #fff !important; border: 0 !important; box-shadow: 0 6px 16px rgba(47,74,66,.18) !important;
}

/* —— 案例页（真实类名 cs/seg/cat/sb/g） —— */
html.ds-v6 body .cs-head b { font-size: 22px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; letter-spacing: 0 !important; }
html.ds-v6 body .cs-head span { font-size: 13.5px !important; color: var(--ds6-muted) !important; }
html.ds-v6 body .case-search {
  height: 48px !important; border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  padding: 0 16px !important;
}
html.ds-v6 body .case-search input { background: transparent !important; border: 0 !important; font-size: 15px !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .cs-x { color: var(--ds6-faint) !important; }
html.ds-v6 body .seg {
  height: 34px !important; border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  color: var(--ds6-body) !important; font-size: 13.5px !important; font-weight: 500 !important;
  padding: 0 14px !important;
}
html.ds-v6 body .seg.on { background: var(--ds6-green) !important; border-color: var(--ds6-green) !important; color: #fff !important; }
html.ds-v6 body .seg b { font-weight: 600 !important; opacity: .72 !important; }
html.ds-v6 body .fbtn {
  height: 34px !important; border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  color: var(--ds6-body) !important; font-size: 13.5px !important; font-weight: 500 !important;
}
html.ds-v6 body .cat {
  height: 36px !important; border-radius: var(--ds6-r-pill) !important;
  border: 1px solid var(--ds6-line) !important; background: #fff !important;
  color: var(--ds6-body) !important; font-size: 13.5px !important; font-weight: 500 !important;
  padding: 0 15px !important;
}
html.ds-v6 body .cat.on { background: var(--ds6-green) !important; border-color: var(--ds6-green) !important; color: #fff !important; }

html.ds-v6 body .sb-wrap { background: #fff !important; border: 1px solid var(--ds6-line) !important; border-radius: var(--ds6-r-card) !important; box-shadow: none !important; padding: 16px !important; }
html.ds-v6 body .sb-h { font-size: 15px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .sb-sub { font-size: 12.5px !important; color: var(--ds6-muted) !important; }
html.ds-v6 body .sb-rail { gap: 14px !important; }
html.ds-v6 body .sb-cv { border-radius: 9px !important; overflow: hidden !important; border: 1px solid var(--ds6-line) !important; box-shadow: 0 2px 6px rgba(42,41,37,.06) !important; }
html.ds-v6 body .sb-spine { display: none !important; }
html.ds-v6 body .sb-t { font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.45 !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .sb-a { font-size: 12px !important; color: var(--ds6-muted) !important; }

html.ds-v6 body .vc-h { font-size: 15px !important; font-weight: 600 !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .vc-sub { font-size: 12.5px !important; color: var(--ds6-muted) !important; }
html.ds-v6 body .case-grid { gap: 18px 14px !important; }
html.ds-v6 body .g-card { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; }
html.ds-v6 body .g-thumb { aspect-ratio: 4 / 3 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: none !important; }
html.ds-v6 body .g-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html.ds-v6 body .g-veil { background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.55) 100%) !important; }
html.ds-v6 body .g-dur { background: rgba(20,22,20,.62) !important; border-radius: var(--ds6-r-pill) !important; font-size: 12px !important; font-weight: 500 !important; padding: 2px 8px !important; }
html.ds-v6 body .g-tag { background: rgba(255,255,255,.92) !important; color: var(--ds6-green) !important; border-radius: var(--ds6-r-pill) !important; font-size: 11.5px !important; font-weight: 500 !important; }
html.ds-v6 body .g-play { width: 46px !important; height: 46px !important; }
html.ds-v6 body .g-t { font-size: 16px !important; font-weight: 600 !important; line-height: 1.45 !important; color: var(--ds6-ink) !important; }
html.ds-v6 body .g-desc { font-size: 13px !important; line-height: 1.6 !important; color: var(--ds6-muted) !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
html.ds-v6 body .g-vw { font-size: 12px !important; color: var(--ds6-faint) !important; }

/* —— 首页「接着上次」卡 —— */
html.ds-v6 body .gh-cont, html.ds-v6 body .cont-card {
  background: #fff !important; border: 1px solid var(--ds6-line) !important;
  border-radius: var(--ds6-r-card) !important; box-shadow: none !important;
  padding: 14px 16px !important;
}
html.ds-v6 body .gh-cont-tx, html.ds-v6 body .cont-card .tx { font-size: 15px !important; color: var(--ds6-ink) !important; }

/* ================= v6.2 收口 ================= */
/* 首页三步：序号实心绿、白字，老人一眼能数 */
html.ds-v6 body .gh-steps .no {
  background: var(--ds6-green) !important; color: #fff !important;
  border: 0 !important; line-height: 28px !important;
}

/* 案例页头部：标题与说明竖排，不再挤成两行 */
html.ds-v6 body .cs-head {
  display: block !important;
  padding: 20px 2px 10px !important;
}
html.ds-v6 body .cs-head b { display: block !important; margin: 0 0 4px !important; font-size: 22px !important; }
html.ds-v6 body .cs-head span { display: block !important; font-size: 13.5px !important; line-height: 1.6 !important; }

/* 分段/分类/筛选：文字永不折行，宽度随内容 */
html.ds-v6 body .seg, html.ds-v6 body .cat, html.ds-v6 body .fbtn {
  width: auto !important; min-width: 0 !important;
  white-space: nowrap !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 4px !important; flex: 0 0 auto !important;
}
html.ds-v6 body .seg b, html.ds-v6 body .cat b {
  display: inline !important; font-size: 12px !important; font-weight: 500 !important;
  opacity: .7 !important; margin-left: 2px !important;
}
html.ds-v6 body .seg-bar { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; overflow-x: auto !important; padding: 10px 0 2px !important; }
html.ds-v6 body .cat-bar { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; overflow-x: auto !important; padding: 8px 0 12px !important; }

/* 样书标题：两行截断，字号压到 13，避免「三十/十年」被劈开 */
html.ds-v6 body .sb-t {
  font-size: 13px !important; line-height: 1.4 !important; font-weight: 600 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important; overflow: hidden !important;
}

/* 我的页滑杆：轨道米白、已选段深绿、滑块白底绿描边 */
html.ds-v6 body input[type="range"] {
  -webkit-appearance: none !important; appearance: none !important;
  height: 24px !important; background: transparent !important;
}
html.ds-v6 body input[type="range"]::-webkit-slider-runnable-track {
  height: 4px !important; border-radius: 2px !important;
  background: linear-gradient(to right, var(--ds6-green) 0%, var(--ds6-green) 50%, #E6DFD1 50%, #E6DFD1 100%) !important;
}
html.ds-v6 body input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important; appearance: none !important;
  width: 24px !important; height: 24px !important; margin-top: -10px !important;
  border-radius: 50% !important; background: #fff !important;
  border: 2px solid var(--ds6-green) !important; box-shadow: none !important;
}
html.ds-v6 body .iv-chat.is-empty { justify-content: center !important; padding-bottom: 40px !important; }
html.ds-v6 body .iv-chat.is-empty .iv-hello { margin-bottom: 6px !important; }

/* ================= v6.3 细节 ================= */
/* 采访区不再是一整块白板，气泡直接落在纸面上 */
html.ds-v6 body .iv-chat { background: transparent !important; }
html.ds-v6 body .iv-page { background: var(--ds6-paper) !important; }

/* 样书标题：再压半号，书名尽量一行读完 */
html.ds-v6 body .sb-t { font-size: 12.5px !important; letter-spacing: -.01em !important; }

/* v6.3 收尾：书名两行均衡换行，不出现「…三十年 / 年」单字孤行 */
html.ds-v6 body .sb-t { font-size: 13px !important; text-wrap: balance !important; }
html.ds-v6 body .iv-chat { border: 0 !important; }

/* v6.3 生成页：分享改次级白底细线，按钮统一 52 高，去掉前置圆点 */
html.ds-v6 body .btn-share {
  background: #fff !important; color: var(--ds6-green) !important;
  border: 1px solid var(--ds6-line) !important; box-shadow: none !important;
}
html.ds-v6 body .btn-share::before, html.ds-v6 body .btn-share::after { display: none !important; content: none !important; }
html.ds-v6 body .btn-primary, html.ds-v6 body .btn-outline,
html.ds-v6 body .btn-ghost, html.ds-v6 body .btn-share, html.ds-v6 body .btn-gold {
  height: 52px !important; line-height: 52px !important; border-radius: 12px !important;
  font-size: 16px !important; font-weight: 600 !important; padding: 0 16px !important;
}

/* v6.5 成书样板：3 列挤到书名断行 → 改 2 列，封面放大、书名一行读完 */
html.ds-v6 body .sb-rail {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 14px !important; overflow: visible !important;
}
html.ds-v6 body .sb-card { width: auto !important; flex: none !important; }
html.ds-v6 body .sb-wrap { height: auto !important; width: 100% !important; aspect-ratio: 156 / 231 !important; }
html.ds-v6 body .sb-cv { border-radius: 9px !important; }
html.ds-v6 body .sb-t { font-size: 14px !important; -webkit-line-clamp: 1 !important; margin-top: 8px !important; }
html.ds-v6 body .sb-a { font-size: 12.5px !important; }

/* v6.6 成书样板改为「横排书单」：封面缩略图在左，书名/作者在右，一行一本、六本一屏看完 */
html.ds-v6 body .sb-rail {
  display: flex !important; flex-direction: column !important;
  gap: 12px !important; overflow: visible !important;
}
html.ds-v6 body .sb-card {
  display: flex !important; align-items: center !important; gap: 14px !important;
  width: 100% !important; padding: 10px !important;
  border: 1px solid var(--ds6-line) !important; border-radius: 12px !important;
  background: #fff !important;
}
html.ds-v6 body .sb-wrap {
  width: 66px !important; height: 98px !important; flex: 0 0 66px !important;
  aspect-ratio: auto !important; border-radius: 8px !important; overflow: hidden !important;
}
html.ds-v6 body .sb-cv { width: 100% !important; height: 100% !important; border-radius: 8px !important; object-fit: cover !important; }
html.ds-v6 body .sb-spine { display: none !important; }
html.ds-v6 body .sb-t {
  font-size: 16px !important; line-height: 1.4 !important; margin: 0 0 4px !important;
  -webkit-line-clamp: 2 !important; text-align: left !important;
}
html.ds-v6 body .sb-a { font-size: 13px !important; color: var(--ds6-muted) !important; text-align: left !important; }
/* 书单外层被压成竖排：把 rail 的父容器恢复成块级全宽 */
html.ds-v6 body div:has(> .sb-rail) { display: block !important; width: 100% !important; }
html.ds-v6 body .sb-rail { width: 100% !important; }
/* 样板卡原本是固定高度+裁切，书单变高后被截断：外层全部放开 */
html.ds-v6 body div:has(.sb-rail) {
  height: auto !important; max-height: none !important; overflow: visible !important;
}

/* v6.7 成书样板回到三列书架：封面按 156×231 等比缩到 1/3 宽，六本两行看完，书名 13px 两行均衡 */
html.ds-v6 body .sb-rail {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px 10px !important; width: 100% !important; overflow: visible !important;
}
html.ds-v6 body .sb-card {
  display: block !important; width: auto !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; border-radius: 0 !important;
}
html.ds-v6 body .sb-wrap {
  width: 100% !important; height: auto !important; flex: none !important;
  aspect-ratio: 156 / 231 !important; border-radius: 9px !important; overflow: hidden !important;
}
html.ds-v6 body .sb-cv { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 9px !important; }
html.ds-v6 body .sb-t {
  font-size: 13px !important; line-height: 1.35 !important; margin: 6px 0 2px !important;
  -webkit-line-clamp: 2 !important; text-wrap: balance !important;
}
html.ds-v6 body .sb-a { font-size: 11.5px !important; }

/* v6.8 按真实结构收口：.sb-card(button) > .sb-cv(封面) + .sb-t + .sb-a，三列等比书架 */
html.ds-v6 body .sb-rail {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px 10px !important; width: 100% !important;
}
html.ds-v6 body .sb-card {
  width: 100% !important; min-width: 0 !important;
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  padding: 0 !important; border: 0 !important; background: transparent !important;
  box-shadow: none !important; text-align: left !important;
}
html.ds-v6 body .sb-cv {
  display: block !important; width: 100% !important; height: auto !important;
  aspect-ratio: 156 / 231 !important; border-radius: 9px !important;
  overflow: hidden !important; flex: none !important;
}
html.ds-v6 body .sb-cv img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important;
}
html.ds-v6 body .sb-spine { display: none !important; }
html.ds-v6 body .sb-t {
  font-size: 13px !important; line-height: 1.35 !important; font-weight: 600 !important;
  margin: 7px 0 2px !important; -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important; display: -webkit-box !important; overflow: hidden !important;
}
html.ds-v6 body .sb-a { font-size: 11.5px !important; color: var(--ds6-muted) !important; }
/* 书架行距再收紧一点 */
html.ds-v6 body .sb-rail { gap: 14px 10px !important; }
html.ds-v6 body .sb-t { margin: 7px 0 0 !important; }
html.ds-v6 body .sb-a { margin: 2px 0 0 !important; font-size: 11.5px !important; }

/* v6.9 「筛选」按钮：从半个胶囊升级为明确的次级动作按钮（漏斗图标 + 计数徽标） */
html.ds-v6 body .fbtn {
  height: 38px !important; padding: 0 16px 0 13px !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: #fff !important; color: var(--ds6-green) !important;
  border: 1px solid #E3DBCB !important; border-radius: 999px !important;
  font-size: 15px !important; font-weight: 600 !important; line-height: 1 !important;
  box-shadow: none !important; margin-left: auto !important;
}
html.ds-v6 body .fbtn::before {
  content: '' !important; display: block !important;
  width: 15px !important; height: 15px !important; flex: 0 0 15px !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none'><path d='M3 5h18l-7 8v6l-4-2v-4L3 5z' stroke='%232F4A42' stroke-width='1.7' stroke-linejoin='round'/></svg>") center / 15px 15px no-repeat !important;
}
html.ds-v6 body .fbtn.on {
  background: var(--ds6-green) !important; border-color: var(--ds6-green) !important; color: #fff !important;
}
html.ds-v6 body .fbtn.on::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none'><path d='M3 5h18l-7 8v6l-4-2v-4L3 5z' stroke='%23FFFFFF' stroke-width='1.7' stroke-linejoin='round'/></svg>") !important;
}
html.ds-v6 body .fbtn i {
  display: none !important; font-style: normal !important;
  min-width: 18px !important; height: 18px !important; padding: 0 5px !important;
  border-radius: 9px !important; background: var(--ds6-gold) !important; color: #fff !important;
  font-size: 11px !important; font-weight: 600 !important; line-height: 18px !important; text-align: center !important;
}
html.ds-v6 body .fbtn.on i { display: inline-block !important; }

/* v6.10 分类条收窄，四个题材一行放得下；去掉选中态下方的白色残留 */
html.ds-v6 body .cat-bar .cat {
  height: 33px !important; padding: 0 12px !important;
  font-size: 14px !important; font-weight: 500 !important;
}
html.ds-v6 body .cat-bar { gap: 7px !important; }
html.ds-v6 body .seg.on::after, html.ds-v6 body .cat.on::after { content: none !important; display: none !important; }
html.ds-v6 body .seg, html.ds-v6 body .cat { box-shadow: none !important; }
/* 横滚条的白色残线：隐藏滚动条，只保留横滑 */
html.ds-v6 body .seg-bar, html.ds-v6 body .cat-bar {
  scrollbar-width: none !important; -ms-overflow-style: none !important;
}
html.ds-v6 body .seg-bar::-webkit-scrollbar,
html.ds-v6 body .cat-bar::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
html.ds-v6 body .seg-bar { height: auto !important; padding: 10px 0 2px !important; }