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