@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--gold:#d4a843;--gold-dim:#b8943a;--cream:#f0e6d0}html,body{width:100%;height:100%;color:var(--cream);background:radial-gradient(at 50% 40%,#0c0b08 0%,#050403 100%);font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif;overflow:hidden}.bg-text{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-text span{left:var(--x);top:var(--y);transform:rotate(var(--r));color:var(--gold);opacity:.06;letter-spacing:4px;white-space:nowrap;font-size:15px;font-style:italic;position:absolute}.brand{letter-spacing:5px;color:var(--gold);opacity:.5;z-index:2;font-size:12px;position:fixed;top:28px;left:28px}main{z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:60px 20px 110px;display:flex;position:relative}.taiji{width:200px;height:200px;margin-bottom:28px;position:relative}.yinyang{width:100%;height:100%;animation:24s linear infinite yin-spin;position:absolute;inset:0}.bagua-ring{width:calc(100% + 72px);height:calc(100% + 72px);animation:36s linear infinite bagua-spin;position:absolute;inset:-36px}@keyframes yin-spin{to{transform:rotate(360deg)}}@keyframes bagua-spin{to{transform:rotate(-360deg)}}.name{text-align:center;margin-bottom:24px;line-height:1}.name .big{color:var(--cream);letter-spacing:6px;font-size:72px;font-weight:900}.name .small{color:var(--gold);letter-spacing:3px;vertical-align:top;margin-top:10px;margin-left:2px;font-size:22px;font-weight:400;display:inline-block}.dao{text-align:center}.dao-char{color:var(--gold);text-shadow:0 0 20px #d4a84359,0 0 50px #d4a84326;font-size:52px;font-weight:900;animation:3s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 20px #d4a84359,0 0 50px #d4a84326}to{text-shadow:0 0 35px #d4a84399,0 0 80px #d4a84340}}.dao-sub{color:var(--gold-dim);letter-spacing:8px;opacity:.65;margin-top:8px;font-size:14px}.nav{z-index:2;gap:22px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.nav button{width:60px;height:60px;color:var(--gold);cursor:pointer;background:#0000008c;border:1px solid #b8943a80;border-radius:50%;font-family:inherit;font-size:15px;transition:all .25s}.nav button:active{background:#d4a8431f;transform:scale(.94)}.modal{z-index:10;background:#000000e0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.show{display:flex}.panel{border:1px solid var(--gold-dim);text-align:center;background:#0a0a08;width:85%;max-width:340px;padding:40px 32px}.panel h2{color:var(--gold);margin-bottom:18px;font-size:30px}.panel p{color:var(--cream);margin-bottom:28px;font-size:15px;line-height:2}.close{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:0 0;padding:10px 28px;font-family:inherit;font-size:14px}@media (height<=680px){.taiji{width:160px;height:160px}.bagua-ring{width:calc(100% + 56px);height:calc(100% + 56px);inset:-28px}.name .big{font-size:56px}.name .small{font-size:18px}.dao-char{font-size:42px}}