#root{width:100%;height:100%}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:ZCOOL XiaoWei,serif;color:#f0e6ff}.video-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-2}.video-background{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;background:#0006}.ornament{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.2) 0%,transparent 70%);z-index:-1}.ornament.top-left{top:-100px;left:-100px}.ornament.bottom-right{bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(255,105,180,.15) 0%,transparent 70%)}.title-area{text-align:center;margin-bottom:40px;opacity:0;animation:fadeIn 1.5s ease-out forwards}.main-title{font-family:"Noto Serif SC",serif;font-size:4.5rem;font-weight:700;margin:0;letter-spacing:.1em;text-shadow:0 0 20px rgba(138,43,226,.7);position:relative;padding-bottom:15px}.main-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,#8a2be2,#ff69b4,transparent)}.subtitle{font-size:1.8rem;font-weight:400;margin-top:15px;letter-spacing:.05em;color:#d8b4fe;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.main-title{font-size:3rem}.subtitle{font-size:1.4rem}.video-background{width:100%;height:auto;transform:translate(-70%,-50%)}}@media(orientation:portrait){.video-background{width:auto;height:100%}}