/* 青玉公式编辑器：公式展示与编辑器弹窗样式 */
.qy-fml{display:inline-block;vertical-align:middle;padding:0 1px;cursor:pointer;outline:1px dashed transparent;outline-offset:2px;line-height:1}
.rt-area .qy-fml:hover{outline-color:#0095FF}

/* 公式编辑器弹窗 */
#qyFmlMask{position:fixed;inset:0;background:rgba(20,40,38,.45);z-index:9990;display:none;align-items:center;justify-content:center}
#qyFmlMask.show{display:flex}
#qyFmlBox{width:min(680px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.28);font-family:var(--serif)}
#qyFmlBox .fb-h{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}
#qyFmlBox .fb-h b{font-size:16px;color:var(--jade-d);letter-spacing:1px}
#qyFmlBox .fb-h .brand{color:var(--jade);font-family:var(--calli);font-size:20px}
#qyFmlBox .fb-h .x{margin-left:auto;cursor:pointer;color:var(--grey);font-size:20px;line-height:1;border:none;background:none}
#qyFmlBox .fb-b{padding:14px 18px 18px}
#qyFmlBox .fprev{min-height:60px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#FAFCFB;font-size:20px;overflow:auto;margin-bottom:10px}
#qyFmlBox .fprev .err{color:#C0392B;font-size:13px}
#qyFmlBox textarea{width:100%;min-height:64px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:Consolas,Menlo,monospace;font-size:14px;outline:none;resize:vertical}
#qyFmlBox textarea:focus{border-color:var(--jade)}
#qyFmlBox .pal{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
#qyFmlBox .pal button{font-family:Georgia,serif;font-size:14px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}
#qyFmlBox .pal button:hover{border-color:var(--jade);color:var(--jade)}
#qyFmlBox .fb-f{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
#qyFmlBox .fb-f button{border:none;border-radius:9px;padding:9px 20px;font-size:14px;cursor:pointer;font-family:var(--serif)}
#qyFmlBox .fb-f .ok{background:var(--jade);color:#fff;font-weight:700}
#qyFmlBox .fb-f .ok:hover{background:var(--jade-d)}
#qyFmlBox .fb-f .no{background:#EFEDE7;color:var(--grey)}

/* 编辑器：顶部 Tab（LaTeX / MathType / 公式库） */
#qyFmlBox .ftabs{display:flex;gap:6px;margin-bottom:10px}
#qyFmlBox .ftab{border:1px solid var(--line);background:#fff;color:var(--grey);border-radius:9px;padding:7px 16px;font-size:13px;cursor:pointer;font-family:var(--serif)}
#qyFmlBox .ftab.active{background:var(--jade);color:#fff;border-color:var(--jade);font-weight:700}
/* 分类条（参考电脑公式分类） */
#qyFmlBox .catbar{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}
#qyFmlBox .cbtn{border:1px solid var(--line);background:#F6F8F7;color:var(--ink);border-radius:999px;padding:4px 11px;font-size:12px;cursor:pointer;font-family:var(--serif)}
#qyFmlBox .cbtn.active{background:var(--jade-d);color:#fff;border-color:var(--jade-d)}
#qyFmlBox .cbtn:hover{border-color:var(--jade)}
/* 公式库网格：点击即显示 */
#qyFmlBox .libgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:46vh;overflow:auto;padding:2px}
#qyFmlBox .libcard{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-family:var(--serif)}
#qyFmlBox .libcard:hover{border-color:var(--jade);box-shadow:0 2px 8px rgba(27,43,42,.08)}
#qyFmlBox .libcard.sel{border-color:var(--jade);background:#EAF6F1}
#qyFmlBox .lc-name{font-size:12.5px;color:var(--jade-d);font-weight:700}
#qyFmlBox .lc-prev{width:100%;min-height:30px;overflow:auto;font-size:16px}
#qyFmlBox .libtip{font-size:12px;color:var(--grey);margin-top:8px}
/* 同族公式延伸展开（点击带 ▾ 的卡片弹出） */
#qyFmlBox .libexp{grid-column:1/-1;background:#F4F9F6;border:1px solid #CFE3D9;border-radius:10px;padding:10px 12px}
#qyFmlBox .le-h{font-size:12.5px;color:var(--jade-d);font-weight:700;margin-bottom:8px;letter-spacing:.5px}
#qyFmlBox .le-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
#qyFmlBox .libcard.mini{padding:6px 8px;background:#fff}
#qyFmlBox .libcard.mini .lc-name{font-size:11.5px}
#qyFmlBox .libcard.mini .lc-prev{font-size:14px;min-height:22px}
#qyFmlBox .lc-name .arr{color:var(--jade);margin-left:3px}
/* MathType 面板 */
#qyFmlBox .mtip{font-size:12.5px;color:var(--grey);background:#F6F8F7;border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-bottom:8px;line-height:1.5}
#qyFmlBox .mtarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:Consolas,Menlo,monospace;font-size:13px;outline:none;resize:vertical}
#qyFmlBox .mtarea:focus{border-color:var(--jade)}
#qyFmlBox .mtrow{display:flex;align-items:center;gap:10px;margin:8px 0}
#qyFmlBox .mtbtn{border:none;border-radius:9px;padding:8px 16px;font-size:13px;cursor:pointer;background:var(--jade);color:#fff;font-family:var(--serif);font-weight:700}
#qyFmlBox .mtbtn:hover{background:var(--jade-d)}
#qyFmlBox .mthint{font-size:12px;color:var(--jade)}
