.hover-bubble-container[data-v-5dfb2183]{position:relative;display:inline-block}.hover-bubble[data-v-5dfb2183]{position:absolute;background-color:#000;color:#fff;border-radius:3px;padding:10px;font-size:12px;box-shadow:0 4px 12px #00000026;z-index:9999;white-space:normal;word-wrap:break-word;animation:fadeIn-5dfb2183 .3s ease;pointer-events:none;max-width:var(--2331300a)}.hover-bubble.bottom[data-v-5dfb2183]{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.hover-bubble.bottom[data-v-5dfb2183]:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #000}.hover-bubble.top[data-v-5dfb2183]{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.hover-bubble.top[data-v-5dfb2183]:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000}.hover-bubble.left[data-v-5dfb2183]{top:50%;right:calc(100% + 5px);transform:translateY(-50%)}.hover-bubble.left[data-v-5dfb2183]:before{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #000}.hover-bubble.right[data-v-5dfb2183]{top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.hover-bubble.right[data-v-5dfb2183]:before{content:"";position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #000}@keyframes fadeIn-5dfb2183{0%{opacity:0}to{opacity:1}}.top-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background-color:var(--card-bg);padding:15px 30px;box-shadow:var(--shadow-sm);z-index:200;height:70px}.nav-logo{display:flex;align-items:center;font-size:24px;font-weight:700;color:var(--primary);text-decoration:none}.nav-logo h1{font-size:24px}.nav-logo i{margin-right:10px;font-size:28px}.nav-links{display:flex;gap:30px;margin-left:30px}.nav-link{color:var(--dark);text-decoration:none;font-weight:500;position:relative;font-size:16px;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-actions{display:flex;gap:15px;align-items:center}.theme-toggle{background:transparent;border:none;cursor:pointer;color:var(--dark);font-size:20px;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.theme-toggle:hover{background:#4a6cf71a}.sidebar{width:280px;background:var(--sidebar-bg);padding:25px 15px;box-shadow:var(--shadow-md);z-index:101;position:fixed;height:calc(100vh - 70px);top:70px;left:0;overflow-y:auto;transition:var(--transition)}.sidebar.collapsed{width:70px;overflow-x:hidden;overflow-y:auto}.sidebar.collapsed .category-item span,.sidebar.collapsed .collapse-btn span{display:none}.sidebar.collapsed .category-item{justify-content:center;padding:12px 0}.sidebar.collapsed .category-item i{margin-right:0;font-size:22px}.sidebar.collapsed .collapse-btn{padding:10px 0;justify-content:center}.category-group{margin-bottom:25px}.category-list{list-style:none}.category-item{padding:12px 15px;margin:5px 0;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;font-size:15px;position:relative;transition:var(--transition);color:var(--text-color)}.category-item:hover{background:#4a6cf71a;color:var(--primary)}.category-item.active{background:#4a6cf726;color:var(--primary);font-weight:600}.category-item i{margin-right:10px;font-size:18px;width:24px;text-align:center;transition:var(--transition)}.collapse-btn{background:#4a6cf71a;color:var(--primary);border:none;padding:10px 15px;border-radius:var(--border-radius);width:100%;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:15px;font-size:14px;transition:var(--transition)}.collapse-btn:hover{background:#4a6cf733}.collapse-btn i{margin-right:8px}.main-content{flex:1;margin-left:280px;padding:30px;margin-top:70px;transition:var(--transition)}.main-content.collapsed{margin-left:70px}.mobile-toggle{display:none;position:fixed;top:20px;left:20px;z-index:300;width:45px;height:45px;background:var(--primary);color:#fff;border-radius:50%;border:none;font-size:20px;box-shadow:0 5px 15px #4a6cf74d;cursor:pointer;transition:var(--transition);align-items:center;justify-content:center}.mobile-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}.banners{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px}.banner{background:linear-gradient(to right,#5e72e4,#4a6cf7);border-radius:var(--border-radius);padding:25px;color:#fff;position:relative;overflow:hidden;height:160px;transition:var(--transition)}.banner:nth-child(2){background:linear-gradient(to right,#2dce89,#2dcecc)}.banner h3{font-size:20px;margin-bottom:10px;position:relative;z-index:2}.banner p{font-size:14px;margin-bottom:15px;position:relative;z-index:2;opacity:.9;max-width:70%}.banner .btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:7px 15px;border-radius:20px;font-size:13px;cursor:pointer;position:relative;z-index:2;transition:var(--transition)}.banner .btn:hover{background:#ffffff40;transform:translateY(-2px)}.banner-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:70px;opacity:.1;z-index:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin:35px 0 20px}.section-title{font-size:22px;font-weight:700;color:var(--dark);margin-top:20px;position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:50px;height:3px;background:var(--primary);border-radius:2px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.tag{background:var(--card-bg);border:1px solid var(--border-color);padding:6px 15px;border-radius:30px;font-size:13px;cursor:pointer;color:var(--text-color);transition:var(--transition)}.tag:hover,.tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.tool-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:.5s;position:relative;overflow:visible}.tool-card:hover{box-shadow:var(--shadow-md);cursor:pointer}.card-header{padding:10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.tool-icon{width:50px;height:50px;padding:4px 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:22px;color:#fff}.tool-info{flex:1}.tool-name{font-weight:600;font-size:16px;color:var(--dark);margin-bottom:3px}.tool-description{width:200px;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body{padding:20px}.tool-desc{font-size:14px;color:var(--text-color);margin-bottom:15px;line-height:1.6}.tool-tags{display:flex;flex-wrap:wrap;gap:8px}.tool-tag{background:#4a6cf71a;color:var(--primary);padding:4px 10px;border-radius:30px;font-size:12px;font-weight:500}.card-footer{border-top:1px solid var(--border-color);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.tool-type{font-size:12px;color:var(--text-secondary);font-weight:500}.featured-badge{background:linear-gradient(to right,#f96,#ff5e62);color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:500}.app-footer{background:linear-gradient(145deg,#4a6cf7d9,#2a57e8e6);color:#fff;padding:60px 0 30px;position:relative;overflow:hidden;margin-top:40px;border-radius:var(--border-radius)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0 30px;position:relative;z-index:2}.footer-brand{display:flex;flex-direction:column;gap:15px}.footer-logo{font-size:28px;font-weight:700;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.footer-logo h1{font-size:28px}.footer-logo i{font-size:32px}.footer-desc{font-size:14px;line-height:1.6;opacity:.85;max-width:80%}.footer-title{font-size:18px;font-weight:600;margin-bottom:25px;position:relative;display:inline-block}.footer-title:after{content:"";position:absolute;bottom:-8px;left:0;width:35px;height:3px;background:#fff;border-radius:2px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{color:#ffffffd9;text-decoration:none;font-size:15px;transition:var(--transition);display:flex;align-items:center;gap:10px}.footer-link:hover{color:#fff;transform:translate(5px)}.footer-link i{font-size:12px;opacity:.7}.social-links{display:flex;gap:15px;margin-top:10px}.social-icon{width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:var(--transition);text-decoration:none}.social-icon:hover{transform:translateY(-3px);background:var(--primary)}.social-icon-weixin:hover{background:#2aac6a}.social-icon-github:hover{background:#1b1f23}.social-icon-weibo:hover{background:#e6162d}.subscribe-box{background:#ffffff1a;padding:25px;border-radius:var(--border-radius);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subscribe-desc{margin-bottom:20px;font-size:14px;line-height:1.6}.subscribe-form{display:flex;gap:10px}.email-input{flex:1;padding:12px 16px;border:none;border-radius:6px;background:#ffffff26;color:#fff;font-size:14px}.email-input::placeholder{color:#ffffffb3}.subscribe-btn{background:#fff;color:var(--primary);border:none;padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:var(--transition);min-width:100px}.subscribe-btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.footer-bottom{margin-top:40px;padding-top:25px;border-top:1px solid rgba(255,255,255,.15);text-align:center;font-size:14px;opacity:.8;position:relative;z-index:2}.footer-bottom h1{font-size:14px;font-weight:400}.footer-ai-element{position:absolute;bottom:-10px;right:10%;opacity:.05;font-size:200px;z-index:1;transform:rotate(-15deg)}@keyframes highlightPulse{0%{box-shadow:0 0 #4a6cf74d}70%{box-shadow:0 0 0 10px #4a6cf700}to{box-shadow:0 0 #4a6cf700}}.tools-section.highlighted{animation:highlightPulse 1.5s ease-in-out}.category-item.active:after{content:"";position:absolute;right:15px;width:8px;height:8px;background:var(--primary);border-radius:50%}.sidebar.collapsed .category-item.active:after{right:5px}.tools-section{scroll-margin-top:85px}@media (max-width: 1100px){.sidebar{transform:translate(-100%);top:70px;height:calc(100vh - 70px)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-md)}.main-content{margin-left:0;margin-top:70px;padding:20px}.nav-links{display:none}.mobile-toggle{display:flex}.banners{grid-template-columns:1fr}.tools-section{scroll-margin-top:30px}.sidebar.open+.mobile-toggle{left:300px}}@media (max-width: 900px){.footer-container{grid-template-columns:1fr;gap:40px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 650px){.tools-grid{grid-template-columns:1fr}.top-nav{padding:10px 20px}.nav-logo span{font-size:20px}.nav-logo i{font-size:24px}.footer-container{padding:0 15px}}@media (min-width: 1101px){.mobile-toggle{display:none}}