.nav-container[data-v-5cd88f57]{position:relative;z-index:1;width:100%;max-width:1600px;margin:0 auto;padding:40px 30px}.header[data-v-5cd88f57]{text-align:center;margin-bottom:50px}.title[data-v-5cd88f57]{display:flex;flex-direction:column;align-items:center;gap:8px}.title-main[data-v-5cd88f57]{font-size:2.8rem;font-weight:800;letter-spacing:6px;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-sub[data-v-5cd88f57]{font-size:1.1rem;color:#64748b;letter-spacing:8px;font-weight:500}.title-decoration[data-v-5cd88f57]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.title-decoration .dot[data-v-5cd88f57]{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.title-decoration .line[data-v-5cd88f57]{width:60px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.group[data-v-5cd88f57]{margin-bottom:40px;background:hsla(0,0%,100%,.7);backdrop-filter:blur(20px);border-radius:24px;padding:30px;border:1px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(31,38,135,.1)}.group-header[data-v-5cd88f57]{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}.group-badge[data-v-5cd88f57]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.group-badge.green[data-v-5cd88f57]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.group-badge.orange[data-v-5cd88f57]{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.group-badge.blue[data-v-5cd88f57]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.group-badge svg[data-v-5cd88f57]{width:26px;height:26px}.group-info[data-v-5cd88f57]{display:flex;flex-direction:column;gap:3px}.group-title[data-v-5cd88f57]{font-size:1.4rem;font-weight:700;color:#1e293b;letter-spacing:1px}.group-desc[data-v-5cd88f57]{font-size:.85rem;color:#94a3b8;font-weight:500;letter-spacing:2px;text-transform:uppercase}.nav-grid[data-v-5cd88f57]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nav-card[data-v-5cd88f57]{position:relative;display:block;text-decoration:none;background:#fff;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03)}.card-shine[data-v-5cd88f57]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s ease}.card-inner[data-v-5cd88f57]{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px}.icon-wrapper[data-v-5cd88f57]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;transition:all .3s ease}.icon-wrapper.green[data-v-5cd88f57]{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));color:#10b981}.icon-wrapper.orange[data-v-5cd88f57]{background:linear-gradient(135deg,rgba(249,115,22,.1),rgba(234,88,12,.1));color:#f97316}.icon-wrapper.blue[data-v-5cd88f57]{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea}.icon-wrapper svg[data-v-5cd88f57]{width:22px;height:22px}.card-content[data-v-5cd88f57]{flex:1;min-width:0}.card-title[data-v-5cd88f57]{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:3px;letter-spacing:.5px}.card-url[data-v-5cd88f57]{color:#1a1a2e;font-size:.75rem;font-family:SF Mono,Courier New,monospace;word-break:break-all}.card-arrow[data-v-5cd88f57]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:all .3s ease;flex-shrink:0}.copy-card[data-v-5cd88f57]{cursor:default}.copy-btn[data-v-5cd88f57]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative}.copy-btn[data-v-5cd88f57]:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(249,115,22,.4)}.copy-btn svg[data-v-5cd88f57]{width:16px;height:16px}.copy-tooltip[data-v-5cd88f57]{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;animation:fadeInOut-5cd88f57 2s ease}@keyframes fadeInOut-5cd88f57{0%{opacity:0;transform:translateX(-50%) translateY(5px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-5px)}}.card-arrow svg[data-v-5cd88f57]{width:16px;height:16px}.nav-card[data-v-5cd88f57]:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(31,38,135,.15)}.nav-card:hover .card-shine[data-v-5cd88f57]{left:100%}.nav-card:hover .icon-wrapper.green[data-v-5cd88f57]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 20px rgba(16,185,129,.4)}.nav-card:hover .icon-wrapper.orange[data-v-5cd88f57]{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 8px 20px rgba(249,115,22,.4)}.nav-card:hover .icon-wrapper.blue[data-v-5cd88f57]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px rgba(102,126,234,.4)}.nav-card:hover .card-arrow[data-v-5cd88f57]{color:#667eea;transform:translateX(4px)}@media (max-width:768px){.title-main[data-v-5cd88f57]{font-size:2rem;letter-spacing:3px}.title-sub[data-v-5cd88f57]{font-size:.9rem;letter-spacing:4px}.group[data-v-5cd88f57]{padding:20px}.group-title[data-v-5cd88f57]{font-size:1.2rem}.nav-grid[data-v-5cd88f57]{grid-template-columns:repeat(2,1fr)}.card-inner[data-v-5cd88f57]{padding:12px 14px}.icon-wrapper[data-v-5cd88f57]{width:38px;height:38px}.icon-wrapper svg[data-v-5cd88f57]{width:20px;height:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4edf5);overflow-x:hidden}.app,body{min-height:100vh}.app{position:relative;padding:20px}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.bg-circle-1{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;right:-100px;animation-delay:0s}.bg-circle-2{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;left:-100px;animation-delay:-7s}.bg-circle-3{width:400px;height:400px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.firework,.firework-text{position:absolute;transform:translate(-50%,-50%)}.firework-text{left:50%;top:50%;font-size:1.8rem;font-weight:900;color:var(--main-color);text-shadow:0 0 20px var(--main-color),0 0 40px var(--main-color);white-space:nowrap;animation:textPop 1.5s ease-out forwards;z-index:10}@keyframes textPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-10deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(5deg)}40%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(-20px)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-40px)}}.particle{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--color);box-shadow:0 0 10px var(--color),0 0 20px var(--color);animation:particleExplode 1.5s ease-out forwards;animation-delay:var(--delay)}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + cos(var(--angle))*var(--distance)),calc(-50% + sin(var(--angle))*var(--distance))) scale(0)}}.firework:before{content:"";position:absolute;left:50%;top:50%;width:100px;height:100px;background:radial-gradient(circle,var(--main-color) 0,transparent 70%);transform:translate(-50%,-50%);animation:flash .5s ease-out forwards;opacity:0}@keyframes flash{0%{opacity:.8;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}