.layout-abyss {}
.layout-abyss { color-scheme:dark; }
.abyss-shell { background:linear-gradient(180deg,#042f2e 0%,#0e7490 80%,#155e75 100%); min-height:100vh; }
.abyss-bubble { width:12px; height:12px; border-radius:50%; background:var(--theme-primary); opacity:0.4; display:inline-block; margin-right:8px; animation:float 3s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.abyss-footer { padding:24px 16px 48px; border-top:1px solid #2dd4bf; font-size:0.85rem; }

.abyss-main { width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto; padding-bottom: 40px; }
.abyss-main a { color: var(--theme-primary); }
.abyss-intro { margin: 24px 0; }
.abyss-intro h2 { font-family: var(--font-display); margin: 0 0 8px; }
.abyss-about { margin-top: 32px; padding: 20px; border: 1px solid var(--border-color); background: var(--theme-card); }
.abyss-tag { margin: 8px 0 0; font-size: 0.85rem; color: var(--text-muted); }
.abyss-shell h1 a, .abyss-shell .brand-title a { text-decoration: none; color: inherit; }