.article-sidebar[data-v-b57e7867]{display:flex;flex-direction:column;gap:20px;width:300px}.article-sidebar .sidebar-section[data-v-b57e7867]{background-color:#fff;padding:20px}.article-sidebar .sidebar-section .sidebar-title[data-v-b57e7867]{border-bottom:1px solid #e4e4e4;color:#333;font-size:16px;font-weight:700;margin-bottom:15px;padding-bottom:10px}.article-sidebar .sidebar-section .hot-topics[data-v-b57e7867]{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.article-sidebar .sidebar-section .hot-topics .hot-topic-btn[data-v-b57e7867]{background-color:#f5f7fa;border:1px solid #e4e4e4;border-radius:4px;color:#606266;cursor:pointer;font-size:12px;padding:6px 8px;text-align:center;transition:all .3s}.article-sidebar .sidebar-section .hot-topics .hot-topic-btn[data-v-b57e7867]:hover{background-color:#fff;border-color:#409eff;color:#409eff}.article-sidebar .online-service .hotline[data-v-b57e7867]{background-color:#f5f7fa;border-radius:4px;padding:15px 0;text-align:center}.article-sidebar .online-service .hotline .hotline-title[data-v-b57e7867]{color:#909399;font-size:12px;margin-bottom:10px}.article-sidebar .online-service .hotline .hotline-number[data-v-b57e7867]{color:#409eff;font-size:18px;font-weight:700}@media (max-width:768px){.article-sidebar[data-v-b57e7867]{width:100%}}.encyclopedia-list-container[data-v-58e7aafb]{margin:0 auto;max-width:1200px;padding:20px}.breadcrumb-menu[data-v-58e7aafb]{align-items:center;display:flex;margin-bottom:20px}.breadcrumb-menu[data-v-58e7aafb] .el-breadcrumb{margin-left:10px}.breadcrumb-menu[data-v-58e7aafb] .breadcrumb-title{color:#303133}.search-box-container[data-v-58e7aafb]{background-color:#f5f7fa;margin-bottom:20px;padding:20px 0}.search-box[data-v-58e7aafb]{display:flex;height:43px;margin:0 auto;max-width:800px}.search-input[data-v-58e7aafb]{border:2px solid #0093dd;border-radius:4px 0 0 4px;flex:1;font-size:14px;line-height:43px;outline:none;padding:10px 15px}.search-input[data-v-58e7aafb]:focus{border-color:#0073b3}.search-btn[data-v-58e7aafb]{background-color:#0093dd;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:16px;padding:0 30px;transition:background-color .3s}.search-btn[data-v-58e7aafb]:hover{background-color:#0073b3}.content-container[data-v-58e7aafb]{margin-top:20px}.content-wrapper[data-v-58e7aafb]{display:flex;gap:20px}.main-content[data-v-58e7aafb]{flex:1;min-width:0}.category-tabs[data-v-58e7aafb]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.category-tab[data-v-58e7aafb]{background-color:#f5f7fa;border:1px solid #e4e4e4;border-radius:4px;color:#606266;cursor:pointer;padding:8px 16px;transition:all .3s}.category-tab[data-v-58e7aafb]:hover{background-color:#ecf5ff;border-color:#d9ecff;color:#409eff}.category-tab.active[data-v-58e7aafb]{background-color:#0093dd;border-color:#0093dd;color:#fff}.compounds-list[data-v-58e7aafb]{border:1px solid #e4e4e4;border-radius:8px;overflow:hidden}.loading-container[data-v-58e7aafb]{align-items:center;display:flex;justify-content:center;min-height:300px;padding:40px}.loading-spinner[data-v-58e7aafb]{text-align:center}.spinner[data-v-58e7aafb]{animation:spin-58e7aafb 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#0093dd;height:40px;margin:0 auto 15px;width:40px}@keyframes spin-58e7aafb{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-58e7aafb]{color:#0093dd;font-size:14px}.compound-item[data-v-58e7aafb]{border-bottom:1px solid #e4e4e4;padding:20px}.compound-item[data-v-58e7aafb]:last-child{border-bottom:none}.compound-header[data-v-58e7aafb]{align-items:flex-start;display:flex;gap:20px}.compound-icon[data-v-58e7aafb]{align-items:center;background-color:#f5f7fa;border-radius:8px;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.formula-text[data-v-58e7aafb]{color:#606266;font-size:20px;font-weight:700}.compound-info[data-v-58e7aafb]{flex:1;min-width:0}.compound-name-row[data-v-58e7aafb]{align-items:center;display:flex;gap:10px;margin-bottom:8px}.compound-name[data-v-58e7aafb]{color:#303133;font-size:16px;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dangerous-tag[data-v-58e7aafb]{background-color:#fef0f0;border-radius:4px;color:#f56c6c;flex-shrink:0;font-size:12px;padding:2px 8px}.compound-alias[data-v-58e7aafb],.compound-details[data-v-58e7aafb],.compound-english-name[data-v-58e7aafb]{color:#606266;font-size:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compound-tags[data-v-58e7aafb]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.compound-tag[data-v-58e7aafb]{background-color:#f5f7fa;border:1px solid #e4e4e4;border-radius:4px;color:#606266;cursor:pointer;font-size:12px;padding:2px 8px}.compound-tag[data-v-58e7aafb]:hover{background-color:#ecf5ff;border-color:#d9ecff;color:#409eff}.compound-action[data-v-58e7aafb]{flex-shrink:0;margin-top:10px}.view-detail-btn[data-v-58e7aafb]{background-color:#0093dd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 20px;transition:background-color .3s}.view-detail-btn[data-v-58e7aafb]:hover{background-color:#0073b3}.pagination[data-v-58e7aafb]{display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){.compound-header[data-v-58e7aafb],.content-wrapper[data-v-58e7aafb]{flex-direction:column}.compound-header[data-v-58e7aafb]{align-items:center;text-align:center}.compound-icon[data-v-58e7aafb]{height:100px;width:100px}.compound-tags[data-v-58e7aafb]{justify-content:center}}.compound-image[data-v-58e7aafb]{height:140px;-o-object-fit:contain;object-fit:contain;width:140px}.home-elevator[data-v-58e7aafb]{bottom:100px;height:-moz-fit-content;height:fit-content;position:fixed;right:0;z-index:1100}.home-elevator-list[data-v-58e7aafb]{left:1340px;position:sticky;top:50px;transition:top .3s;width:70px;z-index:9999}