*{box-sizing:border-box;margin:0;padding:0}body{color:#2f4656;background:linear-gradient(#fff 0%,#e8fbff 35%,#d5f6ff 70%,#fff 100%);font-family:Zen Maru Gothic,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}.navbar{z-index:999;-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #ffffffd9;border-radius:999px;width:min(1200px,100% - 32px);transition:all .35s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #57addc1f,inset 0 1px #ffffffbf}.nav-container{justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.logo{color:#4f91b7;font-family:Fredoka,sans-serif;font-size:1.7rem;font-weight:700;text-decoration:none;transition:all .3s}.logo:hover{transform:scale(1.04)}.nav-menu{align-items:center;gap:14px;display:flex}.nav-menu a{letter-spacing:1px;color:#5f88a4;border-radius:999px;padding:12px 20px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s}.nav-menu a:hover{color:#4a8db4;background:#cbefffcc}.nav-menu a.active{color:#4589b3;background:linear-gradient(135deg,#bcecff,#dff7ff);box-shadow:0 8px 20px #69b8e640}.menu-button{cursor:pointer;color:#4b90b6;background:#e9f8ff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.3rem;transition:all .25s;display:none}.menu-button:hover{transform:rotate(90deg)}@media (width<=900px){.nav-container{height:66px;padding:0 18px}.logo{font-size:1.45rem}.menu-button{display:block}.nav-menu{-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#ffffffd1;border-radius:28px;flex-direction:column;gap:8px;width:min(94%,420px);margin:auto;padding:18px;transition:all .3s;display:flex;position:absolute;top:82px;left:0;right:0;transform:translateY(-12px);box-shadow:0 20px 45px #4a94bf26}.nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu a{text-align:center;width:100%;padding:14px}}@media (width<=500px){.navbar{width:calc(100% - 18px);top:10px}.logo{font-size:1.25rem}.nav-container{height:60px}}.hero{background:0 0;width:100%;position:relative}.hero-image{justify-content:center;align-items:flex-start;width:100%;display:flex;overflow:hidden}.hero-face{width:min(1800px,100vw);height:auto;margin-top:-170px;display:block}.hero-text{text-align:center;max-width:900px;margin:40px auto 120px;padding:0 20px}.hero-sub{letter-spacing:8px;color:#63d4f0;font-family:Fredoka,sans-serif;font-size:18px}.hero-title{color:#314654;margin-top:15px;font-size:64px;font-weight:700}.hero-copy{color:#4b6472;margin-top:25px;font-size:24px;line-height:1.8}.scroll{color:#63d4f0;letter-spacing:4px;margin-top:70px;animation:2s ease-in-out infinite float}@keyframes float{50%{transform:translateY(10px)}}@media (width<=768px){.hero-face{width:100vw;margin-top:-60px}.hero-title{font-size:42px}.hero-copy{font-size:18px}}.profile{background:radial-gradient(circle at top,#f8fdff 0%,#fff 70%);padding:140px 8%;position:relative;overflow:hidden}.bubble{backdrop-filter:blur(8px);background:#a2dfff2e;border-radius:50%;animation:linear infinite floatBubble;position:absolute}.bubble1{width:90px;height:90px;animation-duration:14s;top:160px;left:6%}.bubble2{width:150px;height:150px;animation-duration:18s;top:120px;right:8%}.bubble3{width:60px;height:60px;animation-duration:11s;bottom:120px;left:20%}.bubble4{width:110px;height:110px;animation-duration:16s;bottom:70px;right:22%}.profile-card{-webkit-backdrop-filter:blur(24px);background:#ffffff94;border:1px solid #fffc;border-radius:40px;grid-template-columns:520px 1fr;align-items:center;gap:90px;max-width:1350px;margin:auto;padding:70px;display:grid;position:relative;box-shadow:0 30px 70px #58aadb1f,inset 0 0 0 1px #ffffff80}.left{justify-content:center;align-items:center;display:flex}.stand-wrap{justify-content:center;align-items:center;display:flex;position:relative}.stand-wrap:before{content:"";filter:blur(20px);background:radial-gradient(circle,#b9e9ff8c,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute}.standing{z-index:2;width:100%;max-width:420px;animation:5s ease-in-out infinite floatCharacter;position:relative}.right{position:relative}.section-title{color:#5aa6cb;letter-spacing:2px;background:#dff5ff;border-radius:999px;margin-bottom:18px;padding:7px 18px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;display:inline-block}.right h2{color:#4f8fb6;margin:0;font-family:Fredoka,sans-serif;font-size:3.3rem}.sub{color:#6d8ea3;margin-top:18px;font-size:1.08rem;line-height:2}.glass{backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffffe6;border-radius:28px;margin-top:35px;padding:36px;box-shadow:0 18px 40px #008cff14}.glass p{color:#607d91;margin:0 0 18px;font-size:1rem;line-height:2.1}.glass p:last-child{margin-bottom:0}.chibi{width:180px;animation:4s ease-in-out infinite floatCharacter;position:absolute;bottom:-45px;right:-30px}@keyframes floatCharacter{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes floatBubble{0%{transform:translateY(40px)}to{transform:translateY(-70px)}}@media (width<=1100px){.profile-card{text-align:center;grid-template-columns:1fr;gap:50px;padding:55px 35px}.right{flex-direction:column;align-items:center;display:flex}.chibi{width:150px;margin-top:35px;position:relative;bottom:auto;right:auto}.standing{max-width:340px}}@media (width<=768px){.profile{background:0 0}.profile-card{border-radius:28px;padding:35px 24px}.right h2{font-size:2.3rem}.sub{font-size:1rem}.glass{padding:24px}.glass p{font-size:.95rem;line-height:1.9}.standing{max-width:280px}.chibi{width:120px}}.fanart{background:0 0}.section-header{text-align:center;margin-bottom:70px}.section-header span{color:#5aa6cb;letter-spacing:2px;background:#dff6ff;border-radius:999px;padding:8px 18px;font-family:Fredoka,sans-serif;display:inline-block}.section-header h2{color:#4f8fb6;margin:18px 0;font-family:Fredoka,sans-serif;font-size:3rem}.section-header p{color:#7d93a5;line-height:1.8}.masonry{column-count:5;column-gap:18px;max-width:1600px;margin:0 auto}@media (width<=1400px){.masonry{column-count:4}}@media (width<=1100px){.masonry{column-count:3}}@media (width<=900px){.masonry{column-count:2;column-count:5;column-gap:8px}.fan-card{border-radius:12px;margin-bottom:8px}.card-body{display:none}.fanart{padding:70px 10px}}.fan-card{break-inside:avoid;cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff9e;border:1px solid #fffc;border-radius:28px;margin-bottom:18px;transition:transform .35s,box-shadow .35s;overflow:hidden;box-shadow:0 15px 40px #4297d114}.fan-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px #4297d12e}.media{overflow:hidden}.media img,.media video{width:100%;height:auto;transition:transform .45s;display:block}.fan-card:hover img,.fan-card:hover video{transform:scale(1.05)}.card-body{padding:22px}.card-body h3{color:#4d84a5;margin:0;font-family:Fredoka,sans-serif;font-size:1.15rem}.card-body p{color:#7b8f9f;margin-top:12px;font-size:.95rem;line-height:1.8}.card-body a{color:#56a6d2;margin-top:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.card-body a:hover{opacity:.7}.fanart-modal{backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:9999;background:#0f1a25b8;justify-content:center;align-items:center;padding:40px;transition:all .3s;display:flex;position:fixed;inset:0}.fanart-modal.show{opacity:1;pointer-events:auto}.modal-content{justify-content:center;align-items:center;max-width:min(1000px,90vw);max-height:90vh;display:flex}.modal-content img,.modal-content video{border-radius:20px;max-width:100%;max-height:90vh;display:block}.close{cursor:pointer;color:#5b8fb2;background:#ffffffe6;border:none;border-radius:50%;width:54px;height:54px;font-size:2rem;transition:all .3s;position:absolute;top:25px;right:30px}.close:hover{background:#fff;transform:rotate(90deg)}.movie{background:0 0}.movie-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;max-width:1400px;margin:70px auto 0;display:grid}.movie-card{-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid #ffffffd9;border-radius:28px;text-decoration:none;transition:all .35s;overflow:hidden;box-shadow:0 15px 40px #57abdc1f}.movie-card:hover{transform:translateY(-10px);box-shadow:0 28px 55px #57abdc33}.thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:all .4s;display:block}.movie-card:hover img{transform:scale(1.08)}.play{color:#fff;backdrop-filter:blur(12px);background:#ffffff47;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.movie-card:hover .play{transform:translate(-50%,-50%)scale(1.12)}.movie-body{padding:24px}.movie-body span{color:#58a3ca;background:#dff5ff;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.movie-body h3{color:#517f9f;margin:18px 0 0;font-size:1.3rem;line-height:1.5}@media (width<=768px){.movie{padding:90px 20px}.movie-grid{grid-template-columns:1fr;gap:22px;margin-top:45px}.movie-body{padding:18px}.play{width:70px;height:70px;font-size:1.7rem}}.goods{background:linear-gradient(#f6fcff 0%,#fff 100%);padding:140px 8%}.featured-goods{-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid #ffffffe6;border-radius:36px;grid-template-columns:480px 1fr;align-items:center;gap:50px;max-width:1200px;margin:70px auto 50px;text-decoration:none;transition:all .35s;display:grid;overflow:hidden;box-shadow:0 25px 60px #5aaadc1f}.featured-goods:hover{transform:translateY(-10px);box-shadow:0 40px 80px #5aaadc2e}.featured-image{height:100%;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;transition:all .45s;display:block}.featured-goods:hover img{transform:scale(1.05)}.featured-body{padding:50px}.badge{color:#55a3cc;letter-spacing:1px;background:#dff5ff;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:700;display:inline-block}.featured-body h3{color:#4f89ad;margin:22px 0 18px;font-family:Fredoka,sans-serif;font-size:2.4rem}.featured-body p{color:#6f8799;font-size:1.05rem;line-height:2}.goods-link{color:#4d8cb2;background:linear-gradient(135deg,#bdeeff,#eafcff);border-radius:999px;justify-content:center;align-items:center;margin-top:40px;padding:16px 30px;font-weight:700;transition:all .3s;display:inline-flex}.featured-goods:hover .goods-link{transform:translate(8px)}.booth-button{color:#fff;background:#62c7ff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:18px 38px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 18px 35px #62c7ff59}.booth-button:hover{background:#4dbfff;transform:translateY(-4px)}@media (width<=1000px){.featured-goods{grid-template-columns:1fr}.featured-body{text-align:center;padding:35px}.featured-body h3{font-size:2rem}.goods-link{margin-inline:auto}}@media (width<=768px){.goods{background:0 0}.featured-body{padding:28px}.featured-body h3{font-size:1.7rem}.featured-body p{font-size:.95rem}.booth-button{width:100%;max-width:340px}}.footer{padding:90px 20px 45px;position:relative;overflow:hidden;& .footer{background:0 0}}.footer:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#ffffffb3,#0000 18%),radial-gradient(circle at 80% 30%,#ffffff8c,#0000 22%),radial-gradient(circle at 50% 85%,#ffffff73,#0000 18%);position:absolute;inset:0}.footer-inner{text-align:center;-webkit-backdrop-filter:blur(22px);background:#ffffff8c;border:1px solid #ffffffe6;border-radius:36px;max-width:1100px;margin:auto;padding:55px;position:relative;box-shadow:0 20px 60px #57abdc1f}.footer h2{color:#4f90b7;margin:0;font-family:Fredoka,sans-serif;font-size:2.4rem}.footer p{color:#6d8da2;margin:18px 0 35px;line-height:2}.sns{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:40px;display:flex}.sns a{color:#4d8cb2;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:999px;padding:14px 26px;font-weight:700;text-decoration:none;transition:all .3s}.sns a:hover{background:#bfeeff;transform:translateY(-4px)}.footer small{color:#7c93a4;font-size:.9rem;display:block}@media (width<=768px){.footer{padding:70px 20px 30px}.footer-inner{padding:35px 25px}.footer h2{font-size:1.9rem}.footer p{font-size:.95rem}.sns{flex-direction:column;align-items:center}.sns a{width:100%;max-width:280px}}.news{background:linear-gradient(#fff 0%,#f7fcff 100%);padding:140px 8%}.news-list{flex-direction:column;gap:20px;max-width:1100px;margin:70px auto 0;display:flex}.news-card{-webkit-backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffffe6;border-radius:24px;grid-template-columns:140px 1fr 120px;align-items:center;gap:25px;padding:26px 32px;text-decoration:none;transition:all .3s;display:grid;box-shadow:0 15px 40px #50aadc14}.news-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px #50aadc29}.category{text-align:center;color:#4b99c4;letter-spacing:1px;background:#dff5ff;border-radius:999px;width:90px;padding:8px 0;font-size:.8rem;font-weight:700}.news-card h3{color:#4f88ad;margin:0;font-size:1.1rem;font-weight:700}.news-card time{text-align:right;color:#7b94a7;font-size:.9rem}@media (width<=768px){.news{padding:90px 20px}.news-list{margin-top:45px}.news-card{grid-template-columns:1fr;gap:15px;padding:22px}.news-card time{text-align:left}}