*,body,html{margin:0;padding:0}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;font-family:Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#e6f0fa,#87b5eb);position:relative}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,#ffffff4d,#fff0 20%),radial-gradient(circle at 85% 85%,#add8e64d,#add8e600 20%),radial-gradient(circle at 85% 15%,#d8e6ff4d,#d8e6ff00 20%),radial-gradient(circle at 15% 85%,#87cefa4d,#87cefa00 20%);z-index:-2}html:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-2;opacity:.4}.container[data-v-421571e4]{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:radial-gradient(ellipse at top,rgba(255,255,255,.4),transparent),linear-gradient(to bottom,#e6f0fae6,#87b5ebcc);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;z-index:1}.container[data-v-421571e4]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,transparent 30%,rgba(255,255,255,.03) 70%);animation:rotate-421571e4 60s linear infinite;z-index:-1}.container[data-v-421571e4]:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:60px 60px;z-index:-1;opacity:.4}@keyframes rotate-421571e4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header[data-v-421571e4]{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:25px 40px;border-radius:15px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26871a,0 4px 8px #1f26870d;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;z-index:10}.header[data-v-421571e4]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,#fff0 40%,#ffffff4d,#fff0 60%);z-index:-1;background-size:200% 200%;animation:shimmer-421571e4 5s infinite linear}@keyframes shimmer-421571e4{0%{background-position:200% 0}to{background-position:-200% 0}}.logo[data-v-421571e4]{width:50px;height:50px;margin-right:15px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#6a82fb,#fc5c7d);border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;position:relative}.logo[data-v-421571e4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 70%);z-index:1}.logo-icon[data-v-421571e4]{font-size:28px;z-index:2;color:#fff;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.2));width:32px;height:32px}.title[data-v-421571e4]{color:#314866;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0}.menu-grid[data-v-421571e4]{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:10}.menu-item[data-v-421571e4]{position:relative;height:140px;border-radius:12px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 20px #0000001a,0 6px 6px #0000001a;overflow:hidden;z-index:1}.menu-item[data-v-421571e4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;z-index:-1;transform:scale(0);transition:transform .5s;border-radius:12px}.menu-item[data-v-421571e4]:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003,0 10px 10px #00000026}.menu-item[data-v-421571e4]:hover:before{transform:scale(1)}.menu-icon[data-v-421571e4]{width:50px;height:50px;margin-bottom:12px;display:flex;justify-content:center;align-items:center;font-size:28px;background:#fff3;border-radius:50%;padding:10px;transition:all .3s ease}.menu-item:hover .menu-icon[data-v-421571e4]{transform:scale(1.1);background:#ffffff4d}.menu-title[data-v-421571e4]{font-size:16px;font-weight:700;text-align:center;padding:0 10px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.particle-container[data-v-421571e4]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle[data-v-421571e4]{position:absolute;border-radius:50%;box-shadow:0 0 10px 2px #ffffff80;transition:transform .3s ease;z-index:0}.back-button[data-v-421571e4]{display:flex;align-items:center;justify-content:center;margin-top:30px;padding:12px 24px;background:linear-gradient(to right,#4776e6,#8e54e9);color:#fff;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0003}.back-button[data-v-421571e4]:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.back-icon[data-v-421571e4]{margin-right:8px;width:20px;height:20px}@media (max-width: 1200px){.menu-grid[data-v-421571e4]{grid-template-columns:repeat(3,1fr);padding:0 20px}}@media (max-width: 900px){.menu-grid[data-v-421571e4]{grid-template-columns:repeat(2,1fr)}.header[data-v-421571e4]{flex-direction:column;text-align:center}.logo[data-v-421571e4]{margin-right:0;margin-bottom:10px}}@media (max-width: 500px){.menu-grid[data-v-421571e4]{grid-template-columns:1fr}.title[data-v-421571e4]{font-size:22px}.container[data-v-421571e4]{padding:15px}}.popup-message[data-v-421571e4]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:15px 30px;border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 4px 20px #0000004d;z-index:1000;animation:fadeIn-421571e4 .3s ease-in-out}@keyframes fadeIn-421571e4{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}