/* ==========================================================================
   洞察栏目（/insights/ 栏目页与文章页，sitegen/insights.py 产出）：site.css 公共组件之外的几样。
   2026-10-03《洞察内容体系》第五节（子代理 D）；2026-10-05《子页改版-2026-10-04》6.3（E）：页首换成 A 的大画面版式 hero(…, big=True)，
   画面、封面、起步范围换成首页的元素（场景定格图、首页小卡、五层堆叠），旧场景 SVG 不再用。只用 site.css 的变量；类名前缀 ins-。
   ========================================================================== */

/* ---------- 共用：栏目 chip、元信息、待审、栏目篇数 / 正在建设 ---------- */
.ins-chip{display:inline-block;padding:3px 9px;border-radius:4px;background:var(--blue-soft);font-size:12px;line-height:1.5;color:var(--blue);white-space:nowrap}
.ins-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:13px;line-height:1.6;color:var(--ink-3)}
.ins-meta span+span:not(.ins-state)::before{content:"·";margin:0 8px;color:var(--off)}
.ins-state{display:inline-block;margin-left:10px;padding:2px 8px;border:1px solid var(--line);border-radius:4px;background:var(--line-2);font-size:11.5px;line-height:1.5;color:var(--ink-3);white-space:nowrap}
.ins-meta>.ins-state:first-child{margin-left:0}
.ins-count{display:inline-block;padding:2px 8px;border-radius:4px;border:1px solid var(--blue-100);font-size:11.5px;line-height:1.5;color:var(--blue);white-space:nowrap}
.ins-building{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--blue-soft);font-size:11.5px;line-height:1.5;color:var(--blue);white-space:nowrap}
.ins-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.ins-links .text-link{white-space:nowrap}

/* ---------- 文章卡（栏目页列表、文章页「相关文章」）：封面 16:10 + chip / 日期 + 标题两行 + 导语两行 ---------- */
.ins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px var(--gut) 8px}
.ins-card{display:flex;flex-direction:column;padding:10px 10px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;transition:border-color .25s,box-shadow .25s}
.ins-card:hover,.ins-card:focus-visible{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(29,78,216,.5);outline:none}
.ins-cover{aspect-ratio:16/10;border-radius:8px;background:linear-gradient(180deg,#F8FAFC,#F1F5F9);overflow:hidden}
.ins-cover>svg{display:block;width:100%;height:100%}
.ins-cover-scn{background:#F4F7FA}
.ins-cover-scn>img{display:block;width:100%;height:100%;object-fit:cover}   /* 定格图 'c'（16:10，主体铺满） */
/* S-1 的封面：十个方案的小卡拼图（静止；第一张彩色、带蓝边，其余灰——从一个场景起步） */
.ins-cover-ten{display:flex;align-items:center;justify-content:center;padding:0 6%}
.ins-cover-ten .ins-ten{gap:6px}
.ins-cover-ten .ins-ten-i{padding:4px;gap:0;border-radius:6px}
.ins-cover-ten .ins-ten-fig{border-radius:3px}
.ins-card-txt{display:flex;flex-direction:column;gap:8px;padding:14px 6px 0}
.ins-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ins-card-top .ins-meta{font-size:12px}
.ins-card h3{font:500 18px/1.45 var(--sans);letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}
.ins-card:hover h3{color:var(--blue)}
.ins-card p{font-size:13px;line-height:1.7;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:980px){.ins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ins-grid{grid-template-columns:1fr;gap:10px;padding-top:16px}.ins-card{padding:8px 8px 16px}.ins-card h3{font-size:17px}}

/* ---------- 栏目页页首：导语下面的头条文章卡（画面 = 这篇文章的封面；卡链到文章，画面不链接） ---------- */
.ins-hfeat{display:flex;flex-direction:column;gap:8px;max-width:460px;margin-top:30px;padding:18px 20px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;
  transition:border-color .25s,box-shadow .25s}
.ins-hfeat:hover,.ins-hfeat:focus-visible{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(29,78,216,.5);outline:none}
.ins-hfeat h3{font:500 20px/1.45 var(--sans);letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}
.ins-hfeat:hover h3{color:var(--blue)}
.ins-hfeat p{font-size:13.5px;line-height:1.7;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:980px){.ins-hfeat{max-width:none;margin-top:22px}}
@media (max-width:640px){.ins-hfeat{padding:14px 16px 16px}.ins-hfeat h3{font-size:17px}}

/* ---------- 栏目页：四张栏目卡（电脑 4 列；手机 1 列紧凑行：图标 + 栏目名 + chip 一行，小字第二行） ---------- */
.ins-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 var(--gut) 44px}
.ins-cat{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;transition:border-color .25s,box-shadow .25s}
.ins-cat:hover,.ins-cat:focus-visible{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(29,78,216,.5);outline:none}
.ins-cat-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ins-cat-name b{font:500 19px/1.35 var(--sans);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;transition:color .25s}
.ins-cat:hover b{color:var(--blue)}
.ins-cat small{font-size:13px;line-height:1.6;color:var(--ink-2)}
@media (max-width:980px){.ins-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .ins-cats{grid-template-columns:1fr;gap:8px;padding-bottom:30px}
  .ins-cat{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;align-items:center;padding:14px 16px}
  .ins-cat .icon-box{grid-row:span 2}
  .ins-cat-name b{font-size:17px}
  .ins-cat small{font-size:12.5px}
}

/* ---------- 栏目页：筛选 pill（手机上一行横向滑动）+ 空栏目「正在建设」宽卡 ---------- */
.ins-filters{border-bottom:0;padding:0 var(--gut)}
/* 手机：pill 放不下一行时整枚换到第二行（《洞察内容体系》5.1 写的是横向滑动；滑出视口的 pill 会被 sitecheck 记为溢出，改为换行） */
.ins-empty{margin:20px var(--gut) 8px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ins-empty-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.ins-empty-head b{font:500 19px/1.35 var(--sans);letter-spacing:-.01em}
.ins-empty>p{margin-top:12px;font-size:14px;color:var(--ink-2)}
.ins-empty-go{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2)}
.ins-empty-go>span{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ink-3)}
.ins-card[hidden],.ins-grid[hidden],.ins-empty[hidden]{display:none}
#articles{padding-bottom:44px}
@media (max-width:640px){#articles{padding-bottom:30px}.ins-empty{padding:18px}}

/* ---------- 文章页：页首用大画面版式（.ins-hero：标题可两行、元信息行在左下）；正文栏宽 1040 居中，段落 720 ---------- */
.ins-col{max-width:calc(1040px + 2 * var(--gut));margin:0 auto}
.ins-hero h1{text-wrap:balance}
@media (min-width:981px){.hero-big.ins-hero h1{max-width:12.5em;font-size:clamp(34px,3.3vw,46px);line-height:1.2;white-space:normal}}
@media (max-width:980px){.ins-hero h1{font-size:max(24px,min(34px,calc((100vw - 2 * var(--gut)) / var(--h1n,14))));line-height:1.3;white-space:normal}}   /* 尽量一行；放不下折成两行（文章页 h1 最多两行，《洞察内容体系》第七节第 13 项） */
.ins-hero .ins-meta+.phead-note{margin-top:8px}
.ins-nw{display:inline-block;white-space:nowrap}

/* ---------- 页首大画面里的画面（.ins-pic 铺满 .hero-pic；手机上 .hero-pic 是 16:10，五层堆叠跟着内容走高） ---------- */
.hero-pic>.ins-pic{position:absolute;inset:0}
.ins-pic-ten,.ins-pic-stack{display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,44px);
  background:radial-gradient(ellipse 58% 56% at 54% 50%,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 72%),linear-gradient(180deg,#F7F9FB 0,#EDF1F5 100%)}   /* 同瓴渡OS 各页页首画面的底（os.css .os-pic） */
.ins-pic-ten::before,.ins-pic-stack::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#D5DCE5 1px,transparent 1.2px);background-size:24px 24px;opacity:.5;
  -webkit-mask:radial-gradient(ellipse 62% 66% at 50% 52%,#000 16%,transparent 76%);mask:radial-gradient(ellipse 62% 66% at 50% 52%,#000 16%,transparent 76%)}
.ins-pic-ten>*,.ins-pic-stack>*{position:relative}

/* 方案封面：文章相关方案的定格图轮流淡入（每张 5 秒、交叉 .8 秒；三张一轮 15 秒，两张 10 秒），左下角标方案名 */
.ins-trio{background:#F4F7FA}
.ins-trio-i{position:absolute;inset:0;margin:0;opacity:0;animation:ins-trio 15s linear infinite backwards;animation-delay:calc(var(--k) * 5s - .8s)}
.ins-trio[style*="--n:2"] .ins-trio-i{animation-name:ins-duo;animation-duration:10s}
.ins-trio[style*="--n:1"] .ins-trio-i,.ins-trio-i:first-child{opacity:1}
.ins-trio[style*="--n:1"] .ins-trio-i{animation:none}
.ins-trio-i img{display:block;width:100%;height:100%;object-fit:contain}   /* 定格图底色 #F4F7FA 与画面框同色 */
@media (min-width:981px){.ins-trio-i img{-webkit-mask:linear-gradient(180deg,transparent calc(50% - 31.25cqw),#000 calc(50% - 26cqw),#000 calc(50% + 26cqw),transparent calc(50% + 31.25cqw));mask:linear-gradient(180deg,transparent calc(50% - 31.25cqw),#000 calc(50% - 26cqw),#000 calc(50% + 26cqw),transparent calc(50% + 31.25cqw))}.ins-trio{container-type:size}}   /* 电脑上画面框接近方形，横图上下留白：上下边缘淡出（图高 = 框宽 × 0.625） */
.ins-trio-i figcaption{position:absolute;left:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px 0 11px;
  border:1px solid #E2E8F0;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px -12px rgba(15,23,42,.35);font:500 13px/1 var(--sans);color:var(--ink);white-space:nowrap}
.ins-trio-i figcaption i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
@keyframes ins-trio{0%{opacity:0}5.33%,33.33%{opacity:1}38.67%,100%{opacity:0}}
@keyframes ins-duo{0%{opacity:0}8%,50%{opacity:1}58%,100%{opacity:0}}

/* 十个方案的首页小卡（S-1 页首）：两排各五张，轮流亮起一张（彩色、蓝边、进度线，同首页小卡），一张 2.4 秒、一轮 24 秒 */
.ins-ten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;max-width:800px}
.ins-ten-i{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;padding:8px 8px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ins-ten-fig{display:block;border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#F8FAFC,#F1F5F9)}
.ins-ten-fig svg{display:block;width:100%;height:auto;aspect-ratio:16/10;filter:grayscale(1) contrast(1.05);opacity:.85}
.ins-ten-i:first-child{border-color:#93C5FD}
.ins-ten-i:first-child svg{filter:none;opacity:1}
.ins-ten-n{padding:0 2px;font:500 13px/1.3 var(--sans);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ins-ten.is-live .ins-ten-i,.ins-ten.is-live .ins-ten-fig svg,.ins-ten.is-live .ins-ten-n,.ins-ten.is-live .ins-ten-i::after{animation:24s linear infinite;animation-delay:calc(var(--k) * 2.4s - 24s)}
.ins-ten.is-live .ins-ten-i{animation-name:ins-ten}
.ins-ten.is-live .ins-ten-fig svg{animation-name:ins-ten-g}
.ins-ten.is-live .ins-ten-n{animation-name:ins-ten-n}
.ins-ten.is-live .ins-ten-i::after{content:"";position:absolute;left:8px;right:8px;bottom:5px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;animation-name:ins-ten-bar}
@keyframes ins-ten{0%,8.5%,100%{border-color:#93C5FD;box-shadow:0 14px 28px -18px rgba(29,78,216,.55);transform:translateY(-3px)}10%,98.5%{border-color:var(--line);box-shadow:none;transform:none}}
@keyframes ins-ten-g{0%,8.5%,100%{filter:none;opacity:1}10%,98.5%{filter:grayscale(1) contrast(1.05);opacity:.85}}
@keyframes ins-ten-n{0%,8.5%,100%{color:var(--blue)}10%,98.5%{color:var(--ink-2)}}
@keyframes ins-ten-bar{0%{transform:scaleX(0);opacity:1}9.5%{transform:scaleX(1);opacity:1}10.5%,100%{transform:scaleX(1);opacity:0}}
/* 电脑上画面框接近方形：排成 4 + 3 + 3（24 栏，一张占 6 栏，第二、三排居中），卡片放大、铺满画面框的六成高 */
@media (min-width:981px){.ins-pic-ten .ins-ten{grid-template-columns:repeat(24,minmax(0,1fr));gap:18px 16px;max-width:820px}.ins-pic-ten .ins-ten-i{grid-column:span 6}
  .ins-pic-ten .ins-ten-i:nth-child(5),.ins-pic-ten .ins-ten-i:nth-child(8){grid-column:4 / span 6}.ins-pic-ten .ins-ten-n{font-size:14px}}
@media (max-width:640px){.ins-pic-ten{padding:14px var(--gut)}.ins-pic-ten .ins-ten{gap:6px}.ins-pic-ten .ins-ten-i{padding:4px 4px 7px;gap:0;border-radius:7px}.ins-pic-ten .ins-ten-n{display:none}
  .ins-ten.is-live .ins-ten-i::after{left:4px;right:4px;bottom:3px}}

/* 五层堆叠放大、会动（T-1 页首；tools/arch_stack.py hero_svg，尺寸与字号同 /os/architecture.html 页首，os.css .arch-hero） */
.ins-pic-stack .arch-hero{display:block;height:96%;width:auto;max-width:100%;overflow:visible}
.ins-pic-stack .ah-code{font:600 14px/1 var(--mono);letter-spacing:.06em}
.ins-pic-stack .ah-name{font:400 13.5px/1 var(--sans)}
.ins-pic-stack .ah-tag{font:500 12px/1 var(--sans)}
@media (max-width:980px){
  .hero-pic:has(>.ins-pic-stack){aspect-ratio:auto}
  .hero-pic>.ins-pic-stack{position:relative;inset:auto;padding:16px var(--gut) 20px}
  .ins-pic-stack .arch-hero{width:100%;height:auto;max-width:460px;margin:0 auto}
}
@media (max-width:560px){.ins-pic-stack .ah-code{font-size:17px}.ins-pic-stack .ah-name{font-size:18px}.ins-pic-stack .ah-tag{font-size:16px}}
@media (prefers-reduced-motion:reduce){
  .ins-trio-i,.ins-ten.is-live .ins-ten-i,.ins-ten.is-live .ins-ten-fig svg,.ins-ten.is-live .ins-ten-n,.ins-ten.is-live .ins-ten-i::after{animation:none}
}

/* 正文节：白 / 浅灰交替；节内各块之间 22px */
.sec.ins-sec{padding-bottom:48px}
.ins-sec .ins-col>*+*{margin-top:22px}
.ins-sec .ins-col>.khead+*{margin-top:0}
@media (max-width:640px){.sec.ins-sec{padding-bottom:32px}.ins-sec .ins-col>*+*{margin-top:18px}}
.ins-prose{max-width:calc(720px + 2 * var(--gut));padding:0 var(--gut)}
.ins-prose p{font-size:16px;line-height:1.9;color:var(--ink-2)}
.ins-prose p+p{margin-top:14px}
.ins-prose b{color:var(--ink);font-weight:600}
@media (max-width:640px){.ins-prose p{font-size:15px;line-height:1.85}}
.ins-term{color:var(--blue);border-bottom:1px solid var(--blue-100);transition:border-color .2s}
.ins-term:hover{border-color:var(--blue)}
.ins-note{max-width:calc(720px + 2 * var(--gut));padding:0 var(--gut);font-size:12.5px;line-height:1.7;color:var(--ink-3)}
.ins-sec .ins-links{padding:0 var(--gut)}

/* 卡片组：表格的每一行一张卡（卡头 = 第一列；其余列 = 蓝色小标题 + 文字）；三 / 五张一行，平板三列，手机一列 */
.ins-rcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 var(--gut)}
.ins-rcards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ins-rcards.c5{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ins-rcard{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ins-rcard .icon-box{margin-bottom:14px}
.ins-rcard h3{font:500 18px/1.4 var(--sans);letter-spacing:-.01em}
.ins-rcard dl{margin:0}
.ins-rcard dl>div{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)}
.ins-rcard dt{font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--blue)}
.ins-rcard dd{margin:4px 0 0;font-size:13px;line-height:1.7;color:var(--ink-2)}
.c5 .ins-rcard{padding:18px 16px}
.ins-idx{display:block;margin-bottom:10px;font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--blue)}
@media (max-width:1100px){.ins-rcards.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ins-rcards,.ins-rcards.c3,.ins-rcards.c5{grid-template-columns:1fr;gap:8px}.ins-rcard,.c5 .ins-rcard{padding:18px}}

/* 图标卡 / 编号卡（site.css .icard）：段落不限宽；编号卡的序号；「01 · Read」小字同 /os/whitepaper.html */
.ins-cards{padding-bottom:0}
.ins-cards .icard p{max-width:none;line-height:1.75}
.ins-num .ins-idx{margin-bottom:12px}
.ins-num h3,.ins-rcard .ins-idx+h3{margin-top:0}
.icard h3 .ins-en{display:block;margin-top:4px;font:500 11.5px/1.4 var(--mono);letter-spacing:.04em;color:var(--ink-3)}

/* 对照表：左列维度，中列灰，右列蓝；手机上每个维度一张卡（表头写进每格的小标题） */
.ins-tbl{margin:0 var(--gut);border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.ins-tbl table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.7}
.ins-tbl th,.ins-tbl td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-2)}
.ins-tbl thead th{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ink-3);background:#F8FAFC;border-bottom:1px solid var(--line)}
.ins-tbl thead th:last-child{color:var(--blue);background:var(--blue-soft)}
.ins-tbl tbody th{width:18%;font-weight:600;color:var(--ink);white-space:nowrap}
.ins-tbl td{width:41%;color:var(--ink-3)}
.ins-tbl td:last-child{color:var(--ink);background:rgba(239,246,255,.45)}
.ins-tbl tbody tr:last-child>*{border-bottom:0}
@media (max-width:640px){
  .ins-tbl{border:0;border-radius:0;background:none;overflow:visible}
  .ins-tbl table,.ins-tbl tbody,.ins-tbl tr,.ins-tbl th,.ins-tbl td{display:block;width:auto}
  .ins-tbl thead{display:none}
  .ins-tbl tr{margin-bottom:8px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
  .ins-tbl tbody th,.ins-tbl td{padding:0;border:0;background:none}
  .ins-tbl tbody th{width:auto;font-size:16px;white-space:normal}
  .ins-tbl td{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}
  .ins-tbl td:last-child{background:none}
  .ins-tbl td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-3)}
  .ins-tbl td:last-child::before{color:var(--blue)}
}

/* 方案起步范围（S-1）：每个方案一张卡——首页小卡的缩略图（彩色）+ 方案名 + 起步范围 / 评价指标；电脑两列，手机一列（缩略图在左，窄） */
.ins-scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 var(--gut)}
.ins-scope{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:16px;align-items:start;padding:10px 16px 12px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;transition:border-color .25s,box-shadow .25s}
.ins-scope:hover{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(29,78,216,.5)}
.ins-scope-fig{display:block;border-radius:8px;background:linear-gradient(180deg,#F8FAFC,#F1F5F9);overflow:hidden}
.ins-scope-fig svg{display:block;width:100%;height:auto;aspect-ratio:16/10}
.ins-scope-txt{padding-top:4px;min-width:0}
.ins-scope h3{font:500 17px/1.4 var(--sans);transition:color .25s}
.ins-scope:hover h3{color:var(--blue)}
.ins-scope dl{margin:0}
.ins-scope dl>div{margin-top:8px}
.ins-scope dt{font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--blue)}
.ins-scope dd{margin:2px 0 0;font-size:13px;line-height:1.65;color:var(--ink-2)}
@media (max-width:980px){.ins-scopes{grid-template-columns:1fr}}
@media (max-width:640px){.ins-scopes{gap:8px}.ins-scope{grid-template-columns:minmax(0,96px) minmax(0,1fr);gap:12px;padding:8px 12px 10px 8px}.ins-scope-fig{border-radius:5px}.ins-scope-txt{padding-top:0}.ins-scope h3{font-size:16px}}

/* 出处（浅灰小字）与相关 */
.sec.ins-src{padding:36px 0 40px}
.ins-src .ins-col>*{margin-inline:var(--gut);max-width:720px}
.ins-src p{margin-top:8px;font-size:13px;line-height:1.8;color:var(--ink-2)}
.ins-src .text-link{margin-left:6px;font-size:12.5px}
.ins-src .ins-demo{margin-top:12px;font-size:12px;color:var(--ink-3)}
.ins-rel-scn{padding-bottom:0}
.ins-subh{margin:0 var(--gut);padding-top:16px;font:500 17px/1.4 var(--sans)}
.ins-sec .ins-col>.ins-subh{margin-top:30px}
.ins-sec .ins-col>.ins-subh+.ins-grid{margin-top:0;padding-top:14px}
.ins-sec .ins-col>.ins-grid{padding-bottom:0}
.ins-cover-stack{display:flex;align-items:center;justify-content:center;padding:6% 0}
.ins-cover-stack>svg{width:auto;height:100%}