:root { --scale: 1; --art-scale: 1; --ink: #39333d; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #f3eee7; }
body { font-family: "Microsoft YaHei", "Segoe UI", sans-serif; user-select: none; }
.wallpaper { position: fixed; inset: 0; overflow: hidden; background: #f3eee7; }
.backdrop { position: absolute; width: 1920px; height: 1080px; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(var(--art-scale)); }
.glow { position: absolute; border-radius: 50%; will-change: transform, opacity; }
.glow-warm { width: 1400px; height: 1100px; left: -450px; top: -560px; background: radial-gradient(ellipse, #e6ab8b 0%, #edc1aa 25%, transparent 72%); }
.glow-cool { width: 1500px; height: 1200px; right: -520px; bottom: -640px; background: radial-gradient(ellipse, #97c5dc 0%, #bad7e5 25%, transparent 72%); }
.grain { position: absolute; inset: 0; opacity: .085; background-image: radial-gradient(#82808e .6px, transparent .6px); background-size: 7px 7px; }
.brand { position: absolute; left: 50%; top: 50%; width: 600px; height: 152.380952px; transform: translate(-50%, -50%) scale(var(--scale)); }
.brand img { display: block; width: 100%; height: 100%; pointer-events: none; }
.brand-sheen { position: absolute; inset: 0; opacity: 0; background: linear-gradient(105deg, transparent 0%, rgba(255,239,216,.12) 12%, rgba(255,246,230,.48) 30%, rgba(255,255,255,.96) 50%, rgba(233,245,255,.48) 70%, rgba(223,239,255,.12) 88%, transparent 100%); background-size: 360px 100%; background-repeat: no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MyAxNiIgZmlsbD0iIzM5MzMzZCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+DQogIDxwYXRoIGQ9Ik0gNC41MTMgMCBMIDcuNzEzIDAgNy43MTMgOS44NjggQyA3LjcxMyAxMy4zMjIgNC43NTkgMTYgMCAxNiBMIDAgMTUuMDEzIEMgMy4yODIgMTMuNzQ0IDQuNTEzIDExLjg0MSA0LjUxMyA5Ljg2OCBaIE0gMTAuNDIxIDE2IEwgMTAuNDIxIDAgMTMuNjIxIDAgMTMuNjIxIDE2IFogTSAxNi4zMjggMTYgTCAxNi4zMjggMCAxOS41MjggMCAxOS41MjggMTYgWiBNIDIwLjUxMyA4IEwgMjguNzE4IDAgMzIgMCAyMy45NTkgOCAzMiAxNiAyOC43MTggMTYgWiIvPg0KICA8cGF0aCBkPSJNIDQxLjMzMyAxNS44NyBMIDQwLjMyMiAxNS44NyAzOS40OTYgMTMuNjg1IDM2LjE5MyAxMy42ODUgMzUuNDE2IDE1Ljg3IDM0LjQgMTUuODcgMzcuMzg4IDguMDc4IDM4LjMzNCA4LjA3OCA0MS4zMzMgMTUuODcgWiBNIDM5LjE5OCAxMi44NjUgTCAzNy45NzUgOS41NDUgUSAzNy45MTUgOS4zODIgMzcuODU2IDkuMDI0IEwgMzcuODM0IDkuMDI0IFEgMzcuNzc5IDkuMzU1IDM3LjcwOSA5LjU0NSBMIDM2LjQ5NyAxMi44NjUgMzkuMTk4IDEyLjg2NSBaIE0gNDYuODU4IDE1Ljg3IEwgNDUuOTY3IDE1Ljg3IDQ1Ljk2NyAxNC45ODkgNDUuOTQ2IDE0Ljk4OSBRIDQ1LjM5MSAxNiA0NC4yMjkgMTYgNDIuMjQgMTYgNDIuMjQgMTMuNjMxIEwgNDIuMjQgMTAuMzA2IDQzLjEyNiAxMC4zMDYgNDMuMTI2IDEzLjQ5IFEgNDMuMTI2IDE1LjI1IDQ0LjQ3MyAxNS4yNSA0NS4xMjUgMTUuMjUgNDUuNTQ2IDE0Ljc2OSA0NS45NjcgMTQuMjg5IDQ1Ljk2NyAxMy41MTIgTCA0NS45NjcgMTAuMzA2IDQ2Ljg1OCAxMC4zMDYgNDYuODU4IDE1Ljg3IFogTSA1My40MDUgMTUuODcgTCA1Mi41MTQgMTUuODcgNTIuNTE0IDE0LjkyNCA1Mi40OTMgMTQuOTI0IFEgNTEuODczIDE2IDUwLjU4IDE2IDQ5LjUzMSAxNiA0OC45MDQgMTUuMjUzIDQ4LjI3NiAxNC41MDYgNDguMjc2IDEzLjIxOCA0OC4yNzYgMTEuODM4IDQ4Ljk3MiAxMS4wMDcgNDkuNjY3IDEwLjE3NiA1MC44MjUgMTAuMTc2IDUxLjk3MSAxMC4xNzYgNTIuNDkzIDExLjA3OCBMIDUyLjUxNCAxMS4wNzggNTIuNTE0IDcuNjMzIDUzLjQwNSA3LjYzMyA1My40MDUgMTUuODcgWiBNIDUyLjUxNCAxMy4zNTQgTCA1Mi41MTQgMTIuNTM0IFEgNTIuNTE0IDExLjg2IDUyLjA2OSAxMS4zOTMgNTEuNjIzIDEwLjkyNSA1MC45MzkgMTAuOTI1IDUwLjEyNCAxMC45MjUgNDkuNjU2IDExLjUyMyA0OS4xODkgMTIuMTIxIDQ5LjE4OSAxMy4xNzUgNDkuMTg5IDE0LjEzNiA0OS42MzcgMTQuNjkzIDUwLjA4NiAxNS4yNSA1MC44NDEgMTUuMjUgNTEuNTg1IDE1LjI1IDUyLjA1IDE0LjcxMiA1Mi41MTQgMTQuMTc0IDUyLjUxNCAxMy4zNTQgWiBNIDU1LjY2NSA4Ljg5MyBRIDU1LjQyNiA4Ljg5MyA1NS4yNTggOC43MyA1NS4wOSA4LjU2NyA1NS4wOSA4LjMxNyA1NS4wOSA4LjA2OCA1NS4yNTggNy45MDIgNTUuNDI2IDcuNzM2IDU1LjY2NSA3LjczNiA1NS45MSA3LjczNiA1Ni4wODEgNy45MDIgNTYuMjUyIDguMDY4IDU2LjI1MiA4LjMxNyA1Ni4yNTIgOC41NTcgNTYuMDgxIDguNzI1IDU1LjkxIDguODkzIDU1LjY2NSA4Ljg5MyBaIE0gNTYuMSAxNS44NyBMIDU1LjIwOSAxNS44NyA1NS4yMDkgMTAuMzA2IDU2LjEgMTAuMzA2IDU2LjEgMTUuODcgWiBNIDYwLjIyOSAxNiBRIDU4Ljk5NiAxNiA1OC4yNiAxNS4yMiA1Ny41MjQgMTQuNDQxIDU3LjUyNCAxMy4xNTMgNTcuNTI0IDExLjc1MSA1OC4yOSAxMC45NjMgNTkuMDU2IDEwLjE3NiA2MC4zNiAxMC4xNzYgNjEuNjA0IDEwLjE3NiA2Mi4zMDIgMTAuOTQyIDYzIDExLjcwOCA2MyAxMy4wNjYgNjMgMTQuMzk3IDYyLjI0OCAxNS4xOTkgNjEuNDk1IDE2IDYwLjIyOSAxNiBaIE0gNjAuMjk1IDEwLjkyNSBRIDU5LjQzNiAxMC45MjUgNTguOTM2IDExLjUwOSA1OC40MzYgMTIuMDk0IDU4LjQzNiAxMy4xMiA1OC40MzYgMTQuMTA5IDU4Ljk0MiAxNC42OCA1OS40NDcgMTUuMjUgNjAuMjk1IDE1LjI1IDYxLjE1OCAxNS4yNSA2MS42MjMgMTQuNjkxIDYyLjA4NyAxNC4xMzEgNjIuMDg3IDEzLjA5OSA2Mi4wODcgMTIuMDU2IDYxLjYyMyAxMS40OSA2MS4xNTggMTAuOTI1IDYwLjI5NSAxMC45MjUgWiIvPg0KPC9zdmc+DQo=") center / 100% 100% no-repeat; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MyAxNiIgZmlsbD0iIzM5MzMzZCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+DQogIDxwYXRoIGQ9Ik0gNC41MTMgMCBMIDcuNzEzIDAgNy43MTMgOS44NjggQyA3LjcxMyAxMy4zMjIgNC43NTkgMTYgMCAxNiBMIDAgMTUuMDEzIEMgMy4yODIgMTMuNzQ0IDQuNTEzIDExLjg0MSA0LjUxMyA5Ljg2OCBaIE0gMTAuNDIxIDE2IEwgMTAuNDIxIDAgMTMuNjIxIDAgMTMuNjIxIDE2IFogTSAxNi4zMjggMTYgTCAxNi4zMjggMCAxOS41MjggMCAxOS41MjggMTYgWiBNIDIwLjUxMyA4IEwgMjguNzE4IDAgMzIgMCAyMy45NTkgOCAzMiAxNiAyOC43MTggMTYgWiIvPg0KICA8cGF0aCBkPSJNIDQxLjMzMyAxNS44NyBMIDQwLjMyMiAxNS44NyAzOS40OTYgMTMuNjg1IDM2LjE5MyAxMy42ODUgMzUuNDE2IDE1Ljg3IDM0LjQgMTUuODcgMzcuMzg4IDguMDc4IDM4LjMzNCA4LjA3OCA0MS4zMzMgMTUuODcgWiBNIDM5LjE5OCAxMi44NjUgTCAzNy45NzUgOS41NDUgUSAzNy45MTUgOS4zODIgMzcuODU2IDkuMDI0IEwgMzcuODM0IDkuMDI0IFEgMzcuNzc5IDkuMzU1IDM3LjcwOSA5LjU0NSBMIDM2LjQ5NyAxMi44NjUgMzkuMTk4IDEyLjg2NSBaIE0gNDYuODU4IDE1Ljg3IEwgNDUuOTY3IDE1Ljg3IDQ1Ljk2NyAxNC45ODkgNDUuOTQ2IDE0Ljk4OSBRIDQ1LjM5MSAxNiA0NC4yMjkgMTYgNDIuMjQgMTYgNDIuMjQgMTMuNjMxIEwgNDIuMjQgMTAuMzA2IDQzLjEyNiAxMC4zMDYgNDMuMTI2IDEzLjQ5IFEgNDMuMTI2IDE1LjI1IDQ0LjQ3MyAxNS4yNSA0NS4xMjUgMTUuMjUgNDUuNTQ2IDE0Ljc2OSA0NS45NjcgMTQuMjg5IDQ1Ljk2NyAxMy41MTIgTCA0NS45NjcgMTAuMzA2IDQ2Ljg1OCAxMC4zMDYgNDYuODU4IDE1Ljg3IFogTSA1My40MDUgMTUuODcgTCA1Mi41MTQgMTUuODcgNTIuNTE0IDE0LjkyNCA1Mi40OTMgMTQuOTI0IFEgNTEuODczIDE2IDUwLjU4IDE2IDQ5LjUzMSAxNiA0OC45MDQgMTUuMjUzIDQ4LjI3NiAxNC41MDYgNDguMjc2IDEzLjIxOCA0OC4yNzYgMTEuODM4IDQ4Ljk3MiAxMS4wMDcgNDkuNjY3IDEwLjE3NiA1MC44MjUgMTAuMTc2IDUxLjk3MSAxMC4xNzYgNTIuNDkzIDExLjA3OCBMIDUyLjUxNCAxMS4wNzggNTIuNTE0IDcuNjMzIDUzLjQwNSA3LjYzMyA1My40MDUgMTUuODcgWiBNIDUyLjUxNCAxMy4zNTQgTCA1Mi41MTQgMTIuNTM0IFEgNTIuNTE0IDExLjg2IDUyLjA2OSAxMS4zOTMgNTEuNjIzIDEwLjkyNSA1MC45MzkgMTAuOTI1IDUwLjEyNCAxMC45MjUgNDkuNjU2IDExLjUyMyA0OS4xODkgMTIuMTIxIDQ5LjE4OSAxMy4xNzUgNDkuMTg5IDE0LjEzNiA0OS42MzcgMTQuNjkzIDUwLjA4NiAxNS4yNSA1MC44NDEgMTUuMjUgNTEuNTg1IDE1LjI1IDUyLjA1IDE0LjcxMiA1Mi41MTQgMTQuMTc0IDUyLjUxNCAxMy4zNTQgWiBNIDU1LjY2NSA4Ljg5MyBRIDU1LjQyNiA4Ljg5MyA1NS4yNTggOC43MyA1NS4wOSA4LjU2NyA1NS4wOSA4LjMxNyA1NS4wOSA4LjA2OCA1NS4yNTggNy45MDIgNTUuNDI2IDcuNzM2IDU1LjY2NSA3LjczNiA1NS45MSA3LjczNiA1Ni4wODEgNy45MDIgNTYuMjUyIDguMDY4IDU2LjI1MiA4LjMxNyA1Ni4yNTIgOC41NTcgNTYuMDgxIDguNzI1IDU1LjkxIDguODkzIDU1LjY2NSA4Ljg5MyBaIE0gNTYuMSAxNS44NyBMIDU1LjIwOSAxNS44NyA1NS4yMDkgMTAuMzA2IDU2LjEgMTAuMzA2IDU2LjEgMTUuODcgWiBNIDYwLjIyOSAxNiBRIDU4Ljk5NiAxNiA1OC4yNiAxNS4yMiA1Ny41MjQgMTQuNDQxIDU3LjUyNCAxMy4xNTMgNTcuNTI0IDExLjc1MSA1OC4yOSAxMC45NjMgNTkuMDU2IDEwLjE3NiA2MC4zNiAxMC4xNzYgNjEuNjA0IDEwLjE3NiA2Mi4zMDIgMTAuOTQyIDYzIDExLjcwOCA2MyAxMy4wNjYgNjMgMTQuMzk3IDYyLjI0OCAxNS4xOTkgNjEuNDk1IDE2IDYwLjIyOSAxNiBaIE0gNjAuMjk1IDEwLjkyNSBRIDU5LjQzNiAxMC45MjUgNTguOTM2IDExLjUwOSA1OC40MzYgMTIuMDk0IDU4LjQzNiAxMy4xMiA1OC40MzYgMTQuMTA5IDU4Ljk0MiAxNC42OCA1OS40NDcgMTUuMjUgNjAuMjk1IDE1LjI1IDYxLjE1OCAxNS4yNSA2MS42MjMgMTQuNjkxIDYyLjA4NyAxNC4xMzEgNjIuMDg3IDEzLjA5OSA2Mi4wODcgMTIuMDU2IDYxLjYyMyAxMS40OSA2MS4xNTggMTAuOTI1IDYwLjI5NSAxMC45MjUgWiIvPg0KPC9zdmc+DQo=") center / 100% 100% no-repeat; pointer-events: none; }
.tagline { position: absolute; width: 600px; left: 50%; top: calc(50% + 126.190476px * var(--scale)); transform: translateX(-50%) scale(var(--scale)); transform-origin: center top; color: var(--ink); text-align: center; font-size: 48px; font-weight: 500; line-height: 1.4; letter-spacing: 12px; padding-left: 12px; white-space: nowrap; }

/* Website composition: move only the central brand group upward. */
:root{--brand-rise:clamp(32px,6vh,64px)}
.brand{top:calc(50% - var(--brand-rise))}
.tagline{top:calc(50% - var(--brand-rise) + 126.190476px * var(--scale))}
/* The mask stays still; only the small light band moves inside it. */
.brand-sheen{opacity:1;background:none;overflow:hidden;contain:paint}
.sheen-band{position:absolute;left:0;top:0;width:360px;height:100%;will-change:transform,opacity;background:linear-gradient(105deg,transparent 0%,rgba(255,239,216,.12) 12%,rgba(255,246,230,.48) 30%,rgba(255,255,255,.96) 50%,rgba(233,245,255,.48) 70%,rgba(223,239,255,.12) 88%,transparent 100%)}