*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{
  font-size:15px;
  overflow-y:scroll;
}
body{
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Segoe UI',sans-serif;
  background:var(--page);color:var(--t);line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  width:100%;min-height:100vh;overflow-x:hidden;
}
#app{width:100%;min-height:100vh;overflow:visible;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
button,input,textarea{font-family:inherit;outline:none;border:none;background:none;font-size:inherit;color:inherit;}
input::placeholder,textarea::placeholder{color:#444;}
svg{display:block;flex-shrink:0;}

:root{
  /* 主色：黑白系 */
  --p:#F0F0F0;         /* 主色 = 近白，用于按钮文字/高亮 */
  --pb:rgba(255,255,255,.07);   /* 激活背景 */
  --pt:#FFFFFF;        /* 激活文字 */
  --btn-bg:#F0F0F0;    /* 按钮背景（白） */
  --btn-t:#0A0A0A;     /* 按钮文字（黑） */

  /* 文字层级 */
  --t:#F0F0F0;         /* 主文字 */
  --t2:#9A9A9A;        /* 次文字 */
  --t3:#555555;        /* 三级文字 */
  --t4:#333333;        /* 占位符 */

  /* 边框 */
  --bd:rgba(255,255,255,.07);
  --bd2:rgba(255,255,255,.13);

  /* 背景层 */
  --bg:#141414;        /* 悬浮/输入框背景 */
  --bg2:#1A1A1A;       /* 深一级 */
  --w:#111111;         /* 页面基色 */
  --sidebar:#0A0A0A;   /* 侧边栏黑 */

  /* 状态色（暗色模式下更亮） */
  --green:#34D399; --gbg:rgba(52,211,153,.12);
  --amber:#FBBF24; --ambg:rgba(251,191,36,.12);
  --red:#F87171;   --rbg:rgba(248,113,113,.12);
  --purple:#A78BFA;
  --blue:#60A5FA;
  --sky:#38BDF8;
  --pink:#F472B6;
  --page:#000000;
  --header-bg:rgba(10,10,10,.9);
  --hover:rgba(255,255,255,.03);
}

html[data-theme="light"]{
  --p:#111827;
  --pb:rgba(15,23,42,.08);
  --pt:#111827;
  --btn-bg:#111827;
  --btn-t:#FFFFFF;
  --t:#111827;
  --t2:#4B5563;
  --t3:#7A8594;
  --t4:#A7B0BE;
  --bd:rgba(15,23,42,.10);
  --bd2:rgba(15,23,42,.16);
  --bg:#F3F5F8;
  --bg2:#E9EDF3;
  --w:#FFFFFF;
  --sidebar:#FFFFFF;
  --page:#FFFFFF;
  --header-bg:rgba(255,255,255,.9);
  --hover:rgba(15,23,42,.04);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#9AA3AF;}

::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px;}