@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);.logo img{height:40px;margin-right:10px}.login-btn{padding:8px 20px;border:1px solid var(--text-color);border-radius:4px;color:var(--text-color)}.login-btn:hover{background-color:var(--text-color);color:var(--white)}.subtitle{margin-bottom:30px}.cta-btn{padding:12px 30px;background-color:var(--primary-color);border-radius:4px;font-size:16px}.cta-btn:hover{background-color:var(--primary-dark)}.small-star{width:60px;height:60px}.small-star:nth-child(2){top:20%;left:30%;animation:star-move-small 6s ease-in-out infinite}.small-star:nth-child(3){top:30%;right:20%;animation:star-move-small 7s ease-in-out 1s infinite}.small-star:nth-child(4){bottom:30%;left:25%;animation:star-move-small 9s ease-in-out 2s infinite}.small-star:nth-child(5){bottom:20%;right:30%;animation:star-move-small 8s ease-in-out 1.5s infinite}.small-star:nth-child(6){top:60%;right:40%;animation:star-move-small 7.5s ease-in-out .5s infinite}.bottom-decoration{height:180px}.cloud img{max-height:150px}.cloud.left-big{left:0;transform:translateX(-5%);animation:cloud-move-left 10s ease-in-out infinite}.cloud.right-big{right:0;transform:translateX(5%);animation:cloud-move-right 10s ease-in-out infinite}.cloud.center-small{left:50%;bottom:50px}.cloud.left-small{left:25%;transform:translateX(-50%) translateY(60px);bottom:60px}.cloud.left-small-one{left:25%;transform:translateX(-30%) translateY(60px);bottom:60px}.cloud.right-small{right:25%;transform:translateX(50%) translateY(60px);bottom:60px}.cloud.right-small-one{right:25%;transform:translateX(30%) translateY(60px);bottom:60px}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px var(--shadow-color)}.us-container{justify-content:center;max-width:1200px;gap:50px}.carousel-container{flex:1;position:relative;max-width:600px;height:400px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.5);border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;z-index:3;transition:background-color .3s ease}.carousel-btn:hover{background-color:hsla(0,0%,100%,.8)}.prev-btn{left:-20px}.next-btn{right:-20px}.carousel-track{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.carousel-item{width:30%;height:80%;border:2px solid var(--border-color);border-radius:8px;background-color:hsla(0,0%,100%,.3);transition:all .5s ease}.carousel-item.current{width:35%;height:100%;transform:scale(1.1);z-index:2}.carousel-item.next,.carousel-item.prev{opacity:.7;z-index:1}.carousel-indicators{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.indicator{width:12px;height:12px;border-radius:50%;background-color:var(--border-color);border:none;cursor:pointer;transition:background-color .3s ease}.indicator.active{background-color:var(--primary-color)}.carousel-text{flex:1;max-width:400px}.carousel-text h2{font-size:36px;font-weight:700;margin-bottom:20px;color:#333}.carousel-text p{font-size:16px;line-height:1.6;color:#666}.data-section{padding:var(--section-padding);padding-bottom:200px;overflow:hidden}.data-container{max-width:1200px;margin:0 auto;position:relative}.data-title{text-align:center;margin-bottom:80px}.data-cards{justify-content:center;gap:40px 60px;margin:0 auto}.data-card,.data-cards{display:flex;position:relative}.data-card{border:2px solid var(--border-color);border-radius:8px;background-color:var(--card-background);padding:60px 25px 30px;box-shadow:0 3px 15px var(--shadow-color);width:var(--card-width);height:var(--card-height);flex-direction:column;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.data-card:hover{transform:translateY(-5px)!important;box-shadow:0 5px 20px var(--shadow-color)}.card1{transform:translateY(10px)}.card2{transform:translateY(-40px)}.card3{transform:translateY(20px)}.card4{transform:translateY(-20px)}.card-blue-header{position:absolute;top:20px;left:20px;width:50px;height:50px;background-color:var(--secondary-color);border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.15)}.card-content{text-align:left;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:25px}.card-text{font-size:18px;font-weight:700;color:#333;margin-bottom:25px;text-align:left;letter-spacing:.5px}.card-random{font-size:14px;color:#555;line-height:1.8;text-align:left;font-family:Arial,sans-serif;margin-bottom:30px}.card-random span{display:block;margin-bottom:8px}.card-line{width:100%;height:1px;background-color:var(--light-gray);margin:0 0 0 -10px;position:absolute;bottom:150px;left:10px}.stars-hearts{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;padding:0 100px;max-width:900px;margin:0 auto}.green-star{width:30px;height:30px;transform:rotate(5deg)}.green-star,.pink-heart{-o-object-fit:contain;object-fit:contain}.pink-heart{width:25px;height:25px;transform:rotate(-10deg)}.stars-hearts .green-star:first-child{margin-left:-20px;transform:rotate(-15deg)}.stars-hearts .green-star:last-child{margin-right:-20px}.data-section .bottom-decoration{position:absolute;bottom:0;left:0;width:100%;height:200px}@keyframes star-move-small{0%,to{transform:translate(0) rotate(0deg)}20%{transform:translate(20px,-30px) rotate(10deg)}40%{transform:translate(-25px,15px) rotate(-5deg)}60%{transform:translate(15px,25px) rotate(8deg)}80%{transform:translate(-10px,-20px) rotate(-10deg)}}:root{--primary-color:#4a90e2;--primary-dark:#357abd;--secondary-color:#43b0fa;--background-color:#f9f6f2;--text-color:#333;--border-color:#b3cac4;--light-gray:#e0e0e0;--white:#fff;--white-transparent:hsla(0,0%,100%,.8);--card-background:hsla(0,0%,100%,.8);--shadow-color:rgba(0,0,0,.1);--heart-color:#ff6b81;--navbar-height:80px;--card-width:250px;--card-height:500px;--section-padding:80px 50px}::-webkit-scrollbar{width:0;height:0;display:none}body,html{scrollbar-width:none;-ms-overflow-style:none}body{overflow-y:scroll}body::-webkit-scrollbar{width:0;height:0;display:none}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}[contenteditable=true],input,textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}body{font-family:Arial,sans-serif;color:var(--text-color);overflow-x:hidden;scroll-behavior:smooth}body,section{background-color:var(--background-color)}section{padding:var(--section-padding);position:relative;scroll-margin-top:100px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background-color:var(--background-color);position:sticky;top:0;z-index:100;transition:background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:hsla(34,37%,96%,.95);box-shadow:0 2px 10px var(--shadow-color)}.logo{display:flex;align-items:center;position:relative}.logo-img{height:40px;margin-right:10px}.logo-text{font-size:20px;font-weight:700;color:var(--text-color)}.logo-decoration{position:absolute;top:-8px;right:-15px}.decoration-heart{font-size:16px;color:#ff6b9d;animation:heartBeat 1.5s ease-in-out infinite}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:var(--text-color);font-size:16px;transition:color .3s ease;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;transition:all .3s ease;position:relative}.nav-icon{width:20px;height:20px;transition:transform .3s ease;-o-object-fit:contain;object-fit:contain}.nav-links a:hover{color:var(--primary-color);background:rgba(102,126,234,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.nav-links a:hover .nav-icon{transform:scale(1.2) rotate(15deg);filter:drop-shadow(0 0 5px rgba(102,126,234,.5))}.nav-links a.active{color:var(--primary-color);font-weight:700;background:rgba(102,126,234,.15);box-shadow:0 2px 8px rgba(102,126,234,.2)}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:translateX(-50%)}.nav-links a:hover:after{width:80%}.login-btn{padding:10px 24px;border:2px solid var(--primary-color);border-radius:25px;text-decoration:none;color:var(--primary-color);font-size:16px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));position:relative}.btn-icon{font-size:18px;transition:transform .3s ease}.login-btn:hover{color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(102,126,234,.4);background:linear-gradient(135deg,#1a62de,#65dbff)}.login-btn:hover .btn-icon{transform:scale(1.2) rotate(15deg)}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s ease}.login-btn:hover:before{left:100%}.main-content{display:flex;justify-content:space-between;align-items:center;padding:var(--section-padding);position:relative;min-height:calc(100vh - var(--navbar-height));overflow:hidden;animation:fadeInUp 1s ease-out}.content-text{max-width:500px;position:relative;z-index:1}.main-title{font-size:42px;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{color:var(--primary-color);margin-bottom:20px;font-size:18px;font-weight:500}.subtitle-decoration{display:flex;gap:10px;margin-bottom:30px;justify-content:center}.heart-pulse{font-size:20px;color:#ff6b9d;animation:heartPulse 1.5s ease-in-out infinite}.heart-pulse:nth-child(2){animation-delay:.3s}.heart-pulse:nth-child(3){animation-delay:.6s}@keyframes heartPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.cta-btn{display:inline-block;padding:14px 36px;color:#fff;text-decoration:none;border-radius:30px;font-size:18px;font-weight:700;box-shadow:0 6px 20px rgba(102,126,234,.4);transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;background:#2b71ea}.cta-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(102,126,234,.6)}.cta-btn:active{transform:translateY(-1px) scale(.98)}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s ease}.cta-btn:hover:before{left:100%}.cta-btn:hover{animation:pulse 1.5s ease-in-out infinite}.stars-container{position:relative;width:500px;height:500px}.big-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;animation:star-move-big 8s ease-in-out infinite}.small-star{position:absolute;width:80px;height:80px}@keyframes smallStarTwinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.bottom-decoration{height:100px;overflow:hidden}.bottom-decoration,.clouds-container{position:absolute;bottom:0;left:0;width:100%}.clouds-container{height:100%}.cloud{position:absolute;bottom:0}.cloud img{max-height:100px}.cloud.center-small{left:29%;bottom:25px;animation:cloud-move-center 12s ease-in-out 1s infinite}.cloud.center-small,.cloud.center-small1{transform:translateX(-50%) translateY(50px)}.cloud.center-small1{left:20%;bottom:45px;animation:cloud-move-center1 12s ease-in-out 1s infinite}.cloud.center-small2{left:54%;bottom:18px;animation:cloud-move-center2 12s ease-in-out 1s infinite}.cloud.center-small2,.cloud.center-small3{transform:translateX(-50%) translateY(50px)}.cloud.center-small3{left:75%;bottom:15px;animation:cloud-move-center3 12s ease-in-out 1s infinite}.cloud.center-small4{left:63%;transform:translateX(-50%) translateY(50px);bottom:7px;animation:cloud-move-center4 12s ease-in-out 1s infinite}.cloud.left-small{left:3%;bottom:50px;animation:cloud-move-left-small 9s ease-in-out .5s infinite}.cloud.left-small-one{left:9%;bottom:20px;animation:cloud-move-left-small-one 11s ease-in-out 1.5s infinite}.cloud.right-small{right:13%;bottom:5px;animation:cloud-move-right-small 10s ease-in-out .8s infinite}.cloud.right-small-one{right:0;bottom:30px;animation:cloud-move-right-small-one 13s ease-in-out 1.2s infinite}.down-icon{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:40px;height:40px;z-index:10;animation:down-icon-move 2s ease-in-out infinite}.about-container{max-width:1200px;margin:0 auto;gap:80px}.about-container,.about-left{display:flex;justify-content:center;align-items:center}.about-left{flex:1;position:relative}.purple-character{position:relative;text-align:center}.purple-character img{height:auto}.hearts{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.heart,.hearts{position:absolute}.heart{width:40px;height:auto;opacity:.8}.heart:first-child{top:20%;left:10%;animation:float-heart 3s ease-in-out infinite}.heart:nth-child(2){top:30%;right:15%;animation:float-heart 4s ease-in-out 1s infinite}.heart:nth-child(3){bottom:25%;left:20%;animation:float-heart 3.5s ease-in-out .5s infinite}.about-right{flex:1;max-width:500px}.about-right h2{font-size:36px;font-weight:700;margin-bottom:20px;line-height:1.3}.about-right p{color:var(--secondary-color);margin-bottom:40px;font-size:16px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px solid var(--border-color);border-radius:8px;background-color:hsla(0,0%,100%,.1);text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.15)}.feature-card:hover img{transform:rotate(15deg) scale(1.1)}.feature-card:hover span{color:var(--primary-color)}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.feature-card:hover:before{left:100%}.feature-card img{width:40px;height:40px;margin-bottom:10px}.feature-card img,.feature-card span{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.feature-card span{font-size:14px;color:var(--text-color)}.us-section{position:relative;padding:80px 50px;min-height:500px}.us-clouds{position:absolute;bottom:80px;left:0;right:0;height:300px;z-index:2;pointer-events:none}.us-container{max-width:900px;margin:0 auto;padding:50px 40px;background:linear-gradient(135deg,rgba(135,206,235,.4),hsla(0,0%,100%,0));border-radius:10px;position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;z-index:1}.us-star{position:absolute;top:20px;right:20px;width:80px;height:80px;z-index:10;animation:us-star-float 4s ease-in-out infinite}.us-title{font-size:60px;font-weight:700;margin-bottom:40px;color:#333;text-align:center}.us-cloud{position:absolute;opacity:.5}.cloud-1{bottom:20px;left:-50px;width:300px;height:auto;animation:us-cloud-float-1 12s ease-in-out infinite}.cloud-2{bottom:40px;right:-50px;width:350px;height:auto;animation:us-cloud-float-2 15s ease-in-out 2s infinite}.cloud-3{bottom:10px;left:50%;transform:translateX(-50%);width:250px;height:auto;animation:us-cloud-float-3 10s ease-in-out 1s infinite}.us-content{display:flex;align-items:flex-start;gap:75px;z-index:5;margin-bottom:40px;width:100%}.us-avatar-container{position:relative;width:200px;height:200px;flex-shrink:0}.us-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.15);transition:transform .3s ease}.us-avatar:hover{transform:scale(1.05)}.us-info{flex:1;max-width:500px;padding-top:10px}.us-name{font-size:42px;font-weight:700;margin-bottom:15px;color:#333}.us-role{font-size:20px;color:#4a90e2;margin-bottom:20px;font-weight:500}.us-description{font-size:16px;line-height:1.8;color:#666;margin:5px}.us-controls{gap:30px;z-index:5}.us-btn,.us-controls{display:flex;align-items:center}.us-btn{width:50px;height:50px;border:none;border-radius:50%;background-color:hsla(0,0%,100%,.6);cursor:pointer;justify-content:center;transition:all .3s ease;font-size:24px;color:#666}.us-btn:hover{background-color:hsla(0,0%,100%,.9);transform:scale(1.1)}.us-indicators{display:flex;gap:12px}.us-indicator{width:14px;height:14px;border-radius:50%;background-color:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:all .3s ease}.us-indicator:hover{background-color:hsla(0,0%,100%,.8)}.us-indicator.active{background-color:#4a90e2;transform:scale(1.2)}.DataContainer{display:flex;width:100%;height:700px;justify-content:space-between}.img-container{width:45%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;margin-left:auto;position:relative;overflow:hidden;filter:blur(3px);clip-path:polygon(0 0,50px 0,0 0,0 30px,0 0,45px 60px,45px 0,0 90px,0 90px,25px 130px,10px 182px,0 215px,50px 310px,35px 335px,45px 375px,0 451px,0 451px,26px 478px,0 510px,15px 547px,0 100%,100% 100%,100% 0)}.img-overlay{display:flex;align-items:center;justify-content:center}.floating-elements,.img-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.floating-elements{pointer-events:none}.floating-circle{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.3);backdrop-filter:blur(5px);border:2px solid hsla(0,0%,100%,.5)}.circle-1{width:80px;height:80px;top:10%;left:15%}.circle-2{width:60px;height:60px;top:60%;left:70%}.circle-3{width:100px;height:100px;top:30%;left:50%}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.text-container{width:50%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:relative}.data-header{text-align:center;margin-bottom:20px}.data-title{font-size:36px;font-weight:700;color:#333;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@keyframes starGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.data-item{width:100%;flex-direction:column;padding:30px;background:hsla(0,0%,100%,.8);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.data-item,.item-icon{margin-bottom:20px;display:flex;align-items:center;justify-content:center}.item-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px rgba(102,126,234,.4)}.item-icon .icon{font-size:28px;color:#fff}.text-container h4{font-size:28px;font-weight:700;margin-bottom:15px;color:#333}.value-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.value-number{font-size:42px;font-weight:700;color:#667eea;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.value-trend{font-size:24px;font-weight:700;padding:5px 10px;border-radius:8px}.trend-up{color:#10b981;background:rgba(16,185,129,.1)}.trend-down{color:#ef4444;background:rgba(239,68,68,.1)}.compare-text{font-size:16px;color:#666;margin-bottom:5px}.change-text{font-size:20px;font-weight:700;margin-bottom:10px}.change-text.trend-up{color:#10b981}.change-text.trend-down{color:#ef4444}.data-button{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.page-btn,.page-btn2{border:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;padding:12px 24px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4);display:flex;align-items:center;gap:8px;position:relative}.page-btn2:hover,.page-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(102,126,234,.6)}.page-btn2:active,.page-btn:active{transform:translateY(0) scale(.98)}.page-btn2:before,.page-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s ease}.page-btn2:hover:before,.page-btn:hover:before{left:100%}.page-btn2:hover .icon,.page-btn:hover .icon{transform:scale(1.2) rotate(15deg)}.page-container{gap:12px}.box,.page-container{display:flex;align-items:center;justify-content:center}.box{border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;color:#666;box-shadow:0 2px 8px rgba(0,0,0,.1)}.box:hover{color:#fff}.box.active{width:25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.2);box-shadow:0 4px 15px rgba(102,126,234,.5)}.box-number{font-size:16px}.data-item{transition:opacity .3s ease}.img-container{transition:background-image .5s ease}@media (max-width:768px){.navbar{padding:15px 20px;flex-wrap:wrap;gap:10px}.logo-img{height:32px}.logo-text{font-size:16px}.nav-links{gap:8px;flex-wrap:wrap;justify-content:center;order:3;width:100%;margin-top:10px}.nav-links a{font-size:12px;padding:6px 10px;gap:4px}.nav-icon{width:16px;height:16px}.login-btn{padding:8px 16px;font-size:12px;order:2}.btn-icon{font-size:14px}.main-content{flex-direction:column;padding:40px 20px;min-height:auto;text-align:center}.content-text{max-width:100%;order:2}.main-title{font-size:28px;line-height:1.3}.cta-btn,.subtitle{font-size:14px}.cta-btn{padding:12px 30px}.stars-container{margin-top:30px;order:1}.big-star,.stars-container{width:250px;height:250px}.small-star{width:40px;height:40px}section{padding:40px 20px}.about-container{flex-direction:column;gap:30px}.about-left{order:2}.about-right{order:1;text-align:center}.about-right h2{font-size:24px}.about-right p{font-size:14px}.purple-character img{width:150px}.features-grid{grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{padding:15px}.feature-card img{width:40px;height:40px}.feature-card span{font-size:12px}.us-section{padding:40px 20px}.us-title{font-size:28px;margin-bottom:30px}.us-container{padding:20px}.us-content{flex-direction:column;align-items:center;text-align:center;gap:30px}.us-avatar-container{width:150px;height:150px}.us-name{font-size:24px}.us-role{font-size:14px}.us-description{font-size:12px}.us-controls{gap:15px}.us-btn{width:40px;height:40px}.DataContainer{flex-direction:column;height:auto}.text-container{width:100%;padding:20px}.img-container{width:100%;height:250px;margin-top:20px}.data-title{font-size:24px}.value-number{font-size:28px}.data-button{flex-direction:column;gap:10px}.page-container{flex-wrap:wrap;justify-content:center}.bottom-decoration{height:100px}.clouds-container{transform:scale(.7)}.DataContainer,.about-left,.about-right,.us-container{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.feature-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.floating-heart{animation:floatUp 8s linear forwards}.cloud{animation-duration:15s}}@media (min-width:769px) and (max-width:1024px){.about-container,.us-content{gap:40px}.stars-container{width:400px;height:400px}.big-star{width:500px;height:500px}}@media (hover:none) and (pointer:coarse){.feature-card{transition:all .2s ease}.feature-card:active{transform:scale(.95)}.nav-links a{transition:all .2s ease}.nav-links a:active{transform:scale(.95)}.login-btn{transition:all .2s ease}.login-btn:active{transform:scale(.95)}.cta-btn{transition:all .2s ease}.cta-btn:active{transform:scale(.95)}.page-btn,.page-btn2{transition:all .2s ease}.page-btn2:active,.page-btn:active{transform:scale(.95)}}.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);z-index:9999;transition:width .1s ease-out}.about-left,.about-right{transition:transform .3s ease-out}.parallax-element{transition:transform .1s ease-out;will-change:transform}html{scroll-behavior:smooth}*{-webkit-overflow-scrolling:touch}.data-item,.feature-card,.us-avatar,.us-info{contain:layout style paint}.data-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.item-icon:hover{transform:rotate(1turn);transition:transform .6s ease}.data-item{animation:fadeInUp .6s ease-out}.page-btn2:active,.page-btn:active{transform:scale(.95)}.page-container::-webkit-scrollbar{height:6px}.page-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.page-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.box:hover{cursor:pointer}.data-title{text-shadow:3px 3px 6px rgba(0,0,0,.15)}.value-number{text-shadow:2px 2px 4px rgba(102,126,234,.3)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#a2a2a27e;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:50px;transition:opacity .5s ease,visibility .5s ease}.beating-heart{position:relative;width:100px;height:100px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9776'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;animation:heartBeat 1.2s infinite;will-change:transform}.beating-heart:after,.beating-heart:before{content:"";position:absolute;width:20px;height:20px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b81'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;animation:orbit 3s linear infinite;will-change:transform,opacity}.beating-heart:before{top:-30px;left:40px;animation-delay:0s}.beating-heart:after{bottom:-30px;right:40px;animation-delay:1.5s}.beating-heart span{position:absolute;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2370a1ff'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;animation:orbit 4s linear infinite;will-change:transform,opacity}.beating-heart span:first-child{top:10px;left:-25px;animation-delay:.5s}.beating-heart span:nth-child(2){top:10px;right:-25px;animation-delay:2s}.ecg-progress-container{margin-top:40px}.ecg-progress,.ecg-progress-container{display:flex;justify-content:center;align-items:center}.ecg-progress{width:350px;height:70px;background:rgba(0,0,0,.8);border:2px solid #ff9776;border-radius:15px;flex-direction:column;box-shadow:0 0 20px rgba(255,151,118,.3)}.ecg-container,.ecg-progress{position:relative;overflow:hidden}.ecg-container{width:300px;height:40px}.ecg-line{height:2px;background:#ff9776;top:50%;transform:translateY(-50%);opacity:.6}.ecg-line,.ecg-wave{width:100%;position:absolute}.ecg-wave{top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(255,151,118,0),#ff9776 50%,rgba(255,151,118,0));-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='40'%3E%3Cpath d='M0 20h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h40' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='40'%3E%3Cpath d='M0 20h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h40' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E");-webkit-mask-size:600px 40px;mask-size:600px 40px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:ecgWaveMove 1.5s linear infinite;will-change:background-position}.ecg-container span{position:absolute;width:3px;background:#ff9776;opacity:.8;animation:ecgSpike 1.5s ease-in-out infinite;will-change:height,opacity}.ecg-container span:first-child{left:40px;top:50%;height:30px;transform:translateY(-50%);animation-delay:0s}.ecg-container span:nth-child(2){left:190px;top:50%;height:30px;transform:translateY(-50%);animation-delay:.75s}.ecg-container span:nth-child(3){left:340px;top:50%;height:30px;transform:translateY(-50%);animation-delay:1.5s}.progress-text{color:#ff9776;font-size:14px;margin-top:5px;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes star-move-big{0%,to{transform:translate(-50%,-50%) rotate(0deg)}25%{transform:translate(-55%,-45%) rotate(5deg)}50%{transform:translate(-45%,-55%) rotate(0deg)}75%{transform:translate(-50%,-40%) rotate(-5deg)}}@keyframes cloud-move-left{0%,to{transform:translateX(-5%) translateY(0)}50%{transform:translateX(-3%) translateY(-10px)}}@keyframes cloud-move-right{0%,to{transform:translateX(5%) translateY(0)}50%{transform:translateX(3%) translateY(-10px)}}@keyframes cloud-move-center{0%,to{transform:translateX(-50%) translateY(50px)}50%{transform:translateX(-52%) translateY(40px)}}@keyframes cloud-move-left-small{0%,to{transform:translateX(-50%) translateY(60px)}50%{transform:translateX(-52%) translateY(50px)}}@keyframes cloud-move-left-small-one{0%,to{transform:translateX(-30%) translateY(60px)}50%{transform:translateX(-28%) translateY(55px)}}@keyframes cloud-move-right-small{0%,to{transform:translateX(50%) translateY(60px)}50%{transform:translateX(52%) translateY(50px)}}@keyframes cloud-move-right-small-one{0%,to{transform:translateX(30%) translateY(60px)}50%{transform:translateX(32%) translateY(55px)}}@keyframes down-icon-move{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes float-heart{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(10px,-15px) rotate(5deg)}}@keyframes star-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(10deg)}}@keyframes us-star-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(15deg)}}@keyframes us-cloud-float-1{0%,to{transform:translateX(0)}50%{transform:translateX(30px)}}@keyframes us-cloud-float-2{0%,to{transform:translateX(0)}50%{transform:translateX(-30px)}}@keyframes us-cloud-float-3{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes smoothScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes smoothFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.DataContainer,.about-left,.about-right,.us-container{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.DataContainer.animate,.about-left.animate,.about-right.animate,.us-container.animate{opacity:1;transform:translateY(0)}.feature-card{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.feature-card.animate{opacity:1;transform:translateY(0)}.us-avatar{transform:scale(.8)}.us-avatar,.us-info{opacity:0;transition:all 1s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.us-info{transform:translateX(30px)}.us-controls{transform:translateY(20px)}.text-container,.us-controls{opacity:0;transition:all 1s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.text-container{transform:translateX(-30px)}.img-container{transform:translateX(30px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.data-item,.img-container{opacity:0;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.data-item{transform:translateY(20px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.cta-btn,.login-btn,.nav-links a{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.data-item{transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.page-btn,.page-btn2{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-heart{animation:floatUp 6s cubic-bezier(.25,.46,.45,.94) forwards}.cloud{animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.big-star{animation:star-move-big 10s cubic-bezier(.25,.46,.45,.94) infinite}.down-icon{animation:down-icon-move 2s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes cloud-float{0%,to{transform:translateX(0)}50%{transform:translateX(20px)}}@keyframes heart-beat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes heart-pulse{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes heartBeat{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}@keyframes orbit{0%{transform:rotate(0deg) translateX(50px) rotate(0deg);opacity:.7}50%{opacity:1}to{transform:rotate(1turn) translateX(50px) rotate(-1turn);opacity:.7}}@keyframes ecgWaveMove{0%{background-position:-300px 0}to{background-position:0 0}}@keyframes ecgSpike{0%,to{height:0;opacity:0}25%{height:30px;opacity:1}75%{height:10px;opacity:.5}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.floating-hearts[data-v-317c9936]{position:fixed;width:100%;height:100%;pointer-events:none;z-index:2}.floating-heart[data-v-317c9936]{position:fixed;bottom:-50px;width:20px;height:20px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9776'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;pointer-events:none;z-index:9999;will-change:transform,opacity}.typing-title[data-v-317c9936]{font-size:2.375em;font-weight:700;margin-bottom:20px;min-height:190px}.typing-line[data-v-317c9936]{display:block;line-height:1.5}.typing-cursor[data-v-317c9936]{display:inline-block;margin-left:2px;color:var(--primary-color,#6a1b9a);animation:blink-317c9936 .7s infinite}@keyframes blink-317c9936{0%,to{opacity:1}50%{opacity:0}}@keyframes floatUp-317c9936{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.floating-hearts[data-v-27f99b76]{position:fixed;width:100%;height:100%;pointer-events:none;z-index:2}.floating-heart[data-v-27f99b76]{position:fixed;bottom:-50px;width:20px;height:20px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9776'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;pointer-events:none;z-index:9999;will-change:transform,opacity}@keyframes floatUp-27f99b76{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.scroll-progress[data-v-27f99b76]{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#ff9776,#ff7a85);z-index:1000;width:0;transition:width .1s ease}.new-home-container[data-v-27f99b76]{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.navbar[data-v-27f99b76]{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);z-index:100;transition:all .3s ease}.navbar.scrolled[data-v-27f99b76]{background:hsla(0,0%,100%,.95);padding:1rem 2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.logo[data-v-27f99b76]{display:flex;align-items:center;gap:12px}.logo-img[data-v-27f99b76]{height:40px;width:auto}.logo-text[data-v-27f99b76]{font-size:1.25rem;font-weight:600;color:#6a1b9a;font-family:Courier New,monospace}.logo-decoration[data-v-27f99b76]{display:flex;align-items:center}.decoration-heart[data-v-27f99b76]{color:#ff9776;font-size:1rem;animation:pulse-27f99b76 1.5s ease-in-out infinite}@keyframes pulse-27f99b76{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.nav-links[data-v-27f99b76]{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav-links a[data-v-27f99b76]{text-decoration:none;color:#374151;font-size:.875rem;padding:.5rem 1rem;border-radius:9999px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.nav-icon[data-v-27f99b76]{width:1rem;height:1rem;color:#6b7280;transition:color .3s ease}.nav-links a[data-v-27f99b76]:hover{background:rgba(106,27,154,.1);color:#6a1b9a;transform:translateY(-2px)}.nav-links a:hover .nav-icon[data-v-27f99b76]{color:#6a1b9a}.nav-links a.active[data-v-27f99b76],.nav-links a.router-link-active[data-v-27f99b76]{background:rgba(106,27,154,.2);color:#6a1b9a;font-weight:500}.nav-links a.active .nav-icon[data-v-27f99b76],.nav-links a.router-link-active .nav-icon[data-v-27f99b76]{color:#6a1b9a}.login-btn[data-v-27f99b76]{background:linear-gradient(135deg,#1a62de,#65dbff);border:none;color:#fff;padding:.625rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;box-shadow:0 4px 6px -1px rgba(83,83,83,.774)}.btn-icon[data-v-27f99b76]{font-size:1rem}.login-btn[data-v-27f99b76]:hover{background:linear-gradient(135deg,#0f4eba,#87e3ff);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(87,87,87,.771)}.new-main-content[data-v-27f99b76]{padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.top-content[data-v-27f99b76]{display:flex;align-items:center;gap:2rem;justify-content:center}.cartoon-image[data-v-27f99b76]{flex:0 0 auto;animation:float-27f99b76 6s ease-in-out infinite;z-index:10}.cartoon-image img[data-v-27f99b76]{width:200px;height:auto}@keyframes float-27f99b76{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}.content-section[data-v-27f99b76]{flex:1;min-width:300px;max-width:800px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:fadeInUp-27f99b76 .8s ease-out forwards}.main-title[data-v-27f99b76]{font-size:2rem;color:#6a1b9a;margin-bottom:2rem;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(106,27,154,.1);animation:typing-27f99b76 2s ease-out forwards}@keyframes typing-27f99b76{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-types[data-v-27f99b76]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem}.type-btn[data-v-27f99b76]{background:hsla(0,0%,100%,.8);border:1px solid rgba(106,27,154,.2);padding:1.5rem 1rem;border-radius:1rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);animation:fadeInUp-27f99b76 .5s ease-out forwards}.type-btn[data-v-27f99b76] .fa-solid{font-size:1.5rem;color:#6a1b9a;margin:0;transition:transform .3s ease}.type-btn[data-v-27f99b76]:hover .fa-solid{transform:scale(1.2)}.type-btn[data-v-27f99b76]:first-child{animation-delay:.3s}.type-btn[data-v-27f99b76]:nth-child(2){animation-delay:.4s}.type-btn[data-v-27f99b76]:nth-child(3){animation-delay:.5s}.type-btn[data-v-27f99b76]:nth-child(4){animation-delay:.6s}.type-btn[data-v-27f99b76]:nth-child(5){animation-delay:.7s}.type-btn[data-v-27f99b76]:nth-child(6){animation-delay:.8s}.type-btn[data-v-27f99b76]:hover{background:rgba(106,27,154,.1);border-color:#6a1b9a;color:#6a1b9a;box-shadow:0 10px 15px -3px rgba(106,27,154,.3);transform:translateY(-5px)}.guess-you-need[data-v-27f99b76],.recommended-articles[data-v-27f99b76]{margin:3rem 0;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:fadeInUp-27f99b76 .8s ease-out .2s forwards}.section-title[data-v-27f99b76]{font-size:1.5rem;color:#6a1b9a;margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 4px rgba(106,27,154,.1)}.section-title[data-v-27f99b76] .fa-solid{font-size:1.5rem;color:#ff9776;margin:0;animation:pulse-27f99b76 2s ease-in-out infinite}.articles-container[data-v-27f99b76]{display:flex;flex-wrap:wrap;gap:1.5rem}.article-card[data-v-27f99b76]{flex:1;min-width:280px;max-width:320px;background:hsla(0,0%,100%,.8);border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease;animation:fadeInUp-27f99b76 .5s ease-out forwards;border:1px solid rgba(106,27,154,.1)}.article-card[data-v-27f99b76]:first-child{animation-delay:.3s}.article-card[data-v-27f99b76]:nth-child(2){animation-delay:.4s}.article-card[data-v-27f99b76]:nth-child(3){animation-delay:.5s}.article-card[data-v-27f99b76]:hover{box-shadow:0 20px 25px -5px rgba(106,27,154,.2),0 10px 10px -5px rgba(106,27,154,.1);transform:translateY(-10px);border-color:#6a1b9a}.article-image[data-v-27f99b76]{height:160px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;overflow:hidden}.article-image img[data-v-27f99b76]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-image img[data-v-27f99b76]{transform:scale(1.1)}.article-content[data-v-27f99b76]{padding:1.5rem}.article-date[data-v-27f99b76]{font-size:.75rem;color:#9ca3af;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.article-date[data-v-27f99b76] .fa-solid{font-size:.75rem;color:#ff9776;margin:0}.article-card .article-title[data-v-27f99b76]{font-size:1.125rem;font-weight:600;color:#6a1b9a;margin-bottom:.75rem;line-height:1.4;transition:color .3s ease}.article-card:hover .article-title[data-v-27f99b76]{color:#8e24aa}.article-card .article-excerpt[data-v-27f99b76]{font-size:.875rem;color:#6b7280;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .read-more[data-v-27f99b76]{display:inline-block;font-size:.875rem;color:#6a1b9a;text-decoration:none;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.article-card:hover .read-more[data-v-27f99b76]{color:#8e24aa;transform:translateX(5px)}.article-card .read-more[data-v-27f99b76] .fa-solid{font-size:.75rem;margin:0;transition:transform .3s ease}.article-card:hover .read-more[data-v-27f99b76] .fa-solid{transform:translateX(3px)}.bottom-decoration[data-v-27f99b76]{position:fixed;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(0deg,rgba(106,27,154,.1),transparent);pointer-events:none;z-index:1}@keyframes fadeInUp-27f99b76{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.navbar[data-v-27f99b76]{padding:1rem 1.5rem}.nav-links[data-v-27f99b76]{gap:.5rem}.nav-links a[data-v-27f99b76]{font-size:.8rem;padding:.4rem .8rem}.new-main-content[data-v-27f99b76]{padding:7rem 1.5rem 3rem}.top-content[data-v-27f99b76]{gap:1.5rem}.cartoon-image img[data-v-27f99b76]{width:150px}.content-section[data-v-27f99b76]{padding:1.5rem}.main-title[data-v-27f99b76]{font-size:1.75rem}.article-types[data-v-27f99b76]{grid-template-columns:repeat(3,1fr);gap:.75rem}.type-btn[data-v-27f99b76]{padding:1rem .75rem;font-size:.8rem}.guess-you-need[data-v-27f99b76],.recommended-articles[data-v-27f99b76]{padding:1.5rem}.article-card[data-v-27f99b76]{min-width:240px;max-width:280px}}@media (max-width:768px){.navbar[data-v-27f99b76]{flex-direction:row;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.logo-img[data-v-27f99b76]{height:32px}.logo-text[data-v-27f99b76]{font-size:1rem}.decoration-heart[data-v-27f99b76]{font-size:.75rem}.nav-links[data-v-27f99b76]{gap:.4rem;flex-wrap:wrap;justify-content:center;order:3;width:100%;margin-top:.5rem}.nav-links a[data-v-27f99b76]{font-size:.7rem;padding:.3rem .6rem;gap:.25rem}.nav-icon[data-v-27f99b76]{width:.75rem;height:.75rem}.login-btn[data-v-27f99b76]{padding:.5rem 1rem;font-size:.75rem;order:2}.btn-icon[data-v-27f99b76]{font-size:.875rem}.new-main-content[data-v-27f99b76]{padding:8rem 1rem 2rem;gap:2rem}.top-content[data-v-27f99b76]{flex-direction:column;align-items:center;gap:1.5rem}.cartoon-image[data-v-27f99b76]{text-align:center;margin-bottom:0}.cartoon-image img[data-v-27f99b76]{width:120px}.content-section[data-v-27f99b76]{padding:1.25rem;max-width:100%;margin-left:0}.main-title[data-v-27f99b76]{font-size:1.25rem;margin-bottom:1.5rem}.article-types[data-v-27f99b76]{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.type-btn[data-v-27f99b76]{padding:1rem .5rem;font-size:.75rem;gap:.5rem}.type-btn[data-v-27f99b76] .fa-solid{font-size:1.25rem}.guess-you-need[data-v-27f99b76],.recommended-articles[data-v-27f99b76]{margin:2rem 0;padding:1.25rem}.section-title[data-v-27f99b76]{font-size:1.25rem;margin-bottom:1rem}.section-title[data-v-27f99b76] .fa-solid{font-size:1.25rem}.articles-container[data-v-27f99b76]{gap:1rem}.article-card[data-v-27f99b76]{min-width:100%;max-width:100%}.article-image[data-v-27f99b76]{height:140px}.article-content[data-v-27f99b76]{padding:1rem}.article-title[data-v-27f99b76]{font-size:1rem}.article-excerpt[data-v-27f99b76],.read-more[data-v-27f99b76]{font-size:.8rem}}@media (max-width:480px){.navbar[data-v-27f99b76]{padding:.5rem .75rem}.logo-img[data-v-27f99b76]{height:28px}.logo-text[data-v-27f99b76]{font-size:.875rem}.nav-links a[data-v-27f99b76]{font-size:.65rem;padding:.25rem .5rem}.login-btn[data-v-27f99b76]{padding:.4rem .75rem;font-size:.7rem}.new-main-content[data-v-27f99b76]{padding:7rem .75rem 2rem}.cartoon-image img[data-v-27f99b76]{width:100px}.content-section[data-v-27f99b76]{padding:1rem}.main-title[data-v-27f99b76]{font-size:1.1rem}.article-types[data-v-27f99b76]{grid-template-columns:1fr;gap:.5rem}.type-btn[data-v-27f99b76]{padding:.875rem .5rem;font-size:.8rem;flex-direction:row;justify-content:center;gap:.5rem}.guess-you-need[data-v-27f99b76],.recommended-articles[data-v-27f99b76]{padding:1rem}.section-title[data-v-27f99b76]{font-size:1.1rem}.article-image[data-v-27f99b76]{height:120px}}.feedback-page[data-v-2099be46]{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.back-button[data-v-2099be46]{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease;margin-bottom:40px;display:flex;align-items:center;gap:5px}.feedback-title[data-v-2099be46]{font-size:24px;color:#333;text-align:center;margin-bottom:40px;font-weight:700}.feedback-btn[data-v-2099be46]{display:block;margin:0 auto 40px;background-color:#fff;border:1px solid #6a1b9a;border-radius:8px;padding:12px 24px;font-size:16px;color:#6a1b9a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.inbox-section[data-v-2099be46]{margin-top:40px}.inbox-title[data-v-2099be46]{font-size:20px;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:8px}.search-container[data-v-2099be46]{margin-bottom:20px;width:100%}.search-input[data-v-2099be46]{width:100%;height:45px;border:1px solid #e0e0e0;border-radius:8px;padding:10px 15px;font-size:14px;color:#333;font-family:Arial,sans-serif;transition:all .3s ease}.search-input[data-v-2099be46]:focus{outline:none;border-color:#6a1b9a;box-shadow:0 0 0 3px rgba(106,27,154,.1);transform:translateY(-1px)}.feedback-list[data-v-2099be46]{margin-bottom:30px}.feedback-item[data-v-2099be46]{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.feedback-header[data-v-2099be46]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.username[data-v-2099be46]{font-weight:700;color:#333}.status[data-v-2099be46]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.status.pending[data-v-2099be46]{background-color:#ffebee;color:#c62828}.status.processed[data-v-2099be46]{background-color:#e8f5e8;color:#2e7d32}.feedback-content[data-v-2099be46]{margin-bottom:12px;font-size:14px;color:#666}.content-label[data-v-2099be46]{font-weight:700}.feedback-footer[data-v-2099be46]{display:flex;justify-content:space-between;align-items:center}.rating[data-v-2099be46]{display:flex;gap:4px}.view-btn[data-v-2099be46]{background-color:transparent;border:none;color:#6a1b9a;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;gap:4px}.pagination[data-v-2099be46]{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:30px}.total-pages[data-v-2099be46]{font-size:14px;color:#666;margin-right:10px}.page-btn[data-v-2099be46]{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:6px 10px;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease}[data-v-2099be46] .fa-solid{color:#6a1b9a}.modal-overlay[data-v-2099be46]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-2099be46 .3s ease both}.feedback-modal[data-v-2099be46]{background-color:#fff;border-radius:12px;padding:30px;width:90%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.15);animation:scaleIn-2099be46 .3s ease both}.modal-title[data-v-2099be46]{font-size:20px;color:#333;text-align:center;margin-bottom:25px;font-weight:700}.username-input[data-v-2099be46]{width:100%;height:45px;border:1px solid #e0e0e0;border-radius:8px;padding:10px 15px;font-size:14px;color:#333;margin-bottom:25px;font-family:Arial,sans-serif;transition:all .3s ease}.username-input[data-v-2099be46]:focus{outline:none;border-color:#6a1b9a;box-shadow:0 0 0 3px rgba(106,27,154,.1);transform:translateY(-1px)}.rating-container[data-v-2099be46]{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.feedback-input[data-v-2099be46]{width:100%;height:150px;border:1px solid #e0e0e0;border-radius:8px;padding:15px;font-size:14px;color:#333;resize:none;margin-bottom:25px;font-family:Arial,sans-serif}.submit-btn[data-v-2099be46]{display:block;width:100%;background-color:#6a1b9a;border:none;border-radius:8px;padding:12px 24px;font-size:16px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:8px}.detail-modal[data-v-2099be46]{background-color:#fff;border-radius:12px;padding:30px;width:90%;max-width:600px;box-shadow:0 4px 20px rgba(0,0,0,.15);position:relative;animation:scaleIn-2099be46 .3s ease both}.close-btn[data-v-2099be46]{position:absolute;top:15px;right:15px;background-color:transparent;border:none;font-size:20px;color:#999;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.detail-title[data-v-2099be46]{font-size:20px;color:#333;margin-bottom:20px;font-weight:700}.detail-status[data-v-2099be46]{margin-bottom:20px}.status-badge[data-v-2099be46]{padding:5px 12px;border-radius:4px;font-size:12px;font-weight:700}.status-badge.pending[data-v-2099be46]{background-color:#ffebee;color:#c62828}.status-badge.processed[data-v-2099be46]{background-color:#e8f5e8;color:#2e7d32}.detail-item[data-v-2099be46]{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.detail-item[data-v-2099be46]:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.detail-label[data-v-2099be46]{display:block;font-weight:700;color:#333;margin-bottom:8px;font-size:14px}.detail-value[data-v-2099be46]{color:#666;font-size:14px}.detail-rating[data-v-2099be46]{display:flex;gap:5px}.detail-content[data-v-2099be46]{color:#666;font-size:14px;line-height:1.5}.status-action[data-v-2099be46]{margin-top:25px;text-align:center}.status-btn[data-v-2099be46]{background-color:transparent;border:1px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-block}.status-btn.pending[data-v-2099be46]{background-color:#ffebee;border-color:#c62828;color:#c62828}.status-btn.processed[data-v-2099be46]{background-color:#e8f5e8;border-color:#2e7d32;color:#2e7d32}.status-btn[data-v-2099be46]:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes fadeInUp-2099be46{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-2099be46{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-2099be46{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-2099be46{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.back-button[data-v-2099be46]{animation:fadeInUp-2099be46 .5s ease-out .1s both}.feedback-title[data-v-2099be46]{animation:fadeInUp-2099be46 .5s ease-out .2s both}.feedback-btn[data-v-2099be46]{animation:fadeInUp-2099be46 .5s ease-out .3s both}.inbox-section[data-v-2099be46]{animation:fadeInUp-2099be46 .5s ease-out .4s both}.feedback-item[data-v-2099be46]{animation:fadeInUp-2099be46 .5s ease-out both}.feedback-item[data-v-2099be46]:first-child{animation-delay:.5s}.feedback-item[data-v-2099be46]:nth-child(2){animation-delay:.6s}.feedback-item[data-v-2099be46]:nth-child(3){animation-delay:.7s}.feedback-item[data-v-2099be46]:nth-child(4){animation-delay:.8s}.feedback-item[data-v-2099be46]:nth-child(5){animation-delay:.9s}.back-button[data-v-2099be46]:hover{background-color:#f5f5f5;border-color:#6a1b9a;color:#6a1b9a;transform:translateY(-2px);box-shadow:0 2px 8px rgba(106,27,154,.2)}.feedback-btn[data-v-2099be46]:hover{background-color:#f3e5f5;transform:translateY(-3px);box-shadow:0 4px 12px rgba(106,27,154,.3)}.view-btn[data-v-2099be46]:hover{background-color:#f3e5f5;transform:translateY(-1px);box-shadow:0 2px 6px rgba(106,27,154,.2)}.submit-btn[data-v-2099be46]:hover{background-color:#5e1a85;transform:translateY(-3px);box-shadow:0 4px 12px rgba(106,27,154,.3)}.close-btn[data-v-2099be46]:hover{color:#666;background-color:#f5f5f5;transform:rotate(90deg)}.detail-rating[data-v-2099be46] .fa-star,.rating[data-v-2099be46] .fa-star{color:#e0e0e0;font-size:14px;transition:color .3s ease,transform .2s ease}.detail-rating[data-v-2099be46] .fa-star{font-size:16px}.detail-rating[data-v-2099be46] .fa-star.filled,.rating[data-v-2099be46] .fa-star.filled{color:#ffc107;animation:pulse-2099be46 .6s ease}.rating-star[data-v-2099be46]{font-size:24px;color:#e0e0e0;cursor:pointer;transition:all .3s ease}.rating-star.filled[data-v-2099be46],.rating-star[data-v-2099be46]:hover{color:#ffc107;transform:scale(1.2);animation:pulse-2099be46 .5s ease}.feedback-item[data-v-2099be46]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.feedback-input[data-v-2099be46]:focus{outline:none;border-color:#6a1b9a;box-shadow:0 0 0 3px rgba(106,27,154,.1);transform:translateY(-1px)}.page-btn[data-v-2099be46]:hover{border-color:#6a1b9a;color:#6a1b9a;transform:translateY(-1px);box-shadow:0 2px 6px rgba(106,27,154,.2)}.page-btn.active[data-v-2099be46]{background-color:#6a1b9a;border-color:#6a1b9a;color:#fff;box-shadow:0 2px 8px rgba(106,27,154,.3)}.submit-btn[data-v-2099be46] .fa-solid{color:#fff;font-size:14px}.close-btn[data-v-2099be46] .fa-solid{color:inherit}.inbox-title[data-v-2099be46] .fa-solid{color:#6a1b9a}.back-button[data-v-2099be46] .fa-solid{font-size:12px;color:#666}.back-button[data-v-2099be46]:hover .fa-solid{color:#6a1b9a}.view-btn[data-v-2099be46] .fa-solid{font-size:12px}.feedback-btn[data-v-2099be46] .fa-solid{font-size:14px}@media (max-width:1024px){.feedback-page[data-v-2099be46]{padding:80px 20px 20px}.feedback-title[data-v-2099be46]{font-size:20px}.feedback-btn[data-v-2099be46]{padding:10px 20px;font-size:14px}.inbox-title[data-v-2099be46]{font-size:18px}.feedback-item[data-v-2099be46]{padding:12px}.username[data-v-2099be46]{font-size:14px}.content-text[data-v-2099be46]{font-size:13px}.detail-modal[data-v-2099be46],.feedback-modal[data-v-2099be46]{padding:25px;width:95%}.detail-title[data-v-2099be46],.modal-title[data-v-2099be46]{font-size:18px}}@media (max-width:768px){.feedback-page[data-v-2099be46]{padding:70px 15px 15px}.back-button[data-v-2099be46]{top:15px;left:15px;padding:6px 12px;font-size:12px}.feedback-title[data-v-2099be46]{font-size:18px;margin-bottom:30px}.feedback-btn[data-v-2099be46]{padding:10px 18px;font-size:13px;margin-bottom:30px}.inbox-section[data-v-2099be46]{margin-top:30px}.inbox-title[data-v-2099be46]{font-size:16px;margin-bottom:15px}.search-input[data-v-2099be46]{height:40px;font-size:13px}.feedback-item[data-v-2099be46]{padding:12px;margin-bottom:12px}.feedback-header[data-v-2099be46]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.username[data-v-2099be46]{font-size:13px}.status[data-v-2099be46]{font-size:11px;padding:3px 8px}.feedback-content[data-v-2099be46]{flex-direction:column;gap:5px}.content-label[data-v-2099be46],.content-text[data-v-2099be46]{font-size:12px}.feedback-footer[data-v-2099be46]{flex-direction:column;align-items:flex-start;gap:10px}.view-btn[data-v-2099be46]{padding:6px 12px;font-size:12px}.pagination[data-v-2099be46]{flex-wrap:wrap;gap:8px}.page-btn[data-v-2099be46]{padding:6px 12px;font-size:12px}.detail-modal[data-v-2099be46],.feedback-modal[data-v-2099be46]{padding:20px;width:95%;max-width:none}.detail-title[data-v-2099be46],.modal-title[data-v-2099be46]{font-size:16px;margin-bottom:20px}.feedback-input[data-v-2099be46],.username-input[data-v-2099be46]{height:40px;font-size:13px;margin-bottom:15px}.feedback-input[data-v-2099be46]{min-height:100px}.rating-star[data-v-2099be46]{font-size:20px}.submit-btn[data-v-2099be46]{padding:10px 20px;font-size:14px}.detail-item[data-v-2099be46]{margin-bottom:12px;padding-bottom:12px}.detail-content[data-v-2099be46],.detail-label[data-v-2099be46],.detail-value[data-v-2099be46]{font-size:13px}.status-btn[data-v-2099be46]{padding:8px 16px;font-size:13px}}@media (max-width:480px){.feedback-page[data-v-2099be46]{padding:60px 10px 10px}.back-button[data-v-2099be46]{top:10px;left:10px;padding:5px 10px;font-size:11px}.feedback-title[data-v-2099be46]{font-size:16px;margin-bottom:25px}.feedback-btn[data-v-2099be46]{padding:8px 16px;font-size:12px}.inbox-title[data-v-2099be46]{font-size:14px}.search-input[data-v-2099be46]{height:38px;font-size:12px}.feedback-item[data-v-2099be46]{padding:10px}.username[data-v-2099be46]{font-size:12px}.content-text[data-v-2099be46]{font-size:11px}.detail-modal[data-v-2099be46],.feedback-modal[data-v-2099be46]{padding:15px}.detail-title[data-v-2099be46],.modal-title[data-v-2099be46]{font-size:14px}.feedback-input[data-v-2099be46],.username-input[data-v-2099be46]{height:38px;font-size:12px}.rating-star[data-v-2099be46]{font-size:18px}.submit-btn[data-v-2099be46]{padding:8px 18px;font-size:13px}.detail-content[data-v-2099be46],.detail-label[data-v-2099be46],.detail-value[data-v-2099be46]{font-size:12px}}.test-page[data-v-3a741b7f]{padding:20px;background-color:#f5f5f5;min-height:100vh;font-family:Arial,sans-serif}.back-button[data-v-3a741b7f]{background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:8px 16px;font-size:14px;cursor:pointer;margin-bottom:30px;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.back-button[data-v-3a741b7f]:hover{background-color:#f0f0f0;transform:translateX(-5px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.back-icon[data-v-3a741b7f]{font-size:16px;color:#666}.test-container[data-v-3a741b7f]{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 12px rgba(0,0,0,.1);max-width:1000px;margin:0 auto;text-align:center}.illustration[data-v-3a741b7f]{margin-bottom:30px}.heart-image[data-v-3a741b7f]{width:200px}.test-title[data-v-3a741b7f]{color:#333}.test-buttons[data-v-3a741b7f]{display:flex;justify-content:space-around;margin-bottom:40px;gap:20px;flex-wrap:wrap}.test-button[data-v-3a741b7f]{background-color:#cbd5e1;border:none;border-radius:25px;padding:15px 25px;font-size:16px;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;overflow:hidden}.test-button[data-v-3a741b7f]:hover{background-color:#94a3b8;transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.test-button[data-v-3a741b7f]:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.15)}.button-icon[data-v-3a741b7f]{font-size:20px;transition:transform .3s ease}.test-button:hover .button-icon[data-v-3a741b7f]{transform:scale(1.2)}.test-descriptions[data-v-3a741b7f]{text-align:left;display:flex;flex-direction:column;gap:30px;margin-top:50px;animation:fadeInUp-3a741b7f .8s ease-out}.description[data-v-3a741b7f]{padding:20px;border-radius:12px;background-color:#f8fafc;transition:all .3s ease;border-left:4px solid transparent}.description[data-v-3a741b7f]:hover{background-color:#f1f5f9;transform:translateX(10px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-left-color:#8b5cf6}.description-header[data-v-3a741b7f]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.description-icon[data-v-3a741b7f]{font-size:24px;color:#8b5cf6;transition:transform .3s ease}.description:hover .description-icon[data-v-3a741b7f]{transform:scale(1.1) rotate(10deg)}.description h3[data-v-3a741b7f]{font-size:18px;margin:0;color:#333;font-weight:600}.description p[data-v-3a741b7f]{font-size:14px;line-height:1.7;color:#666;margin:0;transition:color .3s ease}.description:hover p[data-v-3a741b7f]{color:#475569}@keyframes fadeInUp-3a741b7f{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-3a741b7f{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.box[data-v-3a741b7f]{display:flex;align-items:center;justify-content:center}.quiz-container[data-v-3a741b7f]{margin-bottom:40px}.question[data-v-3a741b7f]{font-size:1.3em;margin-bottom:30px;text-align:center;color:#333;font-weight:600}.options[data-v-3a741b7f]{display:flex;justify-content:space-around;margin-bottom:30px;gap:15px;flex-wrap:wrap}.option-button[data-v-3a741b7f]{background-color:#cbd5e1;border:none;border-radius:25px;padding:15px 25px;font-size:16px;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.option-button[data-v-3a741b7f]:hover{background-color:#94a3b8;transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.quiz-progress[data-v-3a741b7f]{text-align:center}.progress-bar[data-v-3a741b7f]{width:100%;height:10px;border-radius:5px;background-color:#e0e0e0;margin-top:10px}.progress-bar[data-v-3a741b7f]::-webkit-progress-value{background-color:#8b5cf6;border-radius:5px;-webkit-transition:width .3s ease;transition:width .3s ease}.results-container[data-v-3a741b7f]{margin-bottom:40px}.results-container h2[data-v-3a741b7f]{color:#333;margin-bottom:30px;font-size:1.8em}.result-item[data-v-3a741b7f]{background-color:#f8fafc;padding:20px;border-radius:12px;margin-bottom:20px;transition:all .3s ease;border-left:4px solid #8b5cf6}.result-item[data-v-3a741b7f]:hover{background-color:#f1f5f9;transform:translateX(10px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.result-item h3[data-v-3a741b7f]{color:#333;margin:0 0 10px 0;font-size:1.4em}.result-item p[data-v-3a741b7f]{color:#666;margin:0 0 15px 0;font-size:1.1em}.result-item h4[data-v-3a741b7f]{color:#4b5563;margin:0 0 10px 0;font-size:1.2em}.result-item ul[data-v-3a741b7f]{margin:0;padding-left:20px;color:#666;line-height:1.7}.risk-low[data-v-3a741b7f]{color:#22c55e;font-weight:700}.risk-medium[data-v-3a741b7f]{color:#f59e0b;font-weight:700}.risk-high[data-v-3a741b7f]{color:#ef4444;font-weight:700}.disclaimer[data-v-3a741b7f]{background-color:#f0f9ff;border:1px solid #93c5fd;border-radius:8px;padding:15px;margin:30px 0;color:#1e40af;font-size:.95em;line-height:1.7}.restart-button[data-v-3a741b7f]{background-color:#8b5cf6;color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:16px;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto;box-shadow:0 4px 10px rgba(0,0,0,.1)}.restart-button[data-v-3a741b7f]:hover{background-color:#7c3aed;transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15)}@media (max-width:1024px){.test-page[data-v-3a741b7f]{padding:80px 20px 20px}.test-container[data-v-3a741b7f]{padding:30px 20px}.heart-image[data-v-3a741b7f]{width:150px}.test-title[data-v-3a741b7f]{font-size:1.5rem}.test-buttons[data-v-3a741b7f]{gap:15px}.test-button[data-v-3a741b7f]{padding:12px 20px;font-size:14px;min-width:160px}.question[data-v-3a741b7f]{font-size:1.1em}.option-button[data-v-3a741b7f]{padding:12px 20px;font-size:14px;min-width:100px}}@media (max-width:768px){.test-page[data-v-3a741b7f]{padding:70px 15px 15px}.back-button[data-v-3a741b7f]{top:15px;left:15px;padding:8px 15px;font-size:14px}.test-container[data-v-3a741b7f]{padding:20px 15px}.heart-image[data-v-3a741b7f]{width:120px}.test-title[data-v-3a741b7f]{font-size:1.25rem}.test-buttons[data-v-3a741b7f]{flex-direction:column;gap:12px}.test-button[data-v-3a741b7f]{padding:15px 20px;font-size:14px;min-width:100%}.quiz-container[data-v-3a741b7f]{padding:0 10px}.question[data-v-3a741b7f]{font-size:1em;margin-bottom:20px}.options[data-v-3a741b7f]{flex-direction:column;gap:10px}.option-button[data-v-3a741b7f]{padding:12px 15px;font-size:14px;min-width:100%}.results-container h2[data-v-3a741b7f]{font-size:1.5em}.result-item[data-v-3a741b7f]{padding:15px}.result-item h3[data-v-3a741b7f]{font-size:1.2em}.result-item p[data-v-3a741b7f]{font-size:1em}.disclaimer[data-v-3a741b7f]{padding:12px;font-size:.85em}.restart-button[data-v-3a741b7f]{padding:12px 25px;font-size:14px}}@media (max-width:480px){.test-page[data-v-3a741b7f]{padding:60px 10px 10px}.back-button[data-v-3a741b7f]{top:10px;left:10px;padding:6px 12px;font-size:12px}.test-container[data-v-3a741b7f]{padding:15px 10px}.heart-image[data-v-3a741b7f]{width:100px}.test-title[data-v-3a741b7f]{font-size:1.1rem}.test-button[data-v-3a741b7f]{padding:12px 15px;font-size:13px}.question[data-v-3a741b7f]{font-size:.95em}.option-button[data-v-3a741b7f]{padding:10px 12px;font-size:13px}.results-container h2[data-v-3a741b7f]{font-size:1.3em}.result-item h3[data-v-3a741b7f]{font-size:1.1em}.result-item p[data-v-3a741b7f]{font-size:.9em}}[data-v-5e589468]:root{--primary-color:#8b5cf6;--secondary-color:#ec4899;--background-color:#000;--text-color:#fff;--card-bg:rgba(0,0,0,.4);--card-border:hsla(0,0%,100%,.1);--card-shadow:0 4px 6px rgba(0,0,0,.1);--transition-timing:cubic-bezier(0.4,0,0.2,1)}.heart-icon[data-v-5e589468]:not(.active),.star-icon[data-v-5e589468]:not(.active){color:#ccc}.heart-icon.active[data-v-5e589468]{color:red}.star-icon.active[data-v-5e589468]{color:gold}[data-v-5e589468]{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html[data-v-5e589468]{scroll-behavior:smooth}body[data-v-5e589468]{background-color:var(--background-color);color:var(--text-color);overflow-x:hidden;min-height:100vh;position:relative;overflow-y:overlay;-webkit-overflow-scrolling:touch}#starry-background[data-v-5e589468]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.container[data-v-5e589468]{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.return-button[data-v-5e589468]{position:absolute;top:2rem;left:2rem;background:#6d6d6d;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:700;border-radius:9999px;cursor:pointer;box-shadow:var(--card-shadow);transition:all .3s var(--transition-timing)}.return-button[data-v-5e589468]:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(139,92,246,.4)}header[data-v-5e589468]{text-align:center;margin-bottom:3rem;padding-top:2rem}h1[data-v-5e589468]{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(-20px);animation:fadeInDown-5e589468 1s forwards}header p[data-v-5e589468]{font-size:clamp(1rem,2vw,1.25rem);color:hsla(0,0%,100%,.8);max-width:600px;margin:0 auto;opacity:0;transform:translateY(20px);animation:fadeInUp-5e589468 1s .3s forwards}.button-container[data-v-5e589468]{display:flex;justify-content:center;margin-bottom:3rem;opacity:0;animation:fadeIn-5e589468 1s .6s forwards}.wish-button[data-v-5e589468]{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:1rem 2rem;font-size:1.125rem;font-weight:700;border-radius:9999px;cursor:pointer;box-shadow:var(--card-shadow);transition:all .3s var(--transition-timing);display:flex;align-items:center;position:relative;overflow:hidden}.wish-button[data-v-5e589468]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:.5s}.wish-button[data-v-5e589468]:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 15px rgba(139,92,246,.4)}.wish-button[data-v-5e589468]:hover:before{left:100%}.wish-button i[data-v-5e589468]{margin-right:.5rem;font-size:1.2rem}.wishes-container[data-v-5e589468]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;opacity:0;animation:fadeIn-5e589468 1s .9s forwards}.wish-card[data-v-5e589468]{background:linear-gradient(135deg,var(--card-bg),rgba(0,0,0,.2));backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid var(--card-border);box-shadow:var(--card-shadow),0 0 20px rgba(139,92,246,.1),inset 0 0 10px rgba(236,72,153,.05);transform:translateZ(0);transition:all .5s var(--transition-timing);position:relative;overflow:hidden;will-change:transform;contain:content}.wish-card[data-v-5e589468]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);transition:.5s}.wish-card[data-v-5e589468]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.2),0 0 30px rgba(139,92,246,.2)}.wish-card[data-v-5e589468]:hover:before{left:100%}.wish-card-header[data-v-5e589468]{display:flex;align-items:center;margin-bottom:1.5rem;position:relative}.avatar[data-v-5e589468]{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;margin-right:1rem;font-weight:700;font-size:1.2rem;box-shadow:0 0 15px rgba(236,72,153,.3);border:2px solid hsla(0,0%,100%,.1);transition:all .3s ease;will-change:transform}.wish-card:hover .avatar[data-v-5e589468]{transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px rgba(236,72,153,.5)}.wish-info[data-v-5e589468]{flex:1}.wish-info h3[data-v-5e589468]{font-size:1.1rem;margin-bottom:.25rem;color:hsla(0,0%,100%,.9)}.wish-tags[data-v-5e589468]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.wish-tag[data-v-5e589468]{padding:.25rem .75rem;background:rgba(139,92,246,.2);border-radius:9999px;font-size:.75rem;color:hsla(0,0%,100%,.8);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.wish-tag[data-v-5e589468]:hover{background:rgba(139,92,246,.3);transform:scale(1.05)}.time-tag[data-v-5e589468]{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;background:rgba(0,0,0,.3);border-radius:9999px;font-size:.75rem;color:hsla(0,0%,100%,.6);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.wish-card:hover .time-tag[data-v-5e589468]{background:rgba(139,92,246,.2);color:hsla(0,0%,100%,.8)}.wish-content[data-v-5e589468]{margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem;color:hsla(0,0%,100%,.9);padding:1rem;border-radius:.5rem;background:rgba(0,0,0,.2);transform-origin:center;transition:all .3s ease;position:relative}.wish-content[data-v-5e589468]:before{content:'"';position:absolute;top:0;left:.5rem;font-size:2rem;color:var(--primary-color);opacity:.5}.wish-content[data-v-5e589468]:after{content:'"';position:absolute;bottom:-.5rem;right:.5rem;font-size:2rem;color:var(--secondary-color);opacity:.5}.wish-card:hover .wish-content[data-v-5e589468]{background:rgba(0,0,0,.3);transform:scale(1.02)}.wish-card-footer[data-v-5e589468]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.wish-stat[data-v-5e589468]{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease;position:relative}.wish-stat[data-v-5e589468]:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1)}.wish-stat.active[data-v-5e589468]{animation:pop-5e589468 .3s ease}.wish-stat i[data-v-5e589468]{margin-right:.5rem;font-size:1.2rem;transition:all .3s ease}.wish-stat span[data-v-5e589468]{font-size:.875rem;color:hsla(0,0%,100%,.8);font-weight:500}.heart-icon[data-v-5e589468]{color:var(--secondary-color);filter:drop-shadow(0 0 5px rgba(236,72,153,.5))}.star-icon[data-v-5e589468]{color:#f59e0b;filter:drop-shadow(0 0 5px rgba(245,158,11,.5))}.wish-stat:hover .heart-icon[data-v-5e589468]{color:#f33;filter:drop-shadow(0 0 10px rgba(255,51,51,.7))}.wish-stat:hover .star-icon[data-v-5e589468]{color:#ffb300;filter:drop-shadow(0 0 10px rgba(255,179,0,.7))}.hint-text[data-v-5e589468]{text-align:center;margin-top:2rem;color:hsla(0,0%,100%,.6);font-size:.875rem;opacity:0;animation:fadeIn-5e589468 1s 1.2s forwards}.modal[data-v-5e589468]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.modal.show[data-v-5e589468]{opacity:1;visibility:visible}.modal-content[data-v-5e589468]{background:linear-gradient(135deg,var(--card-bg),rgba(0,0,0,.2));backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;max-width:500px;width:90%;border:1px solid var(--card-border);box-shadow:0 10px 30px rgba(0,0,0,.3);transform:scale(.9);transition:transform .3s ease}.modal.show .modal-content[data-v-5e589468]{transform:scale(1)}.modal-header[data-v-5e589468]{text-align:center;margin-bottom:2rem}.modal-header h2[data-v-5e589468]{color:var(--text-color);font-size:1.5rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.form-group[data-v-5e589468]{margin-bottom:1.5rem}.form-group label[data-v-5e589468]{display:block;margin-bottom:.5rem;color:hsla(0,0%,100%,.8);font-weight:500}.form-control[data-v-5e589468]{width:100%;padding:.75rem;border:1px solid var(--card-border);border-radius:.5rem;background:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(4px)}.form-control[data-v-5e589468]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(139,92,246,.1);background:hsla(0,0%,100%,.15)}.form-control[data-v-5e589468]::-moz-placeholder{color:#fff}.form-control[data-v-5e589468]::placeholder{color:#fff}textarea.form-control[data-v-5e589468]{resize:vertical;min-height:120px}.submit-button[data-v-5e589468]{width:100%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:1rem;font-size:1.125rem;font-weight:700;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.submit-button[data-v-5e589468]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:.5s}.submit-button[data-v-5e589468]:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(139,92,246,.4)}.submit-button[data-v-5e589468]:hover:before{left:100%}.submit-button i[data-v-5e589468]{margin-right:.5rem}@keyframes fadeInDown-5e589468{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-5e589468{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-5e589468{0%{opacity:0}to{opacity:1}}@keyframes pop-5e589468{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float-5e589468{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating[data-v-5e589468]{animation:float-5e589468 3s ease-in-out infinite}.glowing[data-v-5e589468]{box-shadow:0 0 20px rgba(139,92,246,.3)}.glowing[data-v-5e589468]:hover{box-shadow:0 0 30px rgba(139,92,246,.5)}@media (max-width:768px){.container[data-v-5e589468]{padding:1rem}.wishes-container[data-v-5e589468]{grid-template-columns:1fr;gap:1.5rem}.wish-card[data-v-5e589468]{padding:1rem}.modal-content[data-v-5e589468]{padding:1.5rem;margin:1rem}}@media (max-width:480px){.wish-card-header[data-v-5e589468]{flex-direction:column;align-items:flex-start}.time-tag[data-v-5e589468]{position:static;margin-top:.5rem}.avatar[data-v-5e589468]{width:2.5rem;height:2.5rem;font-size:1rem}}[data-v-5d94d66e]{margin:0;padding:0;box-sizing:border-box}.auth-page[data-v-5d94d66e]{min-height:100vh;background:#faf4f1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.auth-container[data-v-5d94d66e]{position:relative;width:900px;height:550px;background:#fff;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.form-panel[data-v-5d94d66e]{position:absolute;top:0;width:50%;height:100%;padding:50px 40px;transition:all .8s cubic-bezier(.4,0,.2,1);background:#fff}.login-panel[data-v-5d94d66e]{left:0;transform:translateX(0)}.login-panel.form-right[data-v-5d94d66e]{transform:translateX(100%)}.register-panel[data-v-5d94d66e]{right:0;transform:translateX(100%)}.register-panel.form-left[data-v-5d94d66e]{transform:translateX(0)}.form-content[data-v-5d94d66e]{display:flex;flex-direction:column;height:100%}.form-title[data-v-5d94d66e]{font-size:28px;font-weight:700;color:#333;text-align:center;margin-bottom:8px;opacity:0;transform:translateY(20px);animation:fadeInUp-5d94d66e .6s ease forwards;animation-delay:.1s}.form-subtitle[data-v-5d94d66e]{color:#888;text-align:center;font-size:14px;margin-bottom:35px;opacity:0;transform:translateY(20px);animation:fadeInUp-5d94d66e .6s ease forwards;animation-delay:.2s}@keyframes fadeInUp-5d94d66e{to{opacity:1;transform:translateY(0)}}.auth-form[data-v-5d94d66e]{flex:1;display:flex;flex-direction:column}.form-group[data-v-5d94d66e]{position:relative;margin-bottom:10px;opacity:0;transform:translateX(-20px);animation:slideInRight-5d94d66e .5s ease forwards}.form-group[data-v-5d94d66e]:first-child{animation-delay:.2s}.form-group[data-v-5d94d66e]:nth-child(2){animation-delay:.3s}.form-group[data-v-5d94d66e]:nth-child(3){animation-delay:.4s}.form-group[data-v-5d94d66e]:nth-child(4){animation-delay:.5s}@keyframes slideInRight-5d94d66e{to{opacity:1;transform:translateX(0)}}.form-group input[data-v-5d94d66e]{width:100%;padding:14px 45px 14px 18px;border:2px solid #e8e8e8;border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8f8f8;position:relative;overflow:hidden}.form-group input[data-v-5d94d66e]:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.form-group input[data-v-5d94d66e]:focus:before{width:100%}.form-group input[data-v-5d94d66e]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 4px 15px rgba(102,126,234,.15);transform:translateY(-2px)}.form-group input:focus+.password-toggle[data-v-5d94d66e]{color:#667eea;transform:translateY(-50%) scale(1.1)}.form-group input[data-v-5d94d66e]:not(:focus){box-shadow:inset 0 2px 4px rgba(0,0,0,.03)}.form-group input[data-v-5d94d66e]::-moz-placeholder{color:#bbb;-moz-transition:all .3s ease;transition:all .3s ease}.form-group input[data-v-5d94d66e]::placeholder{color:#bbb;transition:all .3s ease}.form-group input[data-v-5d94d66e]:focus::-moz-placeholder{opacity:.6;transform:translateX(5px)}.form-group input[data-v-5d94d66e]:focus::placeholder{opacity:.6;transform:translateX(5px)}.password-toggle[data-v-5d94d66e]{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;font-size:15px;padding:5px;transition:all .3s ease}.password-toggle[data-v-5d94d66e]:hover{color:#667eea;transform:translateY(-50%) scale(1.1)}.code-group[data-v-5d94d66e]{display:flex;gap:10px}.code-group input[data-v-5d94d66e]{flex:1}.send-code-btn[data-v-5d94d66e]{padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.send-code-btn[data-v-5d94d66e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.send-code-btn[data-v-5d94d66e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message[data-v-5d94d66e]{color:#ff4d4f;font-size:13px;margin-bottom:15px;text-align:center;animation:shake-5d94d66e .5s ease}.success-message[data-v-5d94d66e]{color:#52c41a;font-size:13px;margin-bottom:15px;text-align:center;animation:fadeInUp-5d94d66e .3s ease}@keyframes shake-5d94d66e{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.submit-btn[data-v-5d94d66e]{width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:auto;background:#999;color:#fff;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp-5d94d66e .6s ease forwards;animation-delay:.6s}.submit-btn[data-v-5d94d66e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.submit-btn[data-v-5d94d66e]:hover:not(:disabled):before{left:100%}.submit-btn[data-v-5d94d66e]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.submit-btn[data-v-5d94d66e]:active:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px rgba(102,126,234,.3)}.submit-btn[data-v-5d94d66e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.overlay-card[data-v-5d94d66e]{position:absolute;top:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:10;overflow:hidden;right:0;box-shadow:0 0 35px #333333c4;transform:translateX(0);background:linear-gradient(135deg,#a8d8ff,#7ec8ff 50%,#5bb8ff);border-radius:30px 0 0 30px}.overlay-card[data-v-5d94d66e]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:rotate-5d94d66e 20s linear infinite}.overlay-card[data-v-5d94d66e]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);animation:shimmer-5d94d66e 3s ease-in-out infinite}@keyframes rotate-5d94d66e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer-5d94d66e{0%,to{opacity:.5}50%{opacity:1}}.overlay-card.active[data-v-5d94d66e]{transform:translateX(-100%);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 30px 30px 0;box-shadow:0 0 35px #333333c4}.overlay-content[data-v-5d94d66e]{text-align:center;padding:20px;transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.overlay-card:hover .overlay-content[data-v-5d94d66e]{transform:scale(1.05)}.overlay-logo[data-v-5d94d66e]{width:90px;height:90px;border-radius:20px;-o-object-fit:cover;object-fit:cover;margin-bottom:25px;transition:all .4s ease;animation:float-5d94d66e 3s ease-in-out infinite}@keyframes float-5d94d66e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.overlay-card:hover .overlay-logo[data-v-5d94d66e]{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px rgba(0,0,0,.3)}.overlay-title[data-v-5d94d66e]{font-size:26px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.2);opacity:0;transform:translateY(20px);animation:fadeInUp-5d94d66e .6s ease forwards;animation-delay:.3s}.overlay-subtitle[data-v-5d94d66e]{color:hsla(0,0%,100%,.9);font-size:14px;margin-bottom:30px;opacity:0;transform:translateY(20px);animation:fadeInUp-5d94d66e .6s ease forwards;animation-delay:.5s}.overlay-btn[data-v-5d94d66e]{padding:12px 35px;border:2px solid #fff;border-radius:25px;background:transparent;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp-5d94d66e .6s ease forwards;animation-delay:.7s}.overlay-btn[data-v-5d94d66e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.overlay-btn[data-v-5d94d66e]:hover:not(:disabled):before{left:100%}.overlay-btn[data-v-5d94d66e]:hover:not(:disabled){background:#fff;color:#764ba2;box-shadow:0 8px 25px rgba(0,0,0,.3);transform:translateY(-3px)}.overlay-btn[data-v-5d94d66e]:active:not(:disabled){transform:translateY(-1px)}.overlay-btn[data-v-5d94d66e]:disabled{opacity:.5;cursor:not-allowed}.background-decoration[data-v-5d94d66e]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.floating-shapes[data-v-5d94d66e]{position:relative;width:100%;height:100%}.shape[data-v-5d94d66e]{position:absolute;border-radius:50%;background:rgba(132,234,189,.36);opacity:0;transition:all .8s ease}.shape.animate[data-v-5d94d66e]{opacity:1}.shape-1[data-v-5d94d66e]{width:400px;height:400px;top:-150px;left:-150px}.shape-2[data-v-5d94d66e]{width:300px;height:300px;top:50%;right:-100px;transform:translateY(-50%)}.shape-3[data-v-5d94d66e]{width:200px;height:200px;bottom:-50px;left:20%}.shape-4[data-v-5d94d66e]{width:150px;height:150px;bottom:100px;right:-30px}.shape-5[data-v-5d94d66e]{width:100px;height:100px;top:100px;right:15%}.shape-6[data-v-5d94d66e]{width:80px;height:80px;bottom:200px;left:10%}.loading-spinner[data-v-5d94d66e]{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-5d94d66e .8s linear infinite;margin:0 auto}@keyframes spin-5d94d66e{to{transform:rotate(1turn)}}.back-btn[data-v-5d94d66e]{position:fixed;top:20px;left:20px;width:44px;height:44px;border:none;border-radius:50%;background:hsla(0,0%,100%,.9);color:#6a1b9a;font-size:18px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease;z-index:100;display:flex;align-items:center;justify-content:center}.back-btn[data-v-5d94d66e]:hover{background:#fff;color:#7b1fa2;transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.2)}@media (max-width:900px){.auth-container[data-v-5d94d66e]{width:100%;max-width:450px;height:auto;min-height:600px}.form-panel[data-v-5d94d66e]{position:relative;width:100%;height:auto;padding:30px 25px}.login-panel[data-v-5d94d66e]{left:0}.login-panel.form-right[data-v-5d94d66e]{left:0;display:none}.register-panel[data-v-5d94d66e]{right:0}.register-panel.form-left[data-v-5d94d66e]{right:0;display:none}.overlay-card[data-v-5d94d66e]{position:relative;width:100%;height:180px;clip-path:none;border-radius:0}.overlay-card.card-left[data-v-5d94d66e],.overlay-card.card-right[data-v-5d94d66e]{left:0;right:0;border-radius:0}.overlay-content[data-v-5d94d66e]{transform:translateX(0)}.overlay-logo[data-v-5d94d66e]{width:70px;height:70px;margin-bottom:15px}.overlay-title[data-v-5d94d66e]{font-size:22px}.overlay-subtitle[data-v-5d94d66e]{font-size:13px;margin-bottom:20px}.overlay-btn[data-v-5d94d66e]{padding:10px 28px;font-size:13px}}[data-v-1718f1e4]{margin:0;padding:0;box-sizing:border-box}.user-panel[data-v-1718f1e4]{min-height:100vh;background:#faf4f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.panel-container[data-v-1718f1e4]{max-width:1200px;margin:0 auto;padding:20px;position:relative}.user-background-section[data-v-1718f1e4]{width:100%;height:300px;position:relative;border-radius:12px;overflow:hidden;margin-bottom:20px}.background-image[data-v-1718f1e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.function-buttons[data-v-1718f1e4]{position:absolute;top:20px;right:30px;display:flex;gap:10px}.function-btn[data-v-1718f1e4]{padding:8px 16px;border:none;border-radius:20px;background:hsla(0,0%,100%,.9);color:#9370db;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.function-btn[data-v-1718f1e4]:hover{background:#fff;transform:scale(1.05)}.user-info-section[data-v-1718f1e4]{display:flex;height:150px;align-items:flex-start;margin-top:-60px;padding:0 30px;position:relative;justify-content:space-between;background-color:#fff;margin-bottom:40px;border-radius:15px}.avatar-container[data-v-1718f1e4]{width:120px;height:120px;border-radius:12px;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.1);background:#fff;flex-shrink:0;margin-top:-50px}.avatar-image[data-v-1718f1e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-details[data-v-1718f1e4]{padding-bottom:10px;margin:0 10px}.username[data-v-1718f1e4]{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.user-identity[data-v-1718f1e4]{font-size:16px;color:#666;display:flex;background:#ffffffe5;align-items:center;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.39);gap:5px;padding:5px}.user-meta-section[data-v-1718f1e4]{padding:20px 30px;display:flex;gap:30px;font-size:14px;color:#666}.signature-section[data-v-1718f1e4]{background:#dadada;border-radius:10px;padding:10px 0;margin-bottom:20px;cursor:pointer;transition:all .3s ease}.signature-section[data-v-1718f1e4]:hover{background:#d0d0d0;transform:translateY(-2px)}.signature-label[data-v-1718f1e4],.signature-text[data-v-1718f1e4]{text-align:center;font-size:20px;color:hsla(0,0%,40%,.24);font-weight:800;margin:5px 0}.signature-text[data-v-1718f1e4]{transition:all .3s ease}.signature-section:hover .signature-text[data-v-1718f1e4]{color:hsla(0,0%,40%,.6)}.tabs-navigation[data-v-1718f1e4]{display:flex;gap:40px;padding:0 30px;border-bottom:2px solid #e0e0e0;background:#fff;border-radius:15px}.tab-item[data-v-1718f1e4]{padding:20px 0;font-size:16px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s ease}.tab-item[data-v-1718f1e4]:hover{color:#9370db}.tab-item.active[data-v-1718f1e4]{color:#9370db;border-bottom-color:#9370db}.content-area[data-v-1718f1e4]{display:flex;gap:20px;padding:30px 0;background:#faf4f1;border-radius:0 0 12px 12px}.content-card[data-v-1718f1e4]{background:#fff;border-radius:12px;overflow:hidden}.main-card[data-v-1718f1e4]{flex:2;min-height:350px}.side-card[data-v-1718f1e4]{flex:1}.card-title[data-v-1718f1e4]{padding:20px;font-size:18px;font-weight:600;color:#333;text-align:center}.card-content[data-v-1718f1e4]{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:280px}.mascot-image[data-v-1718f1e4]{width:150px;height:150px;-o-object-fit:contain;object-fit:contain}.mascot-image.heart-version[data-v-1718f1e4]{width:100px;height:100px}.empty-message[data-v-1718f1e4]{font-size:14px;color:#666;text-align:center;line-height:1.6}.back-btn[data-v-1718f1e4]{position:fixed;top:20px;left:20px;width:44px;height:44px;border:none;border-radius:50%;background:#fff;color:#9370db;font-size:18px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease;z-index:100}.back-btn[data-v-1718f1e4]:hover{background:#9370db;color:#fff;transform:scale(1.1)}@media (max-width:992px){.content-area[data-v-1718f1e4]{flex-direction:column}.user-info-section[data-v-1718f1e4]{flex-direction:column;align-items:flex-start;padding:0 20px}.user-meta-section[data-v-1718f1e4]{flex-wrap:wrap;padding:15px 20px}.tabs-navigation[data-v-1718f1e4]{margin:0 20px;padding:0 20px;gap:20px}.content-area[data-v-1718f1e4]{margin:0 20px 20px;padding:20px}.user-background-section[data-v-1718f1e4]{height:250px}}@media (max-width:768px){.panel-container[data-v-1718f1e4]{padding:15px}.user-background-section[data-v-1718f1e4]{height:200px;border-radius:8px}.function-buttons[data-v-1718f1e4]{top:15px;right:15px}.function-btn[data-v-1718f1e4]{padding:6px 12px;font-size:12px}.avatar-container[data-v-1718f1e4]{width:100px;height:100px;margin-top:-50px}.user-info-section[data-v-1718f1e4]{padding:0 20px;margin-top:-50px}.username[data-v-1718f1e4]{font-size:24px}.tabs-navigation[data-v-1718f1e4]{overflow-x:auto;white-space:nowrap;padding:0 15px}.tab-item[data-v-1718f1e4]{padding:18px 0;font-size:14px}.content-area[data-v-1718f1e4]{margin:0 15px 15px;padding:15px}.main-card[data-v-1718f1e4]{min-height:300px}.card-content[data-v-1718f1e4]{padding:30px 20px}.mascot-image[data-v-1718f1e4]{width:120px;height:120px}.mascot-image.heart-version[data-v-1718f1e4]{width:80px;height:80px}}@media (max-width:480px){.function-buttons[data-v-1718f1e4]{flex-direction:column;gap:8px}.user-meta-section[data-v-1718f1e4]{gap:15px;font-size:13px}.avatar-container[data-v-1718f1e4]{width:80px;height:80px}.username[data-v-1718f1e4]{font-size:20px}.user-identity[data-v-1718f1e4]{font-size:14px}}.settings-overlay[data-v-1718f1e4]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-1718f1e4 .3s ease}.settings-panel[data-v-1718f1e4]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:slideUp-1718f1e4 .3s ease}.settings-panel.background-panel[data-v-1718f1e4]{max-width:400px}.settings-header[data-v-1718f1e4]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.settings-header h3[data-v-1718f1e4]{margin:0;font-size:18px;color:#333}.close-btn[data-v-1718f1e4]{background:none;border:none;font-size:20px;color:#666;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-1718f1e4]:hover{background:#f5f5f5;color:#333}.settings-content[data-v-1718f1e4]{padding:20px}.setting-group[data-v-1718f1e4]{margin-bottom:25px}.setting-label[data-v-1718f1e4]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.setting-input[data-v-1718f1e4],.setting-select[data-v-1718f1e4],.setting-textarea[data-v-1718f1e4]{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease}.setting-input[data-v-1718f1e4]:focus,.setting-select[data-v-1718f1e4]:focus,.setting-textarea[data-v-1718f1e4]:focus{outline:none;border-color:#9370db;box-shadow:0 0 0 2px rgba(147,112,219,.1)}.setting-textarea[data-v-1718f1e4]{resize:vertical;min-height:80px}.avatar-setting[data-v-1718f1e4]{display:flex;align-items:center;gap:20px}.setting-avatar[data-v-1718f1e4]{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e0e0}.upload-btn[data-v-1718f1e4]{background:#9370db;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .3s ease}.upload-btn[data-v-1718f1e4]:hover{background:#7b5bb3;transform:translateY(-1px)}.logout-group[data-v-1718f1e4]{margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0}.logout-btn[data-v-1718f1e4]{width:100%;background:#ff6b6b;color:#fff;border:none;padding:12px;margin:10px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.logout-btn[data-v-1718f1e4]:hover{background:#ff5252;transform:translateY(-1px)}.background-actions[data-v-1718f1e4]{display:flex;gap:15px;margin-top:20px}.background-actions .save-btn[data-v-1718f1e4],.background-actions .upload-btn[data-v-1718f1e4]{flex:1;padding:10px;font-size:14px}.save-btn[data-v-1718f1e4]{background:#4ecdc4;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.save-btn[data-v-1718f1e4]:hover{background:#3ab7b0;transform:translateY(-1px)}@keyframes fadeIn-1718f1e4{0%{opacity:0}to{opacity:1}}@keyframes slideUp-1718f1e4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.meditation-container[data-v-20dd6183]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.back-btn[data-v-20dd6183]{position:absolute;top:1.5rem;left:1.5rem;width:3rem;height:3rem;border-radius:50%;background:hsla(0,0%,100%,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:none;cursor:pointer;transition:all .3s}.back-btn[data-v-20dd6183]:hover{background:hsla(0,0%,100%,.9);transform:translateX(-3px)}.back-icon[data-v-20dd6183]{width:1.5rem;height:1.5rem;color:#374151}.duration-selector[data-v-20dd6183]{position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.75rem;background:hsla(0,0%,100%,.7);backdrop-filter:blur(4px);border-radius:9999px;padding:.5rem 1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s}.duration-selector.disabled[data-v-20dd6183]{opacity:.5;pointer-events:none}.duration-btn[data-v-20dd6183]{padding:.25rem 1rem;border-radius:9999px;border:none;cursor:pointer;transition:all .3s}.duration-btn[data-duration="3"][data-v-20dd6183]{background:#fce7f3;color:#be185d}.duration-btn[data-duration="3"][data-v-20dd6183]:hover{background:#fbcfe8}.duration-btn[data-duration="3"].active[data-v-20dd6183]{background:#f9a8d4;color:#831843}.duration-btn[data-duration="5"][data-v-20dd6183]{background:#dbeafe;color:#1d4ed8}.duration-btn[data-duration="5"][data-v-20dd6183]:hover{background:#bfdbfe}.duration-btn[data-duration="5"].active[data-v-20dd6183]{background:#93c5fd;color:#1e3a8a}.duration-btn[data-duration="10"][data-v-20dd6183]{background:#f3e8ff;color:#7c3aed}.duration-btn[data-duration="10"][data-v-20dd6183]:hover{background:#e9d5ff}.duration-btn[data-duration="10"].active[data-v-20dd6183]{background:#c4b5fd;color:#5b21b6}.meditation-icon[data-v-20dd6183]{width:12rem;height:12.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;animation:breath-20dd6183 6s ease-in-out infinite}.meditation-icon.breath-animation-active[data-v-20dd6183]{animation:breath-20dd6183 4s ease-in-out infinite}.icon-image[data-v-20dd6183]{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}@keyframes breath-20dd6183{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.9}}.prompt-text[data-v-20dd6183]{font-size:1.5rem;color:#374151;margin-bottom:2rem;animation:text-fade-20dd6183 2s ease-in-out}@keyframes text-fade-20dd6183{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.meditate-btn[data-v-20dd6183]{padding:.75rem 2rem;border-radius:9999px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(4px);color:#374151;font-size:1.125rem;font-weight:500;border:none;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s}.meditate-btn[data-v-20dd6183]:hover{background:hsla(0,0%,100%,.9)}.countdown[data-v-20dd6183]{position:absolute;bottom:2.5rem;font-size:1.5rem;color:#374151}@media (max-width:1024px){.meditation-container[data-v-20dd6183]{padding:1rem}.back-btn[data-v-20dd6183]{top:1rem;left:1rem;width:2.5rem;height:2.5rem}.duration-selector[data-v-20dd6183]{top:1rem;gap:.5rem;padding:.4rem .75rem}.duration-btn[data-v-20dd6183]{padding:.2rem .75rem;font-size:.875rem}.meditation-icon[data-v-20dd6183]{width:10rem;height:10rem;margin-bottom:1.5rem}.prompt-text[data-v-20dd6183]{font-size:1.25rem;margin-bottom:1.5rem}.meditate-btn[data-v-20dd6183]{padding:.625rem 1.5rem;font-size:1rem}.countdown[data-v-20dd6183]{font-size:1.25rem;bottom:2rem}}@media (max-width:768px){.meditation-container[data-v-20dd6183]{padding:.75rem}.back-btn[data-v-20dd6183]{top:.75rem;left:.75rem;width:2.25rem;height:2.25rem}.back-icon[data-v-20dd6183]{width:1.25rem;height:1.25rem}.duration-selector[data-v-20dd6183]{top:.75rem;left:50%;transform:translateX(-50%);gap:.4rem;padding:.3rem .5rem;flex-wrap:wrap;justify-content:center;max-width:90%}.duration-btn[data-v-20dd6183]{padding:.2rem .6rem;font-size:.8rem}.meditation-icon[data-v-20dd6183]{width:8rem;height:8rem;margin-bottom:1rem}.icon-image[data-v-20dd6183]{width:70%;height:70%}.prompt-text[data-v-20dd6183]{font-size:1.1rem;margin-bottom:1.25rem;text-align:center;padding:0 1rem}.meditate-btn[data-v-20dd6183]{padding:.625rem 1.5rem;font-size:.95rem}.countdown[data-v-20dd6183]{font-size:1.1rem;bottom:1.5rem}}@media (max-width:480px){.meditation-container[data-v-20dd6183]{padding:.5rem}.back-btn[data-v-20dd6183]{top:.5rem;left:.5rem;width:2rem;height:2rem}.back-icon[data-v-20dd6183]{width:1.1rem;height:1.1rem}.duration-selector[data-v-20dd6183]{top:.5rem;gap:.3rem;padding:.25rem .4rem}.duration-btn[data-v-20dd6183]{padding:.15rem .5rem;font-size:.75rem}.meditation-icon[data-v-20dd6183]{width:7rem;height:7rem;margin-bottom:.875rem}.icon-image[data-v-20dd6183]{width:65%;height:65%}.prompt-text[data-v-20dd6183]{font-size:1rem;margin-bottom:1rem;padding:0 .75rem}.meditate-btn[data-v-20dd6183]{padding:.5rem 1.25rem;font-size:.9rem}.countdown[data-v-20dd6183]{font-size:1rem;bottom:1.25rem}}@media (min-width:768px){.meditation-icon[data-v-20dd6183]{width:16rem;height:16rem}.prompt-text[data-v-20dd6183]{font-size:1.5rem}}#loading-screen[data-v-63cf851a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#a2a2a27e;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:50px;transition:opacity .5s ease,visibility .5s ease}.beating-heart[data-v-63cf851a]{position:relative;width:100px;height:100px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9776'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;animation:heartBeat-63cf851a 1.2s infinite;will-change:transform}.beating-heart[data-v-63cf851a]:after,.beating-heart[data-v-63cf851a]:before{content:"";position:absolute;width:20px;height:20px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b81'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;animation:orbit-63cf851a 3s linear infinite;will-change:transform,opacity}.beating-heart[data-v-63cf851a]:before{top:-30px;left:40px;animation-delay:0s}.beating-heart[data-v-63cf851a]:after{bottom:-30px;right:40px;animation-delay:1.5s}.beating-heart span[data-v-63cf851a]{position:absolute;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2370a1ff'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%/contain;animation:orbit-63cf851a 4s linear infinite;will-change:transform,opacity}.beating-heart span[data-v-63cf851a]:first-child{top:10px;left:-25px;animation-delay:.5s}.beating-heart span[data-v-63cf851a]:nth-child(2){top:10px;right:-25px;animation-delay:2s}.ecg-progress-container[data-v-63cf851a]{display:flex;justify-content:center;align-items:center;margin-top:40px}.ecg-progress[data-v-63cf851a]{width:350px;height:70px;position:relative;background:rgba(0,0,0,.8);border:2px solid #ff9776;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(255,151,118,.3);overflow:hidden}.ecg-container[data-v-63cf851a]{width:300px;height:40px;position:relative;overflow:hidden}.ecg-wave[data-v-63cf851a]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,151,118,0),#ff9776 50%,rgba(255,151,118,0));-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='40'%3E%3Cpath d='M0 20h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h40' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='40'%3E%3Cpath d='M0 20h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h50l5-15 5 15 5 15 5-15h50l5-5 5 5 5 5 5-5h40' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E");-webkit-mask-size:600px 40px;mask-size:600px 40px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:ecgWaveMove-63cf851a 1.5s linear infinite;will-change:background-position}.ecg-line[data-v-63cf851a]{left:0;width:100%;height:2px;opacity:.6}.ecg-container span[data-v-63cf851a],.ecg-line[data-v-63cf851a]{position:absolute;top:50%;background:#ff9776;transform:translateY(-50%)}.ecg-container span[data-v-63cf851a]{width:3px;opacity:.8;animation:ecgSpike-63cf851a 1.5s ease-in-out infinite;will-change:height,opacity}.ecg-container span[data-v-63cf851a]:first-child{left:40px;height:30px;animation-delay:0s}.ecg-container span[data-v-63cf851a]:nth-child(2){left:190px;height:30px;animation-delay:.75s}.ecg-container span[data-v-63cf851a]:nth-child(3){left:340px;height:30px;animation-delay:1.5s}.progress-text[data-v-63cf851a]{color:#ff9776;font-size:14px;margin-top:5px;letter-spacing:2px;animation:pulse-63cf851a 1.5s ease-in-out infinite}@keyframes heartBeat-63cf851a{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}@keyframes orbit-63cf851a{0%{transform:rotate(0deg) translateY(-30px) rotate(0deg);opacity:1}50%{transform:rotate(180deg) translateY(-30px) rotate(-180deg);opacity:.5}to{transform:rotate(1turn) translateY(-30px) rotate(-1turn);opacity:1}}@keyframes ecgWaveMove-63cf851a{0%{background-position:0 0}to{background-position:200px 0}}@keyframes ecgSpike-63cf851a{0%,to{height:8px;opacity:.4}50%{height:30px;opacity:.8}}@keyframes pulse-63cf851a{0%,to{opacity:1}50%{opacity:.7}}