/* ===== Aetheria Shared Styles ===== */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#080808;--bg2:#0e0e0e;--bg3:#151515;--border:#1e1e1e;
  --text:#b8b8b8;--text-dim:#666;--text-bright:#e0e0e0;
  --accent:#4ecca3;--accent-dim:#2a7a5a;
  --red:#e94560;--red-dim:#8a2a3a;
  --blue:#4ea8de;--gold:#d4a03c;--purple:#b07cd8;
  --font-display:'Cinzel',serif;
  --font-body:'Crimson Text',serif;
  --font-mono:'JetBrains Mono',monospace;
}
body{background:var(--bg);color:var(--text);font-family:var(--font-mono);height:100vh;height:100dvh;overflow:hidden;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.fade-in{animation:fadeIn .6s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes glowLine{0%{background-position:-200% 0}100%{background-position:200% 0}}
.glow-sep{height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);background-size:200% 100%;animation:glowLine 4s linear infinite;margin:20px 0}

/* ===== MUSIC TOGGLE ===== */
.music-toggle{position:fixed;top:10px;right:12px;z-index:999;width:36px;height:36px;
  border-radius:50%;border:1px solid var(--accent-dim);background:rgba(8,8,8,0.9);
  color:var(--text-dim);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .3s ease}
.music-toggle:hover{border-color:var(--accent);color:var(--accent)}
.music-toggle.playing{border-color:var(--accent);color:var(--accent)}
.music-toggle.playing::after{content:'';position:absolute;inset:-3px;border-radius:50%;
  border:1px solid var(--accent-dim);animation:musicPulse 2s ease-in-out infinite}
@keyframes musicPulse{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}

/* ===== SOCIAL FAB (收合式) ===== */
.social-fab{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;align-items:center;gap:10px}
.social-fab-items{display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;max-height:0;opacity:0;transition:max-height 0.35s ease,opacity 0.25s ease;pointer-events:none}
.social-fab-items.open{max-height:200px;opacity:1;pointer-events:auto}
.social-fab-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--accent-dim);background:rgba(8,8,8,0.9);
  color:var(--text-dim);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .3s ease;text-decoration:none;flex-shrink:0;position:relative}
.social-fab-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px rgba(78,204,163,0.2)}
.social-fab-toggle{font-size:20px;line-height:1;transition:transform 0.3s ease, border-color 0.3s ease, color 0.3s ease}
.social-fab-toggle.open{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}