.hbn,.ppop-back{--bn-acc:var(--acc,var(--mca-acc,#12c27a))}.hbn{position:relative;border-radius:16px;overflow:hidden;margin:0 0 18px;background:color-mix(in srgb,var(--fg, #fff) 4%,transparent);aspect-ratio:4 / 1}.hbn-track{position:absolute;inset:0}.hbn-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.hbn-slide.on{opacity:1;pointer-events:auto}.hbn-slide a{display:block;width:100%;height:100%}.hbn-img{width:100%;height:100%;object-fit:cover;display:block}.hbn-dots{position:absolute;left:50%;transform:translate(-50%);bottom:10px;display:flex;gap:6px;align-items:center;z-index:2;padding:5px 9px;border-radius:20px;background:#040a106b;backdrop-filter:blur(6px)}.hbn-dot{width:7px;height:7px;padding:0;border-radius:50%;cursor:pointer;border:0;background:#ffffff6b;transition:background .2s,width .25s ease}.hbn-dot:hover{background:#ffffffb8}.hbn-dot.on{width:22px;border-radius:4px;background:var(--bn-acc);box-shadow:0 0 10px color-mix(in srgb,var(--bn-acc) 55%,transparent)}@media(max-width:640px){.hbn{aspect-ratio:3 / 2;border-radius:12px;margin-bottom:12px}.hbn-dots{bottom:8px}}.ppop-back{position:fixed;inset:0;z-index:9000;background:#03070cb3;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;animation:ppop-fade .18s ease-out}@keyframes ppop-fade{0%{opacity:0}to{opacity:1}}.ppop-card{width:min(420px,100%);border-radius:18px;overflow:hidden;background:var(--panel, #121a24);border:1px solid color-mix(in srgb,var(--bn-acc) 22%,transparent);box-shadow:0 0 0 1px #00000080,0 26px 60px #00000094,0 0 46px color-mix(in srgb,var(--bn-acc) 12%,transparent);animation:ppop-in .24s cubic-bezier(.2,.8,.3,1)}@keyframes ppop-in{0%{transform:translateY(14px) scale(.975);opacity:0}to{transform:none;opacity:1}}.ppop-img{width:100%;display:block}.ppop-card>.ppop-t,.ppop-card>.ppop-b,.ppop-card>.ppop-foot{background:color-mix(in srgb,#000 16%,var(--panel, #121a24))}.ppop-t{padding:16px 18px 0;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.ppop-b{padding:7px 18px 0;font-size:13.5px;line-height:1.62;color:var(--mut, #8fa3b4)}.ppop-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px 16px;flex-wrap:nowrap;margin-top:14px;border-top:1px solid color-mix(in srgb,#fff 7%,transparent)}.ppop-chk{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mut, #8fa3b4);cursor:pointer;white-space:nowrap;user-select:none}.ppop-chk:hover{color:var(--txt, #fff)}.ppop-chk input{accent-color:var(--bn-acc);width:15px;height:15px;margin:0;cursor:pointer}.ppop-x{padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap;font-weight:700;font-size:13.5px;border:1px solid transparent;color:color-mix(in srgb,var(--bn-acc) 16%,#04130c);background:linear-gradient(180deg,var(--bn-acc),color-mix(in srgb,var(--bn-acc) 78%,#000));box-shadow:0 1px #fff3 inset,0 4px 14px color-mix(in srgb,var(--bn-acc) 28%,transparent);transition:filter .15s,transform .1s}.ppop-x:hover{filter:brightness(1.08)}.ppop-x:active{transform:translateY(1px);filter:brightness(.95)}@media(max-width:420px){.ppop-t{font-size:16px;padding-inline:15px}.ppop-b,.ppop-foot{padding-inline:15px}}