.navbar[data-v-e4b93342]{width:100%;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:fixed;top:0;z-index:9999;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease}.group[data-v-e4b93342]{max-width:1400px;margin:0 auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:height .4s cubic-bezier(.4,0,.2,1)}.navbar.scrolled .group[data-v-e4b93342]{height:70px}.logo[data-v-e4b93342]{display:flex;align-items:center;gap:25px;cursor:pointer;text-decoration:none;flex-shrink:0}.logo-icon-wrapper[data-v-e4b93342]{position:relative;width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.navbar.scrolled .logo-icon-wrapper[data-v-e4b93342]{width:48px;height:48px}.logo-img[data-v-e4b93342]{height:100%;width:auto;object-fit:contain;cursor:pointer;transition:opacity .35s ease,transform .35s ease;position:relative;z-index:1}.logo-img-base[data-v-e4b93342]{z-index:1}.logo-img-spin[data-v-e4b93342]{z-index:2;margin-left:-10px;margin-top:20px;animation:logoSpin-e4b93342 4s linear infinite;transform-origin:center center;width:38px;height:38px}@keyframes logoSpin-e4b93342{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo:hover .logo-img-base[data-v-e4b93342]{transform:scale(1.06)}.logo-text[data-v-e4b93342]{display:flex;flex-direction:column;line-height:1.2;transition:transform .3s ease}.logo:hover .logo-text[data-v-e4b93342]{transform:translate(3px)}.logo-title[data-v-e4b93342]{font-size:28px;font-weight:800;color:var(--color-text-main);letter-spacing:-.3px;white-space:nowrap;transition:font-size .4s ease}.logo-version[data-v-e4b93342]{color:#31b3b4;font-weight:800}.navbar.scrolled .logo-title[data-v-e4b93342]{font-size:24px}.navbar.transparent[data-v-e4b93342]{background:#ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000000d}.nav[data-v-e4b93342]{display:flex;gap:32px;align-items:center}.nav-item-wrapper[data-v-e4b93342]{position:relative;display:flex;align-items:center;height:100%}.nav-item[data-v-e4b93342]{display:flex;align-items:center;font-size:18px;font-weight:600;cursor:pointer;padding:8px 4px;color:var(--color-text-main);transition:color .3s ease;position:relative}.nav-item[data-v-e4b93342]:hover{color:var(--color-primary)}.nav-text[data-v-e4b93342]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--color-primary);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover .nav-text[data-v-e4b93342]:after,.nav-item.active .nav-text[data-v-e4b93342]:after{transform:scaleX(1)}.nav-item.active[data-v-e4b93342]{color:var(--color-primary)}.dropdown-icon[data-v-e4b93342]{width:14px;height:14px;margin-left:6px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-icon.rotated[data-v-e4b93342]{transform:rotate(180deg)}.dropdown[data-v-e4b93342]{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:8px;min-width:250px;box-shadow:0 10px 40px var(--color-shadow, rgba(0,0,0,.1));z-index:100}.dropdown[data-v-e4b93342]:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-bg);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.dropdown-item[data-v-e4b93342]{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;cursor:pointer;color:var(--color-text-main);border-radius:8px;transition:all .2s ease;position:relative;z-index:1}.dropdown-item[data-v-e4b93342]:hover{background:var(--color-hover);color:var(--color-primary);transform:translate(4px)}.nav-tag[data-v-e4b93342]{display:inline-block;width:55px;text-align:center;flex-shrink:0;font-size:11px;font-weight:800;padding:3px 0;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.nav-tag.update[data-v-e4b93342]{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.nav-tag.new[data-v-e4b93342]{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dropdown-anim-enter-active[data-v-e4b93342],.dropdown-anim-leave-active[data-v-e4b93342]{transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-anim-enter-from[data-v-e4b93342],.dropdown-anim-leave-to[data-v-e4b93342]{opacity:0;transform:translate(-50%,-10px) scale(.95)}.right-tools[data-v-e4b93342]{display:flex;align-items:center;gap:12px}.icon-btn[data-v-e4b93342]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;background:transparent}.icon-btn[data-v-e4b93342]:hover{background:var(--color-hover);transform:translateY(-2px)}.icon-btn[data-v-e4b93342]:active{transform:scale(.95)}.svg-icon[data-v-e4b93342]{width:30px;height:30px;object-fit:contain;transition:transform .5s ease}.icon-btn:hover .theme-icon[data-v-e4b93342]{transform:rotate(30deg)}.footer[data-v-bee94442]{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-top:1px solid var(--color-border);text-align:center;padding:5px 0}.back-to-top[data-v-315e02ce]{position:fixed;bottom:40px;right:40px;z-index:1000;width:50px;height:50px;border-radius:50%;border:none;background-color:var(--color-primary, #145176);color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.back-to-top[data-v-315e02ce]:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0003;background-color:var(--color-hover, #1a6b9c)}.fade-enter-active[data-v-315e02ce],.fade-leave-active[data-v-315e02ce]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-315e02ce],.fade-leave-to[data-v-315e02ce]{opacity:0;transform:translateY(20px)}.global-loading-overlay[data-v-ac55d2cb]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container[data-v-ac55d2cb]{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner[data-v-ac55d2cb]{width:50px;height:50px;border:4px solid rgba(30,58,138,.1);border-top-color:#1e3a8a;border-radius:50%;animation:spin-ac55d2cb 1s linear infinite}.loading-text[data-v-ac55d2cb]{font-size:16px;font-weight:600;color:#1e3a8a;letter-spacing:1px;animation:pulse-ac55d2cb 1.5s ease-in-out infinite}@keyframes spin-ac55d2cb{to{transform:rotate(360deg)}}@keyframes pulse-ac55d2cb{0%,to{opacity:.6}50%{opacity:1}}.fade-enter-active[data-v-ac55d2cb],.fade-leave-active[data-v-ac55d2cb]{transition:opacity .3s ease}.fade-enter-from[data-v-ac55d2cb],.fade-leave-to[data-v-ac55d2cb]{opacity:0}.modal-overlay[data-v-62b754dc]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:center;padding-top:12vh}.search-modal[data-v-62b754dc]{width:90%;max-width:650px;background:var(--color-bg, #fff);border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border, #e2e8f0);max-height:70vh}.search-header[data-v-62b754dc]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border, #e2e8f0);gap:12px}.search-icon[data-v-62b754dc]{color:var(--color-primary, #145176)}.search-input[data-v-62b754dc]{flex:1;border:none;outline:none;font-size:18px;background:transparent;color:var(--color-text-main)}.esc-hint[data-v-62b754dc]{font-size:12px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:4px 8px;border-radius:4px}.search-body[data-v-62b754dc]{flex:1;overflow-y:auto;padding:12px 0;min-height:200px}.search-body[data-v-62b754dc]::-webkit-scrollbar{width:6px}.search-body[data-v-62b754dc]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px}.hot-trends[data-v-62b754dc]{padding:12px 20px}.section-title[data-v-62b754dc]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:12px;font-weight:700}.trend-tags[data-v-62b754dc]{display:flex;flex-wrap:wrap;gap:10px}.trend-tag[data-v-62b754dc]{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:4px 12px;border-radius:20px;font-size:14px;color:var(--color-text-main);cursor:pointer;transition:var(--transition-hover);display:flex;align-items:center;gap:6px}.trend-tag[data-v-62b754dc]:hover{background:var(--color-hover, #f8fafc);border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.trend-species[data-v-62b754dc]{font-size:14px}.trend-name[data-v-62b754dc]{font-weight:500}.result-list[data-v-62b754dc]{list-style:none;margin:0;padding:0}.result-item[data-v-62b754dc]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(0,0,0,.03)}.result-item[data-v-62b754dc]:hover{background:var(--color-hover, #f8fafc)}.result-item:hover .enter-icon[data-v-62b754dc]{opacity:1;transform:translate(0)}.item-info[data-v-62b754dc]{display:flex;align-items:center;gap:10px}.item-name[data-v-62b754dc]{font-size:15px;color:var(--color-text-main);font-weight:500;margin-left:4px}.species-badge[data-v-62b754dc]{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.type-badge[data-v-62b754dc]{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;white-space:nowrap}.badge-marker[data-v-62b754dc]{background:#fee2e2;color:#b91c1c}.badge-tissue-class[data-v-62b754dc]{background:#dcfce7;color:#166534}.badge-tissue-type[data-v-62b754dc]{background:#ccfbf1;color:#0f766e}.badge-cell-class[data-v-62b754dc]{background:#e0e7ff;color:#4338ca}.badge-cell-type[data-v-62b754dc]{background:#f3e8ff;color:#7e22ce}.badge-default[data-v-62b754dc]{background:#f1f5f9;color:#475569}.enter-icon[data-v-62b754dc]{color:var(--color-primary);opacity:0;transform:translate(10px);transition:all .2s}[data-v-62b754dc] .highlight-kw{color:var(--color-primary);font-weight:800;background:#1451761a;padding:0 2px}.loading-state[data-v-62b754dc],.empty-state[data-v-62b754dc]{text-align:center;color:var(--color-text-secondary);padding:40px;font-size:15px}.keyword-echo[data-v-62b754dc]{font-weight:700;color:var(--color-text-main)}.spinner[data-v-62b754dc]{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-62b754dc 1s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin-62b754dc{to{transform:rotate(360deg)}}.fade-scale-enter-active[data-v-62b754dc],.fade-scale-leave-active[data-v-62b754dc]{transition:all .2s ease}.fade-scale-enter-from[data-v-62b754dc],.fade-scale-leave-to[data-v-62b754dc]{opacity:0;transform:scale(.96) translateY(-20px)}html,body,#app{height:100%;margin:0}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:50px}:root{--font-family-base: Arial, Helvetica, sans-serif;--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-text-main: #1f1f1f;--color-text-secondary: #666666;--color-primary: #145176;--color-primary-hover: #0f3e59;--color-border: #e5e5e5;--color-shadow: rgba(0,0,0,.08);--color-hover: rgba(0,0,0,.05);--tooltip-bg: rgba(255,255,255,.98);--tooltip-header-bg: #f8fafc;--tooltip-border: #e2e8f0;--tooltip-text: #1f2937;--tooltip-sub: #64748b;--transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, opacity .25s ease, transform .25s ease;--transition-hover: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out, background-color .25s ease, color .25s ease}html.dark{--color-bg: #121212;--color-bg-secondary: #1e1e1e;--color-text-main: #e6e6e6;--color-text-secondary: #aaaaaa;--color-primary: #1f6fa3;--color-primary-hover: #2c88c7;--color-border: #333333;--color-shadow: rgba(0,0,0,.5);--color-hover: rgba(255,255,255,.06);--tooltip-bg: rgba(30,41,59,.96);--tooltip-header-bg: #1e293b;--tooltip-border: #334155;--tooltip-text: #e5e7eb;--tooltip-sub: #94a3b8}html,body,#app{margin:0;padding:0;font-family:var(--font-family-base);background-color:var(--color-bg);color:var(--color-text-main);transition:var(--transition)}*{box-sizing:border-box;transition:var(--transition)}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;transition:var(--transition-hover)}.btn-primary:hover{background-color:var(--color-primary-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px;min-height:40px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);background-clip:content-box}::-webkit-scrollbar-button:vertical:start{height:10px;background:transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--color-border);display:flex;justify-content:center;align-items:center}::-webkit-scrollbar-button:vertical:end{height:10px;background:transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--color-border)}::-webkit-scrollbar-button:horizontal:start{width:10px;background:transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid var(--color-border)}::-webkit-scrollbar-button:horizontal:end{width:10px;background:transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--color-border)}::-webkit-scrollbar-button:hover{--color-border: var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*:hover{scrollbar-color:var(--color-primary) transparent}
