/* ===== math common v4（对标目标站 zitie.wang：左预览 + 右参数面板） ===== */
.math-page body{background:#eef0f2;font-size:14px;color:#1e293b;margin:0}
.math-page .logo-txt{font-size:22px;font-weight:bold;color:#d07f07;letter-spacing:1px}
.math-page .logo-txt small{font-size:11px;color:#999;font-weight:normal;margin-left:6px}
.math-page .navmenu{display:flex;gap:10px;font-size:13px;flex-shrink:1;white-space:nowrap;flex-wrap:nowrap}
.math-page .navmenu a{color:#555;text-decoration:none}
.math-page .navmenu a:hover{color:#d07f07}
.math-page .navmenu a.on{color:#d07f07;font-weight:bold}
.math-page .layui-row{display:flex;flex-wrap:wrap}
.math-page .bujubox{float:none!important}
@media (max-width:1280px){.math-page .navmenu{display:none!important}}
.math-page .navright{display:flex;align-items:center;gap:16px;white-space:nowrap}
.math-page .navright .navlink{color:#d07f07;font-size:14px;text-decoration:none;line-height:1}
.math-page .navright .navlink:hover{text-decoration:underline}
.math-page .navright .layui-btn{height:30px;line-height:30px;padding:0 14px}
.math-page .contbox{max-width:1440px}

/* 布局：左预览（sm8）+ 右参数（sm4，参数面板在右侧） */
.math-page #yulianbox{overflow:auto;padding:14px 10px;background:#eef0f2;border-radius:4px;min-height:72vh}
.math-page ::-webkit-scrollbar{width:6px;height:6px}
.math-page ::-webkit-scrollbar-track{background:transparent}
.math-page ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:3px}
.math-page ::-webkit-scrollbar-thumb:hover{background:#999}
.math-page *{scrollbar-width:thin;scrollbar-color:#c5c5c5 transparent}
.math-page #yulianbox .papers{display:block}
.math-page #yulianbox .paper{background:#fff;border:1px solid #e3e3e3;box-shadow:0 2px 10px rgba(0,0,0,.12);transform-origin:top left;margin:0 auto 16px;line-height:0}
.math-page #yulianbox .paper canvas{display:block}
.math-page #yulianbox .pb{padding:8px 4px;margin:0;font-size:13px;color:#666}

/* 右参数面板：卡片式圆角 */
.math-page #parsbox{background:transparent;min-height:72vh;padding-bottom:80px}
.math-page .pars-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.math-page .pars-card + .pars-card{margin-top:12px}
.math-page .pars-card .card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f5f9}
.math-page .pars-card .card-head .tlabel{font-weight:600;color:#1e293b;font-size:14px;flex:1}
.math-page .pars-card .card-body{padding:6px 16px 14px}
.math-page .topcon{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff}
.math-page .topcon .tlabel{font-weight:600;color:#1e293b;font-size:14px}
.math-page .topcon select.layui-input{width:auto;height:32px;padding:0 8px}
.math-page .setblock{margin:0;padding:0 16px}
.math-page .setblock+.setblock{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:10px}
.math-page .setblock h4{font-size:12px;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin:16px 0 10px;padding:0;border-left:none!important;border:none!important;position:relative;padding-left:10px;text-transform:none}.math-page .setblock h4:before{content:'';position:absolute;left:0;top:2px;width:3px;height:14px;background:#f59e0b;border-radius:2px}
.math-page .formitem{display:flex;align-items:center;gap:8px;margin:8px 0;min-height:36px;flex-wrap:wrap}
.math-page .formitem>label{width:auto;min-width:76px;font-size:13px;color:#475569;flex-shrink:0}
.math-page .formitem .layui-input,.math-page .formitem select.layui-input{width:100px;height:32px;font-size:13px}
.math-page .formitem .flex1{flex:1;min-width:0}
.math-page .formitem input[type="number"].layui-input{width:70px;height:32px}
.math-page .formitem input[type="text"].layui-input{height:32px;font-size:13px}
.math-page .hint{color:#94a3b8;font-size:11px;line-height:1.6;width:100%;margin-top:2px}
/* 单选 chips */
.math-page .rr{display:flex;flex-wrap:wrap;gap:6px}
.math-page .rp{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:5px 12px;font-size:13px;cursor:pointer;color:#475569;transition:.15s;user-select:none;display:inline-flex;align-items:center;gap:6px}
.math-page .rp input{display:none}
.math-page .rp.sel{border-color:#0f172a;color:#fff;background:#0f172a;font-weight:600;box-shadow:0 1px 4px rgba(15,23,42,.2)}
.math-page .rp .sw{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.12)}
/* 多选 chips */
.math-page .op-group{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.math-page .op-chip{border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer;color:#475569;user-select:none;transition:.15s;display:inline-flex;align-items:center;gap:6px;min-width:56px;justify-content:center}
.math-page .op-chip:hover{border-color:#f59e0b}
.math-page .op-chip.sel{border-color:#0f172a;color:#fff;background:#0f172a;font-weight:600;box-shadow:0 1px 4px rgba(15,23,42,.2)}
.math-page .op-chip input{display:none}
/* 开关 */
.math-page .switch-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0;min-height:36px;padding:4px 0}
.math-page .switch-row .sw-label{font-size:13px;color:#475569}
.math-page .switch-row .sw-desc{font-size:11px;color:#94a3b8;margin-top:2px;display:block}
.math-page .toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;cursor:pointer}
.math-page .toggle input{opacity:0;width:0;height:0}
.math-page .toggle .track{position:absolute;inset:0;background:#cbd5e1;border-radius:24px;transition:.2s}
.math-page .toggle .track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.math-page .toggle input:checked+.track{background:#f59e0b}
.math-page .toggle input:checked+.track:before{transform:translateX(18px)}
/* 滑块 */
.math-page .slider-row{display:flex;align-items:center;gap:10px;margin:8px 0;min-height:36px}
.math-page .slider-row .sl-label{font-size:13px;color:#475569;min-width:60px;flex-shrink:0}
.math-page .slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer;accent-color:#f59e0b}
.math-page .slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#f59e0b;cursor:pointer;box-shadow:0 1px 4px rgba(245,158,11,.4)}
.math-page .slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f59e0b;cursor:pointer;border:none;box-shadow:0 1px 4px rgba(245,158,11,.4)}
.math-page .slider-row .sl-val{font-size:13px;color:#475569;min-width:36px;text-align:right;flex-shrink:0;font-weight:600}
/* 范围输入 */
.math-page .range-row{display:flex;align-items:center;gap:6px;margin:8px 0;flex-wrap:wrap}
.math-page .range-row .rg-label{font-size:13px;color:#475569;min-width:60px}
.math-page .range-row .rg-sep{color:#94a3b8;font-size:13px}
/* 背景控件 */
.math-page .bg-ctrl{border:1px dashed #cbd5e1;border-radius:10px;padding:10px;margin-top:6px;background:#f8fafc}
.math-page .bg-ctrl .bg-file{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.math-page .bg-ctrl .bg-file input[type=file]{font-size:12px;color:#64748b;flex:1;min-width:0}
.math-page .bg-ctrl .slider-row{margin:6px 0;min-height:30px}
.math-page .bg-ctrl .slider-row .sl-label{min-width:52px;font-size:12px}
.math-page .bg-ctrl .bg-pos-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;flex-wrap:wrap}
.math-page .bg-ctrl .bg-pos-row .layui-btn{height:26px;line-height:26px;padding:0 10px;font-size:12px}
/* 操作按钮区（导出PDF/打印/生成题目 置顶卡片） */
.math-page .act-bar{display:flex;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px}
.math-page .act-bar .layui-btn{flex:1;height:38px;line-height:38px;font-size:14px;border-radius:8px}
.math-page .act-bar .layui-btn-primary{background:#fff;border:1px solid #cbd5e1;color:#334155}
.math-page .act-bar .layui-btn-warm{background:#0f172a;border-color:#0f172a;color:#fff}
.math-page .act-bar .layui-btn-warm:hover{background:#1e293b}
.math-page .act-bar .layui-btn-normal{background:#0f172a;border-color:#0f172a;color:#fff}
/* 底部生成栏（保留备用） */
.math-page .genbar{position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e8f0;padding:10px 14px;text-align:center;z-index:20;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.math-page .genbar .layui-btn{min-width:110px;height:40px;line-height:40px;font-size:15px;border-radius:8px}
/* 页脚 */
.math-page .footer{border-top:1px solid #e2e8f0;background:#fff;margin-top:14px}
.math-page .foot{max-width:1180px;margin:0 auto;padding:14px;font-size:11px;color:#94a3b8;line-height:1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;text-align:center}
.math-page .foot a,.math-page .foot span{color:#94a3b8;text-decoration:none;white-space:nowrap;flex-shrink:0}
.math-page .foot a:hover{color:#d07f07}
/* 移动端 */
@media (max-width:768px){.math-page #yulianbox{min-height:40vh}.math-page #parsbox{min-height:auto}.math-page .formitem>label{min-width:60px}}
/* 打印 */
@media print{.math-page .header,.math-page .genbar,.math-page .footer,.math-page .pb,.math-page .topcon,.math-page .setblock,.math-page #btnHelp,.math-page #btnSave,.math-page #loading,.math-page #parsbox,.math-page .act-bar{display:none!important}.math-page .contbox{max-width:none;margin:0;padding:0;min-height:0!important;height:auto!important}.math-page .layui-row{padding:0!important}.math-page .bujubox{width:100%!important;float:none!important;padding:0!important}.math-page #yulianbox{overflow:visible;padding:0;background:#fff;min-height:0!important;height:auto!important}.math-page #yulianbox .papers{min-height:0!important;gap:0!important}.math-page #yulianbox .paper{transform:none!important;margin:0 auto!important;box-shadow:none;border:none;page-break-after:always}.math-page #yulianbox .paper:last-child{page-break-after:auto}}