.container[data-v-7b6f14eb]{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.breadcrumb-menu[data-v-7b6f14eb]{align-items:center;display:flex;gap:10px;padding:15px 0}.breadcrumb-menu .el-icon[data-v-7b6f14eb]{font-size:16px}.breadcrumb-title[data-v-7b6f14eb]{color:#303133}.search-box-container[data-v-7b6f14eb]{background-color:#f5f7fa;margin-bottom:20px;padding:20px 0}.search-box[data-v-7b6f14eb]{display:flex;height:43px;margin:0 auto;max-width:800px}.search-input[data-v-7b6f14eb]{border:2px solid #0093dd;border-radius:4px 0 0 4px;box-sizing:border-box;flex:1;font-size:14px;height:100%;outline:none;padding:0 15px}.search-input[data-v-7b6f14eb]:focus{border-color:#0073b3}.search-btn[data-v-7b6f14eb]{background-color:#0093dd;border:none;border-radius:0 4px 4px 0;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;height:100%;padding:0 30px;transition:background-color .3s}.search-btn[data-v-7b6f14eb]:hover{background-color:#0073b3}.content-container[data-v-7b6f14eb]{margin-bottom:30px;margin-top:20px}.content-wrapper[data-v-7b6f14eb]{display:flex;gap:20px}.sidebar-content[data-v-7b6f14eb]{flex-shrink:0;width:300px}.main-content[data-v-7b6f14eb]{flex:1;min-width:0}.category-tabs[data-v-7b6f14eb]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.category-tab[data-v-7b6f14eb]{background-color:#f5f7fa;border:1px solid #e4e4e4;border-radius:4px;color:#606266;cursor:pointer;padding:8px 16px;transition:all .3s}.category-tab[data-v-7b6f14eb]:hover{background-color:#ecf5ff;border-color:#d9ecff;color:#409eff}.category-tab.active[data-v-7b6f14eb]{background-color:#0093dd;border-color:#0093dd;color:#fff}.compound-detail-content[data-v-7b6f14eb]{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000d}.compound-header-info[data-v-7b6f14eb]{background-color:#f5f8ff;border-bottom:1px solid #e4e4e4;display:flex;gap:20px;padding:20px}.compound-icon[data-v-7b6f14eb]{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-shrink:0;height:100px;justify-content:center;width:100px}.formula-text[data-v-7b6f14eb]{color:#606266;font-size:24px;font-weight:700}.compound-title-section[data-v-7b6f14eb]{flex:1;min-width:0}.compound-name-row[data-v-7b6f14eb]{align-items:center;display:flex;gap:10px;margin-bottom:8px}.compound-name[data-v-7b6f14eb]{color:#303133;font-size:20px;font-weight:700;margin:0;min-width:0}.dangerous-tag[data-v-7b6f14eb]{background-color:#fef0f0;border-radius:4px;color:#f56c6c;flex-shrink:0;font-size:12px;padding:2px 8px}.compound-cas[data-v-7b6f14eb],.compound-english-name[data-v-7b6f14eb]{color:#606266;font-size:14px;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compound-actions[data-v-7b6f14eb]{margin-top:10px}.favorite-btn[data-v-7b6f14eb]{align-items:center;background-color:transparent;border:1px solid #e4e4e4;border-radius:4px;color:#606266;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:5px 12px;transition:all .3s}.favorite-btn[data-v-7b6f14eb]:hover{border-color:#0093dd;color:#0093dd}.detail-main[data-v-7b6f14eb]{display:flex;gap:20px;height:auto;overflow:visible;position:relative}.detail-nav[data-v-7b6f14eb]{align-self:flex-start;background-color:#f5f7fa;border-right:1px solid #e4e4e4;box-shadow:none;clear:none;float:none;margin:0;max-height:calc(100vh - 40px);overflow-y:auto;padding:0;position:sticky;top:185px;transition:all .3s ease;width:180px;z-index:7}.nav-item[data-v-7b6f14eb]{align-items:center;color:#606266;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .3s}.nav-item[data-v-7b6f14eb]:hover{background-color:#ecf5ff;color:#409eff}.nav-item.active[data-v-7b6f14eb]{background-color:#0093dd;color:#fff}.nav-item .el-icon[data-v-7b6f14eb]{font-size:16px}.detail-content[data-v-7b6f14eb]{background-color:#fff;flex:1;float:none;min-width:0;padding:20px;transition:all .3s ease}.detail-section[data-v-7b6f14eb]{margin-bottom:30px}.section-title[data-v-7b6f14eb]{align-items:center;border-bottom:1px solid #e4e4e4;color:#333;display:flex;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px}.section-subtitle[data-v-7b6f14eb]{color:#303133;font-size:16px;font-weight:700;margin:15px 0 10px}.section-content[data-v-7b6f14eb]{line-height:1.8}.info-table[data-v-7b6f14eb]{width:100%}.info-table table[data-v-7b6f14eb]{border-collapse:collapse;width:100%}.info-table td[data-v-7b6f14eb]{border-bottom:1px solid #f0f0f0;padding:10px}.info-table .info-label[data-v-7b6f14eb]{background-color:#f5f7fa;color:#606266;font-weight:700;width:80px}.info-table .info-value[data-v-7b6f14eb]{color:#303133;overflow-wrap:anywhere;white-space:pre-line;word-break:break-word}.numbering-item[data-v-7b6f14eb]{display:flex;margin-bottom:15px}.numbering-item .system-name[data-v-7b6f14eb]{color:#606266;font-weight:700;margin-bottom:5px;width:120px}.numbering-item .system-value[data-v-7b6f14eb]{color:#303133;overflow-wrap:anywhere;white-space:pre-line;word-break:break-word}.iTable[data-v-7b6f14eb]{border-collapse:collapse;width:100%}.iTable td[data-v-7b6f14eb]{border-bottom:1px solid #f0f0f0;padding:10px}.iTable .key[data-v-7b6f14eb]{background-color:#f5f7fa;color:#606266;font-weight:700;width:50%}.iTable .val[data-v-7b6f14eb]{color:#303133;overflow-wrap:anywhere;white-space:pre-line;word-break:break-word}.download-btn[data-v-7b6f14eb]{min-width:60px}.properties-list[data-v-7b6f14eb],.safety-list[data-v-7b6f14eb]{display:flex;flex-direction:column;gap:10px}.property-item[data-v-7b6f14eb],.safety-item[data-v-7b6f14eb]{display:flex;margin-bottom:2px}.property-item .property-label[data-v-7b6f14eb],.property-item .safety-label[data-v-7b6f14eb],.safety-item .property-label[data-v-7b6f14eb],.safety-item .safety-label[data-v-7b6f14eb]{color:#606266;flex-shrink:0;font-weight:700;width:30%}.property-item .property-value[data-v-7b6f14eb],.property-item .safety-value[data-v-7b6f14eb],.safety-item .property-value[data-v-7b6f14eb],.safety-item .safety-value[data-v-7b6f14eb]{color:#303133;flex:1;overflow-wrap:anywhere;white-space:pre-line;word-break:break-word}.production-methods p[data-v-7b6f14eb]{margin-bottom:10px;text-align:justify}.usage-info[data-v-7b6f14eb]{margin-top:15px;text-align:justify}.supply-chain-subtitle[data-v-7b6f14eb]{margin-top:20px}.msds-header[data-v-7b6f14eb]{margin-bottom:15px;text-align:right}.msds-header span[data-v-7b6f14eb]{color:#606266;font-size:14px}.msds-list[data-v-7b6f14eb]{display:flex;flex-direction:column;gap:10px}.related-products-list[data-v-7b6f14eb]{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:10px}.related-product-item[data-v-7b6f14eb]{background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden;transition:all .3s}.related-product-item[data-v-7b6f14eb]:hover{box-shadow:0 2px 12px #0000001a;color:#303133!important}.product-link[data-v-7b6f14eb]{color:#303133;display:block;padding:10px;text-decoration:none}.product-image[data-v-7b6f14eb]{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:10px;width:100%}.product-image img[data-v-7b6f14eb]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.product-info[data-v-7b6f14eb]{text-align:center}.product-name[data-v-7b6f14eb]{color:#606266;font-size:14px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-grade[data-v-7b6f14eb]{color:#606266;font-size:12px;margin-bottom:3px}.product-cas[data-v-7b6f14eb]{color:#909399;font-size:12px}.msds-item[data-v-7b6f14eb]{align-items:center;background-color:#f5f7fa;border-radius:4px;display:flex;justify-content:space-between;padding:12px 15px}.msds-name[data-v-7b6f14eb]{color:#303133;font-size:14px}.download-btn[data-v-7b6f14eb]{background-color:#fff;border:1px solid #0093dd;border-radius:4px;color:#0093dd;cursor:pointer;font-size:14px;padding:5px 15px;transition:all .3s}.download-btn[data-v-7b6f14eb]:hover{background-color:#0093dd;color:#fff}.error-state[data-v-7b6f14eb],.loading-state[data-v-7b6f14eb]{background-color:#fff;border-radius:8px;color:#606266;padding:50px 0;text-align:center}@media (max-width:768px){.content-wrapper[data-v-7b6f14eb]{flex-direction:column}.sidebar-content[data-v-7b6f14eb]{width:100%}.compound-header-info[data-v-7b6f14eb]{align-items:center;flex-direction:column;text-align:center}.compound-icon[data-v-7b6f14eb]{height:100px;width:100px}.detail-main[data-v-7b6f14eb]{flex-direction:column}.detail-nav[data-v-7b6f14eb]{border-bottom:1px solid #e4e4e4;border-right:none;display:flex;overflow-x:auto;white-space:nowrap;width:100%}.nav-item[data-v-7b6f14eb]{flex-shrink:0}.info-table td[data-v-7b6f14eb]{display:block;width:100%}.info-table .info-label[data-v-7b6f14eb]{background-color:transparent;padding-bottom:0}}.home-elevator[data-v-7b6f14eb]{bottom:100px;height:-moz-fit-content;height:fit-content;position:fixed;right:0;z-index:1100}.home-elevator-list[data-v-7b6f14eb]{left:1340px;position:sticky;top:50px;transition:top .3s;width:70px;z-index:9999}.form-item-label[data-v-7b6f14eb]{color:#000;font-size:16px;font-weight:700;width:120px}.preserve-newline[data-v-7b6f14eb]{overflow-wrap:anywhere;white-space:pre-line;word-break:break-word}