@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/jujingyi-next-website/_next/static/media/9ce3050912c26948-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/jujingyi-next-website/_next/static/media/155cae559bbd1a77-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/jujingyi-next-website/_next/static/media/cce080f35d014443-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/jujingyi-next-website/_next/static/media/4de1fea1a954a5b6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/jujingyi-next-website/_next/static/media/39969fcf98a3026e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/jujingyi-next-website/_next/static/media/6d664cce900333ee-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato Fallback;src:local("Arial");ascent-override:101.03%;descent-override:21.80%;line-gap-override:0.00%;size-adjust:97.69%}.__className_a118cd{font-family:Lato,Lato Fallback;font-style:normal}:root{--text-color:#f0f0f0;--shadow-color:rgba(0,0,0,0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;color:var(--text-color);background-color:#1a181d;line-height:1.7;overflow-x:hidden}.floating-nav-bubbles{position:fixed;top:30px;left:50%;transform:translateX(-50%);gap:25px;z-index:1100;padding:15px 25px;border-radius:25px;background:linear-gradient(135deg,rgba(30,144,255,.03),rgba(0,191,255,.02));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(30,144,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.floating-nav-bubbles,.nav-bubble{display:flex;align-items:center;pointer-events:auto}.nav-bubble{position:relative;flex-direction:column;justify-content:center;gap:8px;width:75px;height:75px;border-radius:25px;border:1px solid rgba(30,144,255,.2);background:linear-gradient(135deg,rgba(30,144,255,.08),rgba(0,191,255,.05));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px rgba(30,144,255,.1),inset 0 1px 0 rgba(255,255,255,.1);color:rgba(255,255,255,.95);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:float-in .6s ease-out forwards;opacity:.9;animation-delay:var(--delay,0s);opacity:0;transform:translateY(20px)}.nav-bubble:hover{transform:translateY(-6px) scale(1.15);background:linear-gradient(135deg,rgba(30,144,255,.25),rgba(0,191,255,.2));border-color:rgba(30,144,255,.7);box-shadow:0 0 40px rgba(30,144,255,.7),0 0 70px rgba(0,191,255,.5),0 0 100px rgba(135,206,250,.3),0 12px 40px rgba(0,0,0,.3),inset 0 0 25px rgba(30,144,255,.2);animation:blueIntensePulse 1.5s ease-in-out infinite;opacity:.95}.nav-bubble.active{transform:scale(1.2);background:linear-gradient(135deg,rgba(30,144,255,.3),rgba(0,191,255,.25));border-color:rgba(30,144,255,.9);box-shadow:0 0 50px rgba(30,144,255,.9),0 0 80px rgba(0,191,255,.6),0 0 120px rgba(135,206,250,.4),0 10px 35px rgba(0,0,0,.3),inset 0 0 30px rgba(30,144,255,.25);animation:blueActiveGlow 2s ease-in-out infinite;opacity:1}.nav-bubble i{font-size:1.4rem;transition:transform .3s ease}.bubble-label{font-size:.75rem;font-weight:600;text-align:center;opacity:.9;transition:opacity .3s ease}.nav-bubble.water-drop:before{inset:-10px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 30%,rgba(135,206,250,.3) 50%,transparent 70%);animation:water-ripple .6s ease-out forwards}.nav-bubble.water-drop:after,.nav-bubble.water-drop:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.nav-bubble.water-drop:after{top:-15px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:rgba(135,206,250,.8);animation:water-drop-fall .6s ease-out forwards}@keyframes float-in{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes water-ripple{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes water-drop-fall{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}50%{opacity:.8;transform:translateX(-50%) translateY(10px) scale(.8)}to{opacity:0;transform:translateX(-50%) translateY(20px) scale(.3)}}@keyframes blueIntensePulse{0%,to{box-shadow:0 0 40px rgba(30,144,255,.7),0 0 70px rgba(0,191,255,.5),0 0 100px rgba(135,206,250,.3),0 12px 40px rgba(0,0,0,.3),inset 0 0 25px rgba(30,144,255,.2);transform:translateY(-6px) scale(1.15)}50%{box-shadow:0 0 60px rgba(30,144,255,.9),0 0 90px rgba(0,191,255,.7),0 0 130px rgba(135,206,250,.5),0 15px 50px rgba(0,0,0,.4),inset 0 0 35px rgba(30,144,255,.3);transform:translateY(-8px) scale(1.2)}}@keyframes blueActiveGlow{0%,to{box-shadow:0 0 50px rgba(30,144,255,.9),0 0 80px rgba(0,191,255,.6),0 0 120px rgba(135,206,250,.4),0 10px 35px rgba(0,0,0,.3),inset 0 0 30px rgba(30,144,255,.25);transform:scale(1.2)}50%{box-shadow:0 0 70px rgba(30,144,255,1),0 0 110px rgba(0,191,255,.8),0 0 160px rgba(135,206,250,.6),0 12px 45px rgba(0,0,0,.4),inset 0 0 40px rgba(30,144,255,.4);transform:scale(1.25)}}@media (max-width:768px){.floating-nav-bubbles{top:20px;gap:15px}.nav-bubble{width:60px;height:60px;gap:6px}.nav-bubble i{font-size:1.2rem}.bubble-label{font-size:.7rem}}@media (max-width:480px){.floating-nav-bubbles{top:15px;gap:12px}.nav-bubble{width:50px;height:50px;gap:4px}.nav-bubble i{font-size:1rem}.bubble-label{font-size:.65rem}}@media (orientation:landscape) and (max-height:500px){.floating-nav-bubbles{top:10px}.nav-bubble{width:45px;height:45px}.bubble-label{display:none}}#background-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;object-fit:cover;filter:brightness(.7)}#background-glow-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.main-content-wrapper{position:relative;z-index:2}.glass-card{background:linear-gradient(135deg,rgba(30,144,255,.08),rgba(0,191,255,.06));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:25px;border:1px solid rgba(30,144,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px rgba(30,144,255,.1),inset 0 1px 0 rgba(255,255,255,.1);padding:30px 40px;opacity:.95}.content-section{padding:60px 20px;display:flex;justify-content:center;scroll-margin-top:140px}.content-section .glass-card{width:100%;max-width:900px}h2{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#fff}.hero-section,h2{text-align:center}.hero-section{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.hero-content h1{font-size:4rem;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 0 10px rgba(0,173,238,.8),0 0 20px rgba(0,136,204,.7),0 0 30px rgba(0,101,170,.6)}.hero-content p{font-size:1.2rem;font-weight:300;letter-spacing:2px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.gallery-image{width:100%;height:300px;object-fit:cover;border-radius:20px;border:2px solid rgba(30,144,255,.2);cursor:pointer;transition:all .3s ease;opacity:.95;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;user-select:none}.gallery-image:hover{transform:scale(1.05);border-color:rgba(30,144,255,.5);box-shadow:0 0 25px rgba(30,144,255,.4),0 0 50px rgba(0,191,255,.2);opacity:1}.gallery-image-container,.modal-image-wrap{position:relative;border-radius:20px;overflow:hidden}.gallery-image-container .img-shield,.modal-image-wrap .img-shield{position:absolute;inset:0;background:transparent;pointer-events:auto}.no-save:after{content:"";position:absolute;inset:0;background:transparent}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(30,144,255,.15),rgba(0,191,255,.1));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);justify-content:center;align-items:center}.modal-content{display:block;max-width:85vw;max-height:85vh;border-radius:20px;border:2px solid rgba(30,144,255,.3);box-shadow:0 0 40px rgba(30,144,255,.4),0 0 80px rgba(0,191,255,.2)}.close-button{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(30,144,255,.8),0 0 20px rgba(0,191,255,.6)}.close-button:hover{color:#1e90ff;text-shadow:0 0 15px rgba(30,144,255,1),0 0 30px rgba(0,191,255,.8);transform:scale(1.1)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;justify-items:center;align-items:center}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:15px;border:2px solid rgba(30,144,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px rgba(30,144,255,.1);width:100%;max-width:100%}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}footer{text-align:center;padding:40px 20px;position:relative;z-index:2}.social-links a{color:var(--text-color);font-size:1.5rem;margin:0 15px;transition:color .3s ease}.social-links a:hover{color:#fff}.butterfly{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle,rgba(200,240,255,.8) 0,rgba(100,200,255,0) 70%);box-shadow:0 0 8px rgba(255,255,255,.9),0 0 15px rgba(0,191,255,.9),0 0 25px rgba(0,100,255,.8);animation:float-up linear forwards}@keyframes float-up{0%{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(-100vh) translateX(var(--x-drift));opacity:0}}.horizontal-scroll-wrapper{overflow-x:auto;padding:10px 0 20px}.drama-scroller{display:flex;gap:20px;width:max-content}.drama-card{flex:0 0 180px;background:linear-gradient(135deg,rgba(30,144,255,.15),rgba(0,191,255,.1));border-radius:20px;border:1px solid rgba(30,144,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;opacity:.95}.drama-card:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(135deg,rgba(30,144,255,.2),rgba(0,191,255,.15));box-shadow:0 0 25px rgba(30,144,255,.4),0 0 50px rgba(0,191,255,.2),0 15px 30px rgba(0,0,0,.3);opacity:1}.drama-card img{width:100%;height:250px;object-fit:cover;display:block}.drama-info{padding:15px;text-align:center}.drama-title{font-size:1rem;font-weight:700;color:#fff;margin:0;white-space:normal}.drama-year{font-size:.9rem;color:var(--text-color);margin-top:5px}.horizontal-scroll-wrapper::-webkit-scrollbar{height:8px}.horizontal-scroll-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.discography-list{list-style:none;padding-left:10px}.discography-list li{font-size:1.1rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2)}.discography-list li:last-child{border-bottom:none}.discography-list .fa-compact-disc{margin-right:15px;color:#fff}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:30px;gap:30px;align-items:center}.brand-logo{display:flex;justify-content:center;align-items:center;padding:15px;background:rgba(255,255,255,.05);border-radius:10px;min-height:80px}.brand-logo img{max-width:100px;height:auto;filter:brightness(0) invert(1) opacity(.8);transition:filter .3s ease}.brand-logo img:hover{filter:brightness(0) invert(1) opacity(1)}#spotify-mini-player{position:fixed;bottom:25px;right:25px;width:300px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.5);border-radius:12px;transition:transform .3s ease}#spotify-mini-player:hover{transform:scale(1.03)}@media (max-width:768px){#background-video{display:none}body{background-image:var(--background-url);background-size:cover;background-position:50%;background-attachment:fixed}#spotify-mini-player{bottom:0;left:0;right:0;width:100%;border-radius:0}}.chat-button{position:fixed;bottom:25px;left:25px;z-index:1000;background:linear-gradient(135deg,rgba(30,144,255,.9),rgba(0,191,255,.8));border:2px solid rgba(30,144,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:white;padding:12px 18px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:700;box-shadow:0 0 20px rgba(30,144,255,.4),0 4px 15px rgba(0,0,0,.3);transition:all .3s ease}.chat-button:hover{transform:scale(1.08);background:linear-gradient(135deg,rgba(30,144,255,1),rgba(0,191,255,.9));box-shadow:0 0 30px rgba(30,144,255,.6),0 0 60px rgba(0,191,255,.3),0 6px 20px rgba(0,0,0,.4)}.chat-button .fa-solid{font-size:1.2rem}.chat-window{position:fixed;bottom:25px;left:25px;width:380px;height:500px;z-index:1001;display:flex;flex-direction:column;border-radius:25px;overflow:hidden;box-shadow:0 0 30px rgba(30,144,255,.4),0 10px 30px rgba(0,0,0,.4);background:linear-gradient(135deg,rgba(30,144,255,.1),rgba(0,191,255,.08));-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(30,144,255,.3);opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.chat-window.open{opacity:1;transform:translateY(0);pointer-events:auto}.chat-header{padding:15px;background:rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;color:#fff}.chat-header h3{margin:0;font-size:1.1rem}.chat-header button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{display:flex;max-width:85%}.message-bubble{padding:10px 15px;border-radius:18px;line-height:1.5}.user-message{align-self:flex-end}.user-message .message-bubble{background:#8f94fb;color:white;border-bottom-right-radius:4px}.ai-message{align-self:flex-start}.ai-message .message-bubble{background:rgba(255,255,255,.2);color:#f0f0f0;border-bottom-left-radius:4px}.chat-input-form{display:flex;padding:10px;border-top:1px solid rgba(255,255,255,.2)}.chat-input-form input{flex-grow:1;border:none;background:transparent;padding:10px;color:#fff;font-size:1rem}.chat-input-form input:focus{outline:none}.chat-input-form button{background:none;border:none;color:#8f94fb;font-size:1.2rem;padding:0 10px;cursor:pointer}@media (max-width:768px){.chat-button span{display:none}.chat-window{top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:0}.video-grid{grid-template-columns:1fr;gap:15px;padding:0 15px;justify-items:center}.video-wrapper{width:100%;max-width:350px;margin:0 auto}.content-section{padding:40px 15px;scroll-margin-top:120px}}.gallery-grid .gallery-image-container{position:relative;display:block}