/* 第 35 章 · 极端用户（专属场景） */
.c35-stage{position:relative;height:300px;border-radius:18px;border:1px solid rgba(56,189,248,.22);background:radial-gradient(ellipse at 50% 60%,rgba(56,189,248,.1),transparent 64%),linear-gradient(180deg,#06121A,#03070B);overflow:hidden}
.c35-desk{position:absolute;left:8%;right:8%;bottom:30px;height:90px;border-radius:10px;background:linear-gradient(180deg,rgba(56,189,248,.1),rgba(56,189,248,.03));border:1px solid rgba(56,189,248,.2)}
.c35-product{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);width:120px;height:150px;z-index:4;transition:.3s}
.c35-product svg{width:100%;height:100%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.4))}
.c35-user{position:absolute;left:18%;bottom:110px;font-size:44px;z-index:5;transition:.3s}
.c35-hand{position:absolute;right:24%;bottom:120px;font-size:34px;z-index:6;opacity:.85}
.c35-barrier{position:absolute;left:50%;top:22px;transform:translateX(-50%);font-size:8px;color:#FCA5A5;border:1px solid rgba(255,122,107,.5);background:rgba(255,122,107,.1);padding:3px 8px;border-radius:6px;opacity:0;transition:.3s;z-index:7;white-space:nowrap}
.c35-barrier.on{opacity:1}
.c35-label{position:absolute;left:14px;top:12px;font-size:8px;letter-spacing:.16em;color:rgba(125,211,252,.75);z-index:9}
.c35-tip{position:absolute;right:14px;top:12px;font-size:8px;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:4px 7px;background:rgba(3,7,11,.6);z-index:9}
.c35-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.c35-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}
.c35-context b{display:block;color:var(--ink);font-size:10px;margin-bottom:2px}
.c35-context:hover,.c35-context.on{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.08)}
.c35-users{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.c35-userbtn{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}
.c35-userbtn:hover,.c35-userbtn.on{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.08);color:#BAE6FD}
.c35-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.c35-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}
.c35-act:hover,.c35-act.on{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.08);color:#BAE6FD}
.c35-meters{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.c35-meter{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--faint)}
.c35-meter .bar{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.c35-meter .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#38BDF8,#4FE0D0);transition:.5s}
.c35-test{position:relative;height:280px;border-radius:15px;border:1px solid rgba(56,189,248,.2);background:linear-gradient(180deg,#06121A,#03070B);overflow:hidden}
.c35-test .c35-stage{position:absolute;inset:8px;height:auto;border:0}
.c35-fixes{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}
.c35-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}
.c35-fix:hover,.c35-fix.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.08);color:var(--teal)}
.c35-bp-icon{width:150px;height:100px;margin:0 auto}
.c35-bp-icon svg{width:100%;height:100%}
@media(max-width:900px){.c35-stage,.c35-test{height:250px}.c35-context-grid,.c35-users{grid-template-columns:1fr}.c35-product{width:96px;height:124px}}
@media(max-height:800px){.c35-stage{height:286px}}