/* 换算通 critical.css — 首屏关键样式，内联进 <head>。
   设计主题：极简专业 · 绿调工具站。
   规则：无渐变、无图片、无装饰性动效；颜色一律走 :root token；核心内容纯文本直出。
   token 名与类名是模板契约，不得随意改名。离屏面板放 app.css。 */
html{background:var(--c-bg)}
:root{
/* 色彩：深墨绿主色 / 浅米白底 / 深灰正文 / 低饱和浅绿辅助 */
--c-bg:#F7F9F6;--c-surface-1:#FFFFFF;--c-surface-2:#F1F5F0;--c-surface-3:#E8EFE7;
--c-line:#DCE5DA;--c-line-strong:#C2D0C1;
--c-ink-900:#13251C;--c-ink-700:#3B4C42;--c-ink-500:#65766B;--c-ink-300:#8B9A90;--c-ink-invert:#FFF;
--c-accent:#0E6B4F;--c-accent-hover:#0A553E;--c-accent-active:#073F2E;
--c-accent-soft:#E8F2EA;--c-accent-deep:#0A4C38;--c-on-accent:#FFF;
--c-success:#16794A;--c-success-soft:#E7F3EC;--c-warning:#8A5A0B;--c-warning-soft:#FAF0DC;
--c-danger:#B3261E;--c-danger-soft:#FBEAE8;--c-info:#1C5FA8;--c-info-soft:#E8F0FA;
--c-focus:#0E6B4F;--c-selection:#CFE6D8;
/* 字体：标题无衬线粗体 / 正文常规 / 数字等宽 */
--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",ui-sans-serif,system-ui,sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
--fs-display:clamp(38px,2.6vw + 27px,60px);--fs-h1:clamp(24px,1vw + 19px,34px);
--fs-h2:clamp(20px,.45vw + 18px,25px);--fs-h3:clamp(16px,.2vw + 15px,18px);
--fs-h4:16px;--fs-body-lg:17px;--fs-body:16px;--fs-sm:14px;--fs-xs:13px;--fs-micro:11px;
--lh-display:1.05;--lh-heading:1.3;--lh-body:1.7;--lh-caption:1.55;
--fw-regular:400;--fw-medium:500;--fw-semibold:600;
--ls-tight:-.02em;--ls-normal:0;--ls-micro:.08em;
--sp-0:0;--sp-half:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;
--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;
--w-shell:1160px;--w-wide:960px;--w-prose:640px;--w-card:720px;
--pad-page:16px;--gutter:16px;
--h-topbar:64px;--h-tap:44px;--h-control:46px;--h-control-d:50px;
--h-row:42px;--h-row-wide:44px;--w-swap:44px;
--bw-hair:1px;--bw-focus:2px;--focus-offset:2px;
--r-1:2px;--r-2:4px;--r-3:6px;--r-4:8px;--r-full:999px;
--sh-1:0 1px 0 rgba(19,37,28,.03);--sh-2:0 2px 12px rgba(19,37,28,.05);
--z-base:0;--z-sticky:20;--z-dropdown:30;--z-cookie:40;--z-toast:50;
--dur-fast:120ms;--dur-base:160ms;--dur-slow:240ms;
--ease-out:cubic-bezier(.2,.7,.3,1);--ease-swap:cubic-bezier(.34,.9,.3,1);
color-scheme:light}
@media (min-width:768px){:root{--pad-page:24px;--gutter:20px}}
@media (min-width:1024px){:root{--pad-page:32px;--gutter:24px;--fs-body-lg:18px}}
/* 暗色：手动 data-theme 与系统 prefers-color-scheme 两条路径同值 */
:root[data-theme=dark]{
--c-bg:#0E1512;--c-surface-1:#151E19;--c-surface-2:#1B2620;--c-surface-3:#233029;
--c-line:#2A382F;--c-line-strong:#3B4C41;
--c-ink-900:#EEF4EE;--c-ink-700:#C2CEC4;--c-ink-500:#93A297;--c-ink-300:#6E7E73;--c-ink-invert:#0E1512;
--c-accent:#63C79C;--c-accent-hover:#8AD9B6;--c-accent-active:#A9E7CB;
--c-accent-soft:#18352A;--c-accent-deep:#8AD9B6;--c-on-accent:#082019;
--c-success:#58C08A;--c-warning:#D9A23A;--c-danger:#F0837A;--c-info:#7CB0E8;
--c-success-soft:rgba(88,192,138,.15);--c-warning-soft:rgba(217,162,58,.15);
--c-danger-soft:rgba(240,131,122,.15);--c-info-soft:rgba(124,176,232,.15);
--c-focus:#63C79C;--c-selection:#20493A;
--sh-1:0 1px 0 rgba(0,0,0,.3);--sh-2:0 2px 12px rgba(0,0,0,.35);
color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
--c-bg:#0E1512;--c-surface-1:#151E19;--c-surface-2:#1B2620;--c-surface-3:#233029;
--c-line:#2A382F;--c-line-strong:#3B4C41;
--c-ink-900:#EEF4EE;--c-ink-700:#C2CEC4;--c-ink-500:#93A297;--c-ink-300:#6E7E73;--c-ink-invert:#0E1512;
--c-accent:#63C79C;--c-accent-hover:#8AD9B6;--c-accent-active:#A9E7CB;
--c-accent-soft:#18352A;--c-accent-deep:#8AD9B6;--c-on-accent:#082019;
--c-success:#58C08A;--c-warning:#D9A23A;--c-danger:#F0837A;--c-info:#7CB0E8;
--c-success-soft:rgba(88,192,138,.15);--c-warning-soft:rgba(217,162,58,.15);
--c-danger-soft:rgba(240,131,122,.15);--c-info-soft:rgba(124,176,232,.15);
--c-focus:#63C79C;--c-selection:#20493A;
--sh-1:0 1px 0 rgba(0,0,0,.3);--sh-2:0 2px 12px rgba(0,0,0,.35);
color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box;border:0;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--c-bg);color:var(--c-ink-900);font-family:var(--font-sans);
font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg,video{display:block;max-width:100%}svg{flex:none}
button,input,select,textarea{font:inherit;color:inherit;background:none;border-radius:0}
button,select{cursor:pointer}
a{color:var(--c-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--c-accent-hover);text-decoration:underline;text-underline-offset:2px}
ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}
::selection{background:var(--c-selection);color:var(--c-ink-900)}
hr,.c-conv__rule{border:0;border-top:var(--bw-hair) solid var(--c-line)}
[hidden]{display:none!important}
h1,h2,h3,h4{font-weight:700;line-height:var(--lh-heading);letter-spacing:0;color:var(--c-ink-900)}
h1,.c-h1{font-size:var(--fs-h1);letter-spacing:-.015em}
h2,.c-h2{font-size:var(--fs-h2);line-height:1.35}
h3,.c-h3{font-size:var(--fs-h3);line-height:1.45}
h4,.c-h4{font-size:var(--fs-h4);line-height:1.5}
p{max-width:var(--w-prose)}
.c-pair-h1{font-size:var(--fs-h1);line-height:1.35;letter-spacing:-.015em}
.c-pair-h1__paren{font-size:.72em;font-weight:500;color:var(--c-ink-500);white-space:nowrap}
.c-lead{font-size:var(--fs-body-lg);line-height:1.7;color:var(--c-ink-700);max-width:var(--w-prose)}
/* 数字一律等宽 + 表格数字对齐：换算结果的专业感来自这里 */
.u-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.u-mono{font-family:var(--font-mono)}
.c-result,.c-stat strong,.c-result-card__v strong,.c-error__code,
.c-table .is-num,.c-table tbody th.u-num,.c-tool-result__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
:focus-visible{outline:var(--bw-focus) solid var(--c-focus);outline-offset:var(--focus-offset);border-radius:var(--r-2)}
.c-skip{position:absolute;left:var(--pad-page);top:-100px;z-index:var(--z-toast);
padding:var(--sp-3) var(--sp-4);background:var(--c-surface-1);color:var(--c-ink-900);
border:var(--bw-hair) solid var(--c-line-strong);border-radius:var(--r-2);font-size:var(--fs-sm)}
.c-skip:focus{top:var(--sp-2)}
.l-page,.l-shell{width:100%;max-width:var(--w-shell);margin-inline:auto;padding-inline:var(--pad-page)}
.l-pair,.l-col{max-width:var(--w-card);margin-inline:auto}
.l-wide{max-width:var(--w-wide);margin-inline:auto}
.l-prose{max-width:var(--w-prose)}
.l-sec{margin-top:var(--sp-10)}.l-sec--tight{margin-top:var(--sp-8)}.l-sec--last{margin-top:var(--sp-12)}
@media (min-width:1024px){.l-sec,.l-sec--tight,.l-sec--last{margin-top:var(--sp-16)}}
.l-main{padding-bottom:var(--sp-8)}
.l-single{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
@media (min-width:1024px){.l-single{grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-10);align-items:start}
.l-single__side{position:sticky;top:80px}}
/* 顶栏：吸顶、纯文本导航、可被蜘蛛直接抓取内链 */
.c-topbar{position:sticky;top:0;z-index:var(--z-sticky);height:var(--h-topbar);
background:var(--c-surface-1);border-bottom:var(--bw-hair) solid var(--c-line)}
.c-topbar__inner{position:relative;display:flex;align-items:center;gap:var(--sp-4);
height:var(--h-topbar);width:100%;max-width:var(--w-shell);margin-inline:auto;padding-inline:var(--pad-page)}
.c-topbar__brand{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;min-height:var(--h-tap);
color:var(--c-accent-deep);font-size:19px;font-weight:700;letter-spacing:-.02em}
.c-topbar__brand:hover{color:var(--c-accent);text-decoration:none}
.c-topbar__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
background:var(--c-accent);color:var(--c-on-accent);border-radius:var(--r-2);font-size:15px;font-weight:700}
.c-topbar__nav{display:none;align-items:center;gap:var(--sp-6);margin-inline-start:var(--sp-8)}
.c-topbar__link{display:inline-flex;align-items:center;height:var(--h-topbar);
color:var(--c-ink-700);font-size:14px;font-weight:500;white-space:nowrap}
.c-topbar__link:hover{color:var(--c-accent);text-decoration:none}
.c-topbar__link[aria-current]{color:var(--c-accent-deep);font-weight:600;box-shadow:inset 0 -2px 0 var(--c-accent)}
.c-topbar__actions{display:flex;align-items:center;gap:var(--sp-1);margin-inline-start:auto}
.c-lang{display:none;align-items:center;height:32px;padding:2px;
background:var(--c-surface-2);border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2)}
.c-lang__opt{display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:38px;
padding:0 var(--sp-2);border-radius:var(--r-1);color:var(--c-ink-500);font-size:13px;font-weight:500}
.c-lang__opt:hover{color:var(--c-ink-900);text-decoration:none}
.c-lang__opt[aria-current]{background:var(--c-surface-1);color:var(--c-accent-deep);font-weight:700;box-shadow:var(--sh-1)}
.c-lang__tap{display:inline-flex;align-items:center;justify-content:center;min-width:var(--h-tap);
height:var(--h-tap);color:var(--c-ink-700);font-size:14px;font-weight:600}
.c-lang__tap:hover{color:var(--c-accent);text-decoration:none}
.c-theme{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:36px;
padding:0 var(--sp-2);color:var(--c-ink-700);font-size:13px;font-weight:500;
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);white-space:nowrap}
.c-theme:hover{color:var(--c-accent);border-color:var(--c-accent);text-decoration:none}
.c-theme__label--dark{display:none}
:root[data-theme=dark] .c-theme__label--light{display:none}
:root[data-theme=dark] .c-theme__label--dark{display:inline}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .c-theme__label--light{display:none}
:root:not([data-theme=light]) .c-theme__label--dark{display:inline}}
/* 移动端菜单：纯文本入口，禁止图标化无文本菜单 */
.c-nav>summary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
height:36px;padding:0 var(--sp-2);color:var(--c-ink-700);font-size:13px;font-weight:500;
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);cursor:pointer}
.c-nav>summary::-webkit-details-marker{display:none}
.c-nav__bars{display:inline-flex;flex-direction:column;gap:3px}
.c-nav__bar{display:block;width:14px;height:1.5px;background:currentColor;border-radius:1px}
.c-nav[open]>summary{color:var(--c-accent);border-color:var(--c-accent)}
/* 面包屑：纯文本层级，分隔符用 > */
.c-crumbs{min-height:var(--h-tap);padding-block:var(--sp-2)}
.c-crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp-2);
font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-crumbs__item{display:inline-flex;align-items:center;min-height:28px}
.c-crumbs__item+.c-crumbs__item::before{content:">";margin-inline-end:var(--sp-2);color:var(--c-ink-300)}
.c-crumbs__link{display:inline-flex;align-items:center;color:var(--c-ink-500)}
.c-crumbs__link:hover{color:var(--c-accent)}
.c-crumbs__item[aria-current]{color:var(--c-ink-700)}
.c-pair-head{padding-top:var(--sp-4)}
/* 换算组件：上下布局（输入 → 大号结果 → 目标单位 → 纯文本公式） */
.c-conv{max-width:var(--w-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-conv:focus-within{border-color:var(--c-line-strong)}
.c-conv__grid{display:flex;flex-direction:column;gap:var(--sp-3)}
.c-conv__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-width:0}
.c-conv__label{flex:0 0 100%;font-size:var(--fs-xs);font-weight:600;line-height:1.4;color:var(--c-ink-500)}
.c-conv__result{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
padding:var(--sp-4) 0;border-block:var(--bw-hair) solid var(--c-line)}
.c-input{flex:1 1 0;min-width:0;height:var(--h-control);padding:0 var(--sp-3);font-size:19px;font-weight:500;
background:var(--c-surface-1);color:var(--c-ink-900);border:var(--bw-hair) solid var(--c-line-strong);
border-radius:var(--r-2);transition:border-color var(--dur-fast) var(--ease-out)}
.c-input::placeholder{color:var(--c-ink-500)}
.c-input:focus{outline:var(--bw-focus) solid var(--c-focus);outline-offset:2px;border-color:var(--c-accent)}
.c-input[aria-invalid=true],.c-input:invalid{border-color:var(--c-danger)}
.c-select{flex:0 0 auto;max-width:56%;height:var(--h-control);padding:0 32px 0 var(--sp-3);
font-size:14px;font-weight:500;color:var(--c-ink-700);background-color:var(--c-surface-2);
border:var(--bw-hair) solid var(--c-line-strong);border-radius:var(--r-2);
appearance:none;-webkit-appearance:none;text-overflow:ellipsis;
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='%2365766B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 8px center;
transition:border-color var(--dur-fast) var(--ease-out)}
.c-select:hover{color:var(--c-ink-900)}
.c-select:focus{outline:var(--bw-focus) solid var(--c-focus);outline-offset:2px;border-color:var(--c-accent)}
.c-result{display:block;min-width:0;font-size:clamp(30px,3.2vw + 16px,46px);font-weight:700;
line-height:1.1;letter-spacing:var(--ls-tight);color:var(--c-accent-deep);
white-space:nowrap;overflow:hidden;text-overflow:clip}
.c-result__unit{margin-inline-start:var(--sp-3);font-size:15px;font-weight:500;
font-family:var(--font-sans);color:var(--c-ink-500);letter-spacing:0;vertical-align:baseline}
.c-swap{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);flex:none;
min-width:88px;height:36px;padding:0 var(--sp-2);background:var(--c-surface-2);color:var(--c-ink-700);
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2);font-size:13px;font-weight:500;
transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.c-swap:hover{background:var(--c-accent-soft);color:var(--c-accent-deep);text-decoration:none}
.c-swap:active{background:var(--c-accent);color:var(--c-on-accent)}
.c-swap__icon{width:15px;height:15px;transform:rotate(var(--rot,0deg))}
.c-copy,.c-share{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);flex:none;
min-width:var(--h-tap);height:36px;padding:0 var(--sp-2);color:var(--c-ink-500);font-size:13px;
border:var(--bw-hair) solid var(--c-line);border-radius:var(--r-2)}
.c-copy:hover,.c-share:hover{background:var(--c-surface-2);color:var(--c-ink-900);text-decoration:none}
.c-copy svg,.c-share svg{width:14px;height:14px}
.c-copy.is-ok{color:var(--c-success)}
.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
min-height:var(--h-tap);padding:0 var(--sp-5);font-size:15px;font-weight:600;
border:var(--bw-hair) solid transparent;border-radius:var(--r-2);text-decoration:none;
transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.c-btn--primary{height:46px;padding:0 var(--sp-6);background:var(--c-accent);color:var(--c-on-accent)}
.c-btn--primary:hover{background:var(--c-accent-hover);color:var(--c-on-accent);text-decoration:none}
.c-btn--primary:active{background:var(--c-accent-active)}
.c-btn--ghost{border-color:var(--c-line-strong);color:var(--c-ink-700);background:var(--c-surface-1)}
.c-btn--ghost:hover{background:var(--c-surface-2);color:var(--c-accent-deep);border-color:var(--c-accent);text-decoration:none}
.c-btn--block{width:100%}
/* 表格：标准表格结构、内容全部文本化，无图片无背景图 */
.c-table{width:100%;font-size:var(--fs-sm);color:var(--c-ink-700);background:var(--c-surface-1)}
.c-table caption{text-align:start}
.c-table th,.c-table td{padding:0 var(--sp-3);text-align:start;vertical-align:middle}
.c-table thead th{height:40px;font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-micro);
color:var(--c-ink-500);background:var(--c-surface-2);
border-bottom:var(--bw-hair) solid var(--c-line-strong);white-space:nowrap}
.c-table tbody th,.c-table tbody td{height:var(--h-row);border-bottom:var(--bw-hair) solid var(--c-line)}
.c-table .is-num{text-align:end;min-width:12ch}
.c-table tbody tr:last-child th,.c-table tbody tr:last-child td{border-bottom:0}
.c-toast{position:fixed;left:var(--sp-4);right:var(--sp-4);
bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);
display:none;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--h-tap);
padding:0 var(--sp-4);background:var(--c-ink-900);color:var(--c-ink-invert);font-size:var(--fs-sm);
border-radius:var(--r-3);box-shadow:var(--sh-2)}
.c-toast.is-on{display:flex}
@media (min-width:768px){
.c-conv{padding:var(--sp-6)}
.c-conv__grid{gap:var(--sp-4)}
.c-input{height:var(--h-control-d);font-size:20px}
.c-select{height:var(--h-control-d);font-size:15px;flex-basis:190px;max-width:52%}
.c-table thead th{padding:0 var(--sp-4)}
.c-table tbody th,.c-table tbody td{padding:0 var(--sp-4)}}
@media (min-width:1024px){
.c-topbar__nav{display:flex}
.c-lang{display:inline-flex}
.c-topbar__actions{gap:var(--sp-2)}
.c-nav{display:none}
.c-lang__tap{display:none!important}}
@media (prefers-reduced-motion:reduce){
:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms}
*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;
transition-duration:1ms!important;scroll-behavior:auto!important}}

/* ================================================== 文字答案高亮（首屏） */
/* 换算关系答案条：浅绿底 + 深墨绿竖线，答案用等宽 strong，蜘蛛读到的是纯文本 */
.c-answer{display:block;max-width:var(--w-card);margin-top:var(--sp-4);
padding:var(--sp-3) var(--sp-4);background:var(--c-accent-soft);
border-left:3px solid var(--c-accent);border-radius:0 var(--r-2) var(--r-2) 0;
font-size:var(--fs-body);line-height:1.75;color:var(--c-ink-700)}
.c-answer__eq{font-family:var(--font-mono);font-weight:700;color:var(--c-accent-deep);
font-variant-numeric:tabular-nums}
.c-hl{padding:0 3px;border-radius:var(--r-1);background:var(--c-accent-soft);
color:var(--c-accent-deep);font-weight:700;font-variant-numeric:tabular-nums}
:root[data-theme=dark] .c-hl{background:rgba(99,199,156,.15)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c-hl{background:rgba(99,199,156,.15)}}
/* 公式条里结果单独高亮，JS 只更新这两个文本节点，不重建 DOM */
.c-formula--answer{background:var(--c-accent-soft);color:var(--c-accent-deep)}
.c-formula--answer .c-hl{background:var(--c-surface-1);padding:2px 6px}
:root[data-theme=dark] .c-formula--answer .c-hl{background:rgba(99,199,156,.18)}
/* 两栏主栏必须能收缩，否则 720px 换算卡会把 340px 侧栏挤出视口 */
.l-single__body{min-width:0}
.l-single--detail{align-items:start}

/* ================================================== v2.4 问答式答案卡 + 目标单位并排 */
.c-answer-card{max-width:var(--w-card);margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);
background:var(--c-accent-soft);border-left:3px solid var(--c-accent);
border-radius:0 var(--r-2) var(--r-2) 0}
.c-answer-card__tag{display:inline-flex;align-items:center;height:20px;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:.06em}
.c-answer-card__eq{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-2);
margin-top:var(--sp-3);font-size:clamp(20px,1.4vw + 14px,27px);font-weight:700;
line-height:1.45;color:var(--c-accent-deep)}
.c-answer-card__eq .c-hl{font-family:var(--font-mono);font-size:1.08em;
background:var(--c-surface-1);padding:2px 6px;box-shadow:inset 0 -2px 0 var(--c-accent)}
.c-answer-card__side{display:inline-flex;align-items:baseline;gap:0 var(--sp-2);
white-space:nowrap;max-width:100%;overflow-wrap:anywhere}
.c-answer-card__sign{margin-inline:var(--sp-1);font-family:var(--font-mono);
font-weight:500;color:var(--c-ink-500)}
.c-answer-card__basis{margin-top:var(--sp-3);font-size:var(--fs-xs);
line-height:1.85;color:var(--c-ink-700);overflow-wrap:anywhere}
.c-answer-card__basis .u-num{font-family:var(--font-mono)}
:root[data-theme=dark] .c-answer-card__eq .c-hl{background:rgba(99,199,156,.16)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c-answer-card__eq .c-hl{background:rgba(99,199,156,.16)}}
/* 目标单位与答案并排：只作用于详情页换算器，首页布局保持不变 */
.c-conv__result--qa{flex-wrap:wrap;justify-content:flex-start;gap:var(--sp-3)}
.c-conv__result--qa .c-result{flex:1 1 auto;font-size:clamp(26px,2.4vw + 14px,40px)}
.c-conv__to-inline{display:flex;flex-direction:column;gap:var(--sp-1);flex:0 1 210px;min-width:0}
.c-conv__to-inline .c-conv__label{font-size:var(--fs-xs);color:var(--c-ink-500)}
.c-conv__to-inline .c-select{width:100%;max-width:none;flex-basis:auto}
.c-conv__result--qa .c-swap{margin-inline-start:auto}
@media (max-width:639px){
.c-conv__result--qa .c-result{flex:1 1 100%}
.c-conv__to-inline{flex:1 1 62%}
.c-conv__result--qa .c-swap{margin-inline-start:0}}