/* 第 25 章 · 数据会说话（专属场景） */
.c25-stage{position:relative;height:300px;border-radius:18px;border:1px solid rgba(56,189,248,.22);background:linear-gradient(180deg,#06131C,#040A10);overflow:hidden}
.c25-chart{position:absolute;left:7%;right:7%;top:38px;bottom:42px;border-left:1px solid rgba(56,189,248,.3);border-bottom:1px solid rgba(56,189,248,.3);display:flex;align-items:flex-end;justify-content:space-around;gap:3px;padding:0 6px}
.c25-bar{position:relative;flex:1;max-width:38px;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#38BDF8,#0E7490);transition:height .5s;box-shadow:0 0 12px rgba(56,189,248,.2)}
.c25-bar:after{content:attr(data-v);position:absolute;left:50%;top:-15px;transform:translateX(-50%);font-size:7px;color:#BAE6FD;white-space:nowrap}
.c25-bar span{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);font-size:7px;color:var(--faint);white-space:nowrap}
.c25-axis{position:absolute;left:7%;top:26px;font-size:7px;color:rgba(56,189,248,.6)}
.c25-grid{position:absolute;inset:38px 7% 42px;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(56,189,248,.06) 34px 35px)}
.c25-tool{position:absolute;right:14px;top:14px;font-size:8px;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:4px 7px;background:rgba(4,10,16,.6);z-index:5}
.c25-label{position:absolute;left:14px;top:12px;font-size:8px;letter-spacing:.16em;color:rgba(56,189,248,.75);z-index:5}
.c25-pile{position:absolute;left:14px;bottom:10px;display:flex;gap:5px;z-index:5}
.c25-pile i{width:7px;height:7px;border-radius:50%;background:#38BDF8;box-shadow:0 0 8px rgba(56,189,248,.6);opacity:.35}
.c25-pile i.on{opacity:1}
.c25-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.c25-context{padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);text-align:left;font-size:9.5px;line-height:1.5}
.c25-context b{display:block;color:var(--ink);font-size:10px;margin-bottom:2px}
.c25-context:hover,.c25-context.on{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.08)}
.c25-feats{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.c25-feat{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px;text-align:left}
.c25-feat:hover,.c25-feat.on{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.08);color:#BAE6FD}
.c25-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.c25-act{padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.c25-act:hover,.c25-act.on{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.08);color:#BAE6FD}
.c25-meters{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.c25-meter{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--faint)}
.c25-meter .bar{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.c25-meter .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#38BDF8,#4FE0D0);transition:.5s}
.c25-test{position:relative;height:280px;border-radius:15px;border:1px solid rgba(56,189,248,.2);background:linear-gradient(180deg,#06131C,#040A10);overflow:hidden}
.c25-test .c25-stage{position:absolute;inset:8px;height:auto;border:0}
.c25-fixes{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}
.c25-fix{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px;text-align:left}
.c25-fix:hover,.c25-fix.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.08);color:var(--teal)}
.c25-bp-icon{width:150px;height:100px;margin:0 auto}
.c25-bp-icon svg{width:100%;height:100%}
@media(max-width:900px){.c25-stage,.c25-test{height:250px}.c25-context-grid,.c25-feats{grid-template-columns:1fr}}
@media(max-height:800px){.c25-stage{height:286px}}