.su{padding-top:20px}
.su-banner{background:linear-gradient(160deg,#0f2a1c,#13522E);color:#fff;border-radius:22px;padding:34px 34px 28px;margin-bottom:28px;position:relative;overflow:hidden}
.su-banner::after{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:260px;height:260px;border-radius:50%;border:34px solid rgba(255,255,255,.05)}
.su-k{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#8fe0b1}
.su-banner h2{color:#fff;font-size:clamp(22px,3vw,30px);margin:8px 0 12px}
.su-banner p{color:rgba(255,255,255,.92);line-height:2;font-size:15px;max-width:900px}
.su-banner .su-note{color:rgba(255,255,255,.7);font-size:13px;margin-top:10px}
.su-kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 6px}
.su-kp.s2{grid-template-columns:repeat(2,minmax(0,320px));margin:12px 0 18px}
.su-kp div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px 16px}
.su-kp.s2 div{background:linear-gradient(155deg,#10261a,#13522E);color:#fff}
.su-kp b{display:block;font-family:'IBM Plex Mono',monospace;font-size:26px;line-height:1.1;color:#F3C87A;text-align:start}
.su-kp span{display:block;font-size:12.5px;line-height:1.7;margin-top:6px;color:rgba(255,255,255,.85)}
.su h3{font-size:20px;margin:34px 0 12px;color:var(--green-dark)}
.su h4{font-size:16px;margin:20px 0 8px}
.su-tw{overflow-x:auto;margin:10px 0 14px;border:1px solid var(--line);border-radius:14px}
.su-t{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.su-t th{background:#13522E;color:#fff;text-align:start;padding:12px 14px;font-size:13px;white-space:nowrap}
.su-t td{padding:11px 14px;border-top:1px solid #e9ece8;line-height:1.8}
.su-t tbody tr:nth-child(even){background:#f8faf8}
.su-t tr.tot td{background:#e3f1e8;font-weight:800;color:#13522E}
.su-note{font-size:13px;color:var(--muted);line-height:1.9}
.su-ul,.su-ph{padding-inline-start:22px;margin:8px 0}.su-ul li,.su-ph li{margin-bottom:6px}
.su-bars{display:grid;gap:8px;margin:12px 0 16px}
.su-bar{display:grid;grid-template-columns:230px 1fr 130px;gap:10px;align-items:center;font-size:13.5px}
.su-tr{height:12px;border-radius:6px;background:#e9efeb;overflow:hidden;direction:ltr}
.su-tr i{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#13522E,#159A48);transform-origin:left;animation:suGrow 1.1s cubic-bezier(.23,1,.32,1) both}
@keyframes suGrow{from{transform:scaleX(0)}}
.su-bar small{color:var(--muted)}
.su-stack{display:flex;height:34px;border-radius:10px;overflow:hidden;margin:12px 0;border:1px solid var(--line);direction:ltr}
.su-stack i{display:block;min-width:2px}
@media(max-width:800px){.su-kp{grid-template-columns:1fr 1fr}.su-bar{grid-template-columns:1fr;gap:4px}.su-banner{padding:24px 18px}.su-kp.s2{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion: reduce){.su-tr i{animation:none}}
@media print{.su-tw{overflow:visible}}