:root{
  --bg:#0b0e11; --surface:#161a1e; --surface2:#1e2329; --line:#232a33;
  --text:#eaecef; --text2:#848e9c; --text3:#5e6673;
  --accent:#FCD535; --accent-ink:#1e2228;
  --up:#0ecb81; --down:#f6465d;
  --header-h:52px; --tabbar-h:58px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif;
  -webkit-tap-highlight-color:transparent}
body{padding-top:var(--header-h);
  padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}
a{color:inherit;text-decoration:none}
.bc-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);
  display:flex;align-items:center;gap:10px;padding:0 12px;
  background:var(--bg);border-bottom:.5px solid var(--line);z-index:100}
.bc-logo{height:30px;display:block}
.bc-search{flex:1;display:flex;align-items:center;gap:6px;
  background:var(--surface2);border:none;border-radius:9px;padding:7px 10px;
  color:var(--text3);font-size:12px;text-align:left;cursor:pointer}
.bc-search svg{width:15px;height:15px;flex:none}
.bc-hicon{position:relative;display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;color:var(--text);background:none;border:none;cursor:pointer}
.bc-hicon svg{width:21px;height:21px}
.bc-dot{position:absolute;top:3px;right:4px;width:7px;height:7px;
  background:var(--down);border-radius:50%}
.bc-tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;
  background:#12171d;border-top:.5px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}
.bc-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:8px 0 9px;color:var(--text2);font-size:11px}
.bc-tab svg{width:22px;height:22px}
.bc-tab.active{color:var(--accent)}
.bc-page{min-height:calc(100vh - var(--header-h) - var(--tabbar-h));padding:14px}
.bc-ph{border:1px dashed var(--line);border-radius:12px;
  min-height:60vh;display:flex;align-items:center;justify-content:center;
  color:var(--text3);font-size:13px}
.bc-profile{width:32px;height:32px;flex:none;border-radius:50%;background:var(--accent);
  display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0}
.bc-profile svg{width:21px;height:21px;color:var(--accent-ink)}
html.bc-light{
  --bg:#ffffff; --surface:#f7f8fa; --surface2:#eef0f2; --line:#e6e8eb;
  --text:#1e2329; --text2:#707a8a; --text3:#a7aeb8;
}
html.bc-light .bc-tabbar{background:#ffffff}