.periodic-table-wrap{width:100%;max-width:100%;box-sizing:border-box;container-type:inline-size;}
.periodic-table-layout{display:grid;grid-template-columns:3fr 1fr;gap:14px;align-items:start;}
.periodic-table-main{min-width:0;display:flex;flex-direction:column;gap:12px;}
.periodic-table-side{min-width:0;display:flex;flex-direction:column;gap:12px;}
@container (max-width:860px){
.periodic-table-layout{grid-template-columns:1fr;}
}
.periodic-table-panel{background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);
border-radius:var(--radius,10px);padding:14px;min-width:0;}
.periodic-table-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;flex-wrap:wrap;}
.periodic-table-headt{font-size:14px;font-weight:600;color:var(--text,#333);}
.periodic-table-heads{font-size:12px;color:var(--text-secondary,#6b7281);}
.periodic-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.periodic-table-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
@container (max-width:520px){
.periodic-table-grid2{grid-template-columns:minmax(0,1fr);}
}
.periodic-table-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
@container (max-width:640px){
.periodic-table-grid3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.periodic-table-cell{display:flex;flex-direction:column;gap:4px;min-width:0;}
.periodic-table-cell.periodic-table-wide{grid-column:1/-1;}
.periodic-table-lbl{display:block;font-size:12px;color:var(--text-secondary,#6b7281);}
.periodic-table-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.periodic-table-btn{padding:7px 14px;font-size:13px;font-family:inherit;cursor:pointer;
color:var(--text,#333);background:var(--bg-btn,#f3f4f6);
border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);}
.periodic-table-btn:hover{background:var(--bg-btn-hover,#e5e7eb);}
.periodic-table-btn.periodic-table-primary{color:var(--text-on-accent,#fff);background:var(--primary,#2563eb);
border-color:var(--primary,#2563eb);}
.periodic-table-btn.periodic-table-primary:hover{background:var(--primary-hover,#1d4ed8);}
.periodic-table-btn:disabled{opacity:.5;cursor:not-allowed;}
.periodic-table-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-shadow,rgba(37,99,235,.15));}
.periodic-table-checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
.periodic-table-chk{display:flex;align-items:center;gap:5px;font-size:12px;
color:var(--text-secondary,#6b7281);cursor:pointer;}
.periodic-table-msg{margin:8px 0 0;font-size:12px;min-height:16px;color:var(--text-secondary,#6b7281);
overflow-wrap:anywhere;}
.periodic-table-msg.ok{color:var(--success,#16a34a);}
.periodic-table-msg.err{color:var(--danger,#dc2626);}
.periodic-table-msg.warn{color:var(--warning-fg,#92400e);}
.periodic-table-empty{margin:0;font-size:12px;color:var(--text-secondary,#6b7281);}
.periodic-table-res{display:flex;flex-direction:column;gap:8px;max-height:620px;overflow:auto;}
.periodic-table-molres{display:flex;flex-direction:column;gap:8px;}
.periodic-table-big{font-size:26px;font-weight:700;line-height:1.2;color:var(--primary,#2563eb);
overflow-wrap:anywhere;}
.periodic-table-bigsub{font-size:12px;color:var(--text-secondary,#6b7281);}
.periodic-table-card{background:var(--bg-page,#f7f8fa);border-radius:var(--radius-sm,6px);
padding:10px;min-width:0;}
.periodic-table-cardt{font-size:12px;font-weight:600;color:var(--text,#333);margin-bottom:6px;}
.periodic-table-kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;
padding:3px 0;border-bottom:1px dashed var(--border,#e5e7eb);}
.periodic-table-kv:last-child{border-bottom:0;}
.periodic-table-kv span:first-child{color:var(--text-secondary,#6b7281);}
.periodic-table-kv span:last-child{font-weight:600;color:var(--text,#333);overflow-wrap:anywhere;
text-align:right;}
.periodic-table-note{margin:8px 0 0;font-size:11px;line-height:1.6;
color:var(--text-secondary,#6b7281);}
.periodic-table-tbl{width:100%;border-collapse:collapse;font-size:12px;}
.periodic-table-tbl th,.periodic-table-tbl td{padding:5px 6px;text-align:left;
border-bottom:1px solid var(--border,#e5e7eb);overflow-wrap:anywhere;}
.periodic-table-tbl th{color:var(--text-secondary,#6b7280);font-weight:600;}
.periodic-table-tag{display:inline-block;padding:2px 7px;font-size:11px;border-radius:var(--radius,10px);
background:var(--bg-btn,#f3f4f6);color:var(--text-secondary,#6b7281);cursor:pointer;}
.periodic-table-tag.ok{color:var(--success,#16a34a);}
.periodic-table-tag.warn{color:var(--warning-fg,#92400e);}
.periodic-table-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
@container (max-width:520px){
.periodic-table-cmp{grid-template-columns:minmax(0,1fr);}
}
.periodic-table-cmpc{background:var(--bg-page,#f7f8fa);border-radius:var(--radius-sm,6px);
padding:10px;text-align:center;border:2px solid transparent;box-sizing:border-box;min-width:0;}
.periodic-table-cmpc.periodic-table-best{border-color:var(--primary,#2563eb);}
.periodic-table-cmpt{font-size:11px;color:var(--text-secondary,#6b7281);overflow-wrap:anywhere;}
.periodic-table-cmpv{font-size:20px;font-weight:700;color:var(--text,#333);margin:4px 0;overflow-wrap:anywhere;}
.periodic-table-cmpv.periodic-table-best{color:var(--primary,#2563eb);}
.periodic-table-cbox{width:100%;min-width:0;max-width:100%;overflow:auto;background:var(--bg-page,#f7f8fa);
border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);padding:8px;box-sizing:border-box;}
.periodic-table-cbox canvas,.periodic-table-cbox svg{max-width:100%;height:auto;display:block;margin:0 auto;}
.periodic-table-cv{display:block;max-width:100%;height:auto;}
.periodic-table-big2{font-size:22px;font-weight:700;line-height:1.35;color:var(--text,#333);overflow-wrap:anywhere;
word-break:break-all;}
.periodic-table-big3{font-size:18px;font-weight:700;line-height:1.5;color:var(--text,#333);overflow-wrap:anywhere;
word-break:break-all;}
.periodic-table-ok{color:var(--success,#16a34a);}
.periodic-table-wrong{color:var(--danger,#dc2626);background:var(--danger-bg,rgba(220,38,38,.1));border-radius:var(--radius-sm,2px);}
.periodic-table-cur{background:var(--primary-shadow,rgba(37,99,235,.18));border-radius:var(--radius-sm,2px);}
.periodic-table-target{font-size:14px;line-height:2;color:var(--text-secondary,#6b7281);overflow-wrap:anywhere;
word-break:break-all;background:var(--bg-page,#f7f8fa);border-radius:var(--radius-sm,6px);padding:10px;}
.periodic-table-sep{height:1px;background:var(--border,#e5e7eb);margin:10px 0;}
.periodic-table-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;}
.periodic-table-statc{background:var(--bg-page,#f7f8fa);border-radius:var(--radius-sm,6px);padding:8px;text-align:center;min-width:0;}
.periodic-table-statv{font-size:16px;font-weight:700;color:var(--text,#333);overflow-wrap:anywhere;}
.periodic-table-statt{font-size:11px;color:var(--text-secondary,#6b7281);}
.periodic-table-ta{width:100%;box-sizing:border-box;font-family:inherit;font-size:13px;padding:8px 10px;
color:var(--text,#333);background:var(--bg-input,#fff);
border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);resize:vertical;min-width:0;}
.periodic-table-in{width:100%;box-sizing:border-box;font-family:inherit;font-size:13px;padding:7px 10px;
color:var(--text,#333);background:var(--bg-input,#fff);
border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);min-width:0;}
.periodic-table-sel{width:100%;box-sizing:border-box;font-family:inherit;font-size:13px;padding:7px 10px;
color:var(--text,#333);background:var(--bg-input,#fff);
border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);min-width:0;}
.periodic-table-cbx{width:14px;height:14px;accent-color:var(--primary,#2563eb);}
.periodic-table-rng{width:100%;box-sizing:border-box;accent-color:var(--primary,#2563eb);min-width:0;}
.periodic-table-ta:focus-visible,.periodic-table-in:focus-visible,.periodic-table-sel:focus-visible{
outline:none;border-color:var(--primary,#2563eb);
box-shadow:0 0 0 3px var(--primary-shadow,rgba(37,99,235,.15));}
.periodic-table-chips{display:flex;gap:6px;flex-wrap:wrap;}
.periodic-table-chip{display:inline-block;padding:4px 9px;font-size:12px;cursor:pointer;
background:var(--bg-btn,#f3f4f6);color:var(--text-secondary,#6b7281);
border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,10px);}
.periodic-table-chip:hover{background:var(--bg-btn-hover,#e5e7eb);color:var(--text,#333);}
.periodic-table-chip.periodic-table-on{background:var(--primary,#2563eb);color:var(--text-on-accent,#fff);border-color:var(--primary,#2563eb);}
.periodic-table-list{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow:auto;}
.periodic-table-item{padding:8px 10px;font-size:12px;border-radius:var(--radius-sm,6px);cursor:pointer;
background:var(--bg-page,#f7f8fa);border:1px solid transparent;min-width:0;}
.periodic-table-item:hover{border-color:var(--primary,#2563eb);}
.periodic-table-item.periodic-table-on{border-color:var(--primary,#2563eb);background:var(--primary-shadow,rgba(37,99,235,.08));}
.periodic-table-itemt{font-weight:600;color:var(--text,#333);overflow-wrap:anywhere;}
.periodic-table-items{font-size:11px;color:var(--text-secondary,#6b7281);overflow-wrap:anywhere;}

/* ===== 本插件专用 ===== */

.periodic-table-pt{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:3px;min-width:660px;}
.periodic-table-el{position:relative;padding:4px 2px 3px;text-align:center;cursor:pointer;
border-radius:var(--radius-sm,4px);border:1px solid var(--border,#e5e7eb);
background:var(--bg-page,#f7f8fa);min-width:0;overflow:hidden;}
.periodic-table-el:hover{border-color:var(--primary,#2563eb);}
.periodic-table-el.periodic-table-on{border-color:var(--primary,#2563eb);
box-shadow:0 0 0 2px var(--primary-shadow,rgba(37,99,235,.22));}
.periodic-table-elz{font-size:9px;line-height:1.1;color:var(--text-secondary,#6b7281);}
.periodic-table-els{font-size:14px;font-weight:700;line-height:1.15;color:var(--text,#333);}
.periodic-table-eln{font-size:10px;line-height:1.2;color:var(--text-secondary,#6b7281);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.periodic-table-ph{font-size:9px;line-height:1.2;color:var(--text-secondary,#6b7281);
text-align:center;border:1px dashed var(--border,#e5e7eb);border-radius:var(--radius-sm,4px);
padding:3px 1px;background:var(--bg-page,#f7f8fa);}
.periodic-table-c1{background:#fee2e2;}
.periodic-table-c2{background:#ffedd5;}
.periodic-table-c3{background:#fef9c3;}
.periodic-table-c4{background:#dcfce7;}
.periodic-table-c5{background:#d1fae5;}
.periodic-table-c6{background:#cffafe;}
.periodic-table-c7{background:#e0e7ff;}
.periodic-table-c8{background:#ede9fe;}
.periodic-table-c9{background:#fce7f3;}
.periodic-table-c10{background:#fae8ff;}
.periodic-table-q1{background:#eff6ff;}
.periodic-table-q2{background:#e0f2fe;}
.periodic-table-q3{background:#ccfbf1;}
.periodic-table-q4{background:#dcfce7;}
.periodic-table-q5{background:#fef9c3;}
.periodic-table-q6{background:#ffedd5;}
.periodic-table-q7{background:#fee2e2;}

/* ENH-BATCH2 */

.periodic-table-enh{margin-top:12px;}
.periodic-table-enhrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px;}
.periodic-table-enhin{flex:1 1 120px;min-width:90px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-size:13px;}
.periodic-table-enhsel{flex:0 0 auto;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-size:13px;}
.periodic-table-enhbtn{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-btn);color:var(--text);font-size:13px;cursor:pointer;}
.periodic-table-enhbtn:hover{background:var(--bg-btn-hover);}
.periodic-table-enhout{margin-top:8px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);font-size:13px;line-height:1.7;word-break:break-all;}
.periodic-table-enhout table{border-collapse:collapse;width:100%;font-size:12px;}
.periodic-table-enhout th,.periodic-table-enhout td{border:1px solid var(--border);padding:3px 6px;text-align:left;}
.periodic-table-enhk{color:var(--text-secondary);}
.periodic-table-enhv{font-weight:600;color:var(--primary);}
.periodic-table-enhok{color:var(--success);}
.periodic-table-enhno{color:var(--danger);}
.periodic-table-enhopt{display:inline-block;margin:3px 4px 3px 0;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-btn);cursor:pointer;font-size:13px;}
.periodic-table-enhopt:hover{background:var(--bg-btn-hover);}

/* ===== ENH-BATCH4 ===== */
.periodic-table-enhns{max-width:80px;}
.periodic-table-enhbig{font-size:28px;line-height:1.4;}
.periodic-table-enhmt{margin-top:6px;}
.periodic-table-enhtitle{font-weight:600;margin-bottom:4px;}

/* ===== 工具类（消除内联样式） ===== */
.periodic-table-clip{position:fixed;opacity:0;pointer-events:none;}
.periodic-table-fx180{flex:2 1 180px;}
.periodic-table-gr1{grid-row:1;}
.periodic-table-gr2{grid-row:2;}
.periodic-table-gr3{grid-row:3;}
.periodic-table-gr4{grid-row:4;}
.periodic-table-gr5{grid-row:5;}
.periodic-table-gr6{grid-row:6;}
.periodic-table-gr7{grid-row:7;}
.periodic-table-gr8{grid-row:8;}
.periodic-table-gr9{grid-row:9;}
.periodic-table-gr10{grid-row:10;}
.periodic-table-gc1{grid-column:1;}
.periodic-table-gc2{grid-column:2;}
.periodic-table-gc3{grid-column:3;}
.periodic-table-gc4{grid-column:4;}
.periodic-table-gc5{grid-column:5;}
.periodic-table-gc6{grid-column:6;}
.periodic-table-gc7{grid-column:7;}
.periodic-table-gc8{grid-column:8;}
.periodic-table-gc9{grid-column:9;}
.periodic-table-gc10{grid-column:10;}
.periodic-table-gc11{grid-column:11;}
.periodic-table-gc12{grid-column:12;}
.periodic-table-gc13{grid-column:13;}
.periodic-table-gc14{grid-column:14;}
.periodic-table-gc15{grid-column:15;}
.periodic-table-gc16{grid-column:16;}
.periodic-table-gc17{grid-column:17;}
.periodic-table-gc18{grid-column:18;}