:root{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:#111; background:#f8f6fa;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline:3px solid #5268eb;outline-offset:7px}button{touch-action:manipulation}p,h1,h2{margin:0}
.canvas{position:relative;isolation:isolate;min-height:1010px;overflow:hidden;background:#faf8fa url("assets/background.png") no-repeat right -235px;background-size:1000px auto}
.brand{position:absolute;top:64px;left:max(7.8%,calc((100% - 1220px)/2));width:244px;height:90px}
.brand-art{width:100%;height:100%;background:url("assets/reference.jpg") no-repeat;background-size:737.28px 1310.72px;background-position:-48px -101px;mix-blend-mode:multiply}
.intro,.launch,.editor-badge,.channel{position:absolute;left:max(7.8%,calc((100% - 1220px)/2))}
.intro{top:202px}h1{font-weight:650;letter-spacing:1px;line-height:1.35}h1 span{display:block}.hello{font-size:54px;margin-bottom:12px}.purpose{font-size:44px}.name{font-size:62px;margin-top:14px;width:max-content;color:#9492ed;background:linear-gradient(105deg,#ff8b47 0%,#f480c8 34%,#b992ee 64%,#68bff2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.divider{width:31px;height:1px;background:#77747b;margin-top:24px}.launch{top:490px}.eyebrow{font-size:23px;letter-spacing:1px;color:#434249}.date{font-size:50px;font-weight:650;line-height:1.5;letter-spacing:3px;margin-top:8px}.reserve{display:block;padding:0;border:0;background:transparent;color:#817ff2;font-size:28px;font-weight:650;letter-spacing:2px;cursor:pointer;transition:color .2s,transform .2s}.reserve:hover{color:#6460de;transform:translateX(3px)}
.editor-badge{top:676px;width:300px;min-height:83px;border-radius:17px;display:flex;align-items:center;gap:18px;padding:15px 24px;background:linear-gradient(100deg,rgba(134,228,243,.32),rgba(235,175,222,.20));color:#41456a}.editor-badge strong{font-size:29px;white-space:nowrap}.editor-badge p{font-size:17px;line-height:1.5;border-left:1px solid #9b99b1;padding-left:18px;white-space:nowrap}
.manifesto{position:absolute;top:572px;right:max(8%,calc((100% - 1220px)/2));width:396px;padding:40px 42px 44px;border:3px solid rgba(255,255,255,.72);border-left-width:5px;border-bottom-width:5px;border-radius:42px;background:rgba(248,249,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 24px rgba(255,255,255,.23)}
.manifesto h2{color:#428ff3;font-size:25px;line-height:1.65;letter-spacing:1px;font-weight:600}.manifesto p{font-size:21px;line-height:1.75;color:#60606a;margin-top:24px;font-weight:300;letter-spacing:1px}
.channel{top:822px;display:flex;align-items:center;gap:18px}.qr-button{display:block;padding:0;border:0;border-radius:13px;background:transparent;cursor:pointer}.qr-art{display:block;width:108px;height:110px;border-radius:12px;background:url("assets/reference.jpg") no-repeat;background-size:753px 1338.67px;background-position:-57px -1067px}.channel p{font-size:15px;line-height:1.65;color:#35303d}.slogan{position:absolute;left:38%;top:876px;font-size:28px;line-height:1.5;font-weight:650;letter-spacing:1px}
.footer{padding:30px 7.8%;background:linear-gradient(100deg,#4da7f5,#9b83ef 53%,#de7ccf);color:#fff}.footer-inner{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer p{display:flex;align-items:center;gap:14px;font-size:17px;letter-spacing:1px}.footer strong{font-size:22px;font-weight:600;white-space:nowrap}.domain{font:14px/1.5 monospace;letter-spacing:1px;white-space:nowrap}
dialog{width:min(440px,calc(100% - 40px));padding:45px 32px 30px;border:1px solid #fff;border-radius:25px;background:#faf7ff;color:#292237;box-shadow:0 20px 90px #443a7140}dialog::backdrop{background:#30223e55;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;padding:6px;color:#746a83;font-size:13px;cursor:pointer}.dialog-label{font-size:13px;color:#8874bd;margin-bottom:15px}dialog h2{font-size:24px;line-height:1.5}dialog #dialog-description{font-size:15px;line-height:1.9;color:#716778;margin-top:14px}.confirm{width:100%;margin-top:27px;background:#8276e7;color:white;border:0;padding:12px;border-radius:12px;cursor:pointer}.confirm:hover{background:#7063d7}
@media(min-width:768px){.canvas{background-image:none}.canvas::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/background.png") no-repeat right -235px/1000px auto;mask-image:linear-gradient(to right,transparent 20%,#000 48%);-webkit-mask-image:linear-gradient(to right,transparent 20%,#000 48%)}.manifesto{background:rgba(248,249,255,.57)}}
@media(min-width:1600px){.canvas::before{background-size:1150px auto;background-position:right -300px}}
@media(min-width:768px) and (max-width:1100px){.canvas{min-height:1080px}.canvas::before{background-position:calc(100% + 180px) -100px;background-size:950px auto}.purpose{font-size:37px}.manifesto{right:5%;top:650px;width:350px;padding:30px}.manifesto h2{font-size:22px}.manifesto p{font-size:19px}.channel{top:815px;display:block}.channel p{margin-top:10px}.slogan{top:972px;left:auto;right:7%;font-size:24px}.footer-inner{flex-wrap:wrap}.footer p{font-size:14px}.footer strong{font-size:19px}}
@media(max-width:767px){
 .canvas{min-height:0;height:166.84vw;background-size:100% auto;background-position:top center}
 .brand{top:13.9vw;left:6.7vw;width:33.3vw;height:11.1vw}.brand-art{background-size:100vw 177.7778vw;background-position:-6.7vw -13.9vw}
 .intro,.launch,.editor-badge,.channel{left:7.8vw}.intro{top:31.8vw}h1{letter-spacing:.12vw;line-height:1.3}.hello{font-size:5.7vw;margin-bottom:1.9vw}.purpose{font-size:5vw;white-space:nowrap}.name{font-size:6.3vw;margin-top:1.9vw}.divider{width:4vw;margin-top:3.7vw}
 .launch{top:64.1vw}.eyebrow{font-size:2.85vw;letter-spacing:.12vw}.date{font-size:5.75vw;letter-spacing:.4vw;margin-top:1.25vw;line-height:1.5}.reserve{font-size:3.55vw;letter-spacing:.12vw;min-height:30px}
 .editor-badge{top:86.4vw;width:30.8vw;min-height:9.5vw;padding:1.5vw 3vw;gap:2vw;border-radius:1.8vw}.editor-badge strong{font-size:3.4vw}.editor-badge p{font-size:2.04vw;line-height:1.45;padding-left:1.7vw}
 .manifesto{top:98.7vw;left:7.2vw;right:auto;width:45vw;height:36.8vw;padding:5vw 5.4vw;border-radius:5vw;border-width:.45vw;border-left-width:.7vw;border-bottom-width:.7vw;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.manifesto h2{font-size:3.02vw;line-height:1.55;letter-spacing:.15vw;white-space:nowrap}.manifesto p{font-size:2.55vw;line-height:1.65;letter-spacing:.13vw;margin-top:2.8vw;white-space:nowrap}
 .channel{top:142vw;display:block}.qr-art{width:14.5vw;height:14.5vw;border-radius:1.5vw;background-size:100vw 177.7778vw;background-position:-7.8vw -142vw}.qr-button{border-radius:1.5vw}.channel p{font-size:1.9vw;line-height:1.5;margin-top:1.3vw}.slogan{top:146.6vw;left:49.3vw;font-size:3.6vw;line-height:1.6;letter-spacing:.12vw;white-space:nowrap}
 .footer{padding:3.7vw 7.8vw 4.1vw}.footer-inner{gap:2vw}.footer p{gap:1vw;font-size:1.92vw;letter-spacing:.05vw}.footer strong{font-size:2.35vw}.domain{font-size:1.55vw;letter-spacing:.13vw}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Fill tall phone viewports while retaining the poster's minimum content height. */
@media(max-width:767px){
 body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
 .canvas{flex:1 0 auto;min-height:166.84vw;height:auto;background-size:cover}
 .brand{top:8.33%}
 .intro{top:19.06%}
 .launch{top:38.42%}
 .editor-badge{top:51.79%}
 .manifesto{top:59.16%}
 .channel{top:85.11%}
 .slogan{top:87.87%}
 .footer{flex-shrink:0;padding-bottom:calc(4.1vw + env(safe-area-inset-bottom,0px))}
}