.bp-trail-dot { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em; color: rgb(137, 146, 162); cursor: pointer; border: 1px solid rgb(50, 58, 75); border-radius: 12px; padding: 3px 9px 3px 5px; background: rgb(22, 28, 41); transition: border-color 0.15s, color 0.15s; white-space: nowrap; user-select: none; }.bp-trail-dot i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }.bp-trail-dot:hover { border-color: rgb(107, 90, 35); color: rgb(211, 217, 228); }.bp-trail-dot.on { border-color: var(--dc,#F0B429); color: rgb(231, 235, 242); background: rgb(26, 34, 49); }.bp-trail-ink { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border: 1.5px solid transparent; transition: transform 140ms ease-out, border-color 140ms, box-shadow 140ms; user-select: none; }.bp-trail-ink i { width: 9px; height: 9px; border-radius: 50%; transition: transform 140ms ease-out; }.bp-trail-ink:hover { transform: scale(1.3); }.bp-fitem { background: rgb(31, 38, 54); border: 1px solid rgb(50, 58, 75); border-radius: 8px; padding: 9px 11px; flex-shrink: 0; }.bp-fitem .r1 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px; gap: 8px; }.bp-fscore { font-size: 10px; font-family: var(--font-mono); color: rgb(22, 28, 41); background: rgb(240, 180, 41); padding: 1px 7px; border-radius: 9px; font-weight: 600; }.bp-ftrade { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; font-family: var(--font-mono); padding: 2px 9px; border: 1px solid; border-radius: 5px; white-space: nowrap; }.bp-ftitle { font-size: 12px; color: rgb(229, 233, 241); line-height: 1.4; }.bp-fmeta { font-size: 10px; color: rgb(137, 146, 162); margin-top: 3px; font-family: var(--font-mono); }.bp-sheet-head { max-width: 30ch; margin: 56px auto 18px; text-align: center; font-size: clamp(1.5rem, 3.5vw, 2.25rem); line-height: 1.22; letter-spacing: -0.01em; color: rgb(243, 245, 248); font-weight: 800; text-wrap: balance; }.bp-sheet-head em { color: rgb(240, 180, 41); font-style: normal; }.bp-counties i { color: rgb(240, 180, 41); font-style: normal; }.bp-counties small { color: rgb(123, 137, 164); font-family: var(--font-mono); font-size: 9px; }.bp-index a { color: rgb(153, 161, 176); text-decoration: none; display: inline-block; padding-left: 46px; text-indent: -46px; }
@media (max-width: 680px){#bp-head-how { order: 2; }#bp-head-features { order: 3; }#bp-head-compare { order: 4; }#bp-head-workbench { order: 5; }.bp-sheet-head { margin: 26px auto 10px; font-size: 21px; }}
.login-close { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; z-index: 6; background: var(--wash2); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--muted); font-size: 17px; cursor: pointer; }
@media (max-width: 680px){.login-close { width: 44px; height: 44px; font-size: 20px; }}
.bp-trail-dot { position: relative; }.bp-trail-dot::after { content: ""; position: absolute; inset: -10px -4px; border-radius: 12px; }