.tab-bar[data-v-669e7516]{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:100}.tab-item[data-v-669e7516]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;transition:all .3s ease}.tab-icon[data-v-669e7516]{width:24px;height:24px;margin-bottom:4px}.tab-icon img[data-v-669e7516]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tab-name[data-v-669e7516]{font-size:12px;color:#999;transition:color .3s ease}.tab-item.active .tab-name[data-v-669e7516]{color:#007bff;font-weight:500}.tab-item[data-v-669e7516]:active{transform:scale(.95)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f8f8f8}#app,body,html{height:100%}.app-container{height:100%;padding-bottom:60px}a{text-decoration:none;color:inherit}ol,ul{list-style:none}button{background:none;border:none;cursor:pointer;font-size:inherit;color:inherit}button,input,textarea{font-family:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.p-20{padding:20px}.home-container[data-v-724149f5]{padding:20px;max-width:1200px;margin:0 auto}.page-title[data-v-724149f5]{font-size:24px;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.category-grid[data-v-724149f5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card[data-v-724149f5]{position:relative;border-radius:12px;padding:20px;height:160px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.category-card[data-v-724149f5]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.category-icon[data-v-724149f5]{width:50px;height:50px;background-color:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.category-icon img[data-v-724149f5]{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.category-info[data-v-724149f5]{z-index:1}.category-name[data-v-724149f5]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px 0}.drug-count[data-v-724149f5]{font-size:14px;color:hsla(0,0%,100%,.8);margin:0}.wave-decoration[data-v-724149f5]{position:absolute;bottom:0;left:0;right:0;height:40px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba%28255, 255, 255, 0.1%29" fill-opacity="1" d="M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-size:cover}@media (max-width:768px){.category-grid[data-v-724149f5]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.category-card[data-v-724149f5]{height:140px;padding:15px}.category-icon[data-v-724149f5]{width:40px;height:40px}.category-icon img[data-v-724149f5]{width:24px;height:24px}.category-name[data-v-724149f5]{font-size:16px}.drug-count[data-v-724149f5]{font-size:12px}}.category-list-container[data-v-3285aa11]{display:flex;height:calc(100vh - 60px);max-width:1200px;margin:0 auto}.category-sidebar[data-v-3285aa11]{width:200px;background-color:#f5f5f5;padding:20px 0;overflow-y:auto;border-right:1px solid #e0e0e0}.category-item[data-v-3285aa11]{padding:15px 20px;cursor:pointer;transition:all .3s ease;font-size:16px;color:#333}.category-item[data-v-3285aa11]:hover{background-color:#e9e9e9}.category-item.active[data-v-3285aa11]{background-color:#007bff;color:#fff;font-weight:700}.drug-list-container[data-v-3285aa11]{flex:1;padding:20px;overflow-y:auto}.category-title[data-v-3285aa11]{font-size:22px;font-weight:700;margin-bottom:20px;color:#333;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.drug-list[data-v-3285aa11]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.drug-card[data-v-3285aa11]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.drug-card[data-v-3285aa11]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.drug-image-container[data-v-3285aa11]{height:160px;overflow:hidden;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center}.drug-image[data-v-3285aa11]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drug-info[data-v-3285aa11]{padding:15px}.drug-name[data-v-3285aa11]{font-size:18px;font-weight:700;margin:0 0 10px 0;color:#333}.drug-tags[data-v-3285aa11]{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.drug-tag[data-v-3285aa11]{background-color:#e9f5ff;color:#007bff;padding:3px 8px;border-radius:4px;font-size:12px}.drug-description[data-v-3285aa11]{font-size:14px;color:#666;margin:0;line-height:1.4}.no-drugs[data-v-3285aa11]{grid-column:1/-1;text-align:center;padding:40px;color:#999;font-size:16px}@media (max-width:768px){.category-list-container[data-v-3285aa11]{flex-direction:column;height:auto}.category-sidebar[data-v-3285aa11]{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding:10px 0;display:flex;overflow-x:auto;white-space:nowrap}.category-item[data-v-3285aa11]{padding:10px 15px;display:inline-block}.drug-list[data-v-3285aa11]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.drug-image-container[data-v-3285aa11]{height:120px}.drug-name[data-v-3285aa11]{font-size:16px}}.drug-detail[data-v-8e01ab36]{padding-bottom:60px}.header[data-v-8e01ab36]{display:flex;align-items:center;padding:15px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:10}.back-button[data-v-8e01ab36]{margin-right:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f5f5f5;cursor:pointer}.header h1[data-v-8e01ab36]{margin:0;font-size:18px;font-weight:500}.loading[data-v-8e01ab36]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner[data-v-8e01ab36]{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin-8e01ab36 1s ease-in-out infinite}@keyframes spin-8e01ab36{to{transform:rotate(1turn)}}.not-found[data-v-8e01ab36]{text-align:center;padding:50px 20px}.drug-content[data-v-8e01ab36]{padding:15px}.drug-header[data-v-8e01ab36]{display:flex;margin-bottom:20px}.drug-image[data-v-8e01ab36]{width:100px;height:100px;border-radius:8px;overflow:hidden;margin-right:15px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.drug-image img[data-v-8e01ab36]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drug-title[data-v-8e01ab36]{flex:1;display:flex;flex-direction:column;justify-content:center}.drug-title h2[data-v-8e01ab36]{margin:0 0 10px 0;font-size:22px}.category-tag[data-v-8e01ab36]{display:inline-block;padding:4px 10px;background-color:#e3f2fd;color:#1976d2;border-radius:16px;font-size:12px;cursor:pointer}.drug-section[data-v-8e01ab36]{margin-bottom:25px;background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.drug-section h3[data-v-8e01ab36]{margin:0 0 10px 0;font-size:16px;color:#333;font-weight:500}.drug-section p[data-v-8e01ab36]{margin:0;line-height:1.6;color:#555}.related-drugs[data-v-8e01ab36]{display:flex;overflow-x:auto;padding:5px 0;margin:0 -5px}.related-drug-item[data-v-8e01ab36]{min-width:80px;margin:0 5px;text-align:center;cursor:pointer}.related-drug-image[data-v-8e01ab36]{width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:#f5f5f5;margin:0 auto 5px;display:flex;align-items:center;justify-content:center}.related-drug-image img[data-v-8e01ab36]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-drug-name[data-v-8e01ab36]{font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-button[data-v-8e01ab36]{background-color:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;margin-top:15px}.search-container[data-v-0a46b022]{padding:20px;padding-bottom:80px;max-width:800px;margin:0 auto}.search-header[data-v-0a46b022]{margin-bottom:20px}.search-input-container[data-v-0a46b022]{position:relative;width:100%}.search-input[data-v-0a46b022]{width:100%;height:50px;border-radius:25px;border:none;background-color:#f5f5f5;padding:0 50px 0 20px;font-size:16px;outline:none;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:box-shadow .3s ease}.search-input[data-v-0a46b022]:focus{box-shadow:0 2px 10px rgba(0,0,0,.1)}.search-icon[data-v-0a46b022]{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:24px;height:24px}.search-icon img[data-v-0a46b022]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:.5}.search-section[data-v-0a46b022]{margin-bottom:30px}.section-header[data-v-0a46b022]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3[data-v-0a46b022]{font-size:18px;font-weight:700;color:#333;margin:0}.clear-history[data-v-0a46b022]{color:#999;font-size:14px;cursor:pointer}.history-tags[data-v-0a46b022],.hot-tags[data-v-0a46b022]{display:flex;flex-wrap:wrap;gap:10px}.history-tag[data-v-0a46b022],.hot-tag[data-v-0a46b022]{padding:8px 15px;background-color:#f5f5f5;border-radius:20px;font-size:14px;color:#555;cursor:pointer;transition:background-color .3s ease}.history-tag[data-v-0a46b022]:hover,.hot-tag[data-v-0a46b022]:hover{background-color:#e0e0e0}.hot-tag[data-v-0a46b022]{background-color:#e9f5ff;color:#007bff}.hot-tag[data-v-0a46b022]:hover{background-color:#d0e8ff}.loading-indicator[data-v-0a46b022]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.spinner[data-v-0a46b022]{width:40px;height:40px;border:4px solid rgba(0,123,255,.1);border-radius:50%;border-top-color:#007bff;animation:spin-0a46b022 1s linear infinite;margin-bottom:15px}@keyframes spin-0a46b022{to{transform:rotate(1turn)}}.no-results[data-v-0a46b022]{text-align:center;padding:40px 0;color:#999;font-size:16px}.drug-result-item[data-v-0a46b022]{display:flex;background-color:#fff;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.drug-result-item[data-v-0a46b022]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.drug-result-image[data-v-0a46b022]{width:100px;height:100px;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center}.drug-result-image img[data-v-0a46b022]{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.drug-result-info[data-v-0a46b022]{flex:1;padding:15px}.drug-result-name[data-v-0a46b022]{font-size:18px;font-weight:700;margin:0 0 8px 0;color:#333}.drug-result-tags[data-v-0a46b022]{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.drug-result-tag[data-v-0a46b022]{background-color:#e9f5ff;color:#007bff;padding:3px 8px;border-radius:4px;font-size:12px}.drug-result-description[data-v-0a46b022]{font-size:14px;color:#666;margin:0;line-height:1.4}@media (max-width:768px){.search-container[data-v-0a46b022]{padding:15px}.drug-result-image[data-v-0a46b022]{width:80px;height:80px}.drug-result-name[data-v-0a46b022]{font-size:16px}}.statistics-container[data-v-5671bff2]{padding:20px;padding-bottom:80px;max-width:800px;margin:0 auto}.page-title[data-v-5671bff2]{font-size:24px;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.stats-cards[data-v-5671bff2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stats-card[data-v-5671bff2]{background-color:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1)}.stats-icon[data-v-5671bff2]{width:50px;height:50px;border-radius:50%;background-color:rgba(0,123,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:15px}.stats-icon img[data-v-5671bff2]{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.stats-info[data-v-5671bff2]{text-align:center}.stats-value[data-v-5671bff2]{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.stats-label[data-v-5671bff2]{font-size:14px;color:#666}.total-drugs .stats-icon[data-v-5671bff2]{background-color:rgba(255,99,132,.1)}.total-categories .stats-icon[data-v-5671bff2]{background-color:rgba(54,162,235,.1)}.most-viewed .stats-icon[data-v-5671bff2]{background-color:rgba(255,206,86,.1)}.chart-container[data-v-5671bff2]{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.chart-title[data-v-5671bff2]{font-size:18px;font-weight:700;margin-bottom:20px;color:#333}.chart-wrapper[data-v-5671bff2]{display:flex;flex-wrap:wrap;gap:20px}.chart-placeholder[data-v-5671bff2]{flex:1;min-width:200px;height:200px;display:flex;align-items:center;justify-content:center}.pie-chart-placeholder[data-v-5671bff2]{position:relative;width:180px;height:180px}.pie-segment[data-v-5671bff2]{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--segment-color) 0 var(--segment-percent),transparent var(--segment-percent) 100%);transform:rotate(calc(3.6deg*var(--segment-offset)))}.pie-center[data-v-5671bff2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background-color:#fff;border-radius:50%}.chart-legend[data-v-5671bff2]{flex:1;min-width:200px}.legend-item[data-v-5671bff2]{display:flex;align-items:center;margin-bottom:10px}.legend-color[data-v-5671bff2]{width:16px;height:16px;border-radius:4px;margin-right:10px}.legend-text[data-v-5671bff2]{flex:1}.legend-name[data-v-5671bff2]{font-size:14px;color:#333}.legend-value[data-v-5671bff2]{font-size:12px;color:#666}.section-title[data-v-5671bff2]{font-size:18px;font-weight:700;margin-bottom:15px;color:#333}.recent-drugs-list[data-v-5671bff2]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.recent-drug-item[data-v-5671bff2]{display:flex;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s ease}.recent-drug-item[data-v-5671bff2]:last-child{border-bottom:none}.recent-drug-item[data-v-5671bff2]:hover{background-color:#f9f9f9}.recent-drug-image[data-v-5671bff2]{width:50px;height:50px;border-radius:8px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-right:15px}.recent-drug-image img[data-v-5671bff2]{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.recent-drug-info[data-v-5671bff2]{flex:1}.recent-drug-name[data-v-5671bff2]{font-size:16px;font-weight:500;color:#333;margin-bottom:5px}.recent-drug-date[data-v-5671bff2]{font-size:12px;color:#999}.recent-drug-arrow[data-v-5671bff2]{width:24px;height:24px;opacity:.3}.recent-drug-arrow img[data-v-5671bff2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.stats-cards[data-v-5671bff2]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.stats-value[data-v-5671bff2]{font-size:20px}.chart-wrapper[data-v-5671bff2]{flex-direction:column}.chart-legend[data-v-5671bff2],.chart-placeholder[data-v-5671bff2]{width:100%}}