.pp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 40px}
.pp article{border:1px solid var(--line);border-radius:10px;background:var(--s1);padding:26px 24px}
.pp svg.vi{width:30px;height:30px;margin-bottom:14px;color:var(--fg)}
.pp h3{font-size:15px;margin:0 0 6px}.pp .pv{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}
.pp p{color:var(--mut);font-size:14px;margin:0}
.inc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:10px;margin:24px 0 40px;overflow:hidden}
.inc div{padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;font-size:14px}
.inc svg.vi{width:22px;height:22px;flex:none;margin-top:1px}.inc b{display:block;font-weight:500}.inc span{color:var(--mut);font-size:13px}
.dcode{background:#08080A;border:1px solid var(--line);border-radius:8px;padding:16px 18px;overflow-x:auto;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d8d8e0;margin:12px 0 28px;white-space:pre}
.dcode .k{color:#7BE0B5}.dcode .s{color:#9bb7ff}.dcode .c{color:#6b6b78}
.mth{display:inline-block;font:600 11px ui-monospace,Menlo,monospace;padding:3px 7px;border-radius:4px;background:#12261e;color:var(--ok);margin-right:8px}

.pp p.pv{color:var(--fg)}

.sxb{display:flex;align-items:center;gap:16px;border:1px solid #1f3a2e;background:linear-gradient(135deg,#0c1a14,#0a120f);border-radius:12px;padding:22px 24px;margin:28px 0 20px}
.sxb svg.vi{width:36px;height:36px;flex:none;color:var(--ok)}
.sxb b{display:block;font-size:18px;font-weight:600;color:var(--fg);letter-spacing:-.01em}
.sxb span{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.sx{border:1px solid var(--line);border-radius:12px;background:var(--s1);overflow:hidden;margin:0 0 40px}
.sx>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);font-size:15px;min-width:0}
.sx>div:last-child{border-bottom:0}
.sx>div>b{font-weight:500;color:var(--fg)}
.sxok{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ok);white-space:nowrap}
.sxok:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #7be0b52e}
.sxh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.sxh h2{margin:0;font-size:18px}.sxh span{font-size:13px;color:var(--ok)}
.sxu{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;height:34px}
.sxu i{display:block;background:var(--ok);opacity:.85;border-radius:2px}.sxu i.w{background:#e8c26a;opacity:1}
.sxm{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;margin-top:8px}
.sxi{border:1px solid var(--line);border-radius:12px;background:var(--s1);padding:22px 24px;margin-top:36px}
.sxi h2{font-size:18px;margin:0 0 8px}.sxi p{color:var(--mut);margin:0;font-size:14px}
@media(max-width:760px){.pp,.inc{grid-template-columns:1fr}.sxu{gap:1px}.sx>div{padding:14px 16px}}