.bf-guide{position:fixed;inset:0;z-index:90;display:none;background:rgba(2,13,18,.72);backdrop-filter:blur(8px)}.bf-guide.open{display:flex}.bf-guide-panel{width:min(100%,720px);height:100%;margin-left:auto;overflow-y:auto;background:var(--bf-paper,#f2f5f4);box-shadow:-25px 0 80px rgba(0,0,0,.35)}.bf-guide-head{position:sticky;top:0;z-index:2;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,24,32,.97);color:#fff}.bf-guide-head span{display:block;color:var(--bf-cyan,#4fc5ce);font:700 9px/1 ui-monospace,monospace;letter-spacing:.15em}.bf-guide-head h2{margin:5px 0 0;font-size:23px}.bf-guide-head button{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-size:23px;cursor:pointer}.bf-guide-body{max-width:650px;margin:0 auto;padding:20px 20px calc(44px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.bf-guide-intro{margin:0 0 4px;color:var(--bf-muted,#68777c);font-size:13px;line-height:1.6}.bf-guide article{padding:17px;border:1px solid var(--bf-line,#d8e0df);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(7,24,32,.045)}.bf-guide article h3{margin:0 0 9px;color:var(--bf-ink,#071820);font-size:15px}.bf-guide article h3 small{display:block;margin-top:4px;color:var(--bf-muted,#68777c);font-size:11px;font-weight:550}.bf-guide article p,.bf-guide article li,.bf-guide dd{color:var(--bf-muted,#68777c);font-size:12.5px;line-height:1.55}.bf-guide article p{margin:8px 0 0}.bf-guide ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:steps}.bf-guide li{position:relative;min-height:22px;margin:7px 0;padding-left:31px;counter-increment:steps}.bf-guide li:before{content:counter(steps);position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dff4f4;color:var(--bf-cyan2,#2dabb5);font-size:10px;font-weight:800}.bf-guide a{color:var(--bf-cyan2,#2dabb5);font-weight:700}.bf-guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bf-guide dl{margin:0}.bf-guide dt{margin-top:10px;color:var(--bf-ink,#071820);font-size:12.5px;font-weight:800}.bf-guide dd{margin:3px 0 0}@media(max-width:760px){.bf-guide-columns{grid-template-columns:1fr}}@media(max-width:560px){.bf-guide-panel{width:100%}.bf-guide-body{padding-left:14px;padding-right:14px}}