/* Case view: scene, metrics, decisions and the interactive samples (case-demos.js). Same field, no frames. */
.case-meta-line{font-size:13px;color:var(--faint);margin-top:4px}
.case-scene{font-size:15px;line-height:1.95;margin-bottom:22px;padding-left:18px;position:relative}
.case-scene:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--accent)}
.case-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:22px 28px;margin-top:30px}
.case-metrics>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:4px}
.case-metrics b{font-size:32px;font-weight:300;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.case-metrics i{font-style:normal;font-size:13px;color:var(--muted)}
.case-metrics span{grid-column:1/-1;font-size:13px;font-weight:600;margin-top:8px}
.case-metrics small{grid-column:1/-1;font-size:11px;color:var(--faint);line-height:1.6;margin-top:2px}
.decision-item h4{font-size:15px;font-weight:700;line-height:1.5}
.decision-item p{color:var(--muted)}
.decision-item+.decision-item{margin-top:12px}
.case-info .case-actions>a.text-link{background:none;color:var(--ink);padding:0 4px;min-height:44px}

.demo-head h3{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:0;margin:0}
.demo-head p{font-size:11px;color:var(--faint);margin:2px 0 22px}
.demo-body{position:relative}
.dm-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.dm-faint{display:block;font-size:11px;color:var(--faint);line-height:1.7}
.dm-title{display:block;font-size:22px;font-weight:700;line-height:1.3}
.dm-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.dm-stage{text-align:right}.dm-stage b{display:block;font-size:32px;font-weight:300;line-height:1.2;transition:color .4s}
.dm-stage b.dm-changed{color:var(--accent)}
.dm-status{font-size:13px;color:var(--muted);margin-top:10px;min-height:1.8em}
.dm-evidence{margin-top:18px;padding-left:18px;position:relative}
.dm-evidence:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--ink)}
.dm-evidence p{font-size:15px;margin:4px 0 6px}
.dm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:22px}
.dm-actions .primary-button{min-height:42px}
.dm-actions .primary-button span{font-weight:400}
.dm-reset{margin-left:auto;color:var(--faint)}
.dm-prompt{font-size:15px;margin-top:18px;color:var(--ink);padding-bottom:12px;box-shadow:0 1px var(--line)}
/* Sliders */
.dm-formula{font-size:15px;margin-bottom:16px}.dm-formula b{font-weight:700}
.dm-slider{display:grid;grid-template-columns:140px 1fr 56px;align-items:center;gap:16px;font-size:13px;color:var(--muted);margin:6px 0}
.dm-slider b{font-size:15px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.dm-slider input{width:100%;accent-color:var(--ink)}
.dm-cand{margin-top:20px;transition:opacity .3s}
.dm-cand:not(.dm-win){opacity:.62}
.dm-cand.dm-win .dm-title:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);margin:0 10px 4px 0}
.dm-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;margin-top:6px}
.dm-score b{font-size:22px;font-weight:300;font-variant-numeric:tabular-nums;margin-right:18px}
/* Message replay */
.dm-thread{display:flex;flex-direction:column;gap:18px;min-height:40px}
.dm-msg p{font-size:15px;margin:2px 0}
.dm-msg mark{background:none;color:var(--accent);font-weight:700}
/* Chips: plain words, the pressed one in ink */
.dm-chips{display:flex;flex-wrap:wrap;gap:6px 22px}
.dm-chips button{font-size:13px;font-weight:600;letter-spacing:.02em;padding:6px 0;color:var(--faint);transition:color .2s}
.dm-chips button[aria-pressed=true],.dm-chips button:hover{color:var(--ink)}
.dm-chips button[aria-pressed=true]{box-shadow:0 1px var(--ink)}
.dm-code{font:15px/1.9 var(--font);margin:22px 0 0;white-space:pre}
.dm-code span{color:var(--muted)}.dm-code b{font-weight:600}
.dm-reaction{font-size:15px;margin-top:14px;max-width:560px;position:relative}
.dm-big{font-size:44px;font-weight:300;line-height:1.1;margin-top:20px;display:flex;align-items:baseline;gap:6px}
.dm-big i{font-style:normal;font-size:15px;color:var(--muted)}
/* Meter, gauge and bars */
.dm-track{position:relative;height:2px;background:var(--line);margin:16px 0 4px}
.dm-track>b{position:absolute;left:0;top:-1px;height:4px;width:calc(var(--v,0)*100%);background:var(--ink);transition:width .6s var(--ease)}
.dm-track>b:after{content:"";position:absolute;right:-4px;top:-3px;width:10px;height:10px;background:var(--ink)}
.dm-track>i{position:absolute;top:-8px;left:calc(var(--v,0)*100%);width:1px;height:18px;background:var(--accent)}
.dm-track>i:after{content:"参考 0.53";position:absolute;top:-20px;left:-24px;font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap}
.dm-meter{margin-top:6px}.dm-meter .dm-track{margin-top:34px}
.dm-gauge{margin-top:12px}.dm-gauge>b:after{display:none}
.dm-bars{margin-top:34px}
.dm-bars-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}
.dm-bar{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:16px;margin:8px 0;font-size:13px}
.dm-bar>span{color:var(--muted)}
.dm-bar>div{height:2px;background:var(--line);position:relative}
.dm-bar i{position:absolute;left:0;top:-1px;height:4px;width:calc(var(--w)*100%);background:var(--ink);transition:width .6s var(--ease)}
.dm-bar b{font-size:15px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
/* Confrontation */
.dm-claim{padding:10px 0 10px 18px;position:relative;transition:color .3s}
.dm-claim:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line);transition:background .3s,width .3s}
.dm-claim.dm-over:before,.dm-claim.dm-hit:before{background:var(--accent);width:2px}
.dm-claim p{font-size:22px;font-weight:700;line-height:1.45}
.dm-card{display:inline-flex;flex-direction:column;gap:2px;margin-top:22px;padding:14px 18px;background:var(--panel);cursor:grab;touch-action:none;user-select:none;box-shadow:0 10px 24px var(--shadow);transition:box-shadow .2s,opacity .3s}
.dm-card b{font-size:15px;font-weight:700}.dm-card span{font-size:13px;color:var(--muted)}
.dm-card.dm-dragging{cursor:grabbing;box-shadow:0 22px 40px var(--shadow);z-index:3;position:relative}
.dm-card.dm-used{opacity:.4;cursor:default;box-shadow:none}
#de-reply{margin-top:18px}#de-reply p{font-size:22px;font-weight:700;line-height:1.45;color:var(--accent)}
@media(max-width:560px){.dm-slider{grid-template-columns:1fr 48px}.dm-slider span{grid-column:1/-1}.dm-bar{grid-template-columns:1fr 48px}.dm-bar>span{grid-column:1/-1}.dm-row{flex-direction:column;align-items:flex-start}.dm-stage{text-align:left}.dm-claim p,#de-reply p{font-size:18px}.case-metrics b{font-size:28px}.dm-code{font-size:13px}}