:root{color-scheme:dark;--panel:#1c1a22;--line:#34313d;--text:#f4f1f7;--muted:#bbb5c5;--accent:#eab581;--link:#f3bd8c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at top,#29212a 0,#111015 55%);color:var(--text);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}
header{padding:38px 20px 24px;text-align:center}
.avatar{width:94px;height:94px;border-radius:50%;object-fit:cover;border:2px solid #eab58188;box-shadow:0 8px 32px #0007;animation:float 4s ease-in-out infinite}
h1{margin:10px 0 2px;font-size:clamp(32px,6vw,48px);letter-spacing:-.04em}
header p{max-width:700px;margin:8px auto;color:var(--muted)}
.switch{display:flex;justify-content:center;gap:8px;margin:20px auto 0}
.switch button{border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--text);padding:9px 18px;font:inherit;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.switch button:hover{transform:translateY(-1px)}
.switch button.active{border-color:var(--accent);background:#eab58120}
main{width:min(1040px,calc(100% - 36px));margin:0 auto 56px;min-height:35vh}
.notice{border:1px solid #eab58166;background:#eab58112;border-radius:14px;padding:14px 18px;color:#f5ddc5;margin:20px 0}
section{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,42px);margin:22px 0;box-shadow:0 14px 40px #0003;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}
section.reveal{opacity:0;transform:translateY(24px)}
section.reveal.visible{opacity:1;transform:translateY(0)}
section:hover{border-color:#eab58166;box-shadow:0 18px 48px #0005}
h2{margin:0 0 4px;font-size:clamp(25px,3vw,30px);letter-spacing:-.025em}
h3{margin:26px 0 6px;font-size:18px;color:var(--accent)}
p,li{color:#e4dfeb}
.meta{color:var(--muted)}
ul{padding-left:22px}
a{color:var(--link)}
footer{text-align:center;color:var(--muted);padding:8px 20px 36px}
[data-lang]{opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}
[data-lang].is-fading{opacity:0;transform:translateY(8px);pointer-events:none}
[data-lang][hidden]{display:none!important}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(min-width:1100px){header{padding-top:54px}main{width:min(1040px,calc(100% - 64px))}section{padding:44px 54px}p,li{font-size:17px}}
@media(max-width:600px){header{padding:30px 16px 20px}.avatar{width:82px;height:82px}main{width:calc(100% - 24px)}section{margin:14px 0;border-radius:16px}.switch button{padding:8px 15px;font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}section.reveal{opacity:1;transform:none}}
.command{display:inline-block;padding:.08em .48em;border:1px solid #eab58155;border-radius:7px;background:#eab58112;color:#f4c79e;font:600 .92em ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff05}