.element-periodic-table-container[data-v-38832b82]{padding:20px;max-width:1200px;margin:0 auto}.tool-header[data-v-38832b82]{text-align:center;margin-bottom:30px}.tool-header h2[data-v-38832b82]{color:var(--text-1);font-size:28px;margin-bottom:10px}.tool-header p[data-v-38832b82]{color:var(--text-2);font-size:16px}.search-section[data-v-38832b82]{position:relative;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.search-input[data-v-38832b82]{width:100%;padding:12px 20px;font-size:16px;border:2px solid var(--border-1);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition)}.search-input[data-v-38832b82]:focus{border-color:var(--brand-500)}.search-results[data-v-38832b82]{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);max-height:300px;overflow-y:auto;z-index:1000;margin-top:5px}.search-result-item[data-v-38832b82]{padding:12px 20px;cursor:pointer;transition:background-color .2s}.search-result-item[data-v-38832b82]:hover{background-color:var(--surface-2)}.periodic-table[data-v-38832b82]{display:grid;grid-template-columns:repeat(18,minmax(60px,1fr));grid-template-rows:repeat(7,minmax(70px,1fr));grid-gap:3px;margin-bottom:40px;justify-content:center;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.element-cell[data-v-38832b82]{padding:5px;text-align:center;border:1px solid var(--text-1);border-radius:2px;cursor:pointer;transition:all .2s;min-height:70px;min-width:60px;display:flex;flex-direction:column;justify-content:space-between;font-family:Arial,sans-serif;background-color:var(--surface)}.element-cell[data-v-38832b82]:hover{transform:scale(1.05);box-shadow:var(--shadow-2)}.element-cell.selected[data-v-38832b82]{border-color:var(--brand-500);background-color:var(--brand-50)}.atomic-number[data-v-38832b82]{font-size:12px;color:var(--text-2);margin-bottom:2px}.symbol[data-v-38832b82]{font-size:18px;font-weight:700;color:var(--text-1);margin-bottom:2px}.name[data-v-38832b82]{font-size:10px;color:var(--text-2);margin-bottom:2px}.atomic-weight[data-v-38832b82]{font-size:10px;color:var(--text-3)}.actinide-placeholder[data-v-38832b82],.lanthanide-placeholder[data-v-38832b82]{background-color:var(--surface-3);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;color:var(--text-2);border:1px dashed var(--text-3)}.placeholder-text[data-v-38832b82]{font-size:14px;margin-bottom:4px}.placeholder-subtext[data-v-38832b82]{font-size:12px}.actinide-series[data-v-38832b82],.lanthanide-series[data-v-38832b82]{margin-top:30px}.actinide-series h4[data-v-38832b82],.lanthanide-series h4[data-v-38832b82]{text-align:center;margin-bottom:10px;color:var(--text-1);font-size:16px}.actinide-container[data-v-38832b82],.lanthanide-container[data-v-38832b82]{display:grid;grid-template-columns:repeat(15,minmax(60px,1fr));grid-gap:3px;justify-content:center;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.alkali-metal[data-v-38832b82]{background-color:#fcc}.alkaline-earth[data-v-38832b82]{background-color:#ffebcc}.transition[data-v-38832b82]{background-color:#e6f7ff}.post-transition[data-v-38832b82]{background-color:#ccffe6}.metalloid[data-v-38832b82]{background-color:#e6ccff}.nonmetal[data-v-38832b82]{background-color:#cfc}.halogen[data-v-38832b82]{background-color:#ffcce6}.noble-gas[data-v-38832b82]{background-color:#ffc}.lanthanide[data-v-38832b82]{background-color:#ffe6cc}.actinide[data-v-38832b82]{background-color:#ffccd9}.element-detail[data-v-38832b82]{background-color:var(--surface-2);border-radius:var(--radius-md);padding:20px;margin-top:20px}.detail-header[data-v-38832b82]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-1)}.detail-header h3[data-v-38832b82]{margin:0;color:var(--text-1);font-size:20px}.close-btn[data-v-38832b82]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-3);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn[data-v-38832b82]:hover{background-color:var(--surface-3)}.detail-content[data-v-38832b82]{color:var(--text-1)}.detail-grid[data-v-38832b82]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.detail-item[data-v-38832b82]{display:flex;justify-content:space-between}.detail-item .label[data-v-38832b82]{font-weight:700;color:var(--text-2)}.detail-item .value[data-v-38832b82]{color:var(--text-1)}.description h4[data-v-38832b82]{margin-top:20px;margin-bottom:10px;color:var(--text-1)}.modal-overlay[data-v-38832b82]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.pinyin[data-v-38832b82]{font-size:.7em;font-style:italic;color:var(--text-2);margin-left:10px;opacity:.8}.element-detail-modal[data-v-38832b82]{background-color:var(--surface);border-radius:var(--radius-md);padding:20px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-3);position:relative;width:100%}.description p[data-v-38832b82]{line-height:1.6;color:var(--text-2)}@media (max-width:1400px){.periodic-table[data-v-38832b82]{grid-template-columns:repeat(18,minmax(50px,1fr))}}@media (max-width:1200px){.periodic-table[data-v-38832b82]{grid-template-columns:repeat(18,minmax(40px,1fr))}.actinide-container[data-v-38832b82],.lanthanide-container[data-v-38832b82]{grid-template-columns:repeat(15,minmax(50px,1fr))}}@media (max-width:992px){.periodic-table[data-v-38832b82]{grid-template-columns:repeat(18,minmax(38px,1fr))}.actinide-container[data-v-38832b82],.lanthanide-container[data-v-38832b82]{grid-template-columns:repeat(15,minmax(48px,1fr))}.element-cell[data-v-38832b82]{min-height:60px;min-width:38px;padding:4px}.symbol[data-v-38832b82]{font-size:16px}.atomic-number[data-v-38832b82],.atomic-weight[data-v-38832b82],.name[data-v-38832b82]{font-size:10px}}@media (max-width:768px){.element-periodic-table-container[data-v-38832b82]{padding:14px}.periodic-table[data-v-38832b82]{grid-template-columns:repeat(18,minmax(36px,1fr));grid-template-rows:repeat(7,minmax(56px,1fr));margin-bottom:24px}.actinide-container[data-v-38832b82],.lanthanide-container[data-v-38832b82]{grid-template-columns:repeat(15,minmax(44px,1fr))}.element-cell[data-v-38832b82]{min-height:56px;min-width:36px;padding:3px}.symbol[data-v-38832b82]{font-size:14px}.atomic-number[data-v-38832b82],.atomic-weight[data-v-38832b82],.name[data-v-38832b82]{font-size:10px}.placeholder-text[data-v-38832b82]{font-size:12px}.placeholder-subtext[data-v-38832b82]{font-size:10px}.detail-grid[data-v-38832b82]{grid-template-columns:1fr}.element-detail[data-v-38832b82]{padding:14px}.close-btn[data-v-38832b82]{width:36px;height:36px;min-height:36px}.search-section[data-v-38832b82]{margin-bottom:20px}}@media (max-width:480px){.element-periodic-table-container[data-v-38832b82]{padding:10px}.tool-header h2[data-v-38832b82]{font-size:22px}.tool-header p[data-v-38832b82]{font-size:14px}.element-detail-modal[data-v-38832b82],.element-detail[data-v-38832b82]{padding:12px}.detail-header h3[data-v-38832b82]{font-size:18px}.modal-overlay[data-v-38832b82]{padding:12px}.actinide-series[data-v-38832b82],.lanthanide-series[data-v-38832b82]{margin-top:20px}}