/* 换算通 app.css — critical.css 之外的组件样式。
   设计主题：极简专业 · 绿调工具站。全部组件可复用，新增工具分类无需改样式。
   约定：卡片只用 1px 描边 + 极轻阴影；hover 仅颜色/描边变化；无位移、无夸张动效。 */

/* ================================================== 通用排版件 */
:root{--lh-cjk:1.8}
h1,h2,h3,h4,.c-h1,.c-h2,.c-h3,.c-pair-h1{letter-spacing:0}
.c-note{font-size:var(--fs-sm);line-height:var(--lh-cjk);color:var(--c-ink-500);max-width:var(--w-prose)}
.c-p{margin-top:var(--sp-4);font-size:var(--fs-body);line-height:var(--lh-cjk);color:var(--c-ink-700)}
.c-p--sm{font-size:var(--fs-sm);line-height:1.6}
.c-foot{margin-top:var(--sp-3);font-size:var(--fs-xs);line-height:var(--lh-cjk);color:var(--c-ink-500);max-width:34em}
.c-src{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-lead,.c-hero__lead,.c-def__p,.c-faq__a,.c-p{line-height:var(--lh-cjk)}

/* ================================================== 区块：标题与内容严格分离 */
/* v2.4：收紧模块间距，避免教学/疑问/随机等区块之间出现大片空白 */
.c-sec{margin-top:var(--sp-6)}
.c-sec--head{margin-top:var(--sp-4)}
.c-sec--last{margin-bottom:0}
@media (min-width:1024px){.c-sec{margin-top:var(--sp-8)}}
.c-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);
margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:var(--bw-hair) solid var(--c-line)}
.c-sec__desc{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-ink-500);max-width:none;line-height:1.6}
.c-sec__more{flex:none;font-size:var(--fs-sm);font-weight:600;color:var(--c-accent);white-space:nowrap}
.c-sec__more:hover{color:var(--c-accent-hover)}
.c-sec__intro{margin-bottom:var(--sp-4);font-size:var(--fs-body);line-height:var(--lh-cjk);color:var(--c-ink-700);max-width:var(--w-prose)}

/* ================================================== 首页 Hero：左文本 / 右换算器 */
.c-hero{padding-block:var(--sp-8) var(--sp-8);border-bottom:var(--bw-hair) solid var(--c-line)}
.c-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-10);align-items:start}
.c-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);
font-weight:600;letter-spacing:var(--ls-micro);color:var(--c-accent)}
.c-eyebrow::before{content:"";width:20px;height:2px;background:var(--c-accent);border-radius:1px}
.c-hero__title{margin-top:var(--sp-5);font-size:clamp(34px,3vw + 20px,50px);
font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--c-ink-900)}
.c-hero__title em{font-style:normal;color:var(--c-accent)}
.c-hero__lead{margin-top:var(--sp-5);max-width:36em;font-size:var(--fs-body-lg);color:var(--c-ink-700)}
.c-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);
margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:var(--bw-hair) solid var(--c-line)}
.c-stat{min-width:0;padding-inline-end:var(--sp-2)}
.c-stat strong{display:block;font-size:clamp(22px,1.8vw + 14px,30px);font-weight:700;
line-height:1.2;color:var(--c-accent-deep)}
.c-stat span{display:block;margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8)}
.c-hero__points{display:grid;gap:var(--sp-2);margin-top:var(--sp-6);padding-top:var(--sp-5);
border-top:var(--bw-hair) solid var(--c-line);font-size:var(--fs-sm);color:var(--c-ink-700)}
.c-hero__points li{display:flex;gap:var(--sp-2);max-width:38em;line-height:1.7}
.c-hero__points li::before{content:"—";flex:none;color:var(--c-accent);font-weight:600}
.c-hero__card{padding:var(--sp-5);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4);box-shadow:var(--sh-2)}
.c-hero__card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:var(--bw-hair) solid var(--c-line)}
.c-hero__card-head h2{font-size:var(--fs-h3);font-weight:700}
.c-hero__badge{padding:2px var(--sp-2);border:var(--bw-hair) solid var(--c-line);
border-radius:var(--r-2);background:var(--c-accent-soft);color:var(--c-accent-deep);
font-size:var(--fs-xs);font-weight:600}
/* 首页卡里复用 .c-conv：去掉外层卡中卡的重复边框 */
.c-hero__card .c-conv{max-width:none;margin:0;padding:0;background:transparent;border:0;
border-radius:0;box-shadow:none}
.c-hero__card .c-conv:focus-within{border-color:transparent}
.c-hero__card .c-conv__grid{gap:var(--sp-3)}
.c-hero__card .c-conv__result{padding:var(--sp-3) 0}
.c-hero__card .c-conv .c-formula{margin-top:var(--sp-3)}
.c-hero__card .c-conv__links{margin-top:var(--sp-2)}
.c-hero__card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:var(--sp-2);margin-top:var(--sp-2)}
.c-hero__hint{font-size:var(--fs-xs);color:var(--c-ink-300)}
.c-panel-cta{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--h-tap);
font-size:var(--fs-sm);font-weight:600;color:var(--c-accent)}
@media (min-width:1024px){
.c-hero{padding-block:var(--sp-12)}
.c-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:var(--sp-16)}
.c-hero__card{padding:var(--sp-6)}}

/* ================================================== 换算组件补充件 */
.c-field{display:flex;flex-direction:column;min-width:0}
.c-field__label{margin-bottom:var(--sp-1);font-size:var(--fs-xs);font-weight:600;color:var(--c-ink-500)}
.c-field--dim{margin-bottom:var(--sp-3)}
/* label 是竖向 flex，必须把 .c-select 的响应式 flex-basis:190px 覆盖掉，否则下拉会被撑成 190px 高 */
.c-field--dim .c-select{flex:0 0 auto;width:100%;max-width:100%;height:var(--h-control)}
.c-conv .c-formula{margin-top:var(--sp-4);padding:var(--sp-3);background:var(--c-surface-2);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);
font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;color:var(--c-ink-900);
max-width:none;overflow-wrap:anywhere}
.c-conv__links{margin-top:var(--sp-3);font-size:var(--fs-xs);line-height:1.8;color:var(--c-ink-500);max-width:none}
.c-conv__links a{color:var(--c-ink-700);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.c-conv__links a:hover{color:var(--c-accent)}
.c-conv__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3)}
.c-conv__foot .c-note{font-size:var(--fs-xs)}

/* ================================================== 工具分类卡（可扩展网格） */
.c-tool-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter)}
.c-tool-feature{position:relative;display:flex;flex-direction:column;min-height:196px;padding:var(--sp-5);
background:var(--c-surface-1);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4);
color:var(--c-ink-900);transition:border-color var(--dur-fast) var(--ease-out)}
.c-tool-feature::before{content:"";position:absolute;top:-1px;left:var(--sp-5);width:36px;height:2px;
background:var(--c-accent)}
.c-tool-feature:hover{border-color:var(--c-accent);color:var(--c-ink-900);text-decoration:none}
.c-tool-feature__desc{margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:1.7;
color:var(--c-ink-500);max-width:none}
.c-tool-feature__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);
margin-top:auto;padding-top:var(--sp-4);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-tool-feature__cta{display:inline-flex;align-items:center;gap:var(--sp-1);padding:5px var(--sp-3);
border:var(--bw-hair) solid var(--c-line-strong);border-radius:var(--r-2);
font-size:var(--fs-xs);font-weight:600;color:var(--c-accent-deep)}
.c-tool-feature:hover .c-tool-feature__cta{border-color:var(--c-accent);background:var(--c-accent-soft)}
@media (min-width:640px){.c-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.c-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ================================================== 量纲网格 / 单位 chip */
.c-dim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter)}
.c-dim-card{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:var(--sp-3) var(--sp-4);
background:var(--c-surface-1);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3);
color:var(--c-ink-900);transition:border-color var(--dur-fast) var(--ease-out)}
.c-dim-card:hover{border-color:var(--c-accent);color:var(--c-ink-900);text-decoration:none}
.c-dim-card__name{font-size:16px;font-weight:600;line-height:1.35;color:var(--c-ink-900)}
.c-dim-card__count{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-chips{display:flex;gap:var(--sp-2);overflow-x:auto;padding-block:var(--sp-half)}
.c-chips--wrap{flex-wrap:wrap;overflow:visible}
.c-chip{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;height:36px;padding:0 var(--sp-3);
background:var(--c-surface-1);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);
color:var(--c-ink-700);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}
.c-chip:hover{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-deep);text-decoration:none}
.c-chip__sym{font-size:var(--fs-xs);color:var(--c-ink-500)}
@media (min-width:768px){.c-dim-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.c-dim-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ================================================== 热门换算纯文本内链矩阵 */
.c-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
border-top:var(--bw-hair) solid var(--c-line)}
.c-entries__item{display:flex;align-items:center;min-width:0;min-height:var(--h-row);
padding-inline:var(--sp-1);border-bottom:var(--bw-hair) solid var(--c-line);
color:var(--c-ink-700);font-size:var(--fs-sm);font-weight:500;line-height:1.4;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-entries__item:hover{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}
@media (min-width:768px){.c-entries{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.c-entries{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ================================================== 首页 FAQ（全静态文本，蜘蛛可读） */
.c-faq-static{border-top:var(--bw-hair) solid var(--c-line)}
.c-faq-static__item{padding:var(--sp-4) 0;border-bottom:var(--bw-hair) solid var(--c-line)}
.c-faq-static__q{font-size:16px;font-weight:600;color:var(--c-ink-900)}
.c-faq-static__a{margin-top:var(--sp-2);font-size:var(--fs-body);line-height:var(--lh-cjk);
color:var(--c-ink-700);max-width:var(--w-prose)}
@media (min-width:1024px){.c-faq-static{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 var(--sp-10)}}

/* ================================================== 表格 / 数据表组件 */
.c-table-wrap{position:relative;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
background:var(--c-surface-1);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3)}
/* 外层容器与表格同宽，边框才不会比换算卡宽出一大截 */
.c-table-wrap--pair{max-width:var(--w-card)}
.c-table--wide{min-width:560px}
/* 换算表与核心换算卡同宽，保证详情页栅格左右边界对齐 */
.c-table--pair{max-width:var(--w-card)}
.c-table--quick{max-width:none}
.c-table thead th{position:static}
.c-table tbody th[scope=row]{position:static;font-weight:500;color:var(--c-ink-700)}
.c-table tbody th a{color:var(--c-accent-deep);text-decoration:underline;text-underline-offset:2px}
.c-table thead th a{color:var(--c-ink-700)}
.c-table__alias{color:var(--c-ink-500);font-size:var(--fs-xs)}
.c-table__sym{color:var(--c-ink-500)}
.c-table__note{margin-top:var(--sp-3);font-size:var(--fs-xs);line-height:var(--lh-caption);color:var(--c-ink-500)}

/* ================================================== 单位百科 / 定义段 */
.c-def{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
.c-def__col{min-width:0}
.c-def__h{margin-top:var(--sp-5);padding-top:var(--sp-3);position:relative;
border-top:var(--bw-hair) solid var(--c-line);font-size:var(--fs-h3);font-weight:700}
.c-def__h::before{content:"";position:absolute;top:-1px;left:0;width:28px;height:2px;background:var(--c-accent)}
.c-def__p{margin-top:var(--sp-2);font-size:var(--fs-body);line-height:var(--lh-cjk);color:var(--c-ink-700);max-width:var(--w-prose)}
.c-def--compact{margin-top:var(--sp-6)}
.c-def--compact .c-def__h{margin-top:0}
@media (min-width:1024px){.c-def{grid-template-columns:1fr 1fr;gap:var(--sp-10)}}

/* ================================================== 相关推荐卡片（内链网状结构） */
.c-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2) var(--gutter)}
.c-related-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);
min-width:0;min-height:48px;padding:var(--sp-2) var(--sp-3);
background:var(--c-surface-1);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);
font-size:var(--fs-sm);font-weight:500;color:var(--c-ink-700)}
.c-related-card:hover{border-color:var(--c-accent);color:var(--c-accent-deep);text-decoration:none}
.c-related-card__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-related-card__arrow{flex:none;color:var(--c-ink-300)}
.c-related-card:hover .c-related-card__arrow{color:var(--c-accent)}
@media (min-width:768px){.c-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 旧类名兼容 */
.c-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gutter);font-size:var(--fs-sm)}
.c-links__item{display:flex;align-items:center;min-width:0;min-height:var(--h-tap);
border-bottom:var(--bw-hair) solid var(--c-line);color:var(--c-ink-700)}
.c-links__item:hover{color:var(--c-accent)}
.c-links__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-links__num{min-width:4ch;font-size:var(--fs-xs);color:var(--c-ink-300)}
.c-links__group{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gutter)}
@media (min-width:1024px){.c-links,.c-links__group{grid-template-columns:repeat(3,minmax(0,1fr))}}
.c-related{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--gutter)}
.c-related__item{display:flex;align-items:center;min-height:var(--h-tap);
border-bottom:var(--bw-hair) solid var(--c-line);font-size:var(--fs-sm);color:var(--c-ink-700)}
.c-related__item:hover{color:var(--c-accent)}
@media (min-width:768px){.c-related{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================== 详情页 FAQ（原生 details，零 JS） */
.c-faq{border-top:var(--bw-hair) solid var(--c-line)}
.c-faq__item{border-bottom:var(--bw-hair) solid var(--c-line)}
.c-faq__q{display:flex;align-items:center;gap:var(--sp-4);min-height:48px;padding:var(--sp-3) 0;
font-size:15px;font-weight:600;line-height:1.5;color:var(--c-ink-900);cursor:pointer;list-style:none}
.c-faq__q::-webkit-details-marker{display:none}
.c-faq__q::after{content:"+";margin-inline-start:auto;font-size:18px;font-weight:400;line-height:1;color:var(--c-ink-500)}
.c-faq__item[open] .c-faq__q::after{content:"\2212"}
.c-faq__q:hover{color:var(--c-accent)}
.c-faq__a{padding-block:var(--sp-1) var(--sp-4);font-size:var(--fs-body);line-height:var(--lh-cjk);
color:var(--c-ink-700);max-width:var(--w-prose)}

/* ================================================== 结果卡（矩阵详情页） */
.c-result-card{padding:var(--sp-6);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4);box-shadow:var(--sh-1)}
.c-result-card__label{display:block;font-size:var(--fs-xs);font-weight:600;
letter-spacing:var(--ls-micro);color:var(--c-ink-500)}
.c-result-card__v{display:flex;align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap}
.c-result-card__v strong{font-size:clamp(36px,3vw + 22px,52px);font-weight:700;
line-height:1.1;letter-spacing:var(--ls-tight);color:var(--c-accent-deep)}
.c-result-card__v span{font-size:var(--fs-body-lg);color:var(--c-ink-700)}
.c-result-card__eq{margin-top:var(--sp-3);max-width:none;font-size:var(--fs-body-lg);
line-height:1.7;font-weight:500;color:var(--c-ink-900)}
.c-result-card .c-note{margin-top:var(--sp-4);max-width:70ch}
.c-result-card .c-faq__item{margin-top:var(--sp-6)}
.c-result-list{margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:var(--bw-hair) solid var(--c-line)}
.c-result-list__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-3);
min-height:40px;border-bottom:var(--bw-hair) solid var(--c-line)}
.c-result-list__row:last-child{border-bottom:0}
.c-result-list__label{font-size:var(--fs-xs);font-weight:500;color:var(--c-ink-500)}
.c-result-list__v{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--c-ink-900);text-align:end}
@media (min-width:1024px){.c-result-card{padding:var(--sp-8)}}

/* ================================================== 族 / 工具列表行 */
.c-tool-rows{border-top:var(--bw-hair) solid var(--c-line)}
.c-tool-card{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-half);
min-height:60px;padding:var(--sp-3) 0;border-bottom:var(--bw-hair) solid var(--c-line);color:var(--c-ink-900)}
.c-tool-card:hover{background:var(--c-surface-2);text-decoration:none}
.c-tool-card__name{font-size:16px;font-weight:600;line-height:1.4}
.c-tool-card__desc{font-size:var(--fs-xs);line-height:1.5;color:var(--c-ink-500);max-width:none}
.c-adjacent{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--gutter);
margin-top:var(--sp-6);padding-top:var(--sp-3);border-top:var(--bw-hair) solid var(--c-line)}
.c-adjacent__item{display:flex;align-items:center;min-height:var(--h-tap);font-size:var(--fs-sm);color:var(--c-ink-700)}
@media (min-width:768px){.c-adjacent{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================== 工具大全 / 实用速查聚合页 */
.c-tools-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter)}
.c-tools-group{padding:var(--sp-5);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4)}
.c-tools-group__title{font-size:var(--fs-h3);font-weight:700;color:var(--c-ink-900)}
.c-tools-group__desc{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-ink-500)}
.c-tools-group__links{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
.c-tools-group__links a{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--sp-3);
background:var(--c-surface-2);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);
font-size:var(--fs-sm);color:var(--c-ink-700)}
.c-tools-group__links a:hover{border-color:var(--c-accent);color:var(--c-accent-deep);text-decoration:none}
@media (min-width:1024px){.c-tools-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================== 静态页 / 404 */
.c-error{max-width:var(--w-prose);margin:var(--sp-16) auto;padding-inline:var(--pad-page)}
.c-error__code{font-size:var(--fs-display);font-weight:700;line-height:1.05;color:var(--c-accent)}
.c-error__h{margin-top:var(--sp-3);font-size:var(--fs-h1)}
.c-error__p{margin-top:var(--sp-3);font-size:var(--fs-body);color:var(--c-ink-700)}
.c-error__list{margin-top:var(--sp-6);border-top:var(--bw-hair) solid var(--c-line)}
.c-error__item{display:flex;align-items:center;min-height:var(--h-tap);
border-bottom:var(--bw-hair) solid var(--c-line);font-size:var(--fs-sm);color:var(--c-ink-700)}

/* ================================================== 页脚：紧凑两行（品牌 + 内链 / 版权） */
.c-footer{margin-top:var(--sp-8);padding-block:var(--sp-6) var(--sp-5);
background:var(--c-surface-1);border-top:var(--bw-hair) solid var(--c-line)}
.c-footer__inner{width:100%;max-width:var(--w-shell);margin-inline:auto;padding-inline:var(--pad-page)}
.c-footer__main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-6)}
.c-footer__brand-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);min-width:0}
.c-footer__brand{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;
color:var(--c-accent-deep);font-size:15px;font-weight:700}
.c-footer__brand:hover{color:var(--c-accent);text-decoration:none}
.c-footer__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
background:var(--c-accent);color:var(--c-on-accent);border-radius:var(--r-1);font-size:13px;font-weight:700}
.c-footer__tagline{font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4)}
.c-footer__links a,.c-footer__meta a{font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-footer__links a:hover,.c-footer__meta a:hover{color:var(--c-accent)}
/* v3.3 站际互链：单独起一行，不挤压全站导航 */
.c-footer__links--partners{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed var(--c-line);width:100%}
.c-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-4);padding-top:var(--sp-3);
border-top:var(--bw-hair) solid var(--c-line);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-footer__meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}
.c-footer__tip{font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-footer__kbd{font-family:var(--font-mono);font-size:12px;padding:1px 5px;
border:var(--bw-hair) solid var(--c-line-strong);border-radius:var(--r-1);color:var(--c-ink-700)}

/* ================================================== 离屏导航面板（移动端） */
.c-nav__panel{position:fixed;top:var(--h-topbar);inset-inline:0;bottom:0;overflow:auto;z-index:var(--z-dropdown);
background:var(--c-surface-1);border-top:var(--bw-hair) solid var(--c-line);padding-bottom:var(--sp-8)}
.c-nav__group{border-bottom:var(--bw-hair) solid var(--c-line)}
.c-nav__title{position:sticky;top:0;z-index:1;background:var(--c-surface-2);
padding:var(--sp-2) var(--pad-page);font-size:var(--fs-xs);font-weight:700;
letter-spacing:var(--ls-micro);color:var(--c-ink-500)}
.c-nav__item{display:flex;align-items:center;min-height:var(--h-tap);padding:0 var(--pad-page);
color:var(--c-ink-700);font-size:15px;font-weight:500}
.c-nav__item:hover{background:var(--c-surface-2);color:var(--c-accent);text-decoration:none}
.c-nav__item[aria-current]{color:var(--c-accent-deep);box-shadow:inset 3px 0 0 var(--c-accent)}
.c-nav__foot{padding:var(--sp-4) var(--pad-page)}
@media (min-width:1024px){.c-nav__panel{display:none}}

/* ================================================== 旧组件类名兜底（不参与当前页面） */
.c-more__panel{display:none}
.c-tabs{display:flex;gap:var(--sp-6);height:44px;overflow-x:auto;border-bottom:var(--bw-hair) solid var(--c-line)}
.c-tabs__item{display:inline-flex;align-items:center;flex:none;height:44px;font-size:var(--fs-sm);color:var(--c-ink-500)}
.c-anchor{position:static}
.c-anchor__list{display:flex;gap:var(--sp-4);overflow-x:auto}
.c-anchor__item{display:inline-flex;align-items:center;flex:none;height:var(--h-tap);font-size:var(--fs-sm);color:var(--c-ink-500)}
.l-matrix{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
.l-matrix__body,.l-tool-form{min-width:0}
.c-form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
.c-tool-result{padding:var(--sp-4);background:var(--c-surface-1);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3)}
.c-tool-result__num{font-size:36px;font-weight:700;color:var(--c-accent)}
.c-adslot{margin-top:var(--sp-10);padding-top:var(--sp-2);border-top:var(--bw-hair) solid var(--c-line)}
.c-units-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.c-unit-tile__v{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--c-ink-900)}
.c-unit-tile__u{font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-formula{background:var(--c-surface-2);border-block:var(--bw-hair) solid var(--c-line);
padding:var(--sp-4);font-size:var(--fs-sm);line-height:1.7;color:var(--c-ink-700)}
.c-formula__eq{font-family:var(--font-mono);color:var(--c-ink-900)}
.c-formula__rev{color:var(--c-ink-500)}

/* ================================================== 暗色：去掉阴影，改描边分层 */
:root[data-theme=dark] .c-conv,:root[data-theme=dark] .c-hero__card,
:root[data-theme=dark] .c-result-card,:root[data-theme=dark] .c-tool-feature{box-shadow:none}
:root[data-theme=dark] .c-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393A297' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .c-conv,:root:not([data-theme=light]) .c-hero__card,
:root:not([data-theme=light]) .c-result-card,:root:not([data-theme=light]) .c-tool-feature{box-shadow:none}
:root:not([data-theme=light]) .c-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393A297' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}}

/* ================================================== 文字答案高亮：表格 / 公式 */
.c-conv .c-formula--answer{background:var(--c-accent-soft);border-color:var(--c-line-strong);color:var(--c-accent-deep)}
.c-table .is-num{color:var(--c-accent-deep);font-weight:600}
.c-table tbody tr.is-current{background:var(--c-accent-soft)}
.c-table tbody tr.is-current th{color:var(--c-accent-deep);font-weight:700}
.c-result-card__eq .c-hl{font-size:1.05em}

/* ================================================== 随机换算查询（全站 4 列网格） */
.c-sec--random{margin-top:var(--sp-6)}
.c-random__box{padding:var(--sp-5);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4);box-shadow:var(--sh-1)}
.c-random__title{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);
font-size:var(--fs-h3);font-weight:700;color:var(--c-ink-900)}
.c-random__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--c-accent)}
.c-random__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
border-top:var(--bw-hair) solid var(--c-line);border-left:var(--bw-hair) solid var(--c-line)}
.c-random__item{display:flex;align-items:center;min-width:0;min-height:var(--h-row);
padding:var(--sp-2) var(--sp-3);border-right:var(--bw-hair) solid var(--c-line);
border-bottom:var(--bw-hair) solid var(--c-line);font-size:var(--fs-sm);line-height:1.5;
color:var(--c-ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
transition:background-color var(--dur-fast) var(--ease-out)}
.c-random__item:hover{background:var(--c-accent-soft);color:var(--c-accent-deep);text-decoration:none}
.c-random__note{margin-top:var(--sp-4);max-width:none;font-size:var(--fs-xs);
line-height:1.85;color:var(--c-ink-500)}
.c-random__note a{color:var(--c-accent-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media (min-width:768px){.c-random__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.c-random__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.c-random__box{padding:var(--sp-6)}}

/* ================================================== 教学模块（每页差异化内容） */
.c-edu__tag{flex:none;align-self:flex-end;padding:2px var(--sp-2);
background:var(--c-accent-soft);border-radius:var(--r-2);
font-size:var(--fs-xs);font-weight:600;color:var(--c-accent-deep);white-space:nowrap}
.c-edu__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);align-items:start}
.c-edu__grid--lower{margin-top:var(--sp-3)}
.c-edu__panel{min-width:0;padding:var(--sp-4);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4)}
.c-edu__h{font-size:var(--fs-h3);font-weight:700;color:var(--c-ink-900)}
.c-edu__intro{margin-top:var(--sp-2);max-width:none;font-size:var(--fs-body);
line-height:var(--lh-cjk);color:var(--c-ink-700)}
.c-edu__sub{margin-top:var(--sp-3);font-size:var(--fs-sm);font-weight:700;color:var(--c-accent-deep)}
.c-edu__list{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}
.c-edu__list li{position:relative;padding-left:var(--sp-4);max-width:none;
font-size:var(--fs-sm);line-height:1.8;color:var(--c-ink-700)}
.c-edu__list li::before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;
border-radius:50%;background:var(--c-accent)}
.c-edu__list--num{counter-reset:edu}
.c-edu__list--num li{counter-increment:edu;padding-left:var(--sp-6)}
.c-edu__list--num li::before{content:counter(edu);top:.45em;width:18px;height:18px;
border-radius:var(--r-1);background:var(--c-accent-soft);color:var(--c-accent-deep);
font-size:var(--fs-micro);font-weight:700;line-height:18px;text-align:center}
.c-edu__list--warn li::before{content:"!";top:.35em;width:15px;height:15px;
border-radius:50%;background:var(--c-warning-soft);color:var(--c-warning);
font-size:var(--fs-micro);font-weight:700;line-height:15px;text-align:center}
.c-edu__scenes{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2);margin-top:var(--sp-3);align-items:start}
.c-edu__scene{padding:var(--sp-3);background:var(--c-surface-2);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3)}
.c-edu__scene-h{font-size:var(--fs-sm);font-weight:700;color:var(--c-ink-900)}
.c-edu__scene-p{margin-top:var(--sp-1);max-width:none;font-size:var(--fs-xs);
line-height:1.8;color:var(--c-ink-700)}
.c-faq--edu{margin-top:var(--sp-3)}
.c-faq--edu .c-faq__q{min-height:42px;font-size:var(--fs-sm)}
.c-faq--edu .c-faq__a{font-size:var(--fs-sm);max-width:none}
@media (min-width:640px){.c-edu__scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){
.c-edu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.c-edu__grid--lower{margin-top:var(--sp-4)}
.c-edu__panel{padding:var(--sp-5)}
/* v2.8：详情页主栏较窄，两列等高会把右侧面板拉出大片空白；改单列让每个面板按内容自然收高 */
.l-single--detail .c-edu__grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}}

/* ================================================== v2.4 单位专属提示 / 应用领域 / 长尾问答 */
.c-edu__tip{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);
background:var(--c-accent-soft);border-left:2px solid var(--c-accent);
border-radius:0 var(--r-1) var(--r-1) 0;max-width:none;
font-size:var(--fs-sm);line-height:1.8;color:var(--c-ink-700)}
.c-edu__apps{display:grid;gap:var(--sp-2);margin-top:var(--sp-3);align-items:start}
.c-edu__app{padding:var(--sp-3);background:var(--c-surface-2);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3)}
.c-edu__app-h{font-size:var(--fs-sm);font-weight:700;color:var(--c-ink-900)}
.c-edu__app-p{margin-top:var(--sp-1);max-width:none;font-size:var(--fs-xs);
line-height:1.8;color:var(--c-ink-700)}
.c-edu__app-link{display:inline-block;margin-top:var(--sp-2);font-size:var(--fs-xs);
font-weight:600;color:var(--c-accent-deep);text-decoration:underline;text-underline-offset:2px}
.c-edu__app-link:hover{color:var(--c-accent)}
@media (min-width:640px){.c-edu__apps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.c-qa__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}
.c-qa__item{min-width:0;padding:var(--sp-3) var(--sp-4);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3);scroll-margin-top:88px}
.c-qa__q{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--c-accent-deep);line-height:1.6}
.c-qa__q::before{content:"Q  ";font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink-300)}
.c-qa__a{margin-top:var(--sp-1);max-width:none;font-size:var(--fs-sm);
line-height:1.85;color:var(--c-ink-700)}
@media (min-width:768px){.c-qa__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================== 详情页侧栏（填掉右侧空白） */
.c-side-card{padding:var(--sp-4);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-4);margin-bottom:var(--sp-3)}
.c-side-card:last-child{margin-bottom:0}
.c-side-card__title{position:relative;padding-bottom:var(--sp-2);
border-bottom:var(--bw-hair) solid var(--c-line);font-size:var(--fs-sm);font-weight:700;color:var(--c-ink-900)}
.c-side-card__title::after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:2px;background:var(--c-accent)}
.c-side-card--answer{background:var(--c-accent-soft);border-color:var(--c-line-strong)}
.c-side-card__q{margin-top:var(--sp-3);max-width:none;font-size:var(--fs-sm);
font-weight:600;line-height:1.6;color:var(--c-ink-700)}
.c-side-card__a{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2);
margin-top:var(--sp-2);max-width:none}
.c-side-card__num{font-size:clamp(22px,1.6vw + 14px,30px);font-weight:700;
line-height:1.2;letter-spacing:var(--ls-tight);color:var(--c-accent-deep);overflow-wrap:anywhere}
.c-side-card__unit{font-size:var(--fs-sm);color:var(--c-ink-700)}
.c-side-card__more{display:inline-flex;margin-top:var(--sp-3);
font-size:var(--fs-xs);font-weight:600;color:var(--c-accent)}
.c-side-list{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}
.c-side-list li{position:relative;padding-left:var(--sp-3);font-size:var(--fs-xs);
line-height:1.8;color:var(--c-ink-700)}
.c-side-list li::before{content:"";position:absolute;left:0;top:.8em;
width:4px;height:4px;border-radius:50%;background:var(--c-accent)}
.c-random__grid--side{grid-template-columns:minmax(0,1fr);margin-top:var(--sp-2);
border-top:0;border-left:0}
.c-random__grid--side .c-random__item{min-height:34px;padding:var(--sp-1) 0;
border-right:0;border-bottom:var(--bw-hair) dashed var(--c-line);font-size:var(--fs-xs)}
.c-side-links{display:grid;margin-top:var(--sp-2)}
.c-side-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);
min-height:36px;border-bottom:var(--bw-hair) solid var(--c-line);
font-size:var(--fs-xs);color:var(--c-ink-700)}
.c-side-links a:hover{color:var(--c-accent);text-decoration:none}
.c-side-links a span{color:var(--c-ink-300)}
.c-side-formula{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}
.c-side-formula>div{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--sp-2);
border-bottom:var(--bw-hair) solid var(--c-line)}
.c-side-formula>div:last-child{padding-bottom:0;border-bottom:0}
.c-side-formula dt{font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-side-formula dd{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;
color:var(--c-accent-deep);overflow-wrap:anywhere}
@media (min-width:640px) and (max-width:1023px){
.l-single__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.c-side-card{margin-bottom:0}}
@media (min-width:1024px){
/* 主栏约 716px：百科改单列、相关推荐改 2 列，避免窄栏挤压 */
.l-single--detail .c-def{grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
.l-single--detail .c-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.l-single--detail .c-sec{margin-top:var(--sp-8)}}

/* ================================================== v2.6 杯换算克：任意数量换算器（视觉强化） */
.c-cook{max-width:none;margin-top:var(--sp-5);
border:var(--bw-hair) solid var(--c-line-strong);border-top:3px solid var(--c-accent);
box-shadow:var(--sh-2)}
.c-cook:focus-within{border-top-color:var(--c-accent)}
.c-cook__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}
.c-cook__tag{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);
border-radius:var(--r-1);background:var(--c-accent);color:var(--c-on-accent);
font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;white-space:nowrap}
.c-cook__h{font-size:var(--fs-h2);font-weight:700;color:var(--c-ink-900)}
.c-cook__lead{margin-top:var(--sp-2);max-width:none;font-size:var(--fs-sm);
line-height:1.75;color:var(--c-ink-500)}
.c-cook__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--sp-3);margin-top:var(--sp-4)}
.c-cook__field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.c-cook__field .c-conv__label{flex:0 0 auto}
.c-cook__field .c-input,.c-cook__field .c-select{width:100%;max-width:none;
flex:0 0 auto;height:var(--h-control)}
.c-cook__result{margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);
border-block:0;background:var(--c-accent-soft);border-radius:var(--r-3);
flex-wrap:wrap;gap:var(--sp-3)}
.c-cook__result-box{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;flex:1 1 auto}
.c-cook__result-label{font-size:var(--fs-xs);font-weight:600;color:var(--c-accent-deep)}
.c-cook__result .c-result{flex:1 1 auto;min-width:0;overflow:visible;
font-size:clamp(26px,2.2vw + 14px,36px)}
.c-cook__note{margin-top:var(--sp-3);max-width:none}
.c-cook__quick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);
margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--bw-hair) dashed var(--c-line)}
.c-cook__quick-label{font-size:var(--fs-xs);font-weight:600;color:var(--c-ink-500)}
.c-cook__quick a{padding:2px var(--sp-2);background:var(--c-surface-2);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-1);
font-size:var(--fs-xs);font-weight:600;color:var(--c-accent-deep)}
.c-cook__quick a:hover{background:var(--c-accent-soft);border-color:var(--c-accent);text-decoration:none}
@media (max-width:639px){.c-cook__grid{grid-template-columns:minmax(0,1fr)}}

/* ================================================== v2.7 结果页「量级趋向性」模块 */
.c-scale__box{padding:var(--sp-5);background:var(--c-surface-1);
border:var(--bw-hair) solid var(--c-line);border-left:3px solid var(--c-accent);
border-radius:0 var(--r-4) var(--r-4) 0;box-shadow:var(--sh-1)}
.c-scale__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sp-2) var(--sp-4)}
.c-scale__head-text{min-width:0}
.c-scale__current{display:block;margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-scale__tag{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);flex:none;
border-radius:var(--r-1);background:var(--c-accent-soft);color:var(--c-accent-deep);
font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em}
.c-scale__lead{margin-top:var(--sp-4);max-width:none;font-size:var(--fs-body);
line-height:1.85;color:var(--c-ink-700)}
.c-scale__ladder{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:var(--sp-4);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-3);overflow:hidden}
.c-scale__step{min-width:0;border-bottom:var(--bw-hair) solid var(--c-line)}
.c-scale__step:last-child{border-bottom:0}
.c-scale__step-in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);
min-height:38px;padding:var(--sp-2) var(--sp-4);
color:var(--c-ink-700);font-size:var(--fs-sm);text-decoration:none}
a.c-scale__step-in:hover{background:var(--c-surface-2);color:var(--c-accent-deep);text-decoration:none}
.c-scale__step-name{flex:1 1 auto;min-width:0}
.c-scale__step-v{flex:none;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-scale__step.is-current{background:var(--c-accent-soft);box-shadow:inset 3px 0 0 var(--c-accent)}
.c-scale__step.is-current .c-scale__step-name{font-weight:700;color:var(--c-accent-deep)}
.c-scale__step-mark{flex:none;padding:1px var(--sp-2);border-radius:var(--r-1);
background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-micro);font-weight:700}
.c-scale__note{margin-top:var(--sp-3);max-width:none;font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-scale__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);
margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--bw-hair) dashed var(--c-line)}
.c-scale__links-label{font-size:var(--fs-xs);font-weight:600;color:var(--c-ink-500)}
.c-scale__links a{padding:2px var(--sp-2);background:var(--c-surface-2);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-1);
font-size:var(--fs-xs);font-weight:600;color:var(--c-accent-deep)}
.c-scale__links a:hover{background:var(--c-accent-soft);border-color:var(--c-accent);text-decoration:none}
@media (min-width:768px){
.c-scale__box{padding:var(--sp-6)}
.c-scale__ladder{grid-template-columns:repeat(5,minmax(0,1fr))}
.c-scale__step{border-bottom:0;border-right:var(--bw-hair) solid var(--c-line)}
.c-scale__step:last-child{border-right:0}
.c-scale__step-in{flex-direction:column;align-items:flex-start;justify-content:center;
gap:var(--sp-1);min-height:78px;padding:var(--sp-2) var(--sp-3);text-align:start}}

/* ================================================== v2.7 随机模块分组（页页不同的主题） */
.c-random__intro{margin:0 0 var(--sp-4);max-width:none;font-size:var(--fs-sm);
line-height:1.75;color:var(--c-ink-700)}
.c-random__group+.c-random__group{margin-top:var(--sp-4);padding-top:var(--sp-4);
border-top:var(--bw-hair) dashed var(--c-line)}
.c-random__group-title{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);
font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;color:var(--c-ink-700)}
.c-random__group-title::before{content:"";width:3px;height:12px;flex:none;
background:var(--c-accent);border-radius:1px}

/* ================================================== v3.0 规格类工具：长句答案卡 + 完整数据表 */
.c-answer-card__eq--text{display:block;font-size:clamp(17px,.5vw + 15px,21px);
font-weight:650;line-height:1.75;overflow-wrap:anywhere}
.c-answer-card__eq--text .c-hl{font-size:1em;padding:1px 4px}
.c-spec{margin-top:var(--sp-5)}
.c-spec__h{margin-bottom:var(--sp-3);font-size:var(--fs-lg);font-weight:700;color:var(--c-ink-900)}
.c-spec .c-table td{font-size:var(--fs-sm);font-weight:600;color:var(--c-ink-900);
font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.c-spec .c-table .c-hl{background:var(--c-accent-soft);padding:1px 3px;
box-shadow:inset 0 -2px 0 var(--c-accent)}
.c-spec__note{margin-top:var(--sp-3);max-width:none;line-height:1.85}

/* ================================================== v3.1 规格类工具在线计算（复用 v2.6 烹饪换算器骨架） */
.c-speccalc{margin-top:var(--sp-5);
border:var(--bw-hair) solid var(--c-line-strong);border-top:3px solid var(--c-accent);
box-shadow:var(--sh-2)}
.c-speccalc:focus-within{border-top-color:var(--c-accent-hover)}
.c-speccalc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.c-speccalc[data-kind=photo] .c-speccalc__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.c-speccalc[data-kind=thread] .c-speccalc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.c-speccalc__grid .c-select,.c-speccalc__grid .c-input{min-width:0}
.c-speccalc__result{margin-top:var(--sp-4)}
.c-speccalc__result .c-result{font-size:clamp(24px,2vw + 14px,34px)}
.c-speccalc__table-wrap{margin-top:var(--sp-4)}
.c-speccalc__table-wrap .c-table td{font-size:var(--fs-sm);font-weight:700;
color:var(--c-ink-900);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.c-speccalc__table-wrap .c-table tbody th{white-space:normal}
.c-speccalc__note{margin-top:var(--sp-3);max-width:none}
@media (max-width:1023px){
.c-speccalc[data-kind=photo] .c-speccalc__grid,
.c-speccalc[data-kind=thread] .c-speccalc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){
.c-speccalc__grid,
.c-speccalc[data-kind=photo] .c-speccalc__grid,
.c-speccalc[data-kind=thread] .c-speccalc__grid{grid-template-columns:minmax(0,1fr)}
.c-speccalc__result .c-btn{width:100%}}
/* v3.6 · 首页友情链接模块（无配置时整段不渲染） */
.c-friends{display:grid;gap:var(--sp-4,20px)}
.c-friends__group{min-width:0}
.c-friends__title{margin:0 0 var(--sp-2,10px);font-size:var(--fs-sm,13px);font-weight:700;color:var(--c-ink-700)}
.c-friends__group .c-entries{margin-top:0}
.c-friends .c-entries__item{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;white-space:normal;padding-block:8px}
.c-friends__name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-friends__note{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-ink-300);font-size:var(--fs-micro);font-weight:400}