/* ============================================================
   全局统一视觉层（空岛 Wiki 三页共用）
   被 index.html / 404.html / kongdao.html 引用，
   集中放置所有页面共享的：reset、滚动条、星空画布、
   鼠标光晕、LOGO 翻转、主题切换按钮及其浅色模式覆盖。
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",system-ui,sans-serif;}

html{scrollbar-width:thin;scrollbar-color:rgba(130,100,255,0.3) transparent;}
::-webkit-scrollbar{width:7px;height:7px;}
::-webkit-scrollbar-track{background:rgba(255,255,255,0.04);}
::-webkit-scrollbar-thumb{background:linear-gradient(#6b38e8,#b76eff);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7c4cf5,#c888ff);}

body{
  min-height:100vh;
  color:#e8f0ff;
  background:#0a0a1a;
}

#starCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.mouseGlow{position:fixed;width:200px;height:200px;background:radial-gradient(circle,rgba(130,100,255,0.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:2;}

/* LOGO 翻转（首页 / 404 共用） */
.logo-flip-box{width:120px;height:120px;margin-bottom:26px;perspective:1000px;}
.logo-inner{position:relative;width:100%;height:100%;transition:transform 0.7s ease-in-out;transform-style:preserve-3d;}
.logo-flip-box:hover .logo-inner{transform:rotateY(180deg);}
.logo-front,.logo-back{position:absolute;width:100%;height:100%;border-radius:24px;box-shadow:0 0 30px rgba(100,160,255,0.25);backface-visibility:hidden;}
.logo-front{transform:rotateY(0deg);}
.logo-back{transform:rotateY(180deg);}
.site-logo{width:100%;height:100%;object-fit:cover;}

/* 主题切换按钮（两套定位：顶栏内联 / 固定角标） */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;
  border:1px solid rgba(130,100,255,0.25);
  background:rgba(255,255,255,0.06);color:#e8f0ff;font-size:16px;
  cursor:pointer;transition:0.2s;-webkit-tap-highlight-color:transparent;
}
.theme-toggle:hover{background:rgba(130,100,255,0.18);border-color:rgba(140,110,255,0.6);}

.theme-toggle-fixed{
  position:fixed;top:18px;right:18px;z-index:30;
  width:42px;height:42px;border-radius:11px;
  border:1px solid rgba(130,100,255,0.3);
  background:rgba(255,255,255,0.06);color:#e8f0ff;font-size:18px;
  cursor:pointer;backdrop-filter:blur(8px);transition:0.2s;
}
.theme-toggle-fixed:hover{background:rgba(130,100,255,0.2);border-color:rgba(140,110,255,0.6);}

/* 浅色主题：全局基元覆盖 */
[data-theme="light"] body{background:#eef1f8;color:#1f2733;}
[data-theme="light"] #starCanvas{opacity:0.10;}
[data-theme="light"] .mouseGlow{background:radial-gradient(circle,rgba(80,120,255,0.10) 0%,transparent 70%);}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(120,130,170,0.4);}
[data-theme="light"] ::-webkit-scrollbar-track{background:transparent;}
[data-theme="light"] .theme-toggle{background:rgba(80,100,160,0.08);border-color:rgba(120,130,170,0.3);color:#36406a;}
[data-theme="light"] .theme-toggle-fixed{background:rgba(120,130,170,0.1);border-color:rgba(120,130,170,0.3);color:#36406a;}