@font-face{font-family:qhy;src:url(v.ttf) format("woff"),url(v.ttf) format("woff2");font-weight:400;font-style:normal}:root{--primary-color:#f7f6fe;--secondary-color:#e8f0fe;--accent-color:#9592fc;--text-color:#64667e;--button-text-color:#f7f7f8;--border-radius:10px;--box-shadow:0 3px 10px rgba(0,0,0,0.1);--bg-color:#f7f6fe;--bg-secondary:#fff}body{font-family:qhy,sans-serif;background:linear-gradient(135deg,#e0c3fc,#8ec5fc 100%,#d6a4e0 0,#f7f6fe);color:var(--text-color);margin:0;padding:0;line-height:1.6;display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s,opacity 1s ease-in-out;opacity:0}body.loaded{opacity:1}.container{max-width:1400px;margin:0 auto;padding:0 20px}header{background-color:hsla(0,0%,100%,.9);box-shadow:var(--box-shadow);position:sticky;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-color)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn 1s ease-in-out}.fade-out{animation:fadeOut 1s ease-in-out}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s,transform .3s}.nav-links a:hover{color:var(--accent-color);transform:scale(1.1)}.hero{text-align:center;padding:6rem 0;background:url(https://mhuany.xyz/tupian.php) no-repeat 50%/cover;color:#fff;position:relative;transition:opacity 1s ease-in-out;opacity:1}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.hero-content{position:relative;z-index:1}.hero h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p{font-size:1.4rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{display:inline-block;background-color:#a5a3f9;color:#fff;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:500;transition:background-color .3s,transform .3s,box-shadow .3s;font-size:1.1rem;box-shadow:0 4px #a5a3f9;text-shadow:0 2px 2px hsla(0,0%,100%,.5)}.cta-button:hover{background-color:#ffb6c1;transform:scale(1.1) rotate(5deg);box-shadow:0 6px #d176d4}.services{padding:6rem 0;background-color:#fff}.services h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--accent-color)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.service-item{background-color:var(--secondary-color);border-radius:var(--border-radius);padding:2.5rem;text-align:center;transition:transform .3s,box-shadow .3s}.service-item:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.service-icon{font-size:3.5rem;color:var(--accent-color);margin-bottom:1.5rem}.service-item h3{font-size:1.5rem;margin-bottom:1rem}.testimonials{padding:6rem 0;background-color:var(--primary-color)}.testimonials h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--accent-color)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.testimonial{background-color:#fff;border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--box-shadow);transition:transform .3s}.testimonial:hover{transform:translateY(-5px)}.testimonial-content{font-style:italic;margin-bottom:1.5rem;font-size:1.1rem}.testimonial-author{font-weight:500;text-align:right;color:var(--accent-color)}footer{background-color:#f8f9fa;padding:8px 0;font-size:12px;color:#666;border-top:1px solid #eee;position:relative;overflow:hidden;transition:all .3s ease}footer:hover{transform:translateY(-1px);box-shadow:0 1px 5px rgba(142,138,242,.1)}footer .container{max-width:800px;margin:0 auto;text-align:center;line-height:1.4}footer p{margin:2px 0}footer a{color:#8e8af2;text-decoration:none;padding:1px 2px;border-radius:3px;transition:all .2s ease}footer a:hover{color:#7b77d4;background:rgba(142,138,242,.1)}footer:after,footer:before{content:"♡";position:absolute;font-size:10px;top:50%;transform:translateY(-50%);color:#8e8af2;opacity:.4;animation:float 2s ease-in-out infinite}footer:before{left:5px}footer:after{right:5px;animation-delay:1s}#progress-container{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease}#progress-bar{width:100px;height:100px;border-radius:50%;border:10px solid transparent;border-top:10px solid var(--accent-color);animation:spin 1s linear infinite}#snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.snowflake{position:absolute;font-size:24px;color:hsla(0,0%,100%,.8);pointer-events:none;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(0);opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loaded #progress-container{opacity:0;pointer-events:none}#progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--accent-color)}#anime-girl{position:fixed;bottom:20px;right:20px;width:100px;height:100px;opacity:0;transition:opacity .5s ease-in-out;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sakura{position:absolute;background:pink;border-radius:50%;pointer-events:none;opacity:.7}body{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.hero:before{background:rgba(0,0,0,.7)}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer}@media (max-width:768px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:hsla(0,0%,100%,.95);flex-direction:column;padding:1rem}.nav-links.active{display:flex}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.services h2,.testimonials h2{font-size:2rem}}#settings-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:var(--accent-color);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .3s;display:flex;justify-content:center;align-items:center;z-index:1001}#settings-button i{color:#fff;font-size:24px}#settings-button:hover{transform:scale(1.1)}#settings-panel{position:fixed;bottom:90px;right:20px;width:250px;background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.2);display:none;z-index:1000}#settings-panel h3{margin-top:0;color:var(--accent-color);font-size:1.2rem;text-align:center}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translateX(26px)}#ad-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:none;animation:fadeIn 1s ease-in-out}#ad-image{width:280px;height:auto;border-radius:10px;cursor:pointer;display:block}#ad-close{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff;background-color:rgba(0,0,0,.5);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px}#floating-tip{position:fixed;bottom:10%;left:50%;transform:translateX(-50%);background-color:hsla(0,0%,100%,.8);color:var(--text-color);padding:10px 20px;border-radius:20px;box-shadow:var(--box-shadow);opacity:0;animation:floatTip 5s ease-in-out infinite}@keyframes floatTip{0%{opacity:0;transform:translate(-50%,20px)}50%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}#reminder-popup{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:hsla(0,0%,100%,.9);color:var(--text-color);padding:15px 25px;border-radius:10px;box-shadow:var(--box-shadow);display:none;opacity:0;transition:opacity .5s ease-in-out;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);z-index:1002}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.smooth-float{animation:float 3s ease-in-out infinite}.bounce-on-hover:hover{animation:bounce .5s}.rotate-on-hover:hover{animation:rotate 1s linear infinite}.fade-in{animation:fadeIn 1s forwards}#close-reminder{background-color:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:block;margin:10px auto;font-size:16px;font-family:qhy,sans-serif}#close-reminder:hover{background-color:var(--hover-color)}.logo img{width:150px;height:auto}.team{background-color:#f4f3ff;padding:30px 0}.team h2{text-align:center;margin-bottom:30px;font-size:2.5em}.team-grid{display:flex;justify-content:center;flex-wrap:wrap}.team-member{background:#fff;border:1px solid #ddd;border-radius:8px;margin:15px;padding:20px;text-align:center;width:250px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s}.team-member:hover{transform:scale(1.05)}.team-member img{width:80%;max-width:150px;border-radius:50%;margin-bottom:15px}.faq{background-color:#f4f3ff;padding:50px 0}.faq h2{text-align:center;margin-bottom:30px;font-size:2.5em}.faq-item{max-width:600px;margin:20px auto;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.faq-item h3{cursor:pointer;margin:0;font-size:1.5em}.faq-item p{display:none;margin-top:10px}.contact{background-color:#f4f3ff;padding:50px 0}.contact h2{text-align:center;margin-bottom:30px;font-size:2.5em}.contact form{max-width:600px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.contact label{display:block;margin-bottom:10px;font-weight:700}.contact input,.contact textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:4px}.contact button{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1em}.contact button:hover{background-color:#0056b3}.lyrics{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.8);padding:10px;border-radius:5px;opacity:0;transition:opacity .5s ease;animation:fadeIn 1s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html{scroll-behavior:smooth}.fade-in-element{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-element.visible{opacity:1;transform:translateY(0)}.hover-card{transition:all .3s ease}.hover-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.1)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;width:100%;height:100%;background:hsla(0,0%,100%,.3);top:0;left:0;pointer-events:none;border-radius:inherit;transform:scale(0);opacity:0;transition:transform .3s,opacity .3s}.ripple:active:after{transform:scale(2);opacity:0;transition:0s}.flip-card{perspective:1000px;transform-style:preserve-3d;transition:transform .6s}.flip-card:hover{transform:rotateY(180deg)}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));transform:skewX(-25deg);transition:.7s}.shine:hover:before{animation:shine .7s}@keyframes shine{to{left:125%}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}