/* AI 产业链图谱 · 视觉层（2026-10-01）
   与主站同一套语言：纸面底色、墨色标题舞台、藏蓝主色、铜色点缀。
   页面全部颜色走 CSS 变量，这里只重映射变量并补外观；红涨绿跌、市场色、热度色阶、图谱逻辑不动。
   不使用宋体/衬线。浅色模式生效，深色模式沿用页面自带配色。 */

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { --aw-on: 1; }
}
:root {
  --aw-paper: #f3f0e8; --aw-paper-2: #ebe7dc; --aw-card: #fffdf8; --aw-ink: #0e1a28;
  --aw-navy: #11263a; --aw-navy-2: #1b3a57; --aw-copper: #b4532a; --aw-copper-soft: #f4e4d9;
  --aw-rule: #ddd7c9; --aw-ease: cubic-bezier(.22, 1, .36, 1);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f3f0e8; --surface: #fffdf8; --surface-2: #f3f0e8; --surface-3: #faf7f0;
    --fill: rgba(60,48,24,.09); --fill-2: rgba(60,48,24,.055);
    --ink: #0e1a28; --ink-2: #34414f; --muted: #6c7682; --faint: #8a929c;
    --line: rgba(60,48,24,.12); --line-2: rgba(60,48,24,.22);
    --accent: #2b5483; --accent-ink: #2b5483; --accent-soft: rgba(43,84,131,.13);
    --r4: #2b5483; --r3: #6f93bd; --r2: #b3c8de; --r1: #e4ecf4;
    --bar-bg: rgba(255,253,248,.78);
    --shadow-card: 0 1px 0 rgba(255,255,255,.7) inset, 0 1px 2px rgba(35,27,12,.04), 0 18px 40px -28px rgba(35,27,12,.28);
    --shadow-lift: 0 2px 4px rgba(35,27,12,.05), 0 28px 50px -26px rgba(35,27,12,.34);
  }
}
:root[data-theme="light"] {
  --bg: #f3f0e8; --surface: #fffdf8; --surface-2: #f3f0e8; --surface-3: #faf7f0;
  --fill: rgba(60,48,24,.09); --fill-2: rgba(60,48,24,.055);
  --ink: #0e1a28; --ink-2: #34414f; --muted: #6c7682; --faint: #8a929c;
  --line: rgba(60,48,24,.12); --line-2: rgba(60,48,24,.22);
  --accent: #2b5483; --accent-ink: #2b5483; --accent-soft: rgba(43,84,131,.13);
  --r4: #2b5483; --r3: #6f93bd; --r2: #b3c8de; --r1: #e4ecf4;
  --bar-bg: rgba(255,253,248,.78);
}
html { scroll-behavior: smooth; }
body {
  overflow-x: clip;
  background:
    radial-gradient(ellipse 60% 520px at 100% 0, rgba(180,83,42,.06), transparent 70%),
    var(--bg);
  background-repeat: no-repeat;
  font-family: "Inter", "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-variant-numeric: tabular-nums;
}
::selection { background: var(--aw-copper-soft); color: var(--aw-ink); }

.aw-progress { position: fixed; left: 0; top: 0; right: 0; height: 2px; z-index: 90; pointer-events: none; background: var(--aw-copper); transform-origin: 0 50%; transform: scaleX(0); }

/* ───────── 标题舞台：通栏墨色 ───────── */
.hero {
  --mx: 78%; --my: 18%;
  position: relative; isolation: isolate; color: #fbf7ef;
  padding-block: clamp(36px, 6vw, 76px) clamp(28px, 4vw, 44px);
}
.hero::before {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; /* .hero 已铺满页面；50vw 含滚动条宽，会横向溢出约 7px */
  background:
    radial-gradient(560px 340px at var(--mx) var(--my), rgba(214,132,88,.30), transparent 62%),
    radial-gradient(700px 380px at 6% 120%, rgba(61,111,168,.40), transparent 66%),
    linear-gradient(118deg, #0b1b2b 0%, #123049 55%, #1a3a5c 100%);
  border-radius: 0 0 clamp(22px, 3vw, 40px) clamp(22px, 3vw, 40px);
  box-shadow: 0 40px 60px -44px rgba(10,25,40,.9);
}
.hero::after {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; opacity: .5; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 70% 130% at 85% 0, #000, transparent 75%); mask-image: radial-gradient(ellipse 70% 130% at 85% 0, #000, transparent 75%);
}
.eyebrow { color: rgba(236,226,208,.85); letter-spacing: .12em; transition: color .25s, transform .3s var(--aw-ease); }
.eyebrow:hover { color: #fff; text-decoration: none; transform: translateX(-3px); }
.hero h1 { color: #fbf7ef; font-weight: 700; letter-spacing: .01em; text-shadow: 0 2px 30px rgba(0,0,0,.35); }
/* 2026-10-22：页面标题不加装饰短横（DESIGN_SYSTEM“简约”） */
.hero .sub { color: rgba(236,226,208,.8); }
.hero .stamp { color: rgba(236,226,208,.6); letter-spacing: .06em; }
.hero a { color: #ffd9bf; }
.kpi {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); box-shadow: none; color: #fbf7ef;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 20px;
  transition: transform .45s var(--aw-ease), background-color .3s, border-color .3s;
}
.kpi b { font-weight: 650; }
.kpi span { color: rgba(236,226,208,.7); letter-spacing: 0; }
/* 2026-10-22：读数格悬停不上浮 */
.aw-pulse { position: absolute; z-index: -1; right: 0; bottom: 0; width: 52%; height: 70%; opacity: .7; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); }
.aw-pulse .aw-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: aw-draw 3s .3s var(--aw-ease) forwards; }
.aw-pulse .aw-area { opacity: 0; animation: aw-fade 1.4s 1.8s ease forwards; }
@keyframes aw-draw { to { stroke-dashoffset: 0; } }
@keyframes aw-fade { to { opacity: 1; } }

/* ───────── 吸顶栏与页签 ───────── */
.bar { border-bottom: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; padding-top: 12px; pointer-events: none; }
.bar-in { pointer-events: none; }
nav.tabs {
  position: relative; pointer-events: auto; padding: 5px; gap: 2px; border-radius: 16px; border: 1px solid rgba(255,255,255,.7);
  background: rgba(255,253,248,.8); -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 0 0 1px rgba(60,48,24,.07), 0 22px 40px -24px rgba(35,27,12,.4);
}
nav.tabs button { position: relative; z-index: 1; border-radius: 999px; letter-spacing: 0; transition: color .25s, background-color .25s, transform .2s var(--aw-ease); }
nav.tabs button:active { transform: scale(.96); }
nav.tabs button[aria-selected="true"] { background: var(--aw-navy); color: #fff; box-shadow: 0 8px 14px -8px rgba(14,26,40,.6); }
.aw-ink-ready nav.tabs button[aria-selected="true"] { background: transparent; box-shadow: none; }
.aw-tab-ink { position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 0; border-radius: 999px; background: linear-gradient(135deg, var(--aw-navy), var(--aw-navy-2));
  box-shadow: 0 10px 18px -10px rgba(14,26,40,.7); transition: transform .5s var(--aw-ease), width .5s var(--aw-ease), height .3s; pointer-events: none; opacity: 0; }
.aw-tab-ink.on { opacity: 1; }
@media (hover: hover) and (pointer: fine) { nav.tabs button:not([aria-selected="true"]):hover { background: rgba(14,26,40,.055); } }

/* ───────── 卡片与内容 ───────── */
main.wrap { padding-block: 28px 96px; }
.filters, .panel, .chart, .dcard, .rcard, .event, .changelog {
  border: 1px solid var(--line); border-radius: 16px;
  transition: transform .45s var(--aw-ease), box-shadow .45s var(--aw-ease), border-color .3s;
}
.filters { border-radius: 16px; }
.panel .chart { border-radius: 10px; }
/* 2026-10-22：卡片悬停不上浮、不加投影；可点的大类卡改为细边变深 */
@media (hover: hover) and (pointer: fine) { .dcard:hover, .rcard:hover { border-color: var(--line-2); } }
.sec-h { font-weight: 700; letter-spacing: -.01em; position: relative; padding-bottom: 14px; }
.sec-h::after { content: none; }
/* 页签背景跟随现有主题，未选中项在深色下保持可读。 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) nav.tabs { background:var(--surface); border-color:var(--line); box-shadow:var(--shadow-card); }
}
:root[data-theme="dark"] nav.tabs { background:var(--surface); border-color:var(--line); box-shadow:var(--shadow-card); }
.dchip { border-radius:999px; }
.dchip[aria-pressed="true"] { background:var(--aw-navy); border-color:var(--aw-navy); color:#fff; }
.tog { transition: background-color .25s, color .25s, transform .25s var(--aw-ease); }
.tog:active { transform: scale(.95); }
.tog[aria-pressed="true"] { background: var(--aw-navy); }
.chip { transition: transform .3s var(--aw-ease), box-shadow .3s, background-color .2s, border-color .2s, opacity .3s; }
/* 2026-10-22：公司胶囊悬停不位移 */
th { letter-spacing: normal; }
.drawer { border-radius: 24px 0 0 24px; }
@media (max-width: 760px) { .drawer { border-radius: 24px 24px 0 0; } }

/* 2026-10-22：不做滚动显现；切页只留 0.18 秒淡入、不位移（DESIGN_SYSTEM“少动效”）。 */
.aw-pre { opacity: 1; transform: none; }
main > .view:not([hidden]) { animation: aw-page .18s ease-out backwards; }
@keyframes aw-page { from { opacity: 0; } }

@media (max-width: 700px) {
  .hero { padding-block: 28px 24px; }
  .kpi { border-radius: 16px; }
  nav.tabs { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .aw-pre { opacity: 1; transform: none; }
  .aw-progress { display: none; }
}
@media print { .aw-progress { display: none !important; } .hero::before, .hero::after { display: none; } .hero, .hero h1, .hero .sub { color: #000; } .aw-pre { opacity: 1 !important; transform: none !important; } }

/* 标题舞台里的“深度研究”入口是白底卡片：文字回到墨色 */
.hero .dcta { color: var(--ink); border-radius: 20px; }
.hero .dcta b { color: var(--ink); }
.hero .dcta p { color: var(--muted); }
.hero .dcta a { color: var(--accent-ink); }
.hero .dcta button { background: var(--aw-navy); }

:root { --font: "Inter", "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; --font-display: "Inter", "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
button, input { font-family: inherit; }
/* 手机（2026-10-05）：页签收紧间距；右侧渐隐提示还能横向滑动（渐隐由 mobile-tables.js 按滚动位置开关） */
@media (max-width: 640px) {
  nav.tabs button { padding: 6px 10px; font-size: 13.5px; }
}

/* 2026-10-11：跨境关系先读客户明细，矩阵作为可展开的全量对照。 */
.cust-controls{display:flex;align-items:center;gap:12px;margin:18px 0;max-width:100%;min-width:0}
.cust-controls .cust-search{flex:1 1 320px;max-width:560px;width:100%;min-width:0}
.cust-controls>button{flex:0 0 auto}
.cust-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px;max-width:900px}
.cust-results>.cust-client{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;white-space:normal;text-align:left;line-height:1.5}
.cust-client>span{display:block;font-weight:600;overflow-wrap:anywhere}
.cust-client>small{display:block;font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.cust-client[aria-pressed=true]>small{color:rgba(255,255,255,.8)}
.cust-more{grid-column:1/-1;justify-self:start}
.cust-all{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.cust-all>summary{color:var(--accent-ink);font-size:14px;cursor:pointer}
.cust-scroll{max-height:62vh;max-width:100%;margin-top:12px}
.cust-matrix{--cust-first:220px;--cust-cell:76px;table-layout:fixed;width:calc(var(--cust-first) + var(--cust-cols)*var(--cust-cell));font-size:13px}
.cust-matrix col.cust-supplier-col{width:var(--cust-first)}
.cust-matrix col.cust-client-col{width:var(--cust-cell)}
.cust-matrix th.rgn{height:36px;padding:0 8px;top:0;text-align:left}
.cust-matrix th.cust-column{height:112px;padding:0;top:36px;vertical-align:middle;white-space:normal;letter-spacing:normal}
.cust-column>button{display:block;width:100%;height:112px;padding:8px 6px;appearance:none;border:0;background:none;color:inherit;font:inherit;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}
.cust-column.on{background:var(--accent-soft)}
.cust-matrix .sticky{white-space:normal;overflow-wrap:anywhere;padding:8px 12px}
.cust-matrix .sticky .tk{display:block;margin-top:3px}
.cust-matrix thead .sticky{top:0;vertical-align:middle!important}
.cust-matrix td.cell{height:38px;padding:6px}
#v-cust .panel .ritem{grid-template-columns:minmax(160px,240px) minmax(0,1fr)}
/* 深度研究表头内的名称/代码筛选，只过滤已读取行，不额外请求。 */
.deep-query-label{display:block;margin-top:8px;cursor:default}
.deep-query-label>span{display:block;margin-bottom:4px;font-size:12px;letter-spacing:normal;font-weight:400}
.deep-company-query{box-sizing:border-box;width:180px;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:400;letter-spacing:normal;padding:7px 9px}
.deeptbl tbody tr[hidden]{display:none!important}
/* 报告日期与原始文字分层，旧框架收起但全文仍在。 */
#v-cust,#v-deep,#v-prospectus,#v-report{animation:none}
#v-cust .panel.aw-pre{opacity:1;transform:none}
.report-timeline{max-width:900px;margin:0 auto;scroll-margin-top:100px}
.report-timeline>h1{font-size:28px;line-height:1.4;margin:0 0 16px}
.report-date-note,.report-section-date{font-size:12px;line-height:1.6;color:var(--muted)}
.report-date-nav,.report-section-nav{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;line-height:1.6;margin:18px 0}
.report-date-nav>a,.report-section-nav>a{word-break:normal}
.report-period{margin:22px 0 0;border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:100px}
.report-period>summary{font-size:17px;font-weight:650;line-height:1.5;color:var(--ink);cursor:pointer}
.report-section-nav{padding:0 0 16px;border-bottom:1px solid var(--line)}
.report-section{padding:18px 0;scroll-margin-top:100px}
.report-timeline .report-section-date{margin:0 0 6px}
.report-timeline .report-section .report-original-date{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 16px}
.report-timeline .report-section h2{font-size:21px;line-height:1.45;margin:0 0 16px;letter-spacing:normal}
.report-timeline .report-section h3{font-size:17px;line-height:1.5;margin:24px 0 12px;letter-spacing:normal}
.report-timeline .report-section p,.report-timeline .report-section li{font-size:15px;line-height:1.85}
.report-timeline .report-section p{margin:0 0 16px}
.report-timeline .report-section li{margin:10px 0}
.report-timeline .report-section ul,.report-timeline .report-section ol{padding-left:1.5em;margin:16px 0}
.report-timeline .report-section strong{font-weight:600}
.report-timeline .report-section table{margin:20px 0;border-radius:0;box-shadow:none}
@media(max-width:640px){
 .cust-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
 .cust-controls>label{grid-column:1/-1}
 .cust-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cust-results>.cust-client{padding:9px 10px}
 .cust-matrix{--cust-first:160px}
 #v-cust .panel .ritem{grid-template-columns:minmax(0,1fr);gap:8px}
 .report-timeline>h1{font-size:22px}
 .report-timeline .report-section h2{font-size:18px}
 .report-date-nav,.report-section-nav{gap:8px 12px}
 .deep-company-query{width:160px}
}

/* 用户要求同时保留客户名单浏览：只列名字，搜索仍为快捷入口。 */
.cust-browse{display:flex;align-items:center;gap:12px;margin:10px 0 12px;min-width:0}
.cust-browse select{font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-width:0;width:min(360px,100%)}
.cust-browse label{flex:0 0 auto}
@media(max-width:640px){.cust-browse{flex-direction:column;align-items:stretch;gap:6px}.cust-browse select{width:100%}}

/* ───────── 2026-10-22 图谱美化与易用性（chain-ui-20261022.1）─────────
   只改外观与少量交互入口；数据、接口、文案含义不变。 */
/* ① 首屏研究入口：去掉左侧色条（不加彩色边） */
.hero .dcta { border-left: 0; }
/* ② 数据到达前不显示空的筛选卡与空页签条 */
.filters:empty, nav.tabs:empty { display: none; }
/* ③ 个股行情：指数涨跌幅不在“-”处折行；条形图标签列放宽，值标签不压在最长条上（JS 去掉 88% 上限） */
.bench .b em { white-space: nowrap; }
.bars { grid-template-columns: minmax(96px, 200px) minmax(0, 1fr); }
/* ④ 动态：事件不再一条一张卡，改为同一页面上的分隔列表；吸顶类型条与页面同底色 */
.event { background: none; box-shadow: none; border: 0; border-radius: 0; border-top: 1px solid var(--line); margin: 0; padding: 16px 0; }
.month + .event, .ind-events .event:first-child { border-top: 0; }
#v-industry .ind-events .event { margin-bottom: 0; }
.event p { max-width: 820px; }
.ev-sticky { background: color-mix(in srgb, var(--bg) 92%, transparent); margin: 0; padding: 2px 0; }
/* ⑤ 研究报告目录：卡片里不套卡片，条目改为分隔线列表 */
.report-archive-list { gap: 0 24px; }
.report-archive-item { border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 12px 0; }
.report-archive-item:nth-child(-n+2) { border-top: 0; }
.report-archive-item:hover { border-color: var(--line); }
.report-archive-item:hover b { color: var(--accent-ink); }
@media (max-width: 640px) { .report-archive-item:nth-child(2) { border-top: 1px solid var(--line); } }
/* ⑥ 招股书研究表在 1400 宽放得下：最新文件列可换行 */
#v-prospectus .deeptbl td:nth-child(5) { white-space: normal; min-width: 9em; max-width: 15em; }
#v-prospectus .deeptbl td.hd { min-width: 200px; max-width: 300px; }
/* ⑦ 长段落最宽 820px（约每行 50 个汉字）：公司详情、产业研究卡；表格不受影响 */
.drawer-b section :is(p, li):not(td *, th *) { max-width: 820px; }
/* ⑧ 公司详情：“依据来源”标签与胶囊对齐；顶部标签行间距收紧 */
.dchips { align-items: center; gap: 4px; flex-wrap: wrap; }
.drawer-h .ids { gap: 4px 6px; }
/* ⑨ 手机筛选：默认收起为一行“筛选”，点开才显示全部筛选项（JS 加 .ftoggle） */
.ftoggle { display: none; }
@media (max-width: 640px) {
  .filters { gap: 10px 16px; }
  .ftoggle { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; appearance: none; border: 0; background: none; padding: 2px 0; min-height: 40px; font: inherit; font-size: 15px; font-weight: 600; color: var(--ink); cursor: pointer; text-align: left; }
  .ftoggle small { font-size: 13px; font-weight: 400; color: var(--muted); }
  .ftoggle::after { content: "展开"; font-size: 13px; font-weight: 400; color: var(--accent-ink); flex: none; }
  .filters.f-open .ftoggle::after { content: "收起"; }
  .filters:not(.f-open) > .fgroup { display: none; }
}

/* ───────── 2026-10-22 第二轮（chain-ui-20261022.2）───────── */
/* ① 带 # 进入时首屏收成一行：标题＋搜索框（首页与关注公司入口保留，介绍、统计、研究入口、快捷入口不显示） */
.hero-min .hero { padding-block: 14px 14px; }
.hero-min .hero::before { border-radius: 0 0 18px 18px; box-shadow: none; }
.hero-min .hero::after, .hero-min .hero .aw-pulse { display: none; }
.hero-min .hero .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.hero-min .hero h1 { order: 1; margin: 0; font-size: 22px; line-height: 1.3; text-shadow: none; flex: none; }
.hero-min .hero .topsearch { order: 2; flex: 1 1 420px; margin: 0; flex-wrap: nowrap; gap: 14px; min-width: 0; }
.hero-min .hero .topsearch .eyebrow { margin-left: 0 !important; }
.hero-min .hero .search.search-top { flex: 1 1 auto; width: auto; min-width: 0; padding: 8px 12px; font-size: 14.5px; }
.hero-min .hero .sres { order: 3; flex: 1 1 100%; margin: 4px 0 0; }
.hero-min .hero :is(.sub, .stamp, .kpis, .dcta, .quick) { display: none !important; }
@media (max-width: 640px) {
  .hero-min .hero .topsearch { flex-wrap: wrap; flex-basis: 100%; gap: 6px 14px; }
  .hero-min .hero h1 { font-size: 20px; }
}
/* ② 首屏快捷入口：一行文字按钮 */
.quick { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 14px; font-size: 15px; color: rgba(236,226,208,.45); }
.quick button { appearance: none; border: 0; background: none; padding: 4px 0; min-height: 32px; font: inherit; font-weight: 600; color: #ffd9bf; cursor: pointer; }
.quick button:hover { text-decoration: underline; text-underline-offset: 3px; }
/* ③ 动态页：按公司筛选提示与清除筛选 */
.ev-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; margin: 0 0 6px; }
.ev-tools .linkbtn { font-size: 13.5px; }
/* ④ 公司详情：结论标题旁“加入关注”小按钮；公司跟踪链接与内部资料说明在结论之后；上下游一节内的关系搜索 */
.drawer-b h4.dhead-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.drawer-b .dfocus-mini { flex: none; padding: 2px 10px; min-height: 28px; font-size: 12.5px; font-weight: 500; }
.drawer-b .dfocus-link { margin: 10px 0 0; font-size: 13.5px; }
.drawer-b .dfocus-link + .dintnote, .drawer-b section + .dintnote { margin-top: 6px; }
.drawer-b section > .dfilter { margin: 4px 0 10px; }
/* ⑤ 手机：页签点击高度 40px；详情关闭按钮 44px */
.close { width: 44px; height: 44px; font-size: 20px; }
@media (max-width: 640px) {
  .bar nav.tabs button { min-height: 40px; }
}