.crystal-page[data-v-64840e21]{padding:16px 20px;background:#fff;min-height:calc(100vh - 84px)}.filter-bar[data-v-64840e21]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-bar .filter-select[data-v-64840e21]{width:80px}.filter-bar .filter-mode[data-v-64840e21]{width:110px}.filter-bar .selected-elements[data-v-64840e21]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px;min-height:32px;border:1px solid #dcdfe6;border-radius:4px;padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;background:#fff}.filter-bar .selected-elements .el-tag-item[data-v-64840e21]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;background:#ecf5ff;color:#409eff;border:1px solid #d9ecff;border-radius:4px;padding:0 6px;font-size:12px;height:22px}.filter-bar .selected-elements .el-tag-item i[data-v-64840e21]{cursor:pointer;font-size:10px}.filter-bar .selected-elements .el-tag-item i[data-v-64840e21]:hover{color:#f56c6c}.filter-bar .selected-elements .placeholder-text[data-v-64840e21]{color:#c0c4cc;font-size:12px}.filter-bar .search-btn[data-v-64840e21]{-ms-flex-negative:0;flex-shrink:0}.periodic-table[data-v-64840e21]{display:grid;grid-template-columns:repeat(18,1fr);gap:2px;margin-bottom:12px}.periodic-table .element-cell[data-v-64840e21]{aspect-ratio:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:3px;cursor:pointer;font-size:10px;padding:1px;-webkit-transition:opacity .1s,-webkit-transform .1s;transition:opacity .1s,-webkit-transform .1s;transition:transform .1s,opacity .1s;transition:transform .1s,opacity .1s,-webkit-transform .1s}.periodic-table .element-cell[data-v-64840e21]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}.periodic-table .element-cell.selected[data-v-64840e21]{outline:2px solid #409eff;outline-offset:-1px}.periodic-table .element-cell .el-number[data-v-64840e21]{font-size:8px;line-height:1;opacity:.8}.periodic-table .element-cell .el-symbol[data-v-64840e21]{font-size:11px;font-weight:600;line-height:1.2}.periodic-table .element-cell.alkali[data-v-64840e21]{background:#ffd6a5;color:#7a3e00}.periodic-table .element-cell.alkaline[data-v-64840e21]{background:#fdffb6;color:#5a5100}.periodic-table .element-cell.transition[data-v-64840e21]{background:#bde0fe;color:#003566}.periodic-table .element-cell.post-transition[data-v-64840e21]{background:#caffbf;color:#1b4332}.periodic-table .element-cell.metalloid[data-v-64840e21]{background:#a8dadc;color:#1d3557}.periodic-table .element-cell.nonmetal[data-v-64840e21]{background:#e9c46a;color:#6d4c00}.periodic-table .element-cell.halogen[data-v-64840e21]{background:#f4acb7;color:#6b1426}.periodic-table .element-cell.noble[data-v-64840e21]{background:#d8b4fe;color:#3b0764}.periodic-table .element-cell.lanthanide[data-v-64840e21]{background:#b5ead7;color:#1a4731}.periodic-table .element-cell.actinide[data-v-64840e21]{background:#ffc8dd;color:#6b0022}.pagination-wrap[data-v-64840e21]{padding:12px 0;text-align:right}.crystal-detail-loading[data-v-64840e21]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0;color:#909399;gap:12px}.crystal-detail-loading i[data-v-64840e21]{font-size:28px}.crystal-detail-loading span[data-v-64840e21]{font-size:14px}.crystal-detail-body[data-v-64840e21]{padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow-y:auto}.crystal-detail-section[data-v-64840e21]{border:1px solid #e4e8ef;border-radius:6px;overflow:hidden}.crystal-detail-section__title[data-v-64840e21]{padding:10px 16px;font-size:.88rem;font-weight:600;color:#1d2129;background:#f7f8fc}.crystal-detail-section__divider[data-v-64840e21]{height:1px;background:#e4e8ef}.crystal-detail-section__body[data-v-64840e21]{padding:12px 16px;background:#fff}.crystal-detail-img[data-v-64840e21]{width:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;display:block}.crystal-page .el-table{font-size:13px;border:none}.crystal-page .el-table:before{height:0}.crystal-page .el-table th.el-table__cell{background:#f7f8fc!important;color:#1d2129!important;font-weight:600;font-size:12px;letter-spacing:.5px;border-bottom:1px solid #e5e8ef!important;padding:12px 0}.crystal-page .el-table th.el-table__cell .cell{padding:0 16px}.crystal-page .el-table .el-table__row{-webkit-transition:background .15s;transition:background .15s}.crystal-page .el-table .el-table__row td.el-table__cell{border-bottom:1px solid #f2f3f7;padding:13px 0}.crystal-page .el-table .el-table__row td.el-table__cell .cell{padding:0 16px}.crystal-page .el-table .el-table__row:last-child td.el-table__cell{border-bottom:none}.crystal-page .el-table .el-table__row:hover td.el-table__cell{background:#f7fbff!important}.crystal-page .el-table .el-table__row.clickable-row{cursor:pointer}.el-drawer__body{overflow-y:auto;padding:0}