/* ============================================
   弈渊 AbyssOrbit · 全站统一样式
   背景统一 / 顶部导航 / 底部导航 / 通用组件
   ============================================ */
:root{
  --gold:#ffd766; --gold2:#e7b94a; --blue:#7cc0ff; --ink:#050714;
  --glass:rgba(13,22,46,.55); --line:rgba(140,200,255,.28);
}
*{margin:0;padding:0;box-sizing:border-box}

/* ---------- 统一背景 ---------- */
body{
  font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  color:#eaf2ff;min-height:100vh;overflow-x:hidden;
  background:#050714 radial-gradient(1200px 600px at 70% -10%,rgba(95,150,255,.16),transparent 60%),
             radial-gradient(900px 500px at 10% 110%,rgba(255,200,110,.10),transparent 60%);
  background-attachment:fixed;
}

/* ---------- 顶部导航栏 ---------- */
.abyss-top{
  backdrop-filter:blur(10px);
  background:linear-gradient(180deg,rgba(5,7,20,.82),rgba(5,7,20,.35));
  border-bottom:1px solid var(--line);
}
.abyss-top .bar{max-width:100%;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.abyss-top .brand{display:flex;align-items:center;gap:9px;text-decoration:none;}
.abyss-top .brand .zh{font-size:17px;font-weight:600;letter-spacing:3px;color:var(--gold);text-shadow:0 0 10px rgba(255,210,110,.5);font-family:"STXingkai","KaiTi","楷体",cursive;}
.abyss-top .brand .tai{position:relative;width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,210,110,.4);box-shadow:0 0 14px rgba(255,200,100,.25);display:inline-flex;align-items:center;justify-content:center;}
.abyss-top .brand .tai img{width:100%;height:100%;object-fit:cover;}
.abyss-top .brand .en{font-size:16px;letter-spacing:1px;color:var(--gold);text-shadow:0 0 12px rgba(255,210,110,.6);padding-top:6px;font-family:"Brush Script MT","Comic Sans MS",cursive;}
.abyss-top .right{display:flex;align-items:center;gap:10px;}

/* 语言切换 */
.lang{display:flex;gap:2px;background:rgba(9,17,38,.7);border:1px solid var(--line);border-radius:20px;padding:3px;}
.lang button{border:none;background:transparent;color:#9db4d6;font-size:12px;padding:5px 12px;border-radius:16px;cursor:pointer;transition:.2s;}
.lang button.on{background:linear-gradient(135deg,rgba(255,215,102,.9),rgba(220,170,60,.85));color:#1a1405;font-weight:700;}

/* ---------- 底部导航栏 ---------- */
.abyss-bottom{
  backdrop-filter:blur(10px);
  background:linear-gradient(0deg,rgba(5,7,20,.85),rgba(5,7,20,.4));
  border-top:1px solid var(--line);
}
.abyss-bottom .bar{max-width:100%;padding:7px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#9db4d6;}
.abyss-bottom a{color:#9db4d6;text-decoration:none;margin:0 6px;transition:.2s;}
.abyss-bottom a:hover{color:var(--gold);}

/* 内容区（顶部/底部导航之间） */
.abyss-main{margin-top:58px;margin-bottom:44px;}

/* ---------- 通用组件 ---------- */
.btn-gold{display:inline-block;padding:10px 26px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:.22s;border:1px solid transparent;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#241a02;box-shadow:0 6px 26px rgba(255,200,90,.4),0 0 0 4px rgba(255,215,102,.12);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(255,200,90,.55);}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(10px);}