#background-style-switcher.bb-atmosphere-dock{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,0));left:max(16px,env(safe-area-inset-left,0));z-index:10000;pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 10px;border-radius:100px;background:rgba(255,252,248,.55);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 24px rgba(230,126,154,.08),0 2px 12px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:box-shadow .35s,transform .35s,background .35s}#background-style-switcher.bb-atmosphere-dock:hover{box-shadow:0 8px 32px rgba(230,126,154,.12),0 4px 16px rgba(0,0,0,.06),inset 0 1px 0 #fff}.bb-atmosphere-dock__label{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-right:2px;border-right:1px solid rgba(230,126,154,.15);margin-right:2px;user-select:none;pointer-events:none}.bb-atmosphere-dock__label-k{font-size:10px;font-weight:700;letter-spacing:.12em;color:rgba(230,126,154,.75);line-height:1.2;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.bb-atmosphere-dock__label-sub{font-size:9px;color:rgba(0,0,0,.28);letter-spacing:.08em;line-height:1.2;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.bb-atmosphere-dock__swatches{display:flex;align-items:center;gap:8px}.bb-atmosphere-swatch{position:relative;width:30px;height:30px;padding:0;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;background:0 0;transition:transform .25s cubic-bezier(.34,1.2,.64,1);box-shadow:0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.65)}.bb-atmosphere-swatch::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--bb-swatch-bg,#ddd);transition:transform .25s}.bb-atmosphere-swatch::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;transition:border-color .3s,box-shadow .3s;pointer-events:none}.bb-atmosphere-swatch:hover{transform:scale(1.12)}.bb-atmosphere-swatch:hover::before{transform:scale(.96)}.bb-atmosphere-swatch:focus{outline:0}.bb-atmosphere-swatch:focus-visible::after{border-color:rgba(230,126,154,.85);box-shadow:0 0 0 3px rgba(230,126,154,.2)}.bb-atmosphere-swatch.is-active::after{border-color:#e67e9a;box-shadow:0 0 0 2px rgba(255,255,255,.95),0 0 0 4px rgba(230,126,154,.55)}.bb-atmosphere-swatch.is-active{transform:scale(1.06)}@media (min-width:768px){body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock{left:clamp(100px,9vw + 52px,240px);padding:6px 10px 6px 8px;gap:8px}body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock .bb-atmosphere-dock__label{padding-right:1px;margin-right:1px}body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock .bb-atmosphere-dock__swatches{gap:6px}body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock .bb-atmosphere-swatch{width:26px;height:26px}body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock .bb-atmosphere-swatch::after{inset:-3px}body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock .bb-atmosphere-dock__label-k{font-size:9px}body:has(.bk-front.open) #background-style-switcher.bb-atmosphere-dock .bb-atmosphere-dock__label-sub{font-size:8px}}@media (max-width:767px){#background-style-switcher.bb-atmosphere-dock{display:none}}@media (prefers-reduced-transparency:reduce){#background-style-switcher.bb-atmosphere-dock{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,252,248,.92)}}@media (prefers-reduced-motion:reduce){#background-style-switcher.bb-atmosphere-dock:hover,.bb-atmosphere-swatch.is-active,.bb-atmosphere-swatch:hover{transform:none}}