.honor-scroll-container{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent)}.honor-scroll-container:hover .honor-scroll-content{animation-play-state:paused}.honor-scroll-content{display:flex;gap:15px;animation:scroll 30s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.honor-image{width:auto;max-height:400px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);flex-shrink:0}.main-content-wrapper{display:flex;gap:20px;align-items:stretch}.main-content-wrapper .enlarged-community-image{flex:1;width:50%;object-fit:contain}.main-content-wrapper .action-guide{flex:1;margin-top:0}.action-guide,.more-credits-guide{background-color:hsla(0,0%,100%,.05);border-radius:8px;padding:20px;margin-top:20px;border:1px solid hsla(0,0%,100%,.1)}.guide-title{font-size:1.3em;color:#f0f0f0;margin-bottom:15px;text-align:left}.steps{flex-direction:column}.step,.steps{display:flex;gap:15px}.step,.step-number{align-items:center}.step-number{background-color:#8a2be2;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;font-weight:700;flex-shrink:0}.guide-text,.step-text{color:#dcdcdc;text-align:left;margin:0;line-height:1.6}.guide-text strong,.step-text strong{color:orange;font-weight:400}@media (max-width:768px){.main-content-wrapper{flex-direction:column;align-items:stretch}.main-content-wrapper .enlarged-community-image{width:100%;max-width:300px;align-self:center;object-fit:contain}.main-content-wrapper .action-guide{width:100%}}.settings-menu{position:absolute;top:55px;right:55px;z-index:10000}.hero-cover~* .settings-menu,.landing-page .settings-menu{animation:settingsFadeIn 1.5s ease-out 2s backwards}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(30,35,60,.8);border:1px solid rgba(0,170,255,.3);border-radius:25px;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.2);outline:none}.settings-button:hover{background:rgba(30,35,60,.95);border-color:rgba(0,170,255,.6);box-shadow:0 6px 20px rgba(0,170,255,.3);transform:translateY(-2px)}.settings-button:active{transform:translateY(0)}.settings-icon{display:flex;align-items:center;font-size:18px;color:#0af;transition:transform .3s ease}.settings-button:hover .settings-icon{transform:rotate(90deg)}.settings-text{letter-spacing:.5px;font-size:13px}.settings-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:rgba(30,35,60,.95);border:1px solid rgba(0,170,255,.3);border-radius:15px;overflow:hidden;backdrop-filter:blur(15px);box-shadow:0 8px 30px rgba(0,0,0,.3);min-width:280px;animation:dropdownSlideDown .3s cubic-bezier(.4,0,.2,1);z-index:10001}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{padding:12px 8px}.section-title{display:flex;align-items:center;gap:8px;padding:8px 12px;color:rgba(0,170,255,.8);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-title i{font-size:14px}.settings-divider{height:1px;background:hsla(0,0%,100%,.1);margin:0 12px}.settings-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;color:hsla(0,0%,100%,.8);font-size:14px;transition:all .2s ease;position:relative;border-radius:10px;margin:4px;background:transparent;border:none;width:calc(100% - 8px);text-align:left}.settings-option:hover{background:rgba(0,170,255,.1);color:#fff}.user-option{padding:10px 12px}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,170,255,.2);color:#0af;font-size:20px;flex-shrink:0}.user-details{flex:1;display:flex;flex-direction:column;gap:2px}.username{font-weight:600;color:hsla(0,0%,100%,.95);font-size:14px}.user-hint{font-size:11px;color:hsla(0,0%,100%,.5)}.arrow-icon{font-size:18px;color:hsla(0,0%,100%,.3);transition:transform .2s ease}.user-option:hover .arrow-icon{color:#0af;transform:translateX(3px)}.language-options{display:flex;flex-direction:column;gap:2px}.language-option{justify-content:flex-start}.language-option.active{background:rgba(0,170,255,.15);color:#0af;font-weight:600}.option-flag{font-size:18px;line-height:1}.option-text{flex:1;letter-spacing:.3px}.check-icon{font-size:16px;color:#0af;margin-left:auto}.logout-button{width:100%;justify-content:flex-start;color:#ff4d4f;padding:10px 16px;border-radius:8px}.logout-button .option-icon{font-size:18px;margin-right:12px}.logout-button .option-text{font-weight:500}.logout-button:hover{background-color:rgba(255,77,79,.1)}.settings-option:hover{background-color:hsla(0,0%,100%,.08)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:transparent}@media (max-width:768px){.settings-menu{top:20px;right:20px}.settings-button{padding:8px 14px;font-size:12px}.settings-icon{font-size:16px}.settings-text{font-size:12px}.settings-dropdown{min-width:240px}.settings-option{padding:10px 14px;font-size:13px}.user-avatar{width:36px;height:36px;font-size:18px}.username{font-size:13px}.option-flag{font-size:16px}}@media (max-width:480px){.settings-menu{top:15px;right:15px}.settings-button{padding:7px 12px;gap:6px}.settings-icon{font-size:15px}.settings-text{font-size:11px}.settings-dropdown{min-width:220px}.settings-option{padding:9px 12px;font-size:12px;gap:10px}.user-avatar{width:32px;height:32px;font-size:16px}.username{font-size:12px}.user-hint{font-size:10px}.option-flag{font-size:15px}.check-icon{font-size:14px}.section-title{font-size:11px}}.scrolling-banner{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden;z-index:-1;opacity:.5}.scrolling-banner-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,rgba(18,25,47,.8),rgba(18,25,47,.4) 25%,rgba(18,25,47,.2) 50%,rgba(18,25,47,.4) 75%,rgba(18,25,47,.8))}.scrolling-track{display:flex;height:100%;align-items:center;animation:scroll-banner 30s linear infinite;will-change:transform}@keyframes scroll-banner{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.scrolling-track.paused{animation-play-state:paused}.scrolling-banner.loading{opacity:1}.scrolling-banner.loading .scrolling-track{animation-duration:30s}.banner-item{flex-shrink:0;width:300px;position:relative;margin-right:25px;border-radius:8px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .3s ease}.banner-item:hover{transform:rotate(0deg) scale(1.1);z-index:1}.banner-item img{width:100%;height:auto;object-fit:contain;display:block;filter:grayscale(10%) brightness(.9);transition:filter .3s ease}.banner-item:hover img{filter:grayscale(0) brightness(1) blur(0)}.banner-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.4) 50%,rgba(0,0,0,.8));padding:10px;transform:translateY(100%);transition:transform .3s ease}.banner-item:hover .banner-item-overlay{transform:translateY(0)}.banner-item-text{color:#fff;text-align:center;display:flex;flex-direction:column;gap:4px}.usage-label{font-size:10px;font-weight:600;color:#4f6df5;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px;text-transform:uppercase}.case-title{font-size:11px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);opacity:.9}.banner-loading-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(79,109,245,.6);font-size:14px;font-weight:500;text-align:center;padding:15px 25px;background:rgba(18,25,47,.6);border-radius:8px;border:1px solid rgba(79,109,245,.2);backdrop-filter:blur(5px);z-index:10}.banner-loading-indicator{bottom:10px;right:10px;color:rgba(79,109,245,.8);font-size:12px;font-weight:500;padding:5px 10px;border-radius:4px;border:1px solid rgba(79,109,245,.3)}.banner-loading-indicator,.loading-indicator{position:absolute;background:rgba(18,25,47,.8);z-index:10}.loading-indicator{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 30px;border-radius:10px;border:1px solid rgba(79,109,245,.3);backdrop-filter:blur(10px)}.loading-indicator p{color:#4f6df5;font-size:14px;font-weight:500;margin:0;text-align:center}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#4f6df5;animation:loading-bounce 1.4s infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width:768px){.scrolling-banner{opacity:.35}.banner-item{width:220px;margin-right:15px}.scrolling-track{animation-duration:30s}}@media (prefers-contrast:high){.scrolling-banner{opacity:.15}.banner-item img{filter:grayscale(40%) brightness(.6) blur(1px)}}@media (prefers-reduced-motion:reduce){.scrolling-track{animation-duration:300s}.banner-item{transform:rotate(-2deg)}.banner-item:hover{transform:rotate(0deg)}}@media (prefers-color-scheme:dark){.scrolling-banner-overlay{background:transparent}}.language-switch{position:fixed;top:55px;right:175px;z-index:10000}.hero-cover~* .language-switch,.landing-page .language-switch{animation:languageFadeIn 1.5s ease-out 2s backwards}@keyframes languageFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(30,35,60,.8);border:1px solid rgba(0,170,255,.3);border-radius:25px;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.2);outline:none}.language-button:hover{background:rgba(30,35,60,.95);border-color:rgba(0,170,255,.6);box-shadow:0 6px 20px rgba(0,170,255,.3);transform:translateY(-2px)}.language-button:active{transform:translateY(0)}.language-icon{display:flex;align-items:center;font-size:18px;color:#0af;transition:transform .3s ease}.language-button:hover .language-icon{transform:rotate(180deg)}.language-text{letter-spacing:.5px;text-transform:uppercase;font-size:13px}.language-menu{position:absolute;top:calc(100% + 10px);right:0;background:rgba(30,35,60,.95);border:1px solid rgba(0,170,255,.3);border-radius:15px;overflow:hidden;backdrop-filter:blur(15px);box-shadow:0 8px 30px rgba(0,0,0,.3);min-width:140px;animation:menuSlideDown .3s cubic-bezier(.4,0,.2,1);z-index:10001}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;color:hsla(0,0%,100%,.8);font-size:14px;transition:all .2s ease;position:relative}.language-option:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.language-option:hover{background:rgba(0,170,255,.1);color:#fff}.language-option.active{background:rgba(0,170,255,.15);color:#0af;font-weight:600}.option-flag{font-size:18px;line-height:1}.option-text{flex:1;letter-spacing:.3px}.language-option i{font-size:16px;color:#0af;margin-left:auto}.language-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:transparent}@media (max-width:768px){.language-switch{top:20px;right:20px}.language-button{padding:8px 14px;font-size:12px}.language-icon{font-size:16px}.language-text{font-size:12px}.language-menu{min-width:120px}.language-option{padding:10px 14px;font-size:13px}.option-flag{font-size:16px}}@media (max-width:480px){.language-switch{top:15px;right:15px}.language-button{padding:7px 12px;gap:6px}.language-icon{font-size:15px}.language-text{font-size:11px}.language-menu{min-width:110px}.language-option{padding:9px 12px;font-size:12px;gap:8px}.option-flag{font-size:15px}.language-option i{font-size:14px}}.hero-cover{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);overflow:hidden;opacity:0;transition:opacity .8s ease}.hero-cover .language-switch{animation:languageFadeIn 1.5s ease-out 2s backwards}@keyframes languageFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-cover.entering{animation:fadeIn .8s ease forwards}.hero-cover.active{opacity:1}.hero-cover.leaving{animation:fadeOut .8s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero-background{overflow:hidden}.hero-background,.hero-banner-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner-wrapper{z-index:0;opacity:.3;animation:bannerFadeIn 2s ease-out .5s backwards}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:.3}}.hero-banner-wrapper .scrolling-banner{position:relative;height:100%;opacity:1;z-index:0}.hero-banner-wrapper .scrolling-banner-overlay{background:linear-gradient(90deg,rgba(10,10,15,.9),rgba(10,10,15,.6) 25%,rgba(10,10,15,.4) 50%,rgba(10,10,15,.6) 75%,rgba(10,10,15,.9))}.hero-banner-wrapper .banner-item{transform:rotate(-3deg);opacity:.9}.hero-banner-wrapper .banner-item:hover{transform:rotate(0deg) scale(1.05)}.hero-banner-wrapper .banner-item img{filter:grayscale(20%) brightness(.8)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,170,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,170,255,.05) 1px,transparent 0);background-size:50px 50px;animation:gridScroll 20s linear infinite;opacity:.3;z-index:1}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:orbFloat 8s ease-in-out infinite;z-index:1}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,170,255,.4) 0,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(79,109,245,.3) 0,transparent 70%);bottom:-150px;right:-150px;animation-delay:2s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(138,43,226,.25) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.hero-content{position:relative;z-index:2;max-width:1200px;width:90%;display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px 0;animation:contentSlideUp 1s ease-out}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-brand{position:relative;animation:brandPulse 2s ease-in-out infinite}@keyframes brandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.brand-logo{display:flex;align-items:center;gap:15px;position:relative}.logo-text{font-size:64px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,#0af,#4f6df5 50%,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,170,255,.3);animation:logoShimmer 3s ease-in-out infinite}@keyframes logoShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.ai-badge{padding:8px 16px;background:linear-gradient(135deg,#0af,#4f6df5);border-radius:20px;font-size:18px;font-weight:800;color:#fff;box-shadow:0 0 25px rgba(0,170,255,.6);animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 25px rgba(0,170,255,.6)}50%{box-shadow:0 0 40px rgba(0,170,255,.9)}}.brand-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(0,170,255,.2) 0,transparent 70%);filter:blur(40px);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.hero-slogan{text-align:center;animation:sloganFadeIn 1.2s ease-out .3s backwards}@keyframes sloganFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slogan-main{font-size:42px;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.4;letter-spacing:2px}.slogan-main .highlight{background:linear-gradient(135deg,#0af,#4f6df5,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;position:relative}.slogan-divider{width:100px;height:3px;background:linear-gradient(90deg,transparent,#0af,transparent);margin:20px auto;border-radius:2px;animation:dividerExpand 2s ease-in-out infinite}@keyframes dividerExpand{0%,to{width:100px;opacity:.5}50%{width:150px;opacity:1}}.slogan-sub{font-size:48px;font-weight:800;color:#fff;margin:15px 0;display:flex;align-items:center;justify-content:center;gap:20px;letter-spacing:4px}.slogan-sub .think{color:#0af;text-shadow:0 0 20px rgba(0,170,255,.5);animation:textGlow 2s ease-in-out infinite}.slogan-sub .connector{font-size:36px;color:hsla(0,0%,100%,.6);font-weight:300}.slogan-sub .get{color:#4f6df5;text-shadow:0 0 20px rgba(79,109,245,.5);animation:textGlow 2s ease-in-out 1s infinite}@keyframes textGlow{0%,to{opacity:.8}50%{opacity:1}}.slogan-en{font-size:20px;font-weight:500;color:hsla(0,0%,100%,.7);letter-spacing:4px;margin-top:10px;font-family:Courier New,monospace}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:900px;margin-top:20px;animation:featuresFadeIn 1.5s ease-out .6s backwards}@keyframes featuresFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card{background:linear-gradient(135deg,rgba(30,35,60,.8),rgba(20,25,45,.9));border:2px solid rgba(0,170,255,.2);border-radius:20px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);animation:cardSlideIn .6s ease-out backwards}.feature-card[data-index="0"]{animation-delay:.8s}.feature-card[data-index="1"]{animation-delay:1s}.feature-card[data-index="2"]{animation-delay:1.2s}.feature-card[data-index="3"]{animation-delay:1.4s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,170,255,.1),rgba(79,109,245,.1));opacity:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:rgba(0,170,255,.6);transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 30px rgba(0,170,255,.3)}.feature-icon{width:60px;height:60px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,170,255,.2),rgba(79,109,245,.2));border-radius:50%;border:2px solid rgba(0,170,255,.4);transition:all .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(10deg);box-shadow:0 0 25px rgba(0,170,255,.5)}.feature-icon i{font-size:28px;color:#0af}.feature-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.feature-desc{font-size:14px;color:hsla(0,0%,100%,.6);line-height:1.4}.hero-enter-btn{position:relative;padding:18px 50px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0af,#4f6df5);border:none;border-radius:50px;cursor:pointer;overflow:hidden;display:flex;align-items:center;gap:15px;margin-top:20px;box-shadow:0 8px 30px rgba(0,170,255,.4);transition:all .4s cubic-bezier(.4,0,.2,1);animation:buttonFadeIn 1.8s ease-out 1.6s backwards}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-enter-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,170,255,.6)}.hero-enter-btn:active{transform:translateY(-1px)}.btn-text{letter-spacing:2px}.btn-icon,.btn-text{position:relative;z-index:2}.btn-icon{font-size:24px;transition:transform .4s ease}.hero-enter-btn:hover .btn-icon{transform:translateX(5px)}.btn-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);opacity:0;transition:opacity .4s ease}.hero-enter-btn:hover .btn-glow{opacity:1;animation:glowExpand 1.5s ease-in-out infinite}@keyframes glowExpand{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.hero-footer{display:flex;align-items:center;gap:20px;margin-top:30px;animation:footerFadeIn 2s ease-out 1.8s backwards}@keyframes footerFadeIn{0%{opacity:0}to{opacity:1}}.tech-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.6),transparent)}.footer-text{font-size:12px;color:hsla(0,0%,100%,.5);letter-spacing:2px;text-transform:uppercase;font-family:Courier New,monospace}.skip-button{position:fixed;top:40px;right:40px;z-index:10;padding:10px 20px;background:rgba(30,35,60,.6);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;color:hsla(0,0%,100%,.8);font-size:14px;cursor:pointer;backdrop-filter:blur(10px);display:flex;align-items:center;gap:5px;transition:all .3s ease;animation:skipFadeIn 2s ease-out 2s backwards}@keyframes skipFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.skip-button:hover{background:rgba(30,35,60,.9);border-color:rgba(0,170,255,.6);color:#fff;transform:translateX(-3px)}@media (max-width:1024px){.logo-text{font-size:48px;letter-spacing:6px}.slogan-main{font-size:32px}.slogan-sub{font-size:36px;gap:15px}.hero-features{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.hero-cover{overflow-y:auto;align-items:flex-start;padding:40px 0}.hero-banner-wrapper{opacity:.2}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:.2}}.hero-content{gap:20px;padding:20px 0 40px;width:95%}.hero-brand{margin-top:0}.logo-text{font-size:32px;letter-spacing:3px}.ai-badge{font-size:12px;padding:5px 10px}.slogan-main{font-size:20px;line-height:1.5;padding:0 10px}.slogan-divider{margin:15px auto}.slogan-sub{font-size:24px;gap:8px;flex-wrap:wrap;justify-content:center}.slogan-sub .connector{font-size:20px}.slogan-en{font-size:14px;margin-top:5px}.hero-features{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%;margin-top:10px}.feature-card{padding:15px 10px}.feature-icon{width:45px;height:45px;margin:0 auto 10px}.feature-icon i{font-size:22px}.feature-title{font-size:15px;margin-bottom:5px}.feature-desc{font-size:11px}.hero-enter-btn{padding:14px 32px;font-size:16px;margin-top:10px}.hero-footer{margin-top:20px;gap:15px}.tech-line{width:40px}.footer-text{font-size:10px;letter-spacing:1px}.skip-button{top:20px;right:20px;padding:8px 15px;font-size:12px}}@media (max-width:480px){.hero-cover{padding:30px 0}.hero-banner-wrapper{opacity:.15}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:.15}}.hero-content{width:92%;gap:18px;padding:15px 0 30px}.logo-text{font-size:26px;letter-spacing:2px}.ai-badge{font-size:11px;padding:4px 8px}.slogan-main{font-size:18px;line-height:1.4}.slogan-divider{margin:12px auto;width:80px}.slogan-sub{font-size:22px;gap:6px}.slogan-sub .connector{font-size:18px}.slogan-en{font-size:13px}.hero-features{grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{padding:12px 8px}.feature-icon{width:40px;height:40px;margin:0 auto 8px}.feature-icon i{font-size:20px}.feature-title{font-size:14px;margin-bottom:4px}.feature-desc{font-size:10px}.hero-enter-btn{padding:12px 28px;font-size:15px;margin-top:8px}.btn-icon{font-size:20px}.hero-footer{margin-top:15px;gap:10px;flex-wrap:wrap;justify-content:center}.tech-line{width:30px}.footer-text{font-size:9px;letter-spacing:.5px;text-align:center}}.landing-page{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0}.login-method-toggle{display:flex;margin-bottom:1.5rem;background:hsla(0,0%,100%,.05);border-radius:8px;padding:4px;width:100%}.login-method-toggle button{flex:1;background:none;border:none;padding:10px 15px;font-size:.9rem;color:hsla(0,0%,100%,.7);cursor:pointer;border-radius:6px;transition:all .3s ease}.login-method-toggle button.active{background:rgba(88,101,242,.7);color:#fff;box-shadow:0 2px 10px rgba(88,101,242,.3)}.login-method-toggle button:hover:not(.active){background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:hsla(0,0%,100%,.8)}.form-input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{box-shadow:0 0 0 2px rgba(88,101,242,.25)}.form-input:disabled{opacity:.6;cursor:not-allowed}.input-with-button{display:flex;gap:10px}.input-with-button .form-input{flex:1}.send-code-btn{background:rgba(88,101,242,.7);color:#fff;border:none;border-radius:8px;padding:0 15px;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.send-code-btn:hover:not(:disabled){background:rgba(88,101,242,.9)}.send-code-btn:disabled{opacity:.5;cursor:not-allowed}.key-submit{width:100%;background:linear-gradient(135deg,rgba(88,101,242,.9),rgba(101,88,245,.9));color:#fff;border:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(88,101,242,.3)}.key-submit:hover:not(:disabled){background:linear-gradient(135deg,#5865f2,#6558f5);transform:translateY(-1px);box-shadow:0 6px 20px rgba(88,101,242,.4)}.key-submit:disabled{opacity:.7;cursor:not-allowed}.key-submit .arrow-icon{font-style:normal;transition:transform .3s ease}.key-submit:hover:not(:disabled) .arrow-icon{transform:translateX(3px)}.gate-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:hsla(0,0%,100%,.7)}.toggle-auth-btn{background:none;border:none;color:#5865f2;font-weight:500;cursor:pointer;padding:0 5px;transition:all .3s ease}.toggle-auth-btn:hover{color:rgba(88,101,242,.8);text-decoration:underline}.auth-error,.auth-success{margin-bottom:1rem;padding:10px;border-radius:8px;text-align:center;font-size:.9rem}.auth-success{background:rgba(46,213,115,.15);color:#2ed573;border:1px solid rgba(46,213,115,.3)}.auth-error{background:rgba(255,71,87,.15);color:#ff4757;border:1px solid rgba(255,71,87,.3)}.code-hint{margin-top:6px;font-size:.8rem;color:rgba(88,101,242,.8)}.gate-card{backdrop-filter:blur(10px)}.gate-card-inner{padding:2rem;background:rgba(13,17,23,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.4)}.feature-badges{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .3s both}.feature-badge{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(88,101,242,.15),rgba(101,88,245,.15));border:1px solid rgba(88,101,242,.3);border-radius:20px;font-size:.85rem;color:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);transition:all .3s ease;cursor:default}.feature-badge i{font-size:1.1rem;color:#5865f2;animation:pulse 2s ease-in-out infinite}.feature-badge:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(88,101,242,.25),rgba(101,88,245,.25));border-color:rgba(88,101,242,.5);box-shadow:0 4px 15px rgba(88,101,242,.3)}.gate-tagline{font-size:1.1rem;background:linear-gradient(135deg,#a8b2ff,#c7d0ff,#a8b2ff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;font-weight:500;text-align:center;margin-top:1rem;letter-spacing:.5px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.gate-logo-container{position:relative;margin-bottom:2rem;text-align:center}.gate-logo-container:after,.gate-logo-container:before{content:"";position:absolute;width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(88,101,242,.5),transparent);top:50%;animation:lineGlow 2s ease-in-out infinite}.gate-logo-container:before{left:-120px}.gate-logo-container:after{right:-120px}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:1}}.gate-card{animation:cardSlideIn .6s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-input:focus{outline:none;border-color:rgba(88,101,242,.8);box-shadow:0 0 0 2px rgba(88,101,242,.25),0 0 15px rgba(88,101,242,.15)}.key-submit{position:relative;overflow:hidden}.key-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.key-submit:active:before{width:300px;height:300px}.gate-container:before{width:300px;height:300px;background:radial-gradient(circle,rgba(88,101,242,.1),transparent);top:-150px;right:-100px;animation:float 6s ease-in-out infinite}.gate-container:after,.gate-container:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.gate-container:after{width:200px;height:200px;background:radial-gradient(circle,rgba(101,88,245,.1),transparent);bottom:-100px;left:-50px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:768px){.feature-badges{gap:.5rem}.feature-badge{font-size:.75rem;padding:.4rem .8rem}.gate-tagline{font-size:.95rem}.gate-logo-container:after,.gate-logo-container:before{display:none}}.password-strength{margin-top:6px;height:4px;border-radius:2px;background:#2c2c2c;overflow:hidden}.password-strength-bar{height:100%;transition:width .3s ease,background-color .3s ease}.strength-weak{width:33%;background-color:#ff4757}.strength-medium{width:66%;background-color:#ffa502}.strength-strong{width:100%;background-color:#2ed573}.password-match{font-size:.8rem;margin-top:6px;transition:color .3s ease}.password-match.match{color:#2ed573}.password-match.no-match{color:#ff4757}.register-benefits{margin:1.5rem 0;padding:1rem;background:rgba(88,101,242,.1);border-radius:8px}.register-benefits h3{font-size:.95rem;color:hsla(0,0%,100%,.9);margin-bottom:.5rem}.register-benefits ul{list-style-type:none;padding:0;margin:0}.register-benefits li{display:flex;align-items:center;font-size:.85rem;color:hsla(0,0%,100%,.7);margin-bottom:.4rem}.register-benefits li:before{content:"✓";color:#2ed573;margin-right:8px}.input-container{width:100%;margin-bottom:1.5rem}.input-header{justify-content:space-between;margin-bottom:1.25rem}.input-header,.input-title{display:flex;align-items:center}.input-title{font-size:1.25rem;font-weight:500;gap:.5rem}.input-title i{color:var(--accent-color)}.input-area-form{width:100%}.input-textarea{width:100%;min-height:150px;padding:1.25rem;border:none;border-radius:8px;background-color:var(--dark-gray);color:var(--text-color);font-size:1rem;font-family:Inter,sans-serif;resize:vertical;transition:all var(--transition-normal);line-height:1.6}.input-textarea::placeholder{color:var(--text-secondary);opacity:.6}.input-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.image-preview-container{margin:1rem 0;max-width:100%;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 3px 8px rgba(0,0,0,.1);position:relative}.image-preview{width:100%;height:auto;display:block;max-height:300px;object-fit:contain}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.remove-image-btn:hover{background-color:rgba(255,0,0,.7)}.input-footer{justify-content:space-between;margin-top:.5rem}.input-footer,.input-footer-left{display:flex;align-items:center}.char-count{color:var(--text-secondary);margin-right:10px;font-size:.85rem}.upload-btn{display:flex;align-items:center;gap:5px;background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:5px 10px;font-size:13px;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background-color:var(--hover-color)}.upload-btn i{font-size:16px}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:8px;padding:.9rem 1.8rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(79,109,245,.3)}.submit-btn i{font-size:1.2rem}.submit-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,109,245,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.progress-bar{width:100%;height:4px;background-color:var(--dark-gray);border-radius:4px;margin-top:1rem;overflow:hidden;position:relative}.progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--accent-color);border-radius:4px;animation:loading-progress 2s infinite;width:30%}@keyframes loading-progress{0%{left:-30%}to{left:100%}}@media (max-width:768px){.input-header{flex-direction:column;align-items:flex-start;margin-bottom:1rem}.input-title{font-size:1.1rem;margin-bottom:.5rem}.input-textarea{min-height:120px;padding:1rem;font-size:.95rem}.input-footer{flex-direction:column;align-items:stretch;gap:.75rem}.input-footer-left{justify-content:space-between;margin-bottom:.5rem}.upload-btn{font-size:12px;padding:8px 12px;flex:1;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.submit-btn{width:100%;justify-content:center;padding:.8rem 1rem}}@media (max-width:480px){.input-title{font-size:1rem}.input-textarea{min-height:100px;padding:.8rem;font-size:.9rem}.upload-btn{font-size:11px;padding:6px 10px}.submit-btn{padding:.7rem .8rem;font-size:.9rem}.char-count{font-size:.8rem}.image-preview-container{margin:.8rem 0}.image-preview{max-height:200px}}.response-content pre{background-color:rgba(0,0,0,.2);border-radius:6px;padding:1rem;overflow-x:auto;margin:1rem 0;position:relative;border-left:3px solid var(--accent-color)}.response-content code{font-family:Fira Code,Roboto Mono,monospace;font-size:.9rem;line-height:1.5;color:var(--text-color);white-space:pre;display:block}.manim-keyword{color:#569cd6;font-weight:700}.manim-class{color:#4ec9b0}.manim-function{color:#dcdcaa}.manim-method{color:#9cdcfe}.manim-string{color:#ce9178}.manim-comment{color:#6a9955;font-style:italic}.manim-number{color:#b5cea8}.code-with-line-numbers{counter-reset:line;padding-left:3.5rem;position:relative}.code-line{position:relative;padding-left:.5rem;min-height:1.5rem;line-height:1.5rem;margin:0;white-space:pre;counter-increment:line}.code-line:before{content:counter(line);position:absolute;left:-3rem;width:2.5rem;text-align:right;color:hsla(0,0%,100%,.4);font-size:.85rem}.code-line.highlight{background-color:hsla(0,0%,100%,.1);border-left:2px solid var(--accent-color)}.response-content pre:hover .code-line:before{color:hsla(0,0%,100%,.6)}.code-language{position:absolute;top:0;right:0;background-color:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:0 6px 0 6px;font-size:.8rem;font-weight:700;z-index:1}.copy-code-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.25rem;opacity:.5;transition:opacity .2s;z-index:2}.copy-code-btn:hover{opacity:1;color:#fff}.solve-stream{font-size:16px;line-height:1.8;max-width:800px;margin:0 auto;text-align:center;padding:1rem 2rem}.solve-stream h1,.solve-stream h2,.solve-stream h3,.solve-stream h4{margin:1rem 0 .5rem;text-align:center}.solve-stream p{margin:.6rem 0;text-align:left;max-width:100%}.solve-stream ol,.solve-stream ul{padding-left:1.25rem;text-align:left;max-width:100%}.solve-stream blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:4px solid var(--accent-color);background:hsla(0,0%,100%,.04);border-radius:6px;text-align:left}.solve-stream code{display:inline;white-space:pre-wrap;padding:.1rem .25rem;background:rgba(0,0,0,.25);border-radius:4px}.solve-stream pre{white-space:pre-wrap;text-align:left}.solve-stream .katex-display{margin:1rem auto;overflow-x:auto;text-align:center}.solve-stream .katex{font-size:1.06em}.math-error{color:#ff6b6b;background:hsla(0,100%,71%,.1);padding:.2rem .4rem;border-radius:4px;border:1px solid hsla(0,100%,71%,.3)}.response-content,.solve-stream{position:relative}.solve-stream{z-index:4}.loading-overlay.solve-mode{background-color:rgba(12,16,29,.85);backdrop-filter:blur(2px)}.loading-overlay.solve-mode .loading-brand{display:none!important}.loading-overlay.solve-mode .loading-overlay-content{gap:1rem}.response-container{width:100%;overflow:hidden;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.preview-header .header-actions{display:flex;align-items:center;gap:.5rem}.new-query-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.4rem .8rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all var(--transition-fast)}.new-query-btn:hover{background-color:var(--accent-color);color:var(--text-color);border-color:var(--accent-color)}.new-query-btn i{font-size:1rem}.preview-header.sticky{position:sticky;top:0;z-index:5;background-color:var(--secondary-color);padding:.75rem;border-radius:8px 8px 0 0;box-shadow:0 4px 10px rgba(0,0,0,.1)}.preview-title{font-size:1.25rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.preview-title i{color:var(--accent-color)}.copy-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:none;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-left:auto}.copy-btn:hover{background-color:var(--accent-color);color:var(--text-color)}.success-message{color:var(--success-color);border-left:3px solid var(--success-color);padding:.75rem 1rem;display:block;margin:1rem 0;background-color:rgba(76,175,80,.1);border-radius:0 6px 6px 0}.response-content{font-size:1rem;line-height:1.7;white-space:pre-wrap;min-height:200px;overflow-y:auto;max-height:500px;font-family:Roboto Mono,monospace;border-radius:6px;padding:1rem;background-color:var(--dark-gray)}.response-content::-webkit-scrollbar{width:6px}.response-content::-webkit-scrollbar-track{background:var(--dark-gray);border-radius:6px}.response-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:6px}.error-message{color:var(--error-color);border-left:3px solid var(--error-color);padding:.75rem 1rem;display:block;margin:1rem 0;background-color:rgba(255,82,82,.1);border-radius:0 6px 6px 0}.loading-indicator{color:var(--text-secondary);font-style:italic;position:relative}.loading-indicator:after{content:"...";animation:loading 1.5s infinite;position:absolute}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.placeholder{color:var(--text-secondary);font-style:italic;opacity:.7}.solve-stream{line-height:1.8;font-size:16px;color:var(--text-color)}.solve-stream p{margin:1em 0;padding:0}.solve-stream ol,.solve-stream ul{margin:1em 0;padding-left:2em}.solve-stream li{margin:.5em 0;line-height:1.6}.solve-stream .katex{font-size:1.1em}.solve-stream .katex-inline{vertical-align:-.1em}.solve-stream .katex-display{margin:1em 0;padding:.5em;overflow-x:auto;overflow-y:hidden;border-radius:6px;background-color:rgba(0,0,0,.05)}.render-error-fix{margin-top:1.5rem;padding:1.25rem;background-color:var(--dark-gray);border-radius:8px;border-left:4px solid var(--error-color);position:relative}.render-error-fix h3{font-size:1.1rem;font-weight:500;margin-bottom:.75rem;color:var(--error-color);display:flex;align-items:center;gap:.5rem}.render-error-fix h3 i{font-size:1.2rem}.render-error-fix .error-message{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;background-color:rgba(0,0,0,.2);padding:.75rem;border-radius:4px;border-left:none}.fix-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem auto;box-shadow:0 4px 15px rgba(102,126,234,.4);position:relative;overflow:hidden}.fix-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.fix-btn:hover:not(:disabled):before{width:300px;height:300px}.fix-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,.6)}.fix-btn:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.fix-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#999,#666);box-shadow:none}.fix-btn i{font-size:1.2rem;animation:spin-slow 3s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fixing-state{margin-top:1.25rem;background:rgba(0,0,0,.3);padding:1rem;border-radius:6px;position:relative}.fixing-state .spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(79,109,245,.3);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.fixing-state p{display:flex;align-items:center;margin-bottom:10px;color:var(--text-secondary)}.fixed-code-container{margin-top:1.25rem;animation:fadeIn .3s ease-in-out}.fixed-code-container h4{font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:var(--success-color);display:flex;align-items:center;gap:.5rem}.fixed-code{font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;background-color:rgba(0,0,0,.3);padding:1rem;border-radius:6px;overflow-x:auto;white-space:pre;color:var(--text-color);max-height:300px;overflow-y:auto;margin-bottom:1rem;border-left:3px solid var(--success-color)}.fixed-code-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.rerender-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .3s ease}.rerender-btn:hover{background-color:#3e8e41;transform:translateY(-2px);box-shadow:0 4px 10px rgba(76,175,80,.3)}.copy-fixed-btn{background-color:transparent;color:var(--text-color);border:1px solid var(--text-secondary);border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-normal)}.copy-fixed-btn:hover{background-color:hsla(0,0%,100%,.1);border-color:var(--text-color)}.threejs-code-notice{margin:15px 0;padding:15px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;border-left:4px solid #34d399}.notice-content{gap:12px}.notice-content,.qq-action-buttons{display:flex;align-items:center;flex-wrap:wrap}.qq-action-buttons{gap:10px}.notice-content i{font-size:1.2rem;color:#d1fae5}.notice-content span{flex:1;font-weight:500}.view-threejs-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.view-threejs-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.qq-action-buttons .restart-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(59,130,246,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.qq-action-buttons .restart-btn:hover{background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.centered-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.2);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.code-container{width:100%;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.03)}.code-language{padding:8px 12px;font-size:.8rem;font-weight:600;background-color:rgba(0,0,0,.2);color:var(--text-secondary)}.code-with-line-numbers{margin:0;padding:1rem 0;counter-reset:line}.code-line{padding:0 1rem 0 3rem;position:relative;line-height:1.5}.code-line:before{counter-increment:line;content:counter(line);position:absolute;left:.75rem;color:var(--text-secondary);opacity:.5;width:1.5rem;text-align:right}.code-line:hover{background-color:hsla(0,0%,100%,.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.preview-header{margin-bottom:1rem}.preview-title{font-size:1.1rem}.response-content{min-height:150px;max-height:400px;padding:.75rem;font-size:.9rem;line-height:1.5}.fix-btn,.rerender-btn{padding:.5rem 1rem;font-size:.9rem}.copy-fixed-btn{padding:.5rem 1rem;font-size:.85rem}.fixed-code-actions{flex-direction:column;gap:.5rem}.fixed-code-actions button{width:100%}.threejs-code-notice{padding:12px}.notice-content{flex-direction:column;align-items:flex-start}.view-threejs-btn{width:100%;justify-content:center;margin-top:8px}.render-error-fix{padding:1rem}.fixing-state{padding:.8rem}.fixed-code{padding:.75rem;max-height:200px}.solve-stream{font-size:15px;line-height:1.6}.solve-stream ol,.solve-stream ul{padding-left:1.5em}}@media (max-width:480px){.preview-header{padding:.5rem}.preview-title{font-size:1rem}.response-content{min-height:120px;max-height:350px;padding:.6rem;font-size:.85rem}.copy-fixed-btn,.fix-btn,.rerender-btn{padding:.4rem .8rem;font-size:.8rem}.solve-stream{font-size:14px}.error-message,.success-message{padding:.5rem .75rem;font-size:.85rem}.fixed-code{font-size:.75rem;padding:.6rem}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/KaTeX_AMS-Regular.8133ac94.woff2) format("woff2"),url(/KaTeX_AMS-Regular.dcc23d07.woff) format("woff"),url(/KaTeX_AMS-Regular.859e98c0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/KaTeX_Caligraphic-Bold.d3c5f12b.woff2) format("woff2"),url(/KaTeX_Caligraphic-Bold.93fdc334.woff) format("woff"),url(/KaTeX_Caligraphic-Bold.da98656b.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/KaTeX_Caligraphic-Regular.2ee9ed59.woff2) format("woff2"),url(/KaTeX_Caligraphic-Regular.7d2265ee.woff) format("woff"),url(/KaTeX_Caligraphic-Regular.646cd5df.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/KaTeX_Fraktur-Bold.65593f2a.woff2) format("woff2"),url(/KaTeX_Fraktur-Bold.8aff230a.woff) format("woff"),url(/KaTeX_Fraktur-Bold.5114d75d.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/KaTeX_Fraktur-Regular.104f2c68.woff2) format("woff2"),url(/KaTeX_Fraktur-Regular.857bb4f7.woff) format("woff"),url(/KaTeX_Fraktur-Regular.879d5dc4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/KaTeX_Main-Bold.6c9a021e.woff2) format("woff2"),url(/KaTeX_Main-Bold.96960ed2.woff) format("woff"),url(/KaTeX_Main-Bold.5120c209.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/KaTeX_Main-BoldItalic.31e7d520.woff2) format("woff2"),url(/KaTeX_Main-BoldItalic.78bb92be.woff) format("woff"),url(/KaTeX_Main-BoldItalic.7fbd624a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/KaTeX_Main-Italic.eb6e6008.woff2) format("woff2"),url(/KaTeX_Main-Italic.8938eceb.woff) format("woff"),url(/KaTeX_Main-Italic.9c07e90e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/KaTeX_Main-Regular.433c8d92.woff2) format("woff2"),url(/KaTeX_Main-Regular.81c1cd0f.woff) format("woff"),url(/KaTeX_Main-Regular.8804f1d5.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/KaTeX_Math-BoldItalic.5910ee79.woff2) format("woff2"),url(/KaTeX_Math-BoldItalic.d9893cda.woff) format("woff"),url(/KaTeX_Math-BoldItalic.337db0bc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/KaTeX_Math-Italic.74a6f356.woff2) format("woff2"),url(/KaTeX_Math-Italic.e865f0dc.woff) format("woff"),url(/KaTeX_Math-Italic.995b250a.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/KaTeX_SansSerif-Bold.bb332da1.woff2) format("woff2"),url(/KaTeX_SansSerif-Bold.5f0fb2a3.woff) format("woff"),url(/KaTeX_SansSerif-Bold.d03bee32.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/KaTeX_SansSerif-Italic.9754115b.woff2) format("woff2"),url(/KaTeX_SansSerif-Italic.3cf5d09b.woff) format("woff"),url(/KaTeX_SansSerif-Italic.391d1174.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/KaTeX_SansSerif-Regular.9f2ae4ea.woff2) format("woff2"),url(/KaTeX_SansSerif-Regular.bf183a2f.woff) format("woff"),url(/KaTeX_SansSerif-Regular.1c4edf39.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/KaTeX_Script-Regular.d6906f00.woff2) format("woff2"),url(/KaTeX_Script-Regular.a62fe573.woff) format("woff"),url(/KaTeX_Script-Regular.c1460184.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/KaTeX_Size1-Regular.303ef8a3.woff2) format("woff2"),url(/KaTeX_Size1-Regular.180dae7b.woff) format("woff"),url(/KaTeX_Size1-Regular.eac1a48a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/KaTeX_Size2-Regular.286ed316.woff2) format("woff2"),url(/KaTeX_Size2-Regular.21318dc6.woff) format("woff"),url(/KaTeX_Size2-Regular.9fa0a57a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/KaTeX_Size3-Regular.3e39a8d5.woff2) format("woff2"),url(/KaTeX_Size3-Regular.8c7393a0.woff) format("woff"),url(/KaTeX_Size3-Regular.2b372da5.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/KaTeX_Size4-Regular.9b430e50.woff2) format("woff2"),url(/KaTeX_Size4-Regular.11360dc6.woff) format("woff"),url(/KaTeX_Size4-Regular.253e6859.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/KaTeX_Typewriter-Regular.99a40fa0.woff2) format("woff2"),url(/KaTeX_Typewriter-Regular.d6dbc77a.woff) format("woff"),url(/KaTeX_Typewriter-Regular.2b3354ae.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.animation-container{margin-bottom:1.5rem}.preview-header{justify-content:space-between;margin-bottom:1.25rem}.preview-header,.preview-title{display:flex;align-items:center}.preview-title{font-size:1.25rem;font-weight:500;gap:.5rem}.preview-title i{color:var(--accent-color)}.preview-tabs{display:flex;gap:.5rem}.tab-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.4rem}.tab-btn i{font-size:1.1rem}.tab-btn.active{background-color:var(--accent-color);color:var(--text-color)}.tab-btn:hover:not(.active){background-color:rgba(79,109,245,.2);color:var(--light-gray)}.preview-content{width:100%;min-height:400px;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.03);padding:15px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:var(--text-tertiary);text-align:center}.empty-state i{font-size:3rem;opacity:.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.loading-state .spinner{width:40px;height:40px;border:4px solid rgba(79,109,245,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{background-color:rgba(255,82,82,.05);border-radius:8px;padding:20px;margin:10px 0;text-align:center}.error-state i{color:#ff5252;font-size:2rem;margin-bottom:15px}.animation-container{width:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rendering-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.rendering-state .spinner{width:40px;height:40px;border:4px solid rgba(79,109,245,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.rendering-state p{color:var(--text-secondary);margin:5px 0}.render-tip{font-size:.8rem;color:var(--text-tertiary);margin-top:10px}.video-player{width:100%;display:flex;flex-direction:column;align-items:center}.video-player video{width:100%;max-width:800px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.render-time{margin-top:10px;color:var(--text-secondary);font-size:.9rem}.render-error{background-color:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);color:#ff5252;padding:20px;border-radius:8px;margin:15px 0;text-align:center}.render-error i{display:block;font-size:2.5rem}.render-error h3{font-size:1.2rem;margin-bottom:15px;color:#ff5252}.render-error pre{text-align:left;background-color:rgba(0,0,0,.1);padding:12px;border-radius:6px;overflow:auto;margin:15px 0;font-size:.9rem;color:var(--text-secondary);white-space:pre-wrap;max-height:200px}.render-error-hint{color:var(--text-secondary);font-size:1rem;line-height:1.5}.check-status-btn,.regenerate-btn,.test-server-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;margin-top:15px;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.check-status-btn:hover:not(:disabled),.regenerate-btn:hover:not(:disabled),.test-server-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,109,245,.3)}.check-status-btn:disabled,.regenerate-btn:disabled,.test-server-btn:disabled{background-color:#888;cursor:not-allowed}.check-status-btn i,.regenerate-btn i,.test-server-btn i{font-size:1.1rem}.server-status{margin-top:15px;padding:12px 15px;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:8px}.server-status i{font-size:1.1rem}.server-status.success{background-color:rgba(76,175,80,.1);border-left:3px solid var(--success-color);color:var(--success-color)}.server-status.error{background-color:rgba(255,82,82,.1);border-left:3px solid var(--error-color);color:var(--error-color)}.code-container{width:100%}.code-header{display:flex;justify-content:flex-end;padding:12px;background-color:rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.1)}.code-block{padding:20px;margin:0;overflow:auto;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.5;color:var(--text-primary);background-color:var(--dark-gray);max-height:400px;white-space:pre}.watermark-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in-out}.watermark-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(79,109,245,.3);box-shadow:0 20px 40px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.1);max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.watermark-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(79,109,245,.2)}.watermark-modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:10px}.watermark-modal-body{padding:24px}.watermark-modal-body p{margin:0 0 20px;color:var(--text-secondary);font-size:1rem;line-height:1.5}.watermark-input-group{display:flex;flex-direction:column;gap:8px}.watermark-input-group label{font-weight:600;color:var(--text-color);font-size:.95rem}.watermark-input{width:100%;padding:12px 16px;border:2px solid rgba(79,109,245,.3);border-radius:8px;background-color:rgba(79,109,245,.05);color:var(--text-color);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.watermark-input:focus{outline:none;border-color:var(--accent-color);background-color:rgba(79,109,245,.1);box-shadow:0 0 0 3px rgba(79,109,245,.1)}.watermark-hint{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-top:4px}.watermark-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid rgba(79,109,245,.2)}.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid rgba(79,109,245,.3);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-secondary:hover:not(:disabled){background-color:rgba(79,109,245,.1);border-color:rgba(79,109,245,.5);color:var(--text-color)}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#3d5afe);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(79,109,245,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5c6bc0,#3f51b5);transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,109,245,.4)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.close-modal-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.close-modal-btn:hover{color:var(--text-color)}.rotating{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.preview-header{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1rem}.preview-title{font-size:1.1rem}.preview-tabs{width:100%}.tab-btn{flex:1;padding:.5rem .8rem;font-size:.85rem;justify-content:center}.preview-content{min-height:300px;padding:10px}.empty-state,.loading-state{padding:30px 15px}.empty-state i,.loading-state .spinner{margin-bottom:15px}.animation-container{min-height:300px}.video-player video{max-width:100%}.check-status-btn,.regenerate-btn,.test-server-btn{width:100%;padding:.6rem 1rem;font-size:.9rem}.server-status{padding:10px;font-size:.85rem}.code-header{padding:8px}.code-block{padding:15px;font-size:.85rem;max-height:350px}.watermark-modal-content{width:95%;margin:0 10px}.watermark-modal-body,.watermark-modal-header{padding:15px}.watermark-modal-footer{flex-direction:column;padding:15px;gap:10px}.btn-primary,.btn-secondary{width:100%;padding:10px;justify-content:center}}@media (max-width:480px){.preview-title{font-size:1rem}.tab-btn{padding:.4rem .5rem;font-size:.8rem;gap:.2rem}.tab-btn i{font-size:1rem}.preview-content{min-height:250px;padding:8px}.rendering-state{padding:20px}.rendering-state .spinner{width:30px;height:30px;margin-bottom:15px}.render-error{padding:15px;font-size:.85rem}.render-error i{font-size:2rem;margin-bottom:10px}.render-error h3{font-size:1.1rem;margin-bottom:10px}.render-error pre{padding:8px;font-size:.8rem;max-height:150px}.render-error-hint{font-size:.9rem}.watermark-modal-header h3{font-size:1.1rem}.watermark-input{padding:10px 12px;font-size:.9rem}.watermark-hint{font-size:.8rem}}.threejs-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-color);border:none;border-radius:0;box-shadow:none;z-index:1100;display:flex;flex-direction:column;overflow:hidden;max-width:100vw;max-height:100vh;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.threejs-viewer.fullscreen{top:0;left:0;width:100vw;height:100vh;border-radius:0}.viewer-header{display:flex;justify-content:center;align-items:center;padding:15px 20px;background:linear-gradient(135deg,var(--accent-color),#5a67d8);color:#fff;border-bottom:1px solid var(--border-color);position:relative}.viewer-header h3{margin:0;font-size:1.2rem;align-items:center;left:20px}.viewer-controls,.viewer-header h3{display:flex;gap:8px;position:absolute}.viewer-controls{left:50%;transform:translateX(-50%)}.control-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.control-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.control-btn.close-btn{background:rgba(239,68,68,.8);border-color:rgba(239,68,68,.4)}.control-btn.close-btn:hover{background:#ef4444}.viewer-content{flex:1;display:flex;position:relative;background:#f8f9fa}.html-iframe{width:100%;height:100%;border:none;background:#fff;display:block;overflow:hidden}.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary);font-size:1.1rem}.no-content i{font-size:3rem;margin-bottom:15px;opacity:.5}.viewer-info{padding:10px 20px;background:var(--background-secondary);border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.viewer-info p{margin:0;display:flex;align-items:center;gap:8px}.viewer-info i{color:var(--accent-color)}@media (max-width:768px){.threejs-viewer{top:0;left:0;width:100vw;height:100vh}.viewer-header{padding:12px 15px}.viewer-header h3{font-size:1.1rem}.viewer-controls{gap:5px}.control-btn{padding:6px 10px;font-size:.85rem}.control-btn span{display:none}.viewer-info{padding:8px 15px;font-size:.85rem}}@media (max-width:480px){.threejs-viewer{top:0;left:0;width:100vw;height:100vh}.viewer-header{padding:10px}.viewer-header h3{font-size:1rem}.control-btn{padding:5px 8px;min-width:32px;justify-content:center}.no-content{font-size:1rem;padding:0 15px;text-align:center}.no-content i{font-size:2.5rem;margin-bottom:10px}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9998;pointer-events:none}.tutorial-bubble{position:fixed;right:30px;bottom:30px;background:linear-gradient(135deg,rgba(30,35,60,.98),rgba(20,25,45,.98));border:2px solid rgba(0,170,255,.5);border-radius:16px;padding:20px 25px;max-width:420px;width:auto;min-width:320px;z-index:9999;box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 30px rgba(0,170,255,.3),inset 0 1px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(10px);animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.tutorial-animating{animation:pulse .3s ease}.tutorial-close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0}.tutorial-close-btn:hover{background:hsla(0,100%,71%,.2);border-color:hsla(0,100%,71%,.5);transform:rotate(90deg)}.tutorial-step-indicator{display:flex;justify-content:center;gap:6px;margin-bottom:15px}.tutorial-step-dot{width:10px;height:10px;background:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;transition:all .3s ease}.tutorial-step-dot.active{width:30px;background:linear-gradient(90deg,#0af,#08c);border-radius:5px;box-shadow:0 0 10px rgba(0,170,255,.5)}.tutorial-step-dot.completed{background:rgba(0,170,255,.6)}.tutorial-step-dot:hover{background:hsla(0,0%,100%,.5);transform:scale(1.2)}.tutorial-body{margin-bottom:15px;max-height:60vh;overflow-y:auto}.tutorial-body::-webkit-scrollbar{width:6px}.tutorial-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.tutorial-body::-webkit-scrollbar-thumb{background:rgba(0,170,255,.5);border-radius:3px}.tutorial-body::-webkit-scrollbar-thumb:hover{background:rgba(0,170,255,.7)}.tutorial-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 15px;text-align:left;text-shadow:0 2px 10px rgba(0,170,255,.3)}.tutorial-content-wrapper{color:hsla(0,0%,100%,.9);line-height:1.6;font-size:14px}.tutorial-welcome{text-align:center}.welcome-badge{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.2));border:2px solid rgba(255,215,0,.5);border-radius:10px;padding:10px 16px;margin:0 auto 15px;font-size:14px;font-weight:700;color:gold;display:inline-block;box-shadow:0 0 20px rgba(255,215,0,.3)}.welcome-intro{font-size:15px;color:hsla(0,0%,100%,.95);margin:12px 0;font-weight:500}.welcome-sub{font-size:13px;color:hsla(0,0%,100%,.7);margin:8px 0 0}.tutorial-main-text{font-size:14px;font-weight:500;margin-bottom:12px;color:hsla(0,0%,100%,.95)}.tutorial-list{list-style:none;padding:0;margin:10px 0}.tutorial-list li{padding:6px 0 6px 20px;position:relative;color:hsla(0,0%,100%,.85);font-size:13px;line-height:1.5}.tutorial-list li:before{content:"✓";position:absolute;left:0;color:#0af;font-weight:700;font-size:14px}.tutorial-list li strong{color:#0af;font-weight:600}.tutorial-sublist{list-style:none;padding-left:16px;margin-top:6px}.tutorial-sublist li{font-size:12px;padding:4px 0 4px 16px}.tutorial-sublist li:before{content:"▸";color:rgba(0,170,255,.7);font-size:12px}.tutorial-example{background:rgba(0,170,255,.1);border-left:3px solid #0af;padding:10px 12px;margin:10px 0;border-radius:4px;font-size:13px;color:hsla(0,0%,100%,.9)}.tutorial-tip{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:10px 12px;margin:10px 0 0;font-size:12px;color:hsla(0,0%,100%,.85);line-height:1.5}.tutorial-link{color:#0af;text-decoration:underline;margin:0 4px;transition:color .3s}.tutorial-link:hover{color:#0cf}.tutorial-community-btn{background:linear-gradient(135deg,#0af,#08c);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-top:12px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,170,255,.4)}.tutorial-community-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,170,255,.6)}.tutorial-community-btn i{font-size:16px}.tutorial-complete-icon{font-size:48px;margin:15px 0;animation:bounce 1s ease infinite}.tutorial-tips-box{background:rgba(0,170,255,.1);border:1px solid rgba(0,170,255,.3);border-radius:10px;padding:15px;margin:15px 0;text-align:left}.tutorial-tips-box h4{color:#0af;margin:0 0 10px;font-size:14px}.tutorial-tips-box ul{list-style:none;padding:0;margin:0}.tutorial-tips-box li{color:hsla(0,0%,100%,.85);position:relative;padding:6px 0 6px 16px;font-size:12px;line-height:1.5}.tutorial-tips-box li:before{content:"•";position:absolute;left:0;color:#0af;font-size:14px}.tutorial-cta{font-size:15px;font-weight:600;color:#0af;margin:12px 0 0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.1);margin-top:10px}.tutorial-progress{font-size:12px;color:hsla(0,0%,100%,.5);font-weight:500}.tutorial-actions{display:flex;gap:8px}.tutorial-btn{padding:8px 16px;border:none;border-radius:18px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.tutorial-btn-prev{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.2)}.tutorial-btn-prev:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.tutorial-btn-skip{background:transparent;color:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.2)}.tutorial-btn-skip:hover{color:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.3)}.tutorial-btn-next{background:linear-gradient(135deg,#0af,#08c);color:#fff;box-shadow:0 4px 15px rgba(0,170,255,.4)}.tutorial-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,170,255,.6)}.tutorial-btn-complete{background:linear-gradient(135deg,#0f8,#0c6);color:#fff;box-shadow:0 4px 15px rgba(0,255,136,.4);padding:12px 30px;font-size:16px}.tutorial-btn-complete:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,136,.6)}.tutorial-keyboard-hint{display:flex;justify-content:center;gap:15px;margin-top:10px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.05);font-size:11px;color:hsla(0,0%,100%,.4)}.tutorial-highlight{position:relative;z-index:9997!important;box-shadow:0 0 0 5px rgba(0,170,255,.9),0 0 0 8px rgba(0,170,255,.5),0 0 60px rgba(0,170,255,.8),inset 0 0 20px rgba(0,170,255,.1)!important;animation:highlightPulse 2s ease-in-out infinite;background:rgba(0,170,255,.08)!important;outline:2px dashed rgba(0,170,255,.6)!important;outline-offset:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 5px rgba(0,170,255,.9),0 0 0 8px rgba(0,170,255,.5),0 0 60px rgba(0,170,255,.8),inset 0 0 20px rgba(0,170,255,.1)}50%{box-shadow:0 0 0 6px #0af,0 0 0 10px rgba(0,170,255,.6),0 0 80px #0af,inset 0 0 30px rgba(0,170,255,.15)}}@media (max-width:768px){.tutorial-bubble{right:15px;bottom:15px;left:15px;max-width:none;min-width:0;padding:15px;max-height:65vh}.tutorial-title{font-size:20px}.tutorial-content-wrapper{font-size:14px;max-height:40vh;overflow-y:auto}.tutorial-footer{flex-direction:column;gap:15px;align-items:stretch}.tutorial-actions{width:100%;justify-content:space-between}.tutorial-btn{flex:1;justify-content:center;font-size:13px;padding:8px 15px}.tutorial-keyboard-hint{display:none}.tutorial-highlight{animation:mobileHighlightPulse 2s ease-in-out infinite}.tutorial-step-indicator{gap:6px;margin-bottom:15px}.tutorial-step-dot{width:8px;height:8px}.tutorial-step-dot.active{width:24px}}@keyframes mobileHighlightPulse{0%,to{box-shadow:0 0 0 3px rgba(0,170,255,.6),0 0 20px rgba(0,170,255,.5)}50%{box-shadow:0 0 0 3px rgba(0,170,255,.9),0 0 30px rgba(0,170,255,.7)}}.tutorial-highlight:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border:3px dashed rgba(0,170,255,.7);border-radius:12px;pointer-events:none;animation:dashRotate 20s linear infinite}.tutorial-highlight:after{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(ellipse at center,rgba(0,170,255,.15) 0,rgba(0,170,255,.08) 50%,transparent 70%);border-radius:16px;pointer-events:none;z-index:-1;animation:glowPulse 2s ease-in-out infinite}@keyframes dashRotate{to{stroke-dashoffset:-100}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.navigation-menu{position:absolute;top:55px;left:55px;z-index:10000}.hero-cover~* .navigation-menu,.landing-page .navigation-menu{animation:navigationFadeIn 1.5s ease-out 2s backwards}@keyframes navigationFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navigation-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(30,35,60,.8);border:1px solid rgba(0,170,255,.3);border-radius:25px;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.2);outline:none}.navigation-button:hover{background:rgba(30,35,60,.95);border-color:rgba(0,170,255,.6);box-shadow:0 6px 20px rgba(0,170,255,.3);transform:translateY(-2px)}.navigation-button:active{transform:translateY(0)}.navigation-icon{display:flex;align-items:center;font-size:18px;color:#0af;transition:transform .3s ease}.navigation-button:hover .navigation-icon{transform:scale(1.1)}.navigation-text{letter-spacing:.5px;font-size:13px}.navigation-dropdown{position:absolute;top:calc(100% + 10px);left:0;background:rgba(30,35,60,.95);border:1px solid rgba(0,170,255,.3);border-radius:15px;overflow:hidden;backdrop-filter:blur(15px);box-shadow:0 8px 30px rgba(0,0,0,.3);min-width:280px;animation:navDropdownSlideDown .3s cubic-bezier(.4,0,.2,1);z-index:10001}@keyframes navDropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navigation-option{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;color:hsla(0,0%,100%,.8);transition:all .2s ease;position:relative;background:transparent;border:none;width:100%;text-align:left}.navigation-option:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.navigation-option:hover{background:rgba(0,170,255,.1);color:#fff}.option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(0,170,255,.15);color:#0af;font-size:20px;flex-shrink:0;transition:all .2s ease}.navigation-option:hover .option-icon{background:rgba(0,170,255,.25);transform:scale(1.05)}.option-content{flex:1;display:flex;flex-direction:column;gap:2px}.option-title{font-weight:600;color:hsla(0,0%,100%,.95);font-size:14px;line-height:1.4}.option-desc{font-size:11px;color:hsla(0,0%,100%,.5);line-height:1.3}.arrow-icon{font-size:18px;color:hsla(0,0%,100%,.3);transition:all .2s ease;flex-shrink:0}.navigation-option:hover .arrow-icon{color:#0af;transform:translateX(3px)}.navigation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:transparent}@media (max-width:768px){.navigation-menu{top:20px;left:20px}.navigation-button{padding:8px 14px;font-size:12px}.navigation-icon{font-size:16px}.navigation-text{font-size:12px}.navigation-dropdown{min-width:240px}.navigation-option{padding:12px 14px}.option-icon{width:36px;height:36px;font-size:18px}.option-title{font-size:13px}.option-desc{font-size:10px}}@media (max-width:480px){.navigation-menu{top:15px;left:15px}.navigation-button{padding:7px 12px;gap:6px}.navigation-icon{font-size:15px}.navigation-text{font-size:11px}.navigation-dropdown{min-width:220px}.navigation-option{padding:10px 12px;gap:10px}.option-icon{width:32px;height:32px;font-size:16px}.option-title{font-size:12px}.option-desc{font-size:10px}.arrow-icon{font-size:16px}}.header-button-container{position:absolute;top:55px;left:30px;z-index:1000;display:flex;gap:15px}.header-button-container .guide-button{padding:8px 16px;border:2px solid rgba(0,122,255,.9);border-radius:25px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;background-color:rgba(0,80,180,.3);box-shadow:0 0 12px rgba(0,122,255,.7);cursor:pointer;font-family:inherit}.mode-selector-container{grid-column:1/-1;position:relative;margin-bottom:30px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.current-mode-display{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.mode-selector-container.expanded .current-mode-display{opacity:0;visibility:hidden;pointer-events:none}.current-mode-card{position:relative;background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:2px solid rgba(0,170,255,.3);border-radius:20px;padding:25px 40px;overflow:hidden;max-width:900px;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(0,170,255,.2),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .3s ease;cursor:pointer}.current-mode-card:hover{border-color:rgba(0,170,255,.6);box-shadow:0 15px 50px rgba(0,0,0,.5),0 0 30px rgba(0,170,255,.4),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-2px)}.mode-card-background{position:absolute;top:50%;right:30px;transform:translateY(-50%);width:180px;height:180px;background-image:url(/logo.3675c77b.png);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.12;pointer-events:none}.mode-card-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.mode-icon-large{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,170,255,.2),rgba(0,122,255,.3));border-radius:16px;border:2px solid rgba(0,170,255,.4);box-shadow:0 5px 20px rgba(0,170,255,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.mode-icon-large i{font-size:30px;color:#0af;filter:drop-shadow(0 0 10px rgba(0,170,255,.5))}.mode-details{flex:1;display:flex;align-items:center;gap:20px}.mode-title{font-size:24px;font-weight:700;color:#fff;margin:0;white-space:nowrap;text-shadow:0 2px 10px rgba(0,170,255,.3)}.mode-description{flex:1;font-size:14px;color:hsla(0,0%,100%,.7);margin:0;line-height:1.5}.mode-cost{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.cost-label{color:hsla(0,0%,100%,.6)}.cost-value{color:#0af;font-weight:600;padding:6px 14px;background:rgba(0,170,255,.15);border-radius:12px;border:1px solid rgba(0,170,255,.3)}.cost-value.highlight{color:#ff6b6b;background:hsla(0,100%,71%,.15);border-color:hsla(0,100%,71%,.3);animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{box-shadow:0 0 5px hsla(0,100%,71%,.3)}50%{box-shadow:0 0 15px hsla(0,100%,71%,.5)}}.expand-hint{display:flex;flex-direction:row;align-items:center;gap:8px;color:hsla(0,0%,100%,.8);font-size:13px;font-weight:600;white-space:nowrap;animation:bounce 2s ease-in-out infinite;text-shadow:0 2px 8px rgba(0,170,255,.4)}.expand-hint i{font-size:20px;color:#0af}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.modes-grid{position:absolute;top:0;left:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.mode-selector-container.expanded .modes-grid{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.mode-grid-item{position:relative;display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,rgba(30,35,60,.8),rgba(20,25,45,.9));border:2px solid rgba(80,80,120,.4);border-radius:15px;cursor:pointer;transition:all .3s ease;overflow:hidden}.mode-grid-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,170,255,.1),rgba(0,122,255,.05));opacity:0;transition:opacity .3s ease}.mode-grid-item:hover:before{opacity:1}.mode-grid-item:hover{border-color:rgba(0,170,255,.6);box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 20px rgba(0,170,255,.3);transform:translateY(-3px)}.mode-grid-item.active{border-color:rgba(0,170,255,.8);background:linear-gradient(135deg,rgba(0,170,255,.15),rgba(0,122,255,.1));box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 20px rgba(0,170,255,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.mode-grid-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,170,255,.15);border-radius:12px;border:1px solid rgba(0,170,255,.3)}.mode-grid-icon i{font-size:24px;color:#0af}.mode-grid-item.active .mode-grid-icon{background:rgba(0,170,255,.25);border-color:rgba(0,170,255,.5);box-shadow:0 0 15px rgba(0,170,255,.4)}.mode-grid-info{flex:1;display:flex;flex-direction:column;gap:4px}.mode-grid-name{font-size:16px;font-weight:600;color:#fff}.mode-grid-credits{font-size:13px;color:hsla(0,0%,100%,.6)}.mode-grid-credits.highlight{color:#ff6b6b;font-weight:600}.active-indicator{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0af,#08c);border-radius:50%;box-shadow:0 0 15px rgba(0,170,255,.5);animation:scale-in .3s ease}.active-indicator i{font-size:16px;color:#fff;font-weight:700}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.mode-selector-loading{width:100%;height:150px;display:flex;align-items:center;justify-content:center}.skeleton-mode-card{width:100%;height:150px;background:linear-gradient(135deg,rgba(30,35,60,.5),rgba(20,25,45,.6));border-radius:20px;position:relative;overflow:hidden}.skeleton-mode-card:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(0)}to{transform:translateX(100%)}}.skeleton-credits-value{display:inline-block;width:40px;height:1.2em;vertical-align:bottom;position:relative;overflow:hidden;background-color:#3c3c52;border-radius:4px}.skeleton-credits-value:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);animation:shimmer 1.5s infinite}@media (max-width:768px){.mode-selector-container{margin-bottom:20px;overflow:hidden}.current-mode-display{display:none}.mode-selector-container .modes-grid{position:static;opacity:1;visibility:visible;transform:none;pointer-events:all}.current-mode-card{padding:12px 15px;max-width:100%;margin:0 10px}.mode-card-content{gap:10px}.mode-details{gap:8px;min-width:0;flex:1}.mode-card-background{width:80px;height:80px;right:10px}.modes-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:10px;padding:0 10px 15px;scrollbar-width:thin;scrollbar-color:rgba(0,170,255,.5) hsla(0,0%,100%,.1);-webkit-overflow-scrolling:touch}.modes-grid::-webkit-scrollbar{height:4px}.modes-grid::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.modes-grid::-webkit-scrollbar-thumb{background:rgba(0,170,255,.5);border-radius:2px}.modes-grid::-webkit-scrollbar-thumb:hover{background:rgba(0,170,255,.7)}.mode-grid-item{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);scroll-snap-align:center;padding:12px 15px;flex-shrink:0;display:flex;align-items:center;gap:10px}.mode-grid-icon{width:45px;height:45px;flex-shrink:0}.mode-grid-icon i{font-size:22px}.mode-grid-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.mode-grid-name{font-size:15px;white-space:nowrap;flex-shrink:0}.mode-grid-credits{font-size:11px;white-space:nowrap;flex-shrink:0}.mode-description{display:none}.mode-title{font-size:15px;white-space:nowrap;flex-shrink:0}.mode-icon-large{width:45px;height:45px;flex-shrink:0}.mode-icon-large i{font-size:22px}.mode-cost{font-size:11px;white-space:nowrap;flex-shrink:0}.cost-value{padding:4px 8px;font-size:10px}.expand-hint{display:none}.active-indicator{width:24px;height:24px}.active-indicator i{font-size:14px}}.manim-unified-panel,.qq-unified-panel,.solve-unified-panel,.threejs-unified-panel{grid-column:1/-1;position:relative;min-height:500px}.panel-content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;z-index:1}.response-panel.is-loading .response-area{background-color:transparent}.panel-content.active{opacity:1;visibility:visible;z-index:2;position:relative;height:auto}.qq-unified-panel .panel-content.active.is-loading{position:absolute!important;max-height:100%;overflow:hidden;height:100%}.qq-unified-panel .panel-content.is-loading .response-area{height:100%!important;overflow:hidden!important;position:relative}.qq-unified-panel .panel-content.is-loading .response-container{opacity:0;position:absolute;pointer-events:none}.threejs-unified-panel .panel-content.active.is-loading{position:absolute!important;max-height:100%;overflow:hidden;height:100%}.threejs-unified-panel .panel-content.is-loading .response-area{height:100%!important;overflow:hidden!important;position:relative}.threejs-unified-panel .panel-content.is-loading .response-container{opacity:0;position:absolute;pointer-events:none}.geogebra-control-panel{display:flex;flex-direction:column;height:100%}.geogebra-panel-tabs{display:flex;border-bottom:1px solid #3e3e5b}.tab-button{padding:12px 20px;background-color:transparent;color:#a0a0c0;cursor:pointer;font-size:16px;font-weight:500;transition:color .3s ease,background-color .3s ease;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-button:hover{color:#fff}.tab-button.active{color:#0af;font-weight:700;border-bottom-color:#0af;background-color:rgba(0,170,255,.1)}.geogebra-panel-content{flex-grow:1;padding:20px;display:flex;flex-direction:column}.input-area-wrapper,.response-area-wrapper{height:100%;display:flex;flex-direction:column}.input-area-wrapper>.input-container,.response-area-wrapper>.response-container{flex-grow:1}.preview-header{display:flex;justify-content:flex-start;padding:10px 15px;border-bottom:1px solid #3e3e5b}.return-button{background-color:#3a3a5a;color:#fff;border:1px solid #5a5a7a;border-radius:20px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .3s,box-shadow .3s}.return-button:hover{background-color:#4a4a6a;box-shadow:0 0 10px rgba(80,150,255,.5)}.return-button i{font-size:16px}.video-loading-placeholder{display:flex;justify-content:center;align-items:center;height:100%;min-height:200px;color:#a0a0c0;background-color:rgba(21,22,39,.5);border-radius:8px;padding:20px}.solve-unified-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:500px}.solve-left-panel,.solve-right-panel{display:flex;flex-direction:column;height:100%}.solve-left-panel .input-area,.solve-left-panel .response-area{flex-grow:1}.solve-right-panel .video-preview{height:100%;display:flex;flex-direction:column}.solve-right-panel .video-placeholder,.solve-right-panel .video-player-container{flex-grow:1}.viewer-actions{padding:15px;border-top:1px solid #3e3e5b;text-align:center;background-color:#2a2a3a;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.action-button{background-color:#007bff;color:#fff;border:none;border-radius:20px;padding:10px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;transition:background-color .3s,box-shadow .3s}.action-button:hover{background-color:#0056b3;box-shadow:0 0 12px rgba(0,122,255,.7)}.action-button i{font-size:18px}@media (max-width:768px){.solve-unified-panel{grid-template-columns:1fr}}.tech-footer-decoration{display:flex;justify-content:center;align-items:center;gap:15px;width:100%}.profile-page{min-height:100vh;background:linear-gradient(145deg,#1a1a1a,#212121);display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.profile-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(79,109,245,.03) 1px,transparent 0),linear-gradient(90deg,rgba(79,109,245,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none;opacity:.5}.profile-container{background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:2px solid rgba(79,109,245,.3);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(79,109,245,.2),inset 0 1px 0 hsla(0,0%,100%,.1);padding:40px;max-width:600px;width:100%;animation:slideIn .3s ease-out;position:relative;z-index:1;backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(79,109,245,.2)}.profile-header h1{margin:0;font-size:28px;color:#fff;font-weight:600;text-shadow:0 2px 10px rgba(79,109,245,.3)}.btn-back-icon{background:transparent;border:none;color:#4f6df5;font-size:16px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.btn-back-icon:hover{background:rgba(79,109,245,.1);color:#6b8aff}.loading{text-align:center;padding:40px;color:hsla(0,0%,100%,.7);font-size:18px}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-message{background:rgba(255,77,79,.15);color:#ff7875;border:1px solid rgba(255,77,79,.3)}.success-message{background:rgba(76,175,80,.15);color:#81c784;border:1px solid rgba(76,175,80,.3)}.profile-content{margin-top:20px}.profile-section{margin-bottom:30px}.profile-section h2{font-size:20px;color:hsla(0,0%,100%,.9);margin-bottom:20px;font-weight:500}.profile-field{margin-bottom:20px}.profile-field label{display:block;font-size:14px;color:hsla(0,0%,100%,.7);margin-bottom:8px;font-weight:500}.field-value{padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid rgba(79,109,245,.2);border-radius:8px;font-size:16px;color:hsla(0,0%,100%,.9)}.field-value.readonly{color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.03);border-color:rgba(79,109,245,.1)}.field-value.credits{background:linear-gradient(135deg,#4f6df5,#3a56d4);color:#fff;font-weight:600;font-size:20px;border:none;box-shadow:0 4px 15px rgba(79,109,245,.3)}.field-input{width:100%;padding:12px 16px;border:2px solid rgba(79,109,245,.3);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:hsla(0,0%,100%,.05);color:#fff}.field-input::placeholder{color:hsla(0,0%,100%,.4)}.field-input:focus{outline:none;border-color:#4f6df5;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(79,109,245,.2)}.profile-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:2px solid rgba(79,109,245,.2)}.btn-back,.btn-logout,.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.btn-primary{background:linear-gradient(135deg,#4f6df5,#3a56d4);color:#fff;box-shadow:0 4px 15px rgba(79,109,245,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.9);border:1px solid rgba(79,109,245,.3)}.btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:rgba(79,109,245,.5)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-logout{background:#ff4d4f;color:#fff;box-shadow:0 4px 15px rgba(255,77,79,.3)}.btn-logout:hover{background:#ff7875;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,77,79,.4)}.btn-back{background:linear-gradient(135deg,#4f6df5,#3a56d4);color:#fff;margin-top:20px;box-shadow:0 4px 15px rgba(79,109,245,.3)}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.4)}.repository-showcase{margin-bottom:30px}.repository-card{position:relative;display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,rgba(79,109,245,.1),rgba(58,86,212,.05));border:2px solid rgba(79,109,245,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;overflow:hidden}.repository-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(79,109,245,.15),rgba(58,86,212,.08));opacity:0;transition:opacity .3s ease}.repository-card:hover:before{opacity:1}.repository-card:hover{border-color:rgba(79,109,245,.6);box-shadow:0 8px 30px rgba(79,109,245,.3),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-2px)}.repository-icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f6df5,#3a56d4);border-radius:16px;box-shadow:0 4px 15px rgba(79,109,245,.4),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;z-index:1}.repository-icon i{font-size:28px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.repository-info{flex:1;position:relative;z-index:1}.repository-info h3{margin:0 0 6px;font-size:20px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(79,109,245,.3)}.repository-info p{margin:0;font-size:14px;color:hsla(0,0%,100%,.7);line-height:1.5}.repository-arrow{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid rgba(79,109,245,.2);transition:all .3s ease;position:relative;z-index:1}.repository-arrow i{font-size:24px;color:#4f6df5;transition:transform .3s ease}.repository-card:hover .repository-arrow{background:rgba(79,109,245,.2);border-color:rgba(79,109,245,.4)}.repository-card:hover .repository-arrow i{transform:translateX(4px)}@media (max-width:768px){.profile-container{padding:24px}.profile-header h1{font-size:24px}.profile-actions{flex-direction:column}.btn-back,.btn-primary,.btn-secondary{width:100%}.repository-card{padding:16px;gap:12px}.repository-icon{width:50px;height:50px}.repository-icon i{font-size:24px}.repository-info h3{font-size:18px}.repository-info p{font-size:13px}.repository-arrow{width:36px;height:36px}.repository-arrow i{font-size:20px}}.showcase-page{min-height:100vh;background:linear-gradient(145deg,#1a1a1a,#212121);padding-bottom:60px;position:relative}.showcase-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(79,109,245,.03) 1px,transparent 0),linear-gradient(90deg,rgba(79,109,245,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none;opacity:.5}.back-to-home-button{position:fixed;top:20px;left:20px;padding:12px 24px;background:rgba(30,35,60,.9);border:2px solid rgba(79,109,245,.4);border-radius:25px;color:#4f6df5;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(79,109,245,.2);transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:100;backdrop-filter:blur(10px)}.back-to-home-button:hover{background:#1e233c;border-color:rgba(79,109,245,.6);color:#6b8aff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 30px rgba(79,109,245,.3)}.back-to-home-button i{font-size:20px}.showcase-header{background:rgba(30,35,60,.3);backdrop-filter:blur(10px);padding:40px 20px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;min-height:auto;position:relative;z-index:1;border-bottom:2px solid rgba(79,109,245,.1);overflow:hidden}.showcase-header:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(79,109,245,.15) 0,rgba(138,43,226,.1) 30%,transparent 70%);animation:headerGlow 10s ease-in-out infinite;pointer-events:none}@keyframes headerGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.tech-decoration{height:100%;pointer-events:none;overflow:hidden}.scan-line,.tech-decoration{position:absolute;top:0;left:0;width:100%}.scan-line{height:2px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.8) 50%,transparent);box-shadow:0 0 20px rgba(79,109,245,.8);animation:scanMove 4s linear infinite}@keyframes scanMove{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.corner-decoration{position:absolute;width:60px;height:60px;border:2px solid rgba(79,109,245,.6);animation:cornerPulse 2s ease-in-out infinite}.corner-decoration:after,.corner-decoration:before{content:"";position:absolute;background:rgba(79,109,245,.8);box-shadow:0 0 10px rgba(79,109,245,.8)}.corner-tl{top:40px;left:40px;border-right:none;border-bottom:none}.corner-tl:before{top:-2px;left:-2px;width:20px;height:2px}.corner-tl:after{top:-2px;left:-2px;width:2px;height:20px}.corner-tr{top:40px;right:40px;border-left:none;border-bottom:none}.corner-tr:before{top:-2px;right:-2px;width:20px;height:2px}.corner-tr:after{top:-2px;right:-2px;width:2px;height:20px}.corner-bl{bottom:40px;left:40px;border-right:none;border-top:none}.corner-bl:before{bottom:-2px;left:-2px;width:20px;height:2px}.corner-bl:after{bottom:-2px;left:-2px;width:2px;height:20px}.corner-br{bottom:40px;right:40px;border-left:none;border-top:none}.corner-br:before{bottom:-2px;right:-2px;width:20px;height:2px}.corner-br:after{bottom:-2px;right:-2px;width:2px;height:20px}@keyframes cornerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.data-flow{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.8) 50%,transparent);box-shadow:0 0 10px rgba(79,109,245,.6);animation:dataFlowMove 3s ease-in-out infinite}.data-flow-1{top:25%;left:-100%;width:200px;animation-delay:0s}.data-flow-2{top:50%;left:-100%;width:150px;animation-delay:1s}.data-flow-3{top:75%;left:-100%;width:180px;animation-delay:2s}@keyframes dataFlowMove{0%{left:-200px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%}.particle{position:absolute;bottom:-10px;width:3px;height:3px;background:rgba(79,109,245,.8);border-radius:50%;box-shadow:0 0 10px rgba(79,109,245,.8);animation:particleFloat 5s ease-in-out infinite}@keyframes particleFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(calc(-50px + 100px*var(--random)));opacity:0}}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(79,109,245,.4);border-radius:50%;animation:pulsate 3s ease-out infinite}.pulse-ring-1{width:300px;height:300px;animation-delay:0s}.pulse-ring-2{width:300px;height:300px;animation-delay:1.5s}@keyframes pulsate{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.header-content{max-width:1200px;margin:0 auto;justify-content:center;z-index:2}.brand-logo,.header-content{display:flex;flex-direction:column;align-items:center;position:relative}.brand-logo{margin-bottom:30px;gap:10px}.logo-text{font-size:36px;font-weight:900;letter-spacing:6px;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGlow 3s ease-in-out infinite;position:relative;z-index:1}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}50%{filter:drop-shadow(0 0 30px rgba(79,109,245,.9))}}.logo-underline{width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.8) 20%,#4f6df5 50%,rgba(79,109,245,.8) 80%,transparent);box-shadow:0 0 10px rgba(79,109,245,.8);animation:underlineExpand 2s ease-out .5s forwards}@keyframes underlineExpand{0%{width:0;opacity:0}to{width:100%;opacity:1}}.page-title{font-size:48px;font-weight:700;margin:0 0 15px;letter-spacing:2px;position:relative}.title-text{position:relative;z-index:1;background:linear-gradient(135deg,#fff,#6b8aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(79,109,245,.5)}.title-glitch{position:absolute;top:0;left:0;width:100%;height:100%;color:rgba(79,109,245,.5);animation:glitch 5s infinite;z-index:0}@keyframes glitch{0%,90%,to{transform:translate(0);opacity:0}92%{transform:translate(-2px,2px);opacity:.8}94%{transform:translate(2px,-2px);opacity:.8}96%{transform:translate(-2px,-2px);opacity:.8}98%{transform:translate(2px,2px);opacity:.8}}.page-subtitle{font-size:18px;font-weight:400;margin:0;opacity:.95;letter-spacing:1px;position:relative;display:flex;align-items:center;justify-content:center}.bracket{color:rgba(79,109,245,.8);font-weight:700;font-size:26px;margin:0 8px;animation:bracketBlink 2s ease-in-out infinite}@keyframes bracketBlink{0%,to{opacity:.5;text-shadow:0 0 5px rgba(79,109,245,.5)}50%{opacity:1;text-shadow:0 0 15px #4f6df5}}.filter-section{background:transparent;padding:20px 20px 30px;backdrop-filter:none;position:relative;z-index:1}.filter-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;animation:slideInUp .5s ease-out .2s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-box{position:relative;width:100%;max-width:600px;margin:0 auto;animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:rgba(79,109,245,.7);animation:searchIconPulse 2s ease-in-out infinite}@keyframes searchIconPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.search-box input{width:100%;padding:12px 15px 12px 45px;border:2px solid rgba(79,109,245,.3);border-radius:25px;font-size:15px;background:rgba(30,35,60,.6);color:#fff;backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.search-box input::placeholder{color:hsla(0,0%,100%,.5)}.search-box input:focus{outline:none;border-color:rgba(79,109,245,.8);background:rgba(30,35,60,.8);box-shadow:0 4px 20px rgba(79,109,245,.3),0 0 40px rgba(79,109,245,.2),inset 0 1px 0 hsla(0,0%,100%,.1);transform:translateY(-2px)}.filter-label{font-weight:600;color:hsla(0,0%,100%,.9);margin-right:10px}.filter-btn{padding:8px 20px;border:2px solid rgba(79,109,245,.3);border-radius:25px;background:rgba(30,35,60,.6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.filter-btn:hover{border-color:rgba(79,109,245,.5);background:rgba(30,35,60,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,109,245,.2)}.filter-btn.active{background:linear-gradient(135deg,#4f6df5,#3a56d4);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(79,109,245,.4)}.featured-btn i{font-size:18px}.filter-btn i{font-size:16px}.sort-group{display:flex;align-items:center;gap:10px;margin-left:auto}.sort-select{padding:8px 15px;border:2px solid rgba(79,109,245,.3);border-radius:20px;background:rgba(30,35,60,.6);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.sort-select option{background:#1a1a2e;color:#fff}.sort-select:hover{border-color:rgba(79,109,245,.5);background:rgba(30,35,60,.8)}.sort-select:focus{outline:none;border-color:rgba(79,109,245,.6);background:rgba(30,35,60,.8);box-shadow:0 0 0 3px rgba(79,109,245,.1)}.showcase-content{max-width:1200px;margin:40px auto;padding:0 20px;position:relative;z-index:1}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:40px;position:relative}.showcase-grid:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at 20% 30%,rgba(79,109,245,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(138,43,226,.08) 0,transparent 50%);pointer-events:none;z-index:-1;animation:pulseGlow 8s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.8}}.showcase-card{background:linear-gradient(135deg,rgba(30,35,60,.9),rgba(20,25,45,.95));border:2px solid rgba(79,109,245,.3);border-radius:20px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(79,109,245,.15),inset 0 1px 0 hsla(0,0%,100%,.1);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;backdrop-filter:blur(10px);opacity:0;animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.showcase-card:first-child{animation-delay:.1s}.showcase-card:nth-child(2){animation-delay:.15s}.showcase-card:nth-child(3){animation-delay:.2s}.showcase-card:nth-child(4){animation-delay:.25s}.showcase-card:nth-child(5){animation-delay:.3s}.showcase-card:nth-child(6){animation-delay:.35s}.showcase-card:nth-child(7){animation-delay:.4s}.showcase-card:nth-child(8){animation-delay:.45s}.showcase-card:nth-child(9){animation-delay:.5s}.showcase-card:nth-child(n+10){animation-delay:.55s}.showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(79,109,245,.3),rgba(138,43,226,.3) 50%,rgba(79,109,245,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.showcase-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(79,109,245,.6);box-shadow:0 12px 35px rgba(0,0,0,.5),0 0 40px rgba(79,109,245,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.showcase-card:hover:before{opacity:1}.card-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.card-thumbnail:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(79,109,245,.3) 50%,transparent 70%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.showcase-card:hover .card-thumbnail:after{transform:translateX(100%) translateY(100%) rotate(45deg)}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;filter:brightness(.9)}.showcase-card:hover .card-thumbnail img{transform:scale(1.15);filter:brightness(1.1)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.thumbnail-placeholder:before{content:"";position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(79,109,245,.2) 0,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.thumbnail-placeholder i{font-size:60px;color:rgba(79,109,245,.7);filter:drop-shadow(0 0 10px rgba(79,109,245,.5));animation:floatIcon 3s ease-in-out infinite;position:relative;z-index:1}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;box-shadow:0 4px 15px rgba(245,87,108,.4),0 0 20px rgba(245,87,108,.3);animation:badgePulse 2s ease-in-out infinite;z-index:10;border:2px solid hsla(0,0%,100%,.3)}@keyframes badgePulse{0%,to{box-shadow:0 4px 15px rgba(245,87,108,.4),0 0 20px rgba(245,87,108,.3)}50%{box-shadow:0 4px 20px rgba(245,87,108,.6),0 0 30px rgba(245,87,108,.5)}}.featured-badge i{animation:starSpin 4s linear infinite}@keyframes starSpin{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.card-content{padding:20px;position:relative}.card-content:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.3) 50%,transparent)}.card-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-left:12px}.card-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#4f6df5,#8a2be2);border-radius:2px;box-shadow:0 0 10px rgba(79,109,245,.5)}.card-stats{display:flex;gap:15px;padding-top:15px;border-top:1px solid rgba(79,109,245,.2);position:relative}.stat-item{display:flex;align-items:center;gap:5px;font-size:14px;color:hsla(0,0%,100%,.6);transition:all .3s ease;padding:4px 8px;border-radius:8px}.stat-item:hover{color:hsla(0,0%,100%,.9);background:rgba(79,109,245,.1);transform:translateY(-2px)}.stat-item i{font-size:16px;color:rgba(79,109,245,.8);filter:drop-shadow(0 0 4px rgba(79,109,245,.4));transition:all .3s ease}.stat-item:hover i{color:#4f6df5;filter:drop-shadow(0 0 8px rgba(79,109,245,.6));transform:scale(1.1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#fff;text-align:center}.empty-container>i{font-size:100px;margin-bottom:30px;opacity:.7;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.empty-title{font-size:48px;font-weight:700;margin:0 0 20px;opacity:.95;letter-spacing:2px}.empty-subtitle{font-size:28px;font-weight:400;margin:0 0 40px;opacity:.9}.create-btn{padding:18px 50px;background:linear-gradient(135deg,#4f6df5,#3a56d4);color:#fff;border:none;border-radius:50px;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 25px rgba(79,109,245,.4);margin:0 auto}.create-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 35px rgba(79,109,245,.6)}.empty-container .create-btn>i{font-size:26px;margin-bottom:0}.pagination{justify-content:center;gap:20px;margin-top:40px}.pagination,.pagination-btn{display:flex;align-items:center}.pagination-btn{padding:10px 20px;background:rgba(30,35,60,.8);border:2px solid rgba(79,109,245,.3);border-radius:25px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;gap:5px;backdrop-filter:blur(10px)}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f6df5,#3a56d4);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(79,109,245,.3)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;border-color:rgba(79,109,245,.2)}.pagination-info{color:#fff;font-size:14px;font-weight:500}@media (max-width:768px){.back-to-home-button{top:15px;left:15px;padding:10px 18px;font-size:14px}.back-to-home-button i{font-size:18px}.showcase-header{min-height:auto;padding:30px 20px}.brand-logo{margin-bottom:20px}.logo-text{font-size:28px;letter-spacing:4px}.page-title{font-size:32px}.page-subtitle{font-size:16px}.filter-container{gap:15px}.filter-actions{flex-direction:column;align-items:stretch}.filter-btn{width:100%;justify-content:center}.sort-group{width:100%;justify-content:space-between}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.empty-title{font-size:36px}.empty-subtitle{font-size:22px}.create-btn{padding:16px 40px;font-size:20px}.create-btn i{font-size:24px}.pagination{flex-direction:column;gap:15px}.pagination-btn{width:100%;justify-content:center}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.share-modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee}.share-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.share-modal-header h3 i{font-size:24px;color:#6366f1}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn:hover{background:#f5f5f5;color:#333}.share-modal-body{padding:30px 24px}.qr-code-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.qr-code-container canvas{border:2px solid #eee;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qr-tip{margin-top:12px;color:#666;font-size:14px}.share-link-section{margin-bottom:24px}.share-link-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#666}.link-input-group{display:flex;gap:8px}.share-link-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;background:#f9f9f9}.share-link-input:focus{outline:none;border-color:#6366f1;background:#fff}.copy-link-btn{padding:10px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.copy-link-btn:hover{background:#5558e3;transform:translateY(-1px)}.share-actions{display:flex;gap:12px}.share-action-btn{flex:1;padding:12px 20px;border:1px solid #ddd;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;background:#fff;color:#333}.share-action-btn:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.share-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.share-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.share-action-btn i{font-size:18px}.video-download-section{margin-top:30px;padding-top:24px;border-top:1px solid #eee}.download-divider{text-align:center;margin-bottom:16px}.download-divider span{font-size:14px;font-weight:600;color:#666;background:#fff;padding:0 12px;position:relative}.download-divider span:after,.download-divider span:before{content:"";position:absolute;top:50%;width:60px;height:1px;background:#ddd}.download-divider span:before{right:100%;margin-right:12px}.download-divider span:after{left:100%;margin-left:12px}.download-info{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border-radius:10px;margin-bottom:16px;border-left:3px solid #667eea}.download-info i{font-size:20px;color:#667eea;margin-top:2px;flex-shrink:0}.download-info p{margin:0;font-size:13px;color:#666;line-height:1.6}.download-info strong{color:#667eea;font-weight:600}.download-video-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px rgba(245,87,108,.3)}.download-video-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px rgba(245,87,108,.4)}.download-video-btn:disabled{opacity:.6;cursor:not-allowed}.download-video-btn i{font-size:20px}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.share-modal-content{width:95%;max-width:none;border-radius:12px}.share-modal-header{padding:16px 20px}.share-modal-header h3{font-size:18px}.share-modal-body{padding:24px 20px}.qr-code-container canvas{max-width:100%;height:auto}.share-actions{flex-direction:column}.share-action-btn{width:100%}.link-input-group{flex-direction:column}.copy-link-btn{width:100%;justify-content:center}}.showcase-detail-page{min-height:100vh;background:linear-gradient(145deg,#1a1a1a,#212121);padding:20px;position:relative}.showcase-detail-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(79,109,245,.03) 1px,transparent 0),linear-gradient(90deg,rgba(79,109,245,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none;opacity:.5;z-index:0}.back-button{position:fixed;top:20px;left:20px;padding:12px 24px;background:rgba(30,35,60,.9);border:2px solid rgba(79,109,245,.4);border-radius:25px;color:#4f6df5;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(79,109,245,.2);transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:100;backdrop-filter:blur(10px)}.back-button:hover{background:#1e233c;border-color:rgba(79,109,245,.6);color:#6b8aff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 30px rgba(79,109,245,.3)}.back-button i{font-size:20px}.detail-container{max-width:1400px;margin:80px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;z-index:1}.video-section{position:sticky;top:100px;align-self:start}.video-container{background:rgba(0,0,0,.5);border:2px solid rgba(79,109,245,.2);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 30px rgba(79,109,245,.1);backdrop-filter:blur(10px)}.showcase-video{width:100%;display:block;max-height:500px}.video-placeholder{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsla(0,0%,100%,.5)}.video-placeholder i{font-size:80px;margin-bottom:20px}.video-actions{gap:20px;margin-top:20px}.action-btn,.video-actions{display:flex;align-items:center}.action-btn{flex:1;padding:15px;background:rgba(30,35,60,.8);border:2px solid rgba(79,109,245,.3);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(79,109,245,.5)}.like-btn{color:#f5576c}.like-btn.liked{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:transparent;color:#fff;cursor:not-allowed;box-shadow:0 4px 15px rgba(245,87,108,.4),0 0 30px rgba(245,87,108,.3)}.like-btn i{font-size:20px}.like-btn .count{color:inherit;font-size:14px}.share-btn{color:#6366f1}.share-btn:hover{background:linear-gradient(135deg,#4f6df5,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 6px 20px rgba(79,109,245,.4),0 0 30px rgba(79,109,245,.3)}.share-btn i{font-size:20px}.view-count{padding:15px 20px;background:rgba(30,35,60,.8);border:2px solid rgba(79,109,245,.3);border-radius:12px;color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.view-count i{color:rgba(79,109,245,.9);font-size:18px}.view-count-short{display:none}.info-section{background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:2px solid rgba(79,109,245,.3);border-radius:20px;padding:40px;box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 30px rgba(79,109,245,.2),inset 0 1px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(10px);position:relative;animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.info-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(79,109,245,.2)}.showcase-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 15px;line-height:1.3;text-shadow:0 2px 10px rgba(79,109,245,.3)}.author-info{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding:10px 15px;background:rgba(79,109,245,.1);border:1px solid rgba(79,109,245,.2);border-radius:10px;font-size:14px;color:hsla(0,0%,100%,.7)}.author-info i{font-size:18px;color:#4f6df5;filter:drop-shadow(0 0 4px rgba(79,109,245,.5))}.author-label{font-weight:500;color:hsla(0,0%,100%,.7)}.author-name{font-weight:600;color:#6b8aff;text-shadow:0 0 8px rgba(79,109,245,.4)}.showcase-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:6px 15px;border-radius:15px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.featured-tag{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.category-tag{background:rgba(79,109,245,.2);border:1px solid rgba(79,109,245,.3);color:#6b8aff}.difficulty-tag{background:rgba(245,87,108,.2);border:1px solid rgba(245,87,108,.3);color:#ff7a8a}.info-block{margin-bottom:25px}.block-title{font-size:18px;font-weight:600;color:hsla(0,0%,100%,.9);margin:0 0 15px;display:flex;align-items:center;gap:8px}.block-title i{font-size:20px;color:#4f6df5;filter:drop-shadow(0 0 6px rgba(79,109,245,.5))}.block-content{font-size:15px;color:hsla(0,0%,100%,.7);line-height:1.8;margin:0}.prompt-box{background:rgba(79,109,245,.1);border:1px solid rgba(79,109,245,.2);border-left:4px solid #4f6df5;padding:20px;border-radius:10px;box-shadow:0 0 20px rgba(79,109,245,.1)}.prompt-box p{margin:0;font-size:15px;color:hsla(0,0%,100%,.8);line-height:1.6}.manim-code-block{background:rgba(79,109,245,.08);border:2px solid rgba(79,109,245,.3);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 0 20px rgba(79,109,245,.1)}.manim-code-header{margin-bottom:0}.manim-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.code-header-actions,.manim-title{display:flex;align-items:center;gap:10px}.manim-title{margin:0;font-size:18px;font-weight:600;color:hsla(0,0%,100%,.9);flex:1}.manim-title i{font-size:22px;color:#4f6df5;filter:drop-shadow(0 0 6px rgba(79,109,245,.5));flex-shrink:0}.manim-title-text{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.manim-subtitle{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.5)}.quick-copy-btn{padding:10px 20px;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px rgba(245,87,108,.4),0 0 20px rgba(245,87,108,.2)}.quick-copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(245,87,108,.5),0 0 30px rgba(245,87,108,.3)}.quick-copy-btn i{font-size:18px}.quick-copy-btn.copied{background:linear-gradient(135deg,#52c41a,#73d13d);box-shadow:0 4px 12px rgba(82,196,26,.4),0 0 20px rgba(82,196,26,.2);cursor:default}.quick-copy-btn.copied:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(82,196,26,.5),0 0 30px rgba(82,196,26,.3)}.toggle-code-btn{padding:10px 20px;background:linear-gradient(135deg,#4f6df5,#3a56d4);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px rgba(79,109,245,.4),0 0 20px rgba(79,109,245,.2)}.toggle-code-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(79,109,245,.5),0 0 30px rgba(79,109,245,.3)}.toggle-code-btn.active{background:linear-gradient(135deg,#3a56d4,#4f6df5)}.toggle-code-btn i{font-size:18px}.code-container{margin-top:20px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.15)}.code-toolbar{background:#2d2d2d;padding:10px 15px;display:flex;justify-content:flex-end;border-bottom:1px solid #3d3d3d}.copy-code-btn{padding:6px 14px;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.copy-code-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,87,108,.4)}.copy-code-btn i{font-size:16px}.copy-code-btn.copied{background:linear-gradient(135deg,#52c41a,#73d13d);cursor:default}.copy-code-btn.copied:hover{box-shadow:0 4px 12px rgba(82,196,26,.5)}.user-tags{display:flex;gap:10px;flex-wrap:wrap}.user-tag{padding:6px 15px;background:hsla(0,0%,100%,.05);border:1px solid rgba(79,109,245,.2);border-radius:15px;color:hsla(0,0%,100%,.7);font-size:13px;font-weight:500;transition:all .3s ease;cursor:default}.user-tag:hover{background:rgba(79,109,245,.15);border-color:rgba(79,109,245,.4);color:#6b8aff}.empty-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-container i{font-size:80px;margin-bottom:20px;opacity:.5}.empty-container p{font-size:18px;margin-bottom:20px;opacity:.8}.back-btn{padding:12px 30px;background:linear-gradient(135deg,#4f6df5,#3a56d4);border:none;border-radius:25px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(79,109,245,.4)}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.6)}@media (max-width:1024px){.detail-container{grid-template-columns:1fr;gap:20px;margin-top:100px}.video-section{position:static}.info-section{padding:30px 20px}.showcase-title{font-size:24px}}@media (max-width:768px){.back-button{padding:10px 20px;font-size:14px}.detail-container{margin-top:80px;padding:0 10px}.info-section{padding:20px 15px}.showcase-title{font-size:20px}.video-actions{flex-direction:row;gap:8px}.action-btn{flex:1;padding:10px 8px;font-size:13px;gap:4px}.action-btn span{display:none}.action-btn i{font-size:18px}.like-btn .count{display:inline;font-size:13px;margin-left:2px}.view-count{flex:1;padding:10px 8px;font-size:13px;gap:2px;justify-content:center}.view-count i{font-size:16px}.view-count-full{display:none!important}.view-count-short{display:inline!important;font-size:13px}.manim-code-block{padding:15px}.manim-title-row{flex-direction:column;align-items:flex-start;gap:12px}.manim-title{font-size:16px}.manim-title i{font-size:20px}.manim-subtitle{font-size:13px}.code-header-actions{width:100%;flex-direction:column;gap:8px}.quick-copy-btn,.toggle-code-btn{width:100%;justify-content:center;padding:12px 20px}.code-toolbar,.copy-code-btn{padding:8px 12px}.copy-code-btn{font-size:12px}}.my-works-page{min-height:100vh;background:linear-gradient(145deg,#1a1a1a,#212121);padding-bottom:60px;position:relative}.my-works-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(79,109,245,.03) 1px,transparent 0),linear-gradient(90deg,rgba(79,109,245,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none;opacity:.5}.back-button{position:fixed;top:20px;left:20px;padding:12px 24px;background:rgba(30,35,60,.9);border:2px solid rgba(79,109,245,.4);border-radius:25px;color:#4f6df5;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(79,109,245,.2);transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:100;backdrop-filter:blur(10px)}.back-button:hover{background:#1e233c;border-color:rgba(79,109,245,.6);color:#6b8aff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 30px rgba(79,109,245,.3)}.back-button i{font-size:20px}.my-works-header{background:rgba(30,35,60,.3);backdrop-filter:blur(10px);padding:60px 20px 40px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-bottom:2px solid rgba(79,109,245,.1);overflow:hidden;margin-bottom:40px}.tech-decoration{height:100%;pointer-events:none;overflow:hidden}.scan-line,.tech-decoration{position:absolute;top:0;left:0;width:100%}.scan-line{height:2px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.8) 50%,transparent);box-shadow:0 0 20px rgba(79,109,245,.8);animation:scanMove 4s linear infinite}@keyframes scanMove{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(200px);opacity:0}}.header-content{position:relative;z-index:2;max-width:800px}.page-title{margin:0 0 15px;font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(79,109,245,.5),0 2px 10px rgba(0,0,0,.3);animation:fadeInUp .6s ease-out backwards}.title-text{display:inline-block;background:linear-gradient(135deg,#fff,#a0b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:16px;color:hsla(0,0%,100%,.7);margin:0;animation:fadeInUp .6s ease-out .2s backwards;letter-spacing:.5px}.page-subtitle .bracket{color:#4f6df5;font-weight:700;margin:0 8px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.my-works-controls{max-width:1200px;margin:0 auto 30px;display:flex;justify-content:flex-end;padding:0 20px;position:relative;z-index:1}.sort-options{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:1px solid rgba(79,109,245,.3);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.3)}.sort-options label{font-size:14px;color:hsla(0,0%,100%,.7);font-weight:500}.sort-options select{padding:8px 16px;border:1px solid rgba(79,109,245,.3);border-radius:8px;font-size:14px;background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;transition:all .3s ease}.sort-options select:hover{border-color:rgba(79,109,245,.5);background:hsla(0,0%,100%,.08)}.sort-options select:focus{outline:none;border-color:#4f6df5;box-shadow:0 0 0 3px rgba(79,109,245,.2)}.sort-options select option{background:rgba(20,25,45,.98);color:#fff;padding:8px}.sort-options select option:hover{background:rgba(79,109,245,.3)}.my-works-content{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.empty-container,.loading-container{text-align:center;padding:60px 20px;background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:2px solid rgba(79,109,245,.2);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(79,109,245,.15);backdrop-filter:blur(10px)}.loading-spinner{border:4px solid hsla(0,0%,100%,.1);border-top-color:#4f6df5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:hsla(0,0%,100%,.7);font-size:16px}.empty-container .ri-quill-pen-line{font-size:64px;color:rgba(79,109,245,.4);margin-bottom:20px}.empty-title{font-size:24px;color:#fff;margin-bottom:10px;font-weight:600}.empty-subtitle{font-size:16px;color:hsla(0,0%,100%,.6);margin-bottom:30px}.create-btn{background:linear-gradient(135deg,#4f6df5,#3a56d4);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(79,109,245,.3);display:inline-flex;align-items:center;gap:8px}.create-btn i{font-size:20px}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.4)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:30px}.showcase-card{background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:2px solid rgba(79,109,245,.2);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 10px rgba(79,109,245,.1);backdrop-filter:blur(10px)}.showcase-card:hover{transform:translateY(-5px);border-color:rgba(79,109,245,.5);box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px rgba(79,109,245,.3)}.card-thumbnail{position:relative;width:100%;height:200px;background:rgba(0,0,0,.3);overflow:hidden}.card-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.showcase-card:hover .card-thumbnail img{transform:scale(1.05)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:hsla(0,0%,100%,.9);opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.showcase-card:hover .play-icon{opacity:1}.card-info{padding:16px;flex-grow:1;background:linear-gradient(180deg,rgba(30,35,60,.8),rgba(20,25,45,.9))}.card-title{font-size:18px;font-weight:600;margin:0 0 12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-stats{display:flex;justify-content:space-between;font-size:14px;color:hsla(0,0%,100%,.6)}.card-stats span{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(79,109,245,.1);border-radius:8px;border:1px solid rgba(79,109,245,.2);transition:all .3s ease}.card-stats span:hover{background:rgba(79,109,245,.2);border-color:rgba(79,109,245,.3)}.card-stats i{font-size:16px;color:#4f6df5}.pagination{gap:12px;margin-top:20px}.page-btn,.pagination{display:flex;justify-content:center}.page-btn{min-width:44px;height:44px;background:linear-gradient(135deg,rgba(30,35,60,.95),rgba(20,25,45,.98));border:2px solid rgba(79,109,245,.3);color:hsla(0,0%,100%,.8);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}.page-btn:hover{border-color:rgba(79,109,245,.5);box-shadow:0 4px 12px rgba(79,109,245,.3);transform:translateY(-2px)}.page-btn.active{background:linear-gradient(135deg,#4f6df5,#3a56d4);color:#fff;border-color:#4f6df5;box-shadow:0 4px 15px rgba(79,109,245,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}.page-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.5),inset 0 1px 0 hsla(0,0%,100%,.2)}@media (max-width:768px){.my-works-page{padding-bottom:40px}.back-button{top:10px;left:10px;padding:10px 16px;font-size:14px}.back-button i{font-size:18px}.my-works-header{padding:50px 20px 30px;margin-bottom:30px}.page-title{font-size:32px}.page-subtitle{font-size:14px}.my-works-controls{padding:0 10px;margin-bottom:20px}.sort-options{padding:10px 16px;width:100%;justify-content:space-between}.my-works-content{padding:0 10px}.showcase-grid{grid-template-columns:1fr;gap:16px}.pagination{gap:8px;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;font-size:14px}}:root{--primary-color:#212121;--secondary-color:#323232;--accent-color:#4f6df5;--accent-hover:#3a56d4;--accent-glow:rgba(79,109,245,0.4);--light-gray:#e0e0e0;--dark-gray:#1a1a1a;--text-color:#f5f5f5;--text-secondary:#b0b0b0;--shadow-color:rgba(0,0,0,0.2);--shadow-strong:rgba(0,0,0,0.4);--background-gradient:linear-gradient(145deg,var(--dark-gray),var(--primary-color));--error-color:#ff5252;--success-color:#4caf50;--card-radius:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--content-width:1200px;--tech-line-color:rgba(79,109,245,0.3);--tech-dot-color:rgba(79,109,245,0.8);--border-color:#ccc;--hover-color:#f0f0f0}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background-gradient);color:var(--text-color);overflow-x:hidden;font-size:16px;line-height:1.6;scroll-behavior:smooth}#root{display:flex;flex-direction:column}#root,.app-container{min-height:100vh;position:relative;z-index:1}.app-container{overflow-x:hidden}.math-animation{position:fixed;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;opacity:.3}.math-symbol{position:absolute;color:var(--accent-color);opacity:.8;animation:float 20s linear forwards;z-index:1;text-shadow:0 0 5px rgba(79,109,245,.3)}@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}5%{opacity:.8}95%{opacity:.8}to{transform:translateY(-20vh) rotate(1turn);opacity:0}}.solve-stream{line-height:1.8;font-size:16px;color:var(--text-color)}.solve-stream p{margin:1em 0;padding:0}.solve-stream ol,.solve-stream ul{margin:1em 0;padding-left:2em}.solve-stream li{margin:.5em 0;line-height:1.6}.solve-stream strong{color:gold;font-weight:600}.solve-stream em{color:#87ceeb;font-style:italic}.solve-stream .katex-display{margin:1.5em 0;text-align:center;background:rgba(79,109,245,.05);border-radius:8px;padding:1em;border-left:4px solid var(--accent-color)}.solve-stream .katex{font-size:1.1em;color:#fff}.solve-stream ul li strong{display:inline-block;margin-bottom:.5em;color:#4fc3f7;border-bottom:1px solid rgba(79,195,247,.3);padding-bottom:2px}.math-error{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);border-radius:4px;padding:.25em .5em;color:#f99;font-family:Courier New,monospace;font-size:.9em}.math-error code{background:none;color:inherit;padding:0}.solve-phase-indicator{position:sticky;top:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid var(--accent-color);border-radius:25px;padding:.75em 1.5em;margin:1em 0;text-align:center;font-weight:600;color:var(--accent-color);box-shadow:0 4px 12px rgba(79,109,245,.2);animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 4px 12px rgba(79,109,245,.2)}to{box-shadow:0 4px 20px rgba(79,109,245,.4)}}@media (max-width:768px){.solve-stream{font-size:14px;line-height:1.6}.solve-stream .katex-display{margin:1em 0;padding:.75em}.solve-phase-indicator{font-size:14px;padding:.5em 1em}}.tech-header{padding-left:0!important;padding-right:0!important}.tech-header .header-button-container,.tech-header .title-container{padding-left:2rem;padding-right:2rem}.logo-container{position:relative;display:inline-block;margin-bottom:1rem;margin-top:.5rem;padding:.5rem 1rem}.logo-glow{top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:transparent;filter:blur(25px);opacity:.5;animation:logoGlow 5s infinite alternate;border-radius:40%}.logo-glow,.logo-pulse{position:absolute;z-index:-1}.logo-pulse{top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;border:2px solid var(--accent-color);opacity:0;animation:logoPulse 4s infinite}.logo-circuit{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(90deg,transparent 50%,var(--accent-color) 0,var(--accent-color) 51%,transparent 0),linear-gradient(transparent 50%,var(--accent-color) 0,var(--accent-color) 51%,transparent 0);background-size:20px 20px;opacity:.1;z-index:-1;animation:circuitFlow 20s linear infinite}@keyframes logoPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.2;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes circuitFlow{0%{background-position:0 0}to{background-position:400px 400px}}@keyframes logoGlow{0%{box-shadow:0 0 30px 10px rgba(79,109,245,.2);opacity:.4}to{box-shadow:0 0 50px 15px rgba(79,109,245,.5);opacity:.7}}.header-decoration{display:flex;align-items:center;justify-content:center;margin:1.5rem auto .5rem;max-width:400px;position:relative}.header-decoration:before{content:"";position:absolute;top:-10px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.2),transparent)}.tech-line{height:1px;flex-grow:1;background:var(--tech-line-color)}.tech-dot{width:6px;height:6px;border-radius:50%;background:var(--tech-dot-color);margin:0 10px;box-shadow:0 0 10px 2px var(--accent-glow);animation:dotPulse 3s infinite alternate}@keyframes dotPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:1}}.tech-card{background:rgba(18,25,47,.8);border:1px solid rgba(0,122,255,.3);border-radius:15px;padding:25px;box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 0 15px rgba(0,122,255,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.tech-card:before{left:0;transform:scaleY(0);transform-origin:top}.tech-card:after,.tech-card:before{content:"";position:absolute;top:0;width:4px;height:100%;background:var(--accent-color);transition:transform var(--transition-normal)}.tech-card:after{right:0;transform:scaleY(0);transform-origin:bottom}.tech-card:hover:after,.tech-card:hover:before{transform:scaleY(1)}.tech-footer{padding:2.5rem 2rem;margin-top:2.5rem;position:relative;text-align:center;z-index:2;background:rgba(30,30,40,.5);border-top:1px solid rgba(79,109,245,.1);backdrop-filter:blur(10px)}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:var(--content-width);margin:0 auto}.footer-divider{width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--tech-line-color),transparent);margin:.5rem 0}.tech-footer-decoration{display:flex;align-items:center;justify-content:center;margin:2rem auto .5rem;max-width:350px}.banner-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.banner-title{font-size:1.3rem;font-weight:600;color:var(--accent-color);margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.banner-section .scrolling-banner{position:relative;height:200px;width:100%;z-index:1;opacity:.8;border-radius:12px;overflow:hidden;background:rgba(18,25,47,.3)}.credits-section{display:flex;flex-direction:column;align-items:center;width:100%}.credits-title{font-size:1.2rem;font-weight:500;color:var(--accent-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--tech-line-color);position:relative;letter-spacing:1px}.credits-title:after{content:"";position:absolute;bottom:-1px;left:30%;width:40%;height:2px;background-color:var(--accent-color);animation:creditsTitleGlow 3s infinite alternate}.credits-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.credit-item{display:flex;flex-direction:column;align-items:center;background:rgba(50,50,50,.7);border:1px solid rgba(79,109,245,.2);border-radius:8px;padding:1rem;min-width:120px;transform:translateY(0);transition:all var(--transition-normal);position:relative;overflow:hidden}.credit-item:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 5px 15px rgba(79,109,245,.2)}.credit-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(79,109,245,.1) 50%,transparent);transform:translateX(-100%);transition:transform .5s ease}.credit-item:hover:before{transform:translateX(100%)}.credit-name{font-size:1.1rem;color:var(--text-color);margin-bottom:.5rem;font-weight:500;position:relative}.credit-name:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.credit-item:hover .credit-name:after{transform:scaleX(1);transform-origin:left}.credit-role{font-size:.8rem;color:var(--accent-color)}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;max-width:var(--content-width);margin:0 auto}.footer-divider{width:1px;height:60px;margin:0 1rem}.credits-section{align-items:flex-end}}header{padding:2.5rem 2rem;text-align:center;background-color:transparent;position:relative;z-index:2}.title-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;background:linear-gradient(180deg,rgba(20,25,32,.7),rgba(30,30,40,0));border-radius:8px;position:relative;margin-bottom:1rem;border-top:1px solid rgba(79,109,245,.3);border-bottom:1px solid rgba(79,109,245,.1)}.title-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.5),transparent);filter:blur(1px)}.title-container:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.3),transparent)}.logo{font-size:3.5rem;font-weight:700;letter-spacing:6px;margin-bottom:.5rem;color:var(--text-color);text-transform:uppercase;display:inline-block;position:relative;text-shadow:0 0 15px rgba(79,109,245,.4);font-family:Inter,sans-serif;background:linear-gradient(90deg,#f5f5f5 40%,#4f6df5 60%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shineText 6s linear infinite}@keyframes shineText{0%{background-position:0}to{background-position:200%}}.logo:after{display:none}.logo-badge{position:absolute;top:0;right:-40px;background-color:var(--accent-color);color:#fff;font-size:1.2rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;box-shadow:0 0 10px rgba(79,109,245,.7);animation:badgePulse 2s infinite alternate;transform:translateY(20%);letter-spacing:1px;border:1px solid hsla(0,0%,100%,.3)}@keyframes badgePulse{0%{box-shadow:0 0 10px rgba(79,109,245,.5);background-color:var(--accent-color)}to{box-shadow:0 0 15px rgba(79,109,245,.8);background-color:#3a56d4}}.tagline{font-size:1.1rem;color:var(--text-secondary);font-weight:300;margin-bottom:.5rem;max-width:600px;margin-left:auto;margin-right:auto;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tagline:after{content:"";position:absolute;bottom:-8px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,109,245,.3),transparent)}.tagline-en{font-size:.9rem;color:hsla(0,0%,69%,.8);font-weight:400;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.container{flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:2rem;padding:0 2rem 3rem;max-width:var(--content-width);margin:0 auto;width:100%;position:relative;z-index:2}@media (min-width:1200px){.container{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}}.card{background-color:var(--secondary-color);border-radius:var(--card-radius);padding:1.5rem;box-shadow:0 10px 30px var(--shadow-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden;z-index:2}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px var(--shadow-strong)}.input-area{grid-column:1/-1}.input-header{justify-content:space-between;margin-bottom:1.25rem}.input-header,.input-title{display:flex;align-items:center}.input-title{font-size:1.25rem;font-weight:500;gap:.5rem}.input-title i{color:var(--accent-color)}textarea{width:100%;min-height:150px;padding:1.25rem;border:none;border-radius:8px;background-color:var(--dark-gray);color:var(--text-color);font-size:1rem;font-family:Inter,sans-serif;resize:vertical;transition:all var(--transition-normal);line-height:1.6}textarea::placeholder{color:var(--text-secondary);opacity:.6}textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.submit-btn{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:8px;padding:.9rem 1.8rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-top:1.25rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(79,109,245,.3)}.submit-btn i{font-size:1.2rem}.submit-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,109,245,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.response-area{overflow:hidden;display:flex;flex-direction:column}.response-content{font-size:1rem;line-height:1.7;white-space:pre-wrap;min-height:200px;overflow-y:auto;max-height:500px;font-family:Roboto Mono,monospace;border-radius:6px;padding:1rem;background-color:var(--dark-gray)}.response-content::-webkit-scrollbar{width:6px}.response-content::-webkit-scrollbar-track{background:var(--dark-gray);border-radius:6px}.response-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:6px}.loading-indicator{color:var(--text-secondary);font-style:italic;position:relative}.loading-indicator:after{content:"...";animation:loading 1.5s infinite;position:absolute}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.placeholder{color:var(--text-secondary);font-style:italic;opacity:.7}.error-message{color:var(--error-color);border-left:3px solid var(--error-color);padding:.75rem 1rem;display:block;margin:1rem 0;background-color:rgba(255,82,82,.1);border-radius:0 6px 6px 0}.error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--error-color);text-align:center;padding:2rem}.error-display p{font-size:1.2rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.error-display small{color:var(--text-secondary);max-width:90%;word-break:break-word;line-height:1.5}.animation-preview{display:flex;flex-direction:column}.preview-header{justify-content:space-between;margin-bottom:1.25rem}.preview-header,.preview-title{display:flex;align-items:center}.preview-title{font-size:1.25rem;font-weight:500;gap:.5rem}.preview-title i{color:var(--accent-color)}.preview-tabs{display:flex;gap:.5rem}.tab-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.4rem}.tab-btn i{font-size:1.1rem}.tab-btn.active{background-color:var(--accent-color);color:var(--text-color)}.tab-btn:hover:not(.active){background-color:rgba(79,109,245,.2);color:var(--light-gray)}.animation-container{flex:1;background-color:var(--dark-gray);border-radius:8px;min-height:350px;overflow:hidden;position:relative}.loading-animation{position:relative;width:60px;height:60px}.spinner{border:3px solid transparent;border-top:3px solid var(--accent-color);border-radius:50%;width:100%;height:100%;animation:spin 1s linear infinite}.empty-preview{text-align:center;color:var(--text-secondary);padding:2rem;max-width:80%}.code-preview{width:100%;height:100%;overflow:auto;padding:1.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.6;color:var(--text-color);background-color:var(--dark-gray);white-space:pre}.animation-placeholder{flex-direction:column;color:var(--text-secondary);text-align:center;font-style:italic}.animation-placeholder,.math-demo{display:flex;align-items:center;justify-content:center;gap:1.5rem}.math-demo{flex-wrap:wrap;margin-bottom:1rem}.math-symbol-large{font-size:3rem;opacity:.8;color:var(--accent-color)}.math-symbol-medium{font-size:2rem;opacity:.6}.math-symbol-small{font-size:1.5rem;opacity:.4}.preview-note{font-size:.9rem;opacity:.7;animation:pulse 2s infinite;max-width:60%}footer{background-color:var(--dark-gray);padding:1.5rem;text-align:center;margin-top:auto;position:relative;z-index:2}.author-info{color:var(--text-secondary);font-size:.9rem}.author-quote{font-style:italic;margin-top:.5rem;opacity:.8}@media (max-width:768px){.container{grid-template-columns:1fr;padding:0 1.5rem 2rem;gap:1.5rem}.card{padding:1.25rem}.logo{font-size:2.25rem}.tagline{font-size:1rem}.animation-container{min-height:300px}}.copy-btn{background-color:var(--dark-gray);color:var(--text-secondary);border:none;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-left:auto}.copy-btn:hover{background-color:var(--accent-color);color:var(--text-color)}.success-message{color:var(--success-color);border-left:3px solid var(--success-color);padding:.75rem 1rem;display:block;margin:1rem 0;background-color:rgba(76,175,80,.1);border-radius:0 6px 6px 0}.progress-bar{width:100%;height:4px;background-color:var(--dark-gray);border-radius:4px;margin-top:1rem;overflow:hidden;position:relative}.progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--accent-color);border-radius:4px;animation:loading-progress 2s infinite;width:30%}@keyframes loading-progress{0%{left:-30%}to{left:100%}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dark-gray);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .5s ease,visibility .5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.page-loader-content{text-align:center}.page-loader-logo{font-size:2.5rem;color:var(--text-color);margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase}.page-loader-spinner{width:50px;height:50px;border:3px solid rgba(79,109,245,.3);border-top:3px solid var(--accent-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.render-error{background-color:rgba(255,82,82,.05);border-radius:8px;padding:20px;margin:10px 0;max-width:100%;overflow:auto}.render-error h3{color:#ff5252;margin-top:0;margin-bottom:15px}.render-error pre{background-color:rgba(0,0,0,.05);padding:15px;border-radius:6px;overflow:auto;font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin-bottom:15px;white-space:pre-wrap}.fix-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:15px}.fix-btn:hover{background-color:#3a56d4}.fix-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.fix-btn i{font-size:16px}.fixing-state{margin-top:15px;background-color:rgba(0,0,0,.05);border-radius:8px;padding:15px}.fixing-state .spinner{width:20px;height:20px;border:3px solid rgba(79,109,245,.3);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;display:inline-block}.fixing-state p{display:flex;align-items:center;margin-bottom:10px;color:var(--text-secondary)}.fixed-code-preview{max-height:200px;overflow:auto;background-color:hsla(0,0%,100%,.1);padding:10px;border-radius:6px;font-size:12px;margin:0;white-space:pre-wrap;color:var(--text-secondary)}.rerender-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:15px}.rerender-btn:hover{background-color:#3e8e41}.rerender-btn i{font-size:16px}.check-status-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:15px}.check-status-btn:hover{background-color:#0b7dda}.check-status-btn:disabled{background-color:#ccc;cursor:wait;opacity:.7}.check-status-btn i{font-size:16px}.video-player{width:100%;display:flex;flex-direction:column;align-items:center}.video-player video{width:100%;max-width:800px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.render-time{margin-top:10px;color:var(--text-secondary);font-size:.9rem}.rendering-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.rendering-state .spinner{width:40px;height:40px;border:4px solid rgba(79,109,245,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.rendering-state p{color:var(--text-secondary);margin:5px 0}.render-tip{font-size:.8rem;color:var(--text-tertiary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px}.loading-state .spinner{width:40px;height:40px;border:4px solid rgba(79,109,245,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{background-color:rgba(255,82,82,.05);border-radius:8px;padding:20px;margin:10px 0;text-align:center}.error-state i{color:#ff5252;font-size:2rem;margin-bottom:15px}.code-container{width:100%;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.03)}.code-header{display:flex;justify-content:flex-end;padding:8px;background-color:rgba(0,0,0,.05)}.code-block{padding:15px;margin:0;overflow:auto;font-family:monospace;font-size:.9rem;line-height:1.5;color:var(--text-primary);background-color:transparent;max-height:400px}.preview-content{width:100%;min-height:400px;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.03);padding:15px}.animation-container{width:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.render-error-fix{margin-top:1.5rem;padding:1.25rem;background-color:var(--dark-gray);border-radius:8px;border-left:4px solid var(--error-color);position:relative}.render-error-fix h3{font-size:1.1rem;font-weight:500;margin-bottom:.75rem;color:var(--error-color);display:flex;align-items:center;gap:.5rem}.render-error-fix h3 i{font-size:1.2rem}.render-error-fix .error-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;background-color:rgba(0,0,0,.2);padding:.75rem;border-radius:4px}.fixed-code-container{margin-top:1.25rem;animation:fadeIn .3s ease-in-out}.fixed-code-container h4{font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:var(--success-color);display:flex;align-items:center;gap:.5rem}.fixed-code{font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;background-color:rgba(0,0,0,.3);padding:1rem;border-radius:6px;overflow-x:auto;white-space:pre;color:var(--text-color);max-height:300px;overflow-y:auto;margin-bottom:1rem;border-left:3px solid var(--success-color)}.fixed-code-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.copy-fixed-btn{background-color:transparent;color:var(--text-color);border:1px solid var(--text-secondary);border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-normal)}.copy-fixed-btn:hover{background-color:hsla(0,0%,100%,.1);border-color:var(--text-color)}.render-error-fix .fix-btn,.render-error-fix .rerender-btn{margin-top:.75rem}.render-error-fix .fixing-state{margin-top:1rem;background-color:rgba(0,0,0,.3);padding:1rem;border-radius:6px;position:relative}.render-error-fix .fixed-code-preview{font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;margin-top:.75rem;padding:.75rem;background-color:rgba(0,0,0,.2);border-radius:4px;overflow-x:auto;white-space:pre;color:var(--text-color);opacity:.8;max-height:200px;overflow-y:auto}.server-status{margin-top:15px;padding:10px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px}.server-status.success{background-color:rgba(76,175,80,.1);border-left:3px solid var(--success-color);color:var(--success-color)}.server-status.error{background-color:rgba(255,82,82,.1);border-left:3px solid var(--error-color);color:var(--error-color)}.founder-card{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;background:rgba(50,50,50,.7);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(79,109,245,.15);transition:all .3s ease;position:relative;overflow:hidden}.founder-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(79,109,245,.05) 50%,transparent);z-index:0}.founder-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.3);border-color:rgba(79,109,245,.3)}.founder-avatar{position:relative;width:55px;height:55px;border-radius:50%;overflow:visible;flex-shrink:0}.founder-avatar-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color),#2a4ce2);color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:1;box-shadow:0 2px 10px rgba(79,109,245,.4)}.founder-avatar-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:transparent;z-index:0;box-shadow:0 0 15px 5px rgba(79,109,245,.4);animation:founderGlow 3s infinite alternate}@keyframes founderGlow{0%{opacity:.5;box-shadow:0 0 10px 2px rgba(79,109,245,.3)}to{opacity:.8;box-shadow:0 0 20px 5px rgba(79,109,245,.5)}}.founder-details{display:flex;flex-direction:column;z-index:1}.founder-name{font-size:1.2rem;font-weight:500;color:var(--text-color);margin-bottom:.3rem;position:relative;display:inline-block}.founder-name:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-color),transparent)}.founder-quote{font-size:.95rem;color:var(--text-secondary);font-style:italic;line-height:1.4;position:relative}.founder-quote:before{content:open-quote;color:var(--accent-color);font-size:1.2em;margin-right:2px}.founder-quote:after{content:close-quote;color:var(--accent-color);font-size:1.2em;margin-left:2px}@media (max-width:480px){.founder-card{flex-direction:column;text-align:center;padding:1.5rem 1rem}.founder-name:after{left:25%;width:50%}}@keyframes creditsTitleGlow{0%{box-shadow:0 0 5px 1px rgba(79,109,245,.3)}to{box-shadow:0 0 10px 2px rgba(79,109,245,.5)}}.access-gate{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-gradient);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.access-gate:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(79,109,245,.1) 0,transparent 70%);z-index:-1;animation:gatePulse 8s infinite alternate}@keyframes gatePulse{0%{opacity:.3;transform:scale(.9)}to{opacity:.7;transform:scale(1.1)}}.access-gate-container{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .8s ease-out}.access-gate-container .gate-container{box-sizing:border-box;padding:20px;max-width:460px;width:100%}.gate-logo-container{text-align:center;margin-bottom:1rem}.gate-logo{position:relative;display:inline-block;margin-bottom:1rem;padding:.5rem 1rem}.gate-tagline{color:var(--text-secondary);font-size:1.1rem;font-weight:300;letter-spacing:.5px;margin-top:.5rem;position:relative;padding-bottom:1rem}.gate-tagline:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.gate-card{width:100%;background:rgba(25,25,30,.7);border-radius:var(--card-radius);backdrop-filter:blur(10px);position:relative;box-shadow:0 0 30px rgba(0,0,0,.3),inset 0 0 1px hsla(0,0%,100%,.1);transform:translateY(0);transition:transform .3s ease-out,box-shadow .3s ease-out}.gate-card:before{top:0;height:2px;opacity:.7}.gate-card:after,.gate-card:before{content:"";position:absolute;left:0;width:100%;background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.gate-card:after{bottom:0;height:1px;opacity:.3}.gate-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 15px var(--accent-glow)}.gate-card-inner{padding:2.5rem 2rem}.gate-header{text-align:center;margin-bottom:2rem}.gate-header h2{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--text-color),var(--accent-color) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;letter-spacing:1px}.gate-header p{color:var(--text-secondary);font-size:.95rem}.gate-form{margin-bottom:2rem}.key-input-container{margin-bottom:1.5rem;position:relative}.key-input{width:100%;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:8px;padding:1rem 1.2rem;color:var(--text-color);font-size:1rem;transition:all .2s ease;letter-spacing:2px}.key-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.key-input::placeholder{color:hsla(0,0%,69%,.5)}.key-error{color:var(--error-color);font-size:.85rem;margin-top:.5rem;animation:errorShake .4s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.key-submit{width:100%;background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.8rem;letter-spacing:1px;position:relative;overflow:hidden}.key-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease}.key-submit:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,109,245,.4)}.key-submit:hover:before{left:100%}.key-submit:active{transform:translateY(1px)}.arrow-icon{font-style:normal;font-size:1.2rem;transition:transform .3s ease}.key-submit:hover .arrow-icon{transform:translateX(5px)}.gate-footer{text-align:center;color:var(--text-secondary);font-size:.85rem}.contact-link{color:var(--accent-color);text-decoration:none;margin-left:.3rem;position:relative;display:inline-block;margin-top:.5rem;transition:all .2s ease}.contact-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-color);transition:width .3s ease}.contact-link:hover{color:#fff}.contact-link:hover:after{width:100%}@media (max-width:480px){.gate-card-inner{padding:2rem 1.5rem}.gate-header h2{font-size:1.5rem}.key-input{padding:.8rem 1rem}.key-submit{padding:.8rem}}.access-gate .math-symbol{opacity:.2;color:var(--accent-color);animation-duration:30s}.change-password-btn,.logout-btn{position:absolute;top:1.5rem;right:1.5rem;background:rgba(25,25,30,.6);border:1px solid rgba(79,109,245,.3);color:var(--text-secondary);border-radius:6px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;backdrop-filter:blur(10px)}.change-password-btn{position:relative;background:rgba(25,25,30,.7)}.change-password-btn:before,.logout-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(79,109,245,.1),transparent);opacity:0;transition:opacity .3s ease}.change-password-btn:hover,.logout-btn:hover{color:var(--text-color);border-color:var(--accent-color);box-shadow:0 0 15px rgba(79,109,245,.2)}.change-password-btn:hover:before,.logout-btn:hover:before{opacity:1}@media (max-width:480px){.change-password-btn,.logout-btn{top:1rem;right:1rem;padding:.4rem .8rem;font-size:.8rem}}.user-controls{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.user-credits{background:rgba(25,25,30,.7);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.user-credits span{color:var(--text-color);font-weight:500}.user-credits span.low-credits{color:var(--error-color)}.recharge-btn{background:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.recharge-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.user-info{display:flex;align-items:center;gap:.8rem}.welcome-text{color:var(--text-secondary);font-size:.85rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-color);font-size:.9rem}.form-input{width:100%;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.8rem 1rem;color:var(--text-color);font-size:.95rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.form-input::placeholder{color:hsla(0,0%,69%,.5)}.auth-error{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);color:#ff5252;border-radius:6px;animation:errorShake .4s ease-in-out}.auth-error,.auth-success{padding:.8rem 1rem;margin-bottom:1.2rem;font-size:.9rem}.auth-success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:6px}.toggle-auth-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.85rem;padding:0;margin-left:.3rem;transition:color .2s ease}.toggle-auth-btn:hover{color:#fff;text-decoration:underline}.modal-overlay{width:100vw;height:100vh;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:100}.modal-container{background:rgba(25,25,30,.9);border-radius:var(--card-radius);width:90%;max-width:500px;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 15px var(--accent-glow);overflow:hidden;position:relative;animation:modalSlideUp .4s ease}.modal-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.7}.modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(79,109,245,.2);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.4rem;margin:0;background:linear-gradient(90deg,var(--text-color),var(--accent-color) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;transition:color .2s ease;padding:0;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-color)}.modal-body{padding:1.5rem}.pricing-info{margin-bottom:1.5rem;padding:1rem;background:rgba(30,30,35,.6);border-radius:6px}.pricing-info p{margin:.5rem 0;color:var(--text-secondary)}.pricing-info strong{color:var(--text-color)}.payment-amount-options{display:flex;gap:.8rem;margin-top:.5rem}.amount-option{flex:1;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.8rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:center}.amount-option.active,.amount-option:hover{border-color:var(--accent-color);color:var(--text-color)}.amount-option.active{background:rgba(79,109,245,.2);box-shadow:0 0 10px rgba(79,109,245,.3)}.payment-method-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.payment-method{flex:1;min-width:120px;background:rgba(30,30,35,.6);border:1px solid rgba(79,109,245,.3);border-radius:6px;padding:.8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.payment-method.active,.payment-method:hover{border-color:var(--accent-color)}.payment-method.active{background:rgba(79,109,245,.2);box-shadow:0 0 10px rgba(79,109,245,.3)}.payment-method input{margin:0}.payment-method label{margin:0;cursor:pointer;color:var(--text-secondary)}.payment-method.active label{color:var(--text-color)}.payment-submit{width:100%;background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;position:relative;overflow:hidden}.payment-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease}.payment-submit:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,109,245,.4)}.payment-submit:hover:before{left:100%}.payment-submit:active{transform:translateY(1px)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-controls{position:relative;top:0;right:0;margin-top:1rem;width:100%;flex-direction:row;justify-content:space-between;align-items:center}.user-info{flex-direction:column;align-items:flex-end;gap:.5rem}.logout-btn{position:static;margin-top:0}.payment-amount-options,.payment-method-options{flex-direction:column}.payment-method{width:100%}}@media (max-width:480px){.modal-container{width:95%}.modal-body,.modal-header{padding:1rem}.amount-option,.payment-method{padding:.6rem;font-size:.8rem}.payment-submit{padding:.8rem}.gate-card-inner{padding:1.5rem}.form-input{padding:.7rem .8rem}}.input-with-button{display:flex;gap:.5rem;width:100%}.input-with-button .form-input{flex:1}.send-code-btn{background:var(--accent-color);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:100px}.send-code-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.send-code-btn:disabled{background:#555;opacity:.7;cursor:not-allowed}.code-hint{margin-top:.5rem;font-size:.8rem;color:var(--accent-color);padding:.25rem .5rem;background-color:rgba(79,109,245,.1);border-radius:4px}#code{letter-spacing:.2em;font-weight:500}.image-preview-container{position:relative;margin:10px 0;max-width:400px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 3px 8px rgba(0,0,0,.1)}.image-preview{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.remove-image-btn:hover{background-color:rgba(255,0,0,.7)}.upload-btn{display:flex;align-items:center;gap:5px;background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:5px 10px;font-size:13px;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background-color:var(--hover-color)}.upload-btn i{font-size:16px}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{margin-left:10px}@media (max-width:768px){.image-preview-container{max-width:100%}}.threejs-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-color);border:none;border-radius:0;box-shadow:none;z-index:1100;display:flex;flex-direction:column;overflow:hidden;max-width:100vw;max-height:100vh}.threejs-viewer.fullscreen{top:0;left:0;width:100vw;height:100vh;border-radius:0}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,var(--accent-color),#5a67d8);color:#fff;border-bottom:1px solid var(--border-color)}.viewer-header h3{margin:0;font-size:1.2rem;align-items:center}.viewer-controls,.viewer-header h3{display:flex;gap:8px}.control-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.control-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.control-btn.close-btn{background:rgba(239,68,68,.8);border-color:rgba(239,68,68,.4)}.control-btn.close-btn:hover{background:#ef4444}.viewer-content{flex:1;display:flex;position:relative;background:#f8f9fa}.html-iframe{width:100%;height:100%;border:none;background:#fff}.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary);font-size:1.1rem}.no-content i{font-size:3rem;margin-bottom:15px;opacity:.5}.viewer-info{padding:10px 20px;background:var(--background-secondary);border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.viewer-info p{margin:0;display:flex;align-items:center;gap:8px}.viewer-info i{color:var(--accent-color)}.mode-selector{display:flex;background:var(--background-secondary);border-radius:12px;padding:4px;margin-bottom:20px;border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;min-width:600px;max-width:800px;margin-left:auto;margin-right:auto;grid-column:span 2}.mode-button{flex:1;padding:12px 20px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.mode-button:hover{color:var(--text-color);background:rgba(79,109,245,.1)}.mode-button.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px rgba(79,109,245,.3)}.mode-button i{font-size:1.1rem}.mode-info{display:flex;flex-direction:column;align-items:center;gap:4px}.mode-name{font-size:1rem;font-weight:500}.mode-credits{font-size:.75rem;padding:2px 8px;border-radius:12px;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);font-weight:400;transition:all .3s ease}.mode-credits.premium{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;font-weight:600;cursor:pointer;position:relative;animation:premium-glow 2s ease-in-out infinite alternate}.mode-credits.premium:hover{transform:scale(1.05);box-shadow:0 2px 8px hsla(0,100%,71%,.4)}@keyframes premium-glow{0%{box-shadow:0 0 5px hsla(0,100%,71%,.5)}to{box-shadow:0 0 15px rgba(255,165,0,.6)}}.credit-explanation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(5px)}.credit-explanation-modal-content{background:var(--background-color);border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 40px rgba(0,0,0,.3)}.credit-explanation-modal-content h2{color:var(--accent-color);margin-bottom:20px;text-align:center;font-size:1.5rem}.explanation-content,.explanation-section{margin-bottom:25px}.explanation-section h3{color:var(--text-color);margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.explanation-section h3 i{color:var(--accent-color)}.explanation-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.explanation-section ul{list-style:none;padding:0}.explanation-section li{color:var(--text-secondary);line-height:1.6;margin-bottom:8px;padding-left:0}.mode-comparison{display:flex;flex-direction:column;gap:10px}.comparison-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-secondary);border-radius:8px;border-left:3px solid transparent}.mode-tag{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;min-width:70px;text-align:center}.mode-tag.manim{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff}.mode-tag.threejs{background:#10b981;color:#fff}.mode-tag.geogebra{background:#3b82f6;color:#fff}.process{flex:1;font-size:.9rem;color:var(--text-secondary)}.cost{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600}.cost.high{background:hsla(0,100%,71%,.2);color:#ff6b6b}.cost.low{background:rgba(16,185,129,.2);color:#10b981}.understand-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent-color),#6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.understand-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,109,245,.4)}.credit-explanation-modal-content.simple{max-width:400px;padding:40px 30px;text-align:center}.simple-explanation{display:flex;flex-direction:column;align-items:center;gap:20px}.expensive-meme{width:200px;height:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform .3s ease}.expensive-meme:hover{transform:scale(1.05) rotate(1deg)}.guess-text-cn{font-size:2rem;font-weight:700;color:var(--accent-color);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:bounce 2s ease-in-out infinite}.guess-text-en{font-size:1.2rem;font-weight:600;color:var(--text-secondary);margin:0;letter-spacing:2px;text-transform:uppercase;opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.threejs-mode .input-section{border-left:3px solid #10b981}.threejs-mode .generate-btn{background:linear-gradient(135deg,#10b981,#059669)}.threejs-mode .generate-btn:hover{background:linear-gradient(135deg,#059669,#047857)}@media (max-width:768px){.threejs-viewer{top:5%;left:5%;width:90%;height:90%}.viewer-header{padding:12px 15px}.viewer-header h3{font-size:1.1rem}.viewer-controls{gap:6px}.control-btn{padding:6px 8px;font-size:.8rem}.control-btn span{display:none}.mode-selector{flex-direction:column;gap:4px;min-width:unset;max-width:unset;width:100%}.mode-button{padding:10px 16px;font-size:.9rem}}.html-comment{color:#6a9955;font-style:italic}.html-tag{color:#569cd6}.html-string{color:#ce9178}.html-number{color:#b5cea8}.js-keyword{color:#c586c0;font-weight:700}.three-class{color:#4ec9b0;font-weight:700}.three-method{color:#dcdcaa}.threejs-code-notice{margin:15px 0;padding:15px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;border-left:4px solid #34d399}.notice-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice-content i{font-size:1.2rem;color:#d1fae5}.notice-content span{flex:1;font-weight:500}.view-threejs-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.view-threejs-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.view-threejs-btn i{font-size:1rem}.threejs-mode .response-area{border-left-color:#10b981}.threejs-mode .preview-title i{color:#10b981}.threejs-mode .code-container{border-left:3px solid #10b981}.threejs-mode .code-language:after{content:" (Three.js)";color:#10b981;font-size:.8rem;opacity:.8}@media (max-width:768px){.notice-content{flex-direction:column;align-items:stretch;gap:10px}.notice-content span{text-align:center}.view-threejs-btn{justify-content:center;padding:10px 16px}}.geogebra-viewer{display:flex;flex-direction:column;height:100%;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.geogebra-viewer .viewer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-bottom:1px solid var(--border-color)}.geogebra-viewer .viewer-header h3{margin:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.geogebra-viewer .viewer-controls{display:flex;gap:8px;flex-wrap:wrap}.geogebra-viewer .control-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.geogebra-viewer .control-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.geogebra-viewer .control-btn:disabled{opacity:.5;cursor:not-allowed}.geogebra-viewer .control-btn.close-btn{background:rgba(239,68,68,.8);border-color:rgba(239,68,68,.4)}.geogebra-viewer .control-btn.close-btn:hover{background:#ef4444}.geogebra-viewer .viewer-content{flex:1;display:flex;gap:10px;padding:10px;background:#f8f9fa;overflow:hidden}.geogebra-container{flex:2;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:visible}.geogebra-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;padding:40px 20px;color:var(--text-secondary)}.geogebra-container .loading-state .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.geogebra-wrapper{display:flex;flex-direction:column;overflow:visible}#ggb-container,#ggb-main-container{width:100%}.command-panel{flex:1;display:flex;flex-direction:column;min-width:350px;max-width:450px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.command-status{padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-bottom:1px solid hsla(0,0%,100%,.2)}.command-status h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.command-status p{margin:0;font-size:.9rem;opacity:.9}.executing-indicator{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;background:hsla(0,0%,100%,.2);border-radius:12px;font-size:.8rem;font-weight:500}.executing-indicator:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 1.5s infinite}.command-list{flex:1;padding:12px;overflow-y:auto;max-height:300px}.command-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:6px;border-radius:6px;font-size:.9rem;transition:all .3s ease;border-left:3px solid transparent}.command-item.pending{background:#f8f9fa;border-left-color:#e5e7eb;color:var(--text-secondary)}.command-item.executing{background:#fef3c7;border-left-color:#f59e0b;color:#92400e;animation:commandPulse 1.5s infinite}.command-item.executed{background:#d1fae5;border-left-color:#10b981;color:#065f46}.command-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-color);color:#fff;border-radius:50%;font-size:.8rem;font-weight:600;min-width:24px}.command-item.executed .command-number{background:#10b981}.command-item.executing .command-number{background:#f59e0b}.command-text{flex:1;font-family:Courier New,monospace;word-break:break-all}.command-status-icon{font-size:1.1rem;margin-left:auto}.command-status-icon.spinning{animation:spin 1s linear infinite}.execution-log{border-top:1px solid var(--border-color);padding:12px;background:#f8f9fa;max-height:200px;overflow-y:auto}.execution-log h4{margin:0 0 10px;font-size:1rem;color:var(--text-color)}.log-list{gap:6px}.log-item,.log-list{display:flex;flex-direction:column}.log-item{gap:3px;padding:8px 10px;border-radius:4px;font-size:.8rem;border-left:3px solid}.log-item.success{background:#f0fdf4;border-left-color:#22c55e;color:#166534}.log-item.error{background:#fef2f2;border-left-color:#ef4444;color:#dc2626}.log-time{font-weight:500;opacity:.8}.log-command{font-family:Courier New,monospace;font-weight:600}.log-message{opacity:.9}.no-commands{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1.1rem;padding:40px 20px}.no-commands i{font-size:3rem;margin-bottom:15px;opacity:.5;color:#f59e0b}.welcome-content{text-align:center;max-width:500px;margin:0 auto}.welcome-content h4{color:#f59e0b;font-size:1.4rem;margin:0 0 15px;font-weight:600}.welcome-content p{margin:10px 0;font-size:1rem;line-height:1.5}.welcome-content ul{text-align:left;margin:15px 0;padding-left:20px}.welcome-content li{margin:8px 0;font-size:.95rem;line-height:1.4}.example-hints{margin-top:20px;padding:15px;background:rgba(245,158,11,.1);border-radius:8px;border-left:4px solid #f59e0b}.example-hints p{margin:8px 0}.example-hints p:first-child{font-weight:600;color:#f59e0b;margin-bottom:12px}.example-hints p:not(:first-child){font-family:Courier New,monospace;font-size:.9rem;background:hsla(0,0%,100%,.8);padding:6px 10px;border-radius:4px;margin:6px 0;border-left:2px solid #f59e0b}.geogebra-preview{border-left:3px solid #f59e0b}.geogebra-preview .preview-title i{color:#f59e0b}@keyframes commandPulse{0%,to{transform:scale(1);background:#fef3c7}50%{transform:scale(1.02);background:#fde68a}}@media (max-width:1200px){.geogebra-viewer .viewer-content{flex-direction:column;gap:10px}.command-panel{min-width:auto;max-width:none;max-height:350px;flex:0 0 auto}.geogebra-container{flex:1 1 auto}}@media (max-width:768px){.geogebra-viewer .viewer-header{padding:10px 12px;flex-wrap:nowrap;gap:8px}.geogebra-viewer .viewer-header h3{font-size:1.1rem;flex-shrink:0;min-width:auto}.geogebra-viewer .viewer-controls{gap:6px;flex-wrap:nowrap;flex:1;justify-content:flex-end;overflow-x:auto}.geogebra-viewer .control-btn{padding:8px 10px;font-size:.9rem;min-width:36px;flex-shrink:0}.geogebra-viewer .control-btn span{display:none}.geogebra-viewer .control-btn i{margin:0;font-size:1.1rem}.geogebra-viewer .viewer-content{padding:8px;gap:8px;flex-direction:column}.command-panel{max-height:250px;flex:0 0 auto}.command-list{max-height:180px}.execution-log{max-height:120px}.geogebra-container{flex:1 1 auto}}.geogebra-command{color:#8b5cf6;font-weight:700}.geogebra-parameter{color:#059669}.geogebra-string{color:#dc2626}.geogebra-number{color:#2563eb}.geogebra-variable{color:#f59e0b;font-weight:700}.geogebra-comment{color:#6b7280;font-style:italic}.geogebra-viewer.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background-color:var(--background-color,#f0f2f5);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0;box-shadow:none}.geogebra-viewer.fullscreen .viewer-content{flex-grow:1}.geogebra-viewer.fullscreen .geogebra-wrapper{width:100%;height:100%}.community-section{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 0;width:100%}.community-image{width:150px;height:150px;border-radius:8px;object-fit:cover;border:2px solid var(--tech-line-color)}.community-text{text-align:left;max-width:400px}.community-text h3{font-size:1.5rem;color:var(--accent-color);margin-bottom:.5rem}.community-text p{font-size:1rem;color:var(--text-secondary)}@media (max-width:768px){.community-section{flex-direction:column;text-align:center}.community-text{text-align:center}}.community-image:hover{transform:scale(1.05);border-color:var(--accent-color);cursor:pointer;transition:var(--transition-normal)}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(5px);animation:fadeIn .3s ease}.image-modal-content{position:relative;text-align:center;background:var(--secondary-color);padding:2rem;border-radius:var(--card-radius);box-shadow:0 10px 30px var(--shadow-strong)}.enlarged-community-image{max-width:80vw;max-height:70vh;object-fit:contain;border-radius:8px}.scan-hint{color:var(--text-color);font-size:1.2rem;margin-top:1rem;font-weight:500}.close-modal-btn{position:absolute;top:-15px;right:-15px;background:var(--accent-color);color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.5rem;line-height:28px;text-align:center;cursor:pointer;box-shadow:0 4px 10px var(--shadow-strong);transition:var(--transition-fast)}.close-modal-btn:hover{background:var(--error-color);color:#fff}.render-error-container{background-color:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.2);border-left:4px solid var(--error-color);border-radius:8px;padding:1rem;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .5s ease}.render-error-container .error-message{margin:0;padding:0;border:none;background:none;color:var(--error-color);font-weight:500;display:flex;align-items:center;gap:.5rem}.render-error-container .error-message i{font-size:1.2rem}.fix-button{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start}.fix-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 10px rgba(79,109,245,.3)}.fix-button:disabled{opacity:.7;cursor:not-allowed}.fix-button i.rotating{animation:spin 1s linear infinite}.new-user-guide-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px)}.new-user-guide-modal-content{background:linear-gradient(145deg,#1f2428,#101214);color:#e0e0e0;padding:30px 40px;border-radius:15px;max-width:600px;width:90%;border:1px solid rgba(0,122,255,.4);box-shadow:0 0 25px rgba(0,122,255,.2);position:relative;animation:fadeInScaleUp .5s cubic-bezier(.165,.84,.44,1)}.new-user-guide-modal-content h2{color:#0af;text-align:center;margin-top:0;margin-bottom:15px;font-size:24px}.new-user-guide-modal-content p{line-height:1.6;margin-bottom:20px}.new-user-guide-modal-content .guide-section{margin-bottom:25px;padding-left:15px;border-left:3px solid rgba(0,122,255,.5)}.new-user-guide-modal-content .guide-section h3{margin-top:0;margin-bottom:10px;color:#9df;font-size:18px}.new-user-guide-modal-content ul{list-style-type:none;padding-left:0}.new-user-guide-modal-content li{margin-bottom:10px;padding-left:10px;position:relative}.new-user-guide-modal-content li:before{content:"▶";position:absolute;left:-10px;color:#0af;font-size:12px}.new-user-guide-modal-content .guide-link{color:#0af;text-decoration:none;font-weight:700;border-bottom:1px dashed #0af;transition:all .3s ease}.new-user-guide-modal-content .guide-link:hover{color:#fff;background-color:#0af;border-bottom-color:#fff}.new-user-guide-modal-content .recharge-btn{margin-right:10px}.new-user-guide-modal-content small{color:#aaa;font-style:italic}.new-user-guide-modal-content .guide-close-btn{display:block;width:100%;padding:12px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(45deg,#007bff,#0af);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 15px rgba(0,122,255,.3)}.new-user-guide-modal-content .guide-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,122,255,.5)}.image-modal-overlay .close-modal-btn{top:15px;right:15px;width:40px;height:40px;font-size:28px}.new-user-guide-modal-content .close-modal-btn{position:absolute;right:15px;background:none;border:none;color:#888;font-size:30px;cursor:pointer;transition:color .3s ease}.new-user-guide-modal-content .close-modal-btn:hover{color:#fff}@media (max-width:768px){.user-info{flex-direction:row;align-items:center;gap:.5rem}.user-controls{flex-wrap:wrap}}@media (max-width:480px){.new-user-guide-modal-content{max-height:90vh;overflow-y:auto;padding:20px 15px}.new-user-guide-modal-content .close-modal-btn{top:8px;right:10px;font-size:28px}.user-controls{position:relative;top:0;right:0;width:100%;flex-direction:column;align-items:flex-end;gap:.5rem;margin-top:.5rem}}.top-right-user-info{position:fixed;top:55px;right:30px;z-index:1200;display:flex;align-items:center;gap:.75rem}.top-right-user-info .change-password-btn,.top-right-user-info .logout-btn{position:relative;top:auto;right:auto}.top-right-user-info .username-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(88,101,242,.1),rgba(139,92,246,.1));color:var(--text-color);border:1px solid rgba(88,101,242,.3);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.top-right-user-info .username-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.top-right-user-info .username-btn:hover{background:linear-gradient(135deg,rgba(88,101,242,.2),rgba(139,92,246,.2));border-color:rgba(88,101,242,.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(88,101,242,.3)}.top-right-user-info .username-btn:hover:before{left:100%}.top-right-user-info .username-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(88,101,242,.2)}.top-right-user-info .username-btn i{font-size:1.1rem;color:var(--primary-color)}.top-right-user-info .username-btn span{text-align:center;white-space:nowrap}@media (max-width:768px){.top-right-user-info{top:15px;right:20px;font-size:.85rem;gap:.5rem}.top-right-user-info .username-btn{padding:.4rem .8rem;font-size:.85rem}.top-right-user-info .username-btn span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.top-right-user-info .username-btn span{display:none}.top-right-user-info .username-btn{padding:.5rem;min-width:auto}}.new-user-guide-modal-content .close-modal-btn{position:sticky;top:10px;margin-left:auto;z-index:2100}@media (max-width:480px){.new-user-guide-modal-content .close-modal-btn{top:6px;right:0;top:5px;right:5px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:var(--secondary-color);padding:2rem;border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(0,0,0,.5);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;border-top:4px solid var(--accent-color);animation:slideIn .4s cubic-bezier(.25,.46,.45,.94)}.modal-content h2{text-align:center;color:var(--accent-color);margin-bottom:1.5rem}.announcement-list{display:flex;flex-direction:column;gap:1.5rem}.announcement-item{background-color:var(--dark-gray);padding:1.5rem;border-radius:8px;border-left:3px solid var(--accent-color)}.announcement-item h3{margin-bottom:.5rem;color:var(--text-color)}.announcement-item p{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.announcement-item span{font-size:.8rem;color:var(--text-secondary);opacity:.7;text-align:right;display:block}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.community-cta{background:linear-gradient(135deg,rgba(79,109,245,.1),rgba(79,109,245,.2));border-color:var(--accent-color);text-align:center;padding:2rem}.community-cta h3{color:var(--accent-color)}.join-community-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.8rem 1.6rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;box-shadow:0 4px 15px rgba(79,109,245,.3)}.join-community-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,109,245,.5)}.join-community-btn i{font-size:1.2rem}.fix-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:2200;backdrop-filter:blur(5px);animation:fadeIn .3s ease}.fix-modal-content{background:var(--secondary-color);padding:2rem;border-radius:var(--card-radius);box-shadow:0 10px 30px var(--shadow-strong);width:90%;max-width:500px;position:relative;text-align:center;border-top:4px solid var(--accent-color);animation:slideIn .4s cubic-bezier(.25,.46,.45,.94)}.fix-modal-content .error-message{color:var(--error-color);font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.fix-modal-content .fix-button{margin:0 auto}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(12,16,29,.97);z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:15px;padding:20px;box-sizing:border-box;backdrop-filter:blur(3px);opacity:0;animation:fadeIn .3s forwards}.loading-overlay-content{text-align:center;width:90%}.loading-brand{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0af,0 0 20px #0af,0 0 25px #0af;margin-bottom:25px;letter-spacing:3px;animation:flicker 2s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0af,0 0 80px #0af,0 0 90px #0af}20%,24%,55%{opacity:.8;text-shadow:none}}.loading-progress-bar-container{width:100%;height:6px;background-color:hsla(0,0%,100%,.15);border-radius:3px;margin-bottom:25px;overflow:hidden;position:relative}.loading-progress-bar{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,rgba(0,122,255,0),#00b4ff,rgba(0,122,255,0));border-radius:3px;animation:loading-progress-animation 3s ease-in-out infinite}@keyframes loading-progress-animation{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(-100%)}}.loading-text{color:#e0e0e0;font-size:16px;font-weight:500;text-shadow:0 0 8px rgba(0,180,255,.5)}.tech-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 0 25px rgba(0,122,255,.4)}.video-controls{flex-direction:column;gap:15px;margin-top:15px}.download-btn,.video-controls{display:flex;align-items:center}.download-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;justify-content:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.3)}.download-btn:hover{background:linear-gradient(135deg,#66bb6a,#388e3c);transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.download-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(76,175,80,.3)}.download-btn i{font-size:16px}.watermark-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in-out}.watermark-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(79,109,245,.3);box-shadow:0 20px 40px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.1);max-width:500px;width:90vw;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.watermark-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(79,109,245,.2)}.watermark-modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.watermark-modal-header h3 i{color:var(--accent-color);font-size:1.4rem}.watermark-modal-body{padding:24px}.watermark-modal-body p{margin:0 0 20px;color:var(--text-secondary);font-size:1rem;line-height:1.5}.watermark-input-group{display:flex;flex-direction:column;gap:8px}.watermark-input-group label{font-weight:600;color:var(--text-primary);font-size:.95rem}.watermark-input{width:100%;padding:12px 16px;border:2px solid rgba(79,109,245,.3);border-radius:8px;background-color:rgba(79,109,245,.05);color:var(--text-primary);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.watermark-input:focus{outline:none;border-color:var(--accent-color);background-color:rgba(79,109,245,.1);box-shadow:0 0 0 3px rgba(79,109,245,.1)}.watermark-input::placeholder{color:var(--text-tertiary)}.watermark-hint{color:var(--text-tertiary);font-size:.85rem;line-height:1.4;margin-top:4px}.watermark-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid rgba(79,109,245,.2)}.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid rgba(79,109,245,.3);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-secondary:hover:not(:disabled){background-color:rgba(79,109,245,.1);border-color:rgba(79,109,245,.5);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#3d5afe);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(79,109,245,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5c6bc0,#3f51b5);transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,109,245,.4)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(79,109,245,.3)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary i,.btn-secondary i{font-size:1rem}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.watermark-modal-content{margin:20px;width:calc(100vw - 40px)}.watermark-modal-body,.watermark-modal-footer,.watermark-modal-header{padding-left:16px;padding-right:16px}.watermark-modal-footer{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width:1024px) and (min-width:769px){.mode-selector{min-width:500px;max-width:700px}}@media (max-width:768px){.mode-selector{flex-direction:column;gap:8px;padding:8px;min-width:unset;max-width:unset;width:100%}.mode-button{padding:16px 20px;flex-direction:row;justify-content:flex-start;gap:12px}.mode-info{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.mode-name{font-size:1rem}.mode-credits{font-size:.7rem;padding:3px 6px}.credit-explanation-modal-content{padding:20px;margin:10px;max-height:85vh}.credit-explanation-modal-content h2{font-size:1.3rem}.mode-comparison{gap:8px}.comparison-item{flex-direction:column;gap:8px;text-align:center}.mode-tag{min-width:auto;width:100%}.process{font-size:.8rem;text-align:center}}@media (max-width:480px){.mode-button{padding:14px 16px}.mode-name{font-size:.9rem}.mode-credits{font-size:.65rem;padding:2px 5px}.credit-explanation-modal-content{padding:16px;margin:5px}.explanation-section h3{font-size:1rem}.explanation-section li,.explanation-section p{font-size:.9rem}.credit-explanation-modal-content.simple{max-width:350px;padding:30px 20px}.expensive-meme{width:150px}.guess-text-cn{font-size:1.6rem}.guess-text-en{font-size:1rem;letter-spacing:1px}}.image-modal-content.community-enhanced{max-width:800px;width:90vw;max-height:90vh;overflow-y:auto;padding:2.5rem;background:linear-gradient(135deg,var(--secondary-color),rgba(79,109,245,.1));border:1px solid rgba(79,109,245,.3)}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{color:var(--text-color);font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.highlight-banner{background:linear-gradient(90deg,var(--accent-color),#ff6b6b,var(--accent-color));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite;border-radius:25px;padding:15px 25px;margin:0 auto 1.5rem;display:inline-block;box-shadow:0 8px 25px rgba(79,109,245,.4);border:2px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden}.highlight-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.big-number{display:block;font-size:2.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.highlight-text{display:block;font-size:1.1rem;color:#fff;font-weight:600;margin-top:5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.honor-section{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,140,0,.05));border-radius:20px;border:2px solid rgba(255,215,0,.3);text-align:center;position:relative;overflow:hidden}.honor-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);animation:honorGlow 4s ease-in-out infinite;pointer-events:none}@keyframes honorGlow{0%,to{transform:rotate(0deg);opacity:.3}50%{transform:rotate(180deg);opacity:.7}}.honor-title{color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.honor-achievement,.honor-title{margin-bottom:1.5rem;position:relative;z-index:2}.honor-achievement{display:flex;align-items:center;justify-content:center;gap:2rem}.honor-image{max-width:200px;max-height:300px;border-radius:15px;box-shadow:0 8px 25px rgba(255,215,0,.3);border:3px solid rgba(255,215,0,.5);transition:all .3s ease}.honor-image:hover{transform:scale(1.05);box-shadow:0 12px 35px rgba(255,215,0,.5)}.honor-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem}.honor-label{background:linear-gradient(90deg,gold,orange);color:#000;padding:8px 20px;border-radius:25px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px rgba(255,215,0,.4);animation:labelPulse 2s ease-in-out infinite}@keyframes labelPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px rgba(255,215,0,.4)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(255,215,0,.6)}}.honor-desc{color:gold;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.honor-text{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin:0;position:relative;z-index:2}.honor-text strong{color:gold;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.community-benefits{margin:2rem 0;padding:1.5rem;background:rgba(79,109,245,.05);border-radius:15px;border:1px solid rgba(79,109,245,.2)}.benefits-title{color:var(--accent-color);font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.benefit-item{display:flex;align-items:center;padding:12px 15px;background:hsla(0,0%,100%,.03);border-radius:10px;border:1px solid rgba(79,109,245,.15);transition:all .3s ease;cursor:default}.benefit-item:hover{background:rgba(79,109,245,.1);border-color:rgba(79,109,245,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,109,245,.2)}.benefit-icon{font-size:1.5rem;margin-right:12px;min-width:30px}.benefit-text{color:var(--text-color);font-size:.95rem;font-weight:500;line-height:1.4}.action-guide{margin-top:2rem;padding:1.5rem;background:rgba(76,175,80,.05);border-radius:15px;border:1px solid rgba(76,175,80,.2)}.guide-title{color:var(--success-color);font-size:1.3rem;font-weight:700;text-align:center}.guide-title,.steps{margin-bottom:1.5rem}.steps{display:flex;flex-direction:column;gap:1rem}.step{padding:15px;background:rgba(76,175,80,.08);border-radius:10px;border-left:4px solid var(--success-color)}.step,.step-number{display:flex;align-items:center}.step-number{background:var(--success-color);color:#fff;border-radius:50%;width:30px;height:30px;justify-content:center;font-weight:700;margin-right:15px;font-size:.9rem}.step-text{color:var(--text-color);font-size:1rem;font-weight:500}.urgent-notice{text-align:center;color:#ff6b6b;font-size:1.1rem;padding:15px;background:hsla(0,100%,71%,.1);border-radius:10px;border:1px solid hsla(0,100%,71%,.3);margin:0;animation:pulse 2s infinite}@media (max-width:768px){.image-modal-content.community-enhanced{padding:1.5rem;margin:1rem;width:calc(100vw - 2rem)}.modal-title{font-size:1.6rem}.big-number{font-size:2rem}.benefits-grid{grid-template-columns:1fr}.steps{gap:.8rem}.step{padding:12px}.step-number{width:25px;height:25px;font-size:.8rem;margin-right:12px}.honor-section{padding:1.5rem;margin:1.5rem 0}.honor-title{font-size:1.3rem}.honor-achievement{flex-direction:column;gap:1rem;text-align:center}.honor-image{max-width:150px;max-height:200px}.honor-label{font-size:1rem;padding:6px 16px}.honor-desc{font-size:.9rem}.honor-text{font-size:1rem}}.video-generate-section{padding:20px;border-top:1px solid rgba(0,122,255,.2);margin-top:20px;background:linear-gradient(135deg,rgba(0,122,255,.05),rgba(64,224,208,.05));border-radius:0 0 15px 15px;text-align:center}.video-generate-btn{background:linear-gradient(135deg,#007aff,#40e0d0);color:#fff;border:none;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(0,122,255,.3);position:relative;overflow:hidden}.video-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,122,255,.4);background:linear-gradient(135deg,#0056cc,#36c7b8)}.video-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.video-generate-btn i.rotating{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-preview{min-height:400px;display:flex;flex-direction:column}.video-player-container{height:100%;display:flex;flex-direction:column}.video-player-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(0,122,255,.2);background:linear-gradient(135deg,rgba(0,122,255,.1),rgba(64,224,208,.1))}.video-player-header h3{color:#007aff;font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.close-button{background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.3);color:#ff3b30;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-button:hover{background:rgba(255,59,48,.2);transform:scale(1.1)}.video-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,122,255,.02),rgba(64,224,208,.02));border:2px dashed rgba(0,122,255,.2);border-radius:15px;margin:20px}.placeholder-content{text-align:center;color:hsla(0,0%,100%,.6);padding:40px}.placeholder-content i{font-size:48px;color:rgba(0,122,255,.4);margin-bottom:20px;display:block}.placeholder-content h3{color:hsla(0,0%,100%,.8);font-size:24px;margin:0 0 15px;font-weight:700}.placeholder-content p{color:hsla(0,0%,100%,.6);font-size:16px;line-height:1.5;margin:0}.mode-button .mode-credits.highlight{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(255,107,53,.3);animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{box-shadow:0 2px 8px rgba(255,107,53,.3)}50%{box-shadow:0 4px 15px rgba(255,107,53,.5)}}@media (max-width:768px){.video-generate-btn{padding:10px 20px;font-size:14px}.video-player-header{padding:12px 15px}.video-player-header h3{font-size:16px}.placeholder-content{padding:30px 20px}.placeholder-content i{font-size:36px}.placeholder-content h3{font-size:20px}.placeholder-content p{font-size:14px}}.container.solve-mode{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:20px}.container.solve-mode .response-area{order:1}.container.solve-mode .video-preview{order:2}.solve-phase-indicator{position:absolute;top:15px;right:15px;background:rgba(0,122,255,.9);color:#fff;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:700;z-index:10}.solve-phase-indicator.solving{background:linear-gradient(135deg,#ff6b35,#f7931e);animation:pulse 2s ease-in-out infinite}.solve-phase-indicator.solved{background:linear-gradient(135deg,#34c759,#32d74b)}.solve-phase-indicator.generating_video{background:linear-gradient(135deg,#007aff,#40e0d0);animation:pulse 2s ease-in-out infinite}.solve-phase-indicator.video_ready{background:linear-gradient(135deg,#af52de,#bf5af2)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.regenerate-btn{background-color:#ff9800;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-right:10px}.regenerate-btn:hover{background-color:#e68900;transform:translateY(-1px)}.regenerate-btn i{font-size:16px}.rerender-current-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;margin-top:10px}.rerender-current-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.rerender-current-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.rerender-current-btn i{font-size:16px}.layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.layout-content{flex:1;width:100%;display:flex;flex-direction:column}@media (max-width:768px){:root{--content-width:100%;--card-radius:10px}body,html{font-size:15px}.container{padding:0 1.2rem 2rem!important;gap:1.5rem!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;display:grid!important}.mode-selector{grid-column:1/-1!important;min-width:unset!important;max-width:100%!important}.container,.container.solve-mode,.container.threejs-mode{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.card{padding:1.2rem}header{padding:2rem 1.5rem}.title-container{padding:.8rem 0}.logo{font-size:2.5rem;letter-spacing:4px}.logo-badge{right:-30px;font-size:1rem;padding:.15rem .5rem}.tagline{font-size:1rem;margin-bottom:.4rem}.tagline-en{font-size:.85rem;margin-bottom:1.2rem;letter-spacing:.8px}.app-container{display:flex;flex-direction:column}.tech-footer{padding:2rem 1.5rem;margin-top:2rem}.banner-title{font-size:1.1rem;margin-bottom:1.2rem}.banner-section .scrolling-banner{height:160px}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.credits-section{align-items:center}.credits-title{font-size:1.1rem}.credits-list{gap:1.2rem}.credit-item{padding:.8rem;min-width:100px}.credit-name{font-size:1rem}.mode-selector{flex-direction:column;gap:.5rem;padding:.5rem;min-width:unset;width:100%;border-radius:10px}.mode-button{padding:.8rem 1rem;border-radius:8px}.header-button-container{top:15px;left:20px}}@media (min-width:769px) and (max-width:1199px){.container,.container.solve-mode,.container.threejs-mode{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;padding:0 2rem 2.5rem;gap:2rem;max-width:800px;margin:0 auto}.mode-selector{grid-column:1/-1!important;min-width:unset!important;max-width:100%!important}.card{padding:1.5rem}header{padding:2.5rem 2rem}}@media (max-width:480px){body,html{font-size:14px}.container{padding:0 1rem 1.5rem!important;gap:1.2rem!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;display:grid!important}.mode-selector{grid-column:1/-1!important;min-width:unset!important;max-width:100%!important}.container,.container.solve-mode,.container.threejs-mode{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.card{padding:1rem;border-radius:8px}header{padding:1.5rem 1rem}.logo{font-size:2rem;letter-spacing:2px;margin-bottom:.3rem}.logo-badge{right:-20px;top:-2px;font-size:.8rem;padding:.1rem .4rem}.tagline{font-size:.9rem;margin-bottom:.3rem}.tagline-en{font-size:.75rem;margin-bottom:1rem;letter-spacing:.6px}.mode-button{padding:.7rem .8rem}.tech-footer{padding:1.5rem 1rem}.banner-title{font-size:1rem;margin-bottom:1rem}.banner-section .scrolling-banner{height:140px}.footer-divider{width:60%}.credits-list{gap:1rem}.credit-item{padding:.7rem;min-width:90px}.modal-content{padding:1.5rem 1.2rem}.modal-content h2{font-size:1.3rem}}@media (max-width:768px){.animation-container,.input-container,.response-container{max-width:100vw;overflow-x:hidden}.code-block,.fixed-code,pre{white-space:pre;overflow-x:auto;max-width:100%}img,video{max-width:100%;height:auto}.floating-logo{transform:scale(.8);right:20px;bottom:20px}.modal-overlay .modal-content{width:95%;max-width:95%;max-height:80vh;overflow-y:auto;margin:10px;padding:1.2rem}}@media (max-width:768px){.new-user-guide-modal-content{width:90%;max-width:90%;max-height:85vh;overflow-y:auto;margin:0;padding:25px 20px;border-radius:12px}.new-user-guide-modal-content h2{font-size:1.4rem;margin-bottom:10px}.guide-section{padding-left:12px;margin-bottom:20px}.guide-section h3{font-size:1.1rem;margin-bottom:8px}.guide-section ul{padding-left:5px}.guide-section li{margin-bottom:8px;font-size:.95rem}.guide-close-btn{padding:10px;font-size:.95rem}.modal-overlay .modal-content{width:92%;max-width:92%;max-height:80vh;overflow-y:auto;padding:20px 16px}.announcement-item{padding:16px}.announcement-item h3{font-size:1.1rem}.announcement-item p{font-size:.95rem}.image-modal-content{width:90%;padding:16px}.enlarged-community-image{max-width:100%;max-height:60vh}.scan-hint{font-size:1rem;margin-top:15px}.fix-modal-content{width:90%;padding:20px 16px}.credit-explanation-modal-content{width:90%;padding:20px}}@media (max-width:480px){.new-user-guide-modal-content{width:95%;padding:20px 16px}.new-user-guide-modal-content h2{font-size:1.3rem}.guide-section h3{font-size:1rem}.guide-section li{font-size:.9rem;line-height:1.5}.close-modal-btn{padding:8px;font-size:1.6rem;height:32px;width:32px;line-height:1;display:flex;align-items:center;justify-content:center;margin:0}.watermark-modal-content{width:95%;max-height:85vh}.watermark-modal-body,.watermark-modal-footer,.watermark-modal-header{padding:15px}.watermark-modal-footer{flex-direction:column;gap:10px}.watermark-modal-footer button{width:100%;justify-content:center}.credit-explanation-modal-overlay,.image-modal-overlay,.modal-overlay,.new-user-guide-modal-overlay{align-items:center;justify-content:center;padding:20px 0}}
/*# sourceMappingURL=/src.f4d56275.css.map */