.hero-title{margin:0;font-size:28px;font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:30px;margin:14px 0 12px;}
.editor-wrap{margin:25px 0 0;border-radius:8px;}
.main-container{display:flex;flex-direction:column;height:530px;overflow:hidden;padding:0;gap:0;}
.main-left{margin:30px 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:47px;padding:8px 10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:8px;flex-wrap:wrap;}
.pane-title{font-size:14px;color:#999999;white-space:nowrap;}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:12px;border:none;background:transparent;padding:0;font-size:12px;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;}
.actions .btn-primary{border:none;}
.btn-text{display:none;}
.kbd{display:none;}
.auto-run-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label span{display:none;}
.auto-run-label input{width:14px;height:14px;accent-color:var(--green);cursor:pointer;}
.zdyx{gap:6px;}
.pane-content{flex:1;position:relative;overflow:hidden;min-height:0;}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:30px;height:30px;background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:30px;height:30px;background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:30px;height:30px;background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:30px;height:30px;background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:14px;height:14px;background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:16px;line-height:24px;}
.CodeMirror-vscrollbar,.CodeMirror-hscrollbar{scrollbar-width:thin;scrollbar-color:#C8C8C8 #FFFFFF;}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:4px;}
.CodeMirror-vscrollbar::-webkit-scrollbar-track{background:#FFFFFF;}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:4px;}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover{background:#FCBE00;}
.pane-content iframe{width:100%;height:100%;border:none;display:block;background:#fff;}
.gutter{background-color:transparent;background-repeat:no-repeat;background-position:50%;flex-shrink:0;}
.gutter:hover{background-color:rgba(0,0,0,0.04);}
.gutter.gutter-vertical{cursor:row-resize;height:25px !important;}
.pane.fullscreen{position:fixed !important;inset:0;width:100vw !important;height:100vh !important;z-index:9999;border-radius:0;border:none;}
#framesize{font-size:14px;color:#FF0000;margin-left:4px;}
.sec-dis{margin:0 15px;font-size:16px;color:#333333;line-height:1.7;height:320px;overflow:hidden;}
.history.is-open .sec-dis{height:auto;overflow:visible;}
.sec-dis.no-clamp{height:auto;overflow:visible;}
.secdisp{margin:14px 0 0;}
.sectleps{margin:0;}
.history ul{margin:0;padding-left:20px;font-size:16px;color:#333333;}
.history li{margin-bottom:8px;font-size:16px;color:#333333;line-height:24px;word-break:break-all;}
.history li::marker{color:#E7E7E7;font-size:1.1em;}
.secdis-item{margin:14px 0 0;}
.secdis-title{font-size:18px;margin:0 0 10px;}
.sec-toggle{width:130px;height:35px;margin:14px auto 0;background:#FAFAFA;border-radius:18px;border:1px solid #F3F3F3;font-size:16px;color:#333333;text-decoration:none;cursor:pointer;gap:4px;}
.sec-toggle:hover{color:#333333;text-decoration:none;}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:10px;height:6px;background-size:contain;flex-shrink:0;}
.history.is-open .sec-toggle b{background:url(../image/icon20.png) no-repeat;background-size:contain;}
.sec-toggle.hidden{display:none;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:35px;background:#FAFAFA;border-radius:18px;border:1px solid #F3F3F3;margin:20px 15px 0;font-size:16px;color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore::before{content:"";position:absolute;left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0, 0, 0, 0.05);border-radius:50%;display:block;transition:all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);z-index:-1;}
.jbshowmore::after{content:"";position:absolute;left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#FCBE00;border-radius:50%;display:block;transition:all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);z-index:-1;}
.jbshowmore:hover{color:#FFFFFF;border-color:#FCBE00;text-decoration:none;background:#FAFAFA;}
.jbshowmore:hover::before{top:-35%;background-color:#FCBE00;transform:translateX(-50%) scaleY(1.3) scaleX(0.8);}
.jbshowmore:hover::after{top:-45%;background-color:#FCBE00;transform:translateX(-50%) scaleY(1.3) scaleX(0.8);}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:18px;height:18px;background-size:contain;margin:0 0 0 4px;}
.jbshowmore:hover b{background:url(../image/icon14.png) no-repeat;background-size:contain;}
.jbshowmore span{position:relative;z-index:1;}

:root {
    --width330: (330 / 430);
    --width344: (344 / 430);
    --width360: (360 / 430);
    --width375: (375 / 430);
    --width390: (390 / 430);
    --width395: (395 / 430);
    --width400: (400 / 430);
    --width412: (412 / 430);
    --width415: (415 / 430);
    --width516: (516 / 430);
    --width525: (525 / 430);
    --width540: (540 / 430);
    --width560: (560 / 430);
    --width750: (750 / 430);
}

@media screen and (max-width: 751px) {
.hero-title{margin:0;font-size:calc(var(--width750) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width750) * 30px);margin:calc(var(--width750) * 14px) 0 calc(var(--width750) * 12px);}
.editor-wrap{margin:calc(var(--width750) * 25px) 0 0;border-radius:calc(var(--width750) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width750) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width750) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width750) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width750) * 47px);padding:calc(var(--width750) * 8px) calc(var(--width750) * 10px);border-bottom:calc(var(--width750) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width750) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width750) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width750) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width750) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width750) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width750) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width750) * 5px);font-size:calc(var(--width750) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width750) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width750) * 30px);height:calc(var(--width750) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width750) * 30px);height:calc(var(--width750) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width750) * 30px);height:calc(var(--width750) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width750) * 30px);height:calc(var(--width750) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width750) * 14px);height:calc(var(--width750) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width750) * 16px);line-height:calc(var(--width750) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width750) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width750) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width750) * 25px) !important;}
#framesize{font-size:calc(var(--width750) * 14px);color:#FF0000;margin-left:calc(var(--width750) * 4px);}
.sec-dis{margin:0 calc(var(--width750) * 15px);font-size:calc(var(--width750) * 16px);color:#333333;line-height:1.7;height:calc(var(--width750) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width750) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width750) * 20px);font-size:calc(var(--width750) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width750) * 8px);font-size:calc(var(--width750) * 16px);color:#333333;line-height:calc(var(--width750) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width750) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width750) * 18px);margin:0 0 calc(var(--width750) * 10px);}
.sec-toggle{width:calc(var(--width750) * 130px);height:calc(var(--width750) * 35px);margin:calc(var(--width750) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width750) * 18px);border:calc(var(--width750) * 1px) solid #F3F3F3;font-size:calc(var(--width750) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width750) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width750) * 10px);height:calc(var(--width750) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width750) * 35px);background:#FAFAFA;border-radius:calc(var(--width750) * 18px);border:calc(var(--width750) * 1px) solid #F3F3F3;margin:calc(var(--width750) * 20px) calc(var(--width750) * 15px) 0;font-size:calc(var(--width750) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width750) * 18px);height:calc(var(--width750) * 18px);background-size:contain;margin:0 0 0 calc(var(--width750) * 4px);}
}

@media screen and (max-width: 561px) {
.hero-title{margin:0;font-size:calc(var(--width560) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width560) * 30px);margin:calc(var(--width560) * 14px) 0 calc(var(--width560) * 12px);}
.editor-wrap{margin:calc(var(--width560) * 25px) 0 0;border-radius:calc(var(--width560) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width560) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width560) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width560) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width560) * 47px);padding:calc(var(--width560) * 8px) calc(var(--width560) * 10px);border-bottom:calc(var(--width560) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width560) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width560) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width560) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width560) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width560) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width560) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width560) * 5px);font-size:calc(var(--width560) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width560) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width560) * 30px);height:calc(var(--width560) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width560) * 30px);height:calc(var(--width560) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width560) * 30px);height:calc(var(--width560) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width560) * 30px);height:calc(var(--width560) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width560) * 14px);height:calc(var(--width560) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width560) * 16px);line-height:calc(var(--width560) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width560) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width560) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width560) * 25px) !important;}
#framesize{font-size:calc(var(--width560) * 14px);color:#FF0000;margin-left:calc(var(--width560) * 4px);}
.sec-dis{margin:0 calc(var(--width560) * 15px);font-size:calc(var(--width560) * 16px);color:#333333;line-height:1.7;height:calc(var(--width560) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width560) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width560) * 20px);font-size:calc(var(--width560) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width560) * 8px);font-size:calc(var(--width560) * 16px);color:#333333;line-height:calc(var(--width560) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width560) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width560) * 18px);margin:0 0 calc(var(--width560) * 10px);}
.sec-toggle{width:calc(var(--width560) * 130px);height:calc(var(--width560) * 35px);margin:calc(var(--width560) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width560) * 18px);border:calc(var(--width560) * 1px) solid #F3F3F3;font-size:calc(var(--width560) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width560) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width560) * 10px);height:calc(var(--width560) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width560) * 35px);background:#FAFAFA;border-radius:calc(var(--width560) * 18px);border:calc(var(--width560) * 1px) solid #F3F3F3;margin:calc(var(--width560) * 20px) calc(var(--width560) * 15px) 0;font-size:calc(var(--width560) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width560) * 18px);height:calc(var(--width560) * 18px);background-size:contain;margin:0 0 0 calc(var(--width560) * 4px);}
}

@media screen and (max-width: 541px) {
.hero-title{margin:0;font-size:calc(var(--width540) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width540) * 30px);margin:calc(var(--width540) * 14px) 0 calc(var(--width540) * 12px);}
.editor-wrap{margin:calc(var(--width540) * 25px) 0 0;border-radius:calc(var(--width540) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width540) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width540) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width540) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width540) * 47px);padding:calc(var(--width540) * 8px) calc(var(--width540) * 10px);border-bottom:calc(var(--width540) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width540) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width540) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width540) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width540) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width540) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width540) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width540) * 5px);font-size:calc(var(--width540) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width540) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width540) * 30px);height:calc(var(--width540) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width540) * 30px);height:calc(var(--width540) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width540) * 30px);height:calc(var(--width540) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width540) * 30px);height:calc(var(--width540) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width540) * 14px);height:calc(var(--width540) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width540) * 16px);line-height:calc(var(--width540) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width540) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width540) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width540) * 25px) !important;}
#framesize{font-size:calc(var(--width540) * 14px);color:#FF0000;margin-left:calc(var(--width540) * 4px);}
.sec-dis{margin:0 calc(var(--width540) * 15px);font-size:calc(var(--width540) * 16px);color:#333333;line-height:1.7;height:calc(var(--width540) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width540) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width540) * 20px);font-size:calc(var(--width540) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width540) * 8px);font-size:calc(var(--width540) * 16px);color:#333333;line-height:calc(var(--width540) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width540) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width540) * 18px);margin:0 0 calc(var(--width540) * 10px);}
.sec-toggle{width:calc(var(--width540) * 130px);height:calc(var(--width540) * 35px);margin:calc(var(--width540) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width540) * 18px);border:calc(var(--width540) * 1px) solid #F3F3F3;font-size:calc(var(--width540) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width540) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width540) * 10px);height:calc(var(--width540) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width540) * 35px);background:#FAFAFA;border-radius:calc(var(--width540) * 18px);border:calc(var(--width540) * 1px) solid #F3F3F3;margin:calc(var(--width540) * 20px) calc(var(--width540) * 15px) 0;font-size:calc(var(--width540) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width540) * 18px);height:calc(var(--width540) * 18px);background-size:contain;margin:0 0 0 calc(var(--width540) * 4px);}
}

@media screen and (max-width: 516px) {
.hero-title{margin:0;font-size:calc(var(--width516) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width516) * 30px);margin:calc(var(--width516) * 14px) 0 calc(var(--width516) * 12px);}
.editor-wrap{margin:calc(var(--width516) * 25px) 0 0;border-radius:calc(var(--width516) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width516) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width516) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width516) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width516) * 47px);padding:calc(var(--width516) * 8px) calc(var(--width516) * 10px);border-bottom:calc(var(--width516) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width516) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width516) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width516) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width516) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width516) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width516) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width516) * 5px);font-size:calc(var(--width516) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width516) * 14px);height:calc(var(--width516) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width516) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width516) * 30px);height:calc(var(--width516) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width516) * 30px);height:calc(var(--width516) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width516) * 30px);height:calc(var(--width516) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width516) * 30px);height:calc(var(--width516) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width516) * 14px);height:calc(var(--width516) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width516) * 16px);line-height:calc(var(--width516) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width516) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width516) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width516) * 25px) !important;}
#framesize{font-size:calc(var(--width516) * 14px);color:#FF0000;margin-left:calc(var(--width516) * 4px);}
.sec-dis{margin:0 calc(var(--width516) * 15px);font-size:calc(var(--width516) * 16px);color:#333333;line-height:1.7;height:calc(var(--width516) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width516) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width516) * 20px);font-size:calc(var(--width516) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width516) * 8px);font-size:calc(var(--width516) * 16px);color:#333333;line-height:calc(var(--width516) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width516) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width516) * 18px);margin:0 0 calc(var(--width516) * 10px);}
.sec-toggle{width:calc(var(--width516) * 130px);height:calc(var(--width516) * 35px);margin:calc(var(--width516) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width516) * 18px);border:calc(var(--width516) * 1px) solid #F3F3F3;font-size:calc(var(--width516) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width516) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width516) * 10px);height:calc(var(--width516) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width516) * 35px);background:#FAFAFA;border-radius:calc(var(--width516) * 18px);border:calc(var(--width516) * 1px) solid #F3F3F3;margin:calc(var(--width516) * 20px) calc(var(--width516) * 15px) 0;font-size:calc(var(--width516) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width516) * 18px);height:calc(var(--width516) * 18px);background-size:contain;margin:0 0 0 calc(var(--width516) * 4px);}
}

@media screen and (max-width: 501px) {

}

@media screen and (max-width: 431px) {
.hero-title{margin:0;font-size:28px;font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:30px;margin:14px 0 12px;}
.editor-wrap{margin:25px 0 0;border-radius:8px;}
.main-container{display:flex;flex-direction:column;height:530px;overflow:hidden;padding:0;gap:0;}
.main-left{margin:30px 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:47px;padding:8px 10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:8px;flex-wrap:wrap;}
.pane-title{font-size:14px;color:#999999;white-space:nowrap;}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:12px;border:none;background:transparent;padding:0;font-size:12px;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;}
.actions .btn-primary{border:none;}
.btn-text{display:none;}
.kbd{display:none;}
.auto-run-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label span{display:none;}
.auto-run-label input{width:14px;height:14px;accent-color:var(--green);cursor:pointer;}
.zdyx{gap:6px;}
.pane-content{flex:1;position:relative;overflow:hidden;min-height:0;}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:30px;height:30px;background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:30px;height:30px;background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:30px;height:30px;background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:30px;height:30px;background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:14px;height:14px;background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:16px;line-height:24px;}
.CodeMirror-vscrollbar,.CodeMirror-hscrollbar{scrollbar-width:thin;scrollbar-color:#C8C8C8 #FFFFFF;}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:4px;}
.CodeMirror-vscrollbar::-webkit-scrollbar-track{background:#FFFFFF;}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:4px;}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover{background:#FCBE00;}
.pane-content iframe{width:100%;height:100%;border:none;display:block;background:#fff;}
.gutter{background-color:transparent;background-repeat:no-repeat;background-position:50%;flex-shrink:0;}
.gutter:hover{background-color:rgba(0,0,0,0.04);}
.gutter.gutter-vertical{cursor:row-resize;height:25px !important;}
.pane.fullscreen{position:fixed !important;inset:0;width:100vw !important;height:100vh !important;z-index:9999;border-radius:0;border:none;}
#framesize{font-size:14px;color:#FF0000;margin-left:4px;}
.sec-dis{margin:0 15px;font-size:16px;color:#333333;line-height:1.7;height:320px;overflow:hidden;}
.history.is-open .sec-dis{height:auto;overflow:visible;}
.sec-dis.no-clamp{height:auto;overflow:visible;}
.secdisp{margin:14px 0 0;}
.sectleps{margin:0;}
.history ul{margin:0;padding-left:20px;font-size:16px;color:#333333;}
.history li{margin-bottom:8px;font-size:16px;color:#333333;line-height:24px;word-break:break-all;}
.history li::marker{color:#E7E7E7;font-size:1.1em;}
.secdis-item{margin:14px 0 0;}
.secdis-title{font-size:18px;margin:0 0 10px;}
.sec-toggle{width:130px;height:35px;margin:14px auto 0;background:#FAFAFA;border-radius:18px;border:1px solid #F3F3F3;font-size:16px;color:#333333;text-decoration:none;cursor:pointer;gap:4px;}
.sec-toggle:hover{color:#333333;text-decoration:none;}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:10px;height:6px;background-size:contain;flex-shrink:0;}
.history.is-open .sec-toggle b{background:url(../image/icon20.png) no-repeat;background-size:contain;}
.sec-toggle.hidden{display:none;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:35px;background:#FAFAFA;border-radius:18px;border:1px solid #F3F3F3;margin:20px 15px 0;font-size:16px;color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore::before{content:"";position:absolute;left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0, 0, 0, 0.05);border-radius:50%;display:block;transition:all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);z-index:-1;}
.jbshowmore::after{content:"";position:absolute;left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#FCBE00;border-radius:50%;display:block;transition:all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);z-index:-1;}
.jbshowmore:hover{color:#FFFFFF;border-color:#FCBE00;text-decoration:none;background:#FAFAFA;}
.jbshowmore:hover::before{top:-35%;background-color:#FCBE00;transform:translateX(-50%) scaleY(1.3) scaleX(0.8);}
.jbshowmore:hover::after{top:-45%;background-color:#FCBE00;transform:translateX(-50%) scaleY(1.3) scaleX(0.8);}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:18px;height:18px;background-size:contain;margin:0 0 0 4px;}
.jbshowmore:hover b{background:url(../image/icon14.png) no-repeat;background-size:contain;}
.jbshowmore span{position:relative;z-index:1;}
}

@media screen and (max-width: 415px) {
.hero-title{margin:0;font-size:calc(var(--width415) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width415) * 30px);margin:calc(var(--width415) * 14px) 0 calc(var(--width415) * 12px);}
.editor-wrap{margin:calc(var(--width415) * 25px) 0 0;border-radius:calc(var(--width415) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width415) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width415) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width415) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width415) * 47px);padding:calc(var(--width415) * 8px) calc(var(--width415) * 10px);border-bottom:calc(var(--width415) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width415) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width415) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width415) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width415) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width415) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width415) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width415) * 5px);font-size:calc(var(--width415) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width415) * 14px);height:calc(var(--width415) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width415) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width415) * 30px);height:calc(var(--width415) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width415) * 30px);height:calc(var(--width415) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width415) * 30px);height:calc(var(--width415) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width415) * 30px);height:calc(var(--width415) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width415) * 14px);height:calc(var(--width415) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width415) * 16px);line-height:calc(var(--width415) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width415) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width415) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width415) * 25px) !important;}
#framesize{font-size:calc(var(--width415) * 14px);color:#FF0000;margin-left:calc(var(--width415) * 4px);}
.sec-dis{margin:0 calc(var(--width415) * 15px);font-size:calc(var(--width415) * 16px);color:#333333;line-height:1.7;height:calc(var(--width415) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width415) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width415) * 20px);font-size:calc(var(--width415) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width415) * 8px);font-size:calc(var(--width415) * 16px);color:#333333;line-height:calc(var(--width415) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width415) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width415) * 18px);margin:0 0 calc(var(--width415) * 10px);}
.sec-toggle{width:calc(var(--width415) * 130px);height:calc(var(--width415) * 35px);margin:calc(var(--width415) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width415) * 18px);border:calc(var(--width415) * 1px) solid #F3F3F3;font-size:calc(var(--width415) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width415) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width415) * 10px);height:calc(var(--width415) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width415) * 35px);background:#FAFAFA;border-radius:calc(var(--width415) * 18px);border:calc(var(--width415) * 1px) solid #F3F3F3;margin:calc(var(--width415) * 20px) calc(var(--width415) * 15px) 0;font-size:calc(var(--width415) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width415) * 18px);height:calc(var(--width415) * 18px);background-size:contain;margin:0 0 0 calc(var(--width415) * 4px);}
}

@media screen and (max-width: 401px) {
.hero-title{margin:0;font-size:calc(var(--width400) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width400) * 30px);margin:calc(var(--width400) * 14px) 0 calc(var(--width400) * 12px);}
.editor-wrap{margin:calc(var(--width400) * 25px) 0 0;border-radius:calc(var(--width400) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width400) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width400) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width400) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width400) * 47px);padding:calc(var(--width400) * 8px) calc(var(--width400) * 10px);border-bottom:calc(var(--width400) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width400) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width400) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width400) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width400) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width400) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width400) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width400) * 5px);font-size:calc(var(--width400) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width400) * 14px);height:calc(var(--width400) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width400) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width400) * 30px);height:calc(var(--width400) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width400) * 30px);height:calc(var(--width400) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width400) * 30px);height:calc(var(--width400) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width400) * 30px);height:calc(var(--width400) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width400) * 14px);height:calc(var(--width400) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width400) * 16px);line-height:calc(var(--width400) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width400) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width400) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width400) * 25px) !important;}
#framesize{font-size:calc(var(--width400) * 14px);color:#FF0000;margin-left:calc(var(--width400) * 4px);}
.sec-dis{margin:0 calc(var(--width400) * 15px);font-size:calc(var(--width400) * 16px);color:#333333;line-height:1.7;height:calc(var(--width400) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width400) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width400) * 20px);font-size:calc(var(--width400) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width400) * 8px);font-size:calc(var(--width400) * 16px);color:#333333;line-height:calc(var(--width400) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width400) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width400) * 18px);margin:0 0 calc(var(--width400) * 10px);}
.sec-toggle{width:calc(var(--width400) * 130px);height:calc(var(--width400) * 35px);margin:calc(var(--width400) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width400) * 18px);border:calc(var(--width400) * 1px) solid #F3F3F3;font-size:calc(var(--width400) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width400) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width400) * 10px);height:calc(var(--width400) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width400) * 35px);background:#FAFAFA;border-radius:calc(var(--width400) * 18px);border:calc(var(--width400) * 1px) solid #F3F3F3;margin:calc(var(--width400) * 20px) calc(var(--width400) * 15px) 0;font-size:calc(var(--width400) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width400) * 18px);height:calc(var(--width400) * 18px);background-size:contain;margin:0 0 0 calc(var(--width400) * 4px);}
}

@media screen and (max-width: 395px) {
.hero-title{margin:0;font-size:calc(var(--width395) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width395) * 30px);margin:calc(var(--width395) * 14px) 0 calc(var(--width395) * 12px);}
.editor-wrap{margin:calc(var(--width395) * 25px) 0 0;border-radius:calc(var(--width395) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width395) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width395) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width395) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width395) * 47px);padding:calc(var(--width395) * 8px) calc(var(--width395) * 10px);border-bottom:calc(var(--width395) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width395) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width395) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width395) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width395) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width395) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width395) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width395) * 5px);font-size:calc(var(--width395) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width395) * 14px);height:calc(var(--width395) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width395) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width395) * 30px);height:calc(var(--width395) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width395) * 30px);height:calc(var(--width395) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width395) * 30px);height:calc(var(--width395) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width395) * 30px);height:calc(var(--width395) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width395) * 14px);height:calc(var(--width395) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width395) * 16px);line-height:calc(var(--width395) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width395) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width395) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width395) * 25px) !important;}
#framesize{font-size:calc(var(--width395) * 14px);color:#FF0000;margin-left:calc(var(--width395) * 4px);}
.sec-dis{margin:0 calc(var(--width395) * 15px);font-size:calc(var(--width395) * 16px);color:#333333;line-height:1.7;height:calc(var(--width395) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width395) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width395) * 20px);font-size:calc(var(--width395) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width395) * 8px);font-size:calc(var(--width395) * 16px);color:#333333;line-height:calc(var(--width395) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width395) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width395) * 18px);margin:0 0 calc(var(--width395) * 10px);}
.sec-toggle{width:calc(var(--width395) * 130px);height:calc(var(--width395) * 35px);margin:calc(var(--width395) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width395) * 18px);border:calc(var(--width395) * 1px) solid #F3F3F3;font-size:calc(var(--width395) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width395) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width395) * 10px);height:calc(var(--width395) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width395) * 35px);background:#FAFAFA;border-radius:calc(var(--width395) * 18px);border:calc(var(--width395) * 1px) solid #F3F3F3;margin:calc(var(--width395) * 20px) calc(var(--width395) * 15px) 0;font-size:calc(var(--width395) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width395) * 18px);height:calc(var(--width395) * 18px);background-size:contain;margin:0 0 0 calc(var(--width395) * 4px);}
}

@media screen and (max-width: 391px) {
.hero-title{margin:0;font-size:calc(var(--width390) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width390) * 30px);margin:calc(var(--width390) * 14px) 0 calc(var(--width390) * 12px);}
.editor-wrap{margin:calc(var(--width390) * 25px) 0 0;border-radius:calc(var(--width390) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width390) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width390) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width390) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width390) * 47px);padding:calc(var(--width390) * 8px) calc(var(--width390) * 10px);border-bottom:calc(var(--width390) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width390) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width390) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width390) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width390) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width390) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width390) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width390) * 5px);font-size:calc(var(--width390) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width390) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width390) * 30px);height:calc(var(--width390) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width390) * 30px);height:calc(var(--width390) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width390) * 30px);height:calc(var(--width390) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width390) * 30px);height:calc(var(--width390) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width390) * 14px);height:calc(var(--width390) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width390) * 16px);line-height:calc(var(--width390) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width390) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width390) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width390) * 25px) !important;}
#framesize{font-size:calc(var(--width390) * 14px);color:#FF0000;margin-left:calc(var(--width390) * 4px);}
.sec-dis{margin:0 calc(var(--width390) * 15px);font-size:calc(var(--width390) * 16px);color:#333333;line-height:1.7;height:calc(var(--width390) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width390) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width390) * 20px);font-size:calc(var(--width390) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width390) * 8px);font-size:calc(var(--width390) * 16px);color:#333333;line-height:calc(var(--width390) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width390) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width390) * 18px);margin:0 0 calc(var(--width390) * 10px);}
.sec-toggle{width:calc(var(--width390) * 130px);height:calc(var(--width390) * 35px);margin:calc(var(--width390) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width390) * 18px);border:calc(var(--width390) * 1px) solid #F3F3F3;font-size:calc(var(--width390) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width390) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width390) * 10px);height:calc(var(--width390) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width390) * 35px);background:#FAFAFA;border-radius:calc(var(--width390) * 18px);border:calc(var(--width390) * 1px) solid #F3F3F3;margin:calc(var(--width390) * 20px) calc(var(--width390) * 15px) 0;font-size:calc(var(--width390) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width390) * 18px);height:calc(var(--width390) * 18px);background-size:contain;margin:0 0 0 calc(var(--width390) * 4px);}
}

@media screen and (max-width: 379px) {

}

@media screen and (max-width: 361px) {
.hero-title{margin:0;font-size:calc(var(--width360) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width360) * 30px);margin:calc(var(--width360) * 14px) 0 calc(var(--width360) * 12px);}
.editor-wrap{margin:calc(var(--width360) * 25px) 0 0;border-radius:calc(var(--width360) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width360) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width360) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width360) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width360) * 47px);padding:calc(var(--width360) * 8px) calc(var(--width360) * 10px);border-bottom:calc(var(--width360) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width360) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width360) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width360) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width360) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width360) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width360) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width360) * 5px);font-size:calc(var(--width360) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width360) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width360) * 30px);height:calc(var(--width360) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width360) * 30px);height:calc(var(--width360) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width360) * 30px);height:calc(var(--width360) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width360) * 30px);height:calc(var(--width360) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width360) * 14px);height:calc(var(--width360) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width360) * 16px);line-height:calc(var(--width360) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width360) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width360) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width360) * 25px) !important;}
#framesize{font-size:calc(var(--width360) * 14px);color:#FF0000;margin-left:calc(var(--width360) * 4px);}
.sec-dis{margin:0 calc(var(--width360) * 15px);font-size:calc(var(--width360) * 16px);color:#333333;line-height:1.7;height:calc(var(--width360) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width360) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width360) * 20px);font-size:calc(var(--width360) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width360) * 8px);font-size:calc(var(--width360) * 16px);color:#333333;line-height:calc(var(--width360) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width360) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width360) * 18px);margin:0 0 calc(var(--width360) * 10px);}
.sec-toggle{width:calc(var(--width360) * 130px);height:calc(var(--width360) * 35px);margin:calc(var(--width360) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width360) * 18px);border:calc(var(--width360) * 1px) solid #F3F3F3;font-size:calc(var(--width360) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width360) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width360) * 10px);height:calc(var(--width360) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width360) * 35px);background:#FAFAFA;border-radius:calc(var(--width360) * 18px);border:calc(var(--width360) * 1px) solid #F3F3F3;margin:calc(var(--width360) * 20px) calc(var(--width360) * 15px) 0;font-size:calc(var(--width360) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width360) * 18px);height:calc(var(--width360) * 18px);background-size:contain;margin:0 0 0 calc(var(--width360) * 4px);}
}

@media screen and (max-width: 331px) {
.hero-title{margin:0;font-size:calc(var(--width330) * 28px);font-weight:bold;color:#333333;line-height:1;}
.hero-title span{color:#FE5400;text-align:justify;line-height:calc(var(--width330) * 30px);margin:calc(var(--width330) * 14px) 0 calc(var(--width330) * 12px);}
.editor-wrap{margin:calc(var(--width330) * 25px) 0 0;border-radius:calc(var(--width330) * 8px);}
.main-container{display:flex;flex-direction:column;height:calc(var(--width330) * 530px);overflow:hidden;padding:0;gap:0;}
.main-left{margin:calc(var(--width330) * 30px) 0 0 0;}
.pane{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;border:calc(var(--width330) * 1px) solid var(--border-color);min-height:0;}
.pane-header{border-radius:var(--radius) var(--radius) 0 0;height:auto;min-height:calc(var(--width330) * 47px);padding:calc(var(--width330) * 8px) calc(var(--width330) * 10px);border-bottom:calc(var(--width330) * 1px) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#F7F8F9;flex-shrink:0;gap:calc(var(--width330) * 8px);flex-wrap:wrap;}
.pane-title{font-size:calc(var(--width330) * 14px);color:#999999;white-space:nowrap;}
.actions{display:flex;gap:calc(var(--width330) * 12px);align-items:center;flex-wrap:wrap;justify-content:flex-end;overflow:hidden;}
.actions button{border-radius:calc(var(--width330) * 12px);border:none;background:transparent;padding:0;font-size:calc(var(--width330) * 12px);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:calc(var(--width330) * 3px);white-space:nowrap;}
.auto-run-label{display:inline-flex;align-items:center;gap:calc(var(--width330) * 5px);font-size:calc(var(--width330) * 13px);color:#999999;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0;}
.auto-run-label input{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 14px);accent-color:var(--green);cursor:pointer;}
.zdyx{gap:calc(var(--width330) * 6px);}
.btn-wb b{background:url(../image/icon25.png) no-repeat;width:calc(var(--width330) * 30px);height:calc(var(--width330) * 30px);background-size:contain;}
.btn-down b{background:url(../image/icon26.png) no-repeat;width:calc(var(--width330) * 30px);height:calc(var(--width330) * 30px);background-size:contain;}
.btn-cz b{background:url(../image/icon27.png) no-repeat;width:calc(var(--width330) * 30px);height:calc(var(--width330) * 30px);background-size:contain;}
.btn-primary b{background:url(../image/icon28.png) no-repeat;width:calc(var(--width330) * 30px);height:calc(var(--width330) * 30px);background-size:contain;}
.screens b{background:url(../image/icon29.png) no-repeat;width:calc(var(--width330) * 14px);height:calc(var(--width330) * 14px);background-size:contain;}
.CodeMirror{position:absolute !important;top:0;left:0;right:0;bottom:0;height:100% !important;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:calc(var(--width330) * 16px);line-height:calc(var(--width330) * 24px);}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:calc(var(--width330) * 4px);}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#C8C8C8;border-radius:calc(var(--width330) * 4px);}
.gutter.gutter-vertical{cursor:row-resize;height:calc(var(--width330) * 25px) !important;}
#framesize{font-size:calc(var(--width330) * 14px);color:#FF0000;margin-left:calc(var(--width330) * 4px);}
.sec-dis{margin:0 calc(var(--width330) * 15px);font-size:calc(var(--width330) * 16px);color:#333333;line-height:1.7;height:calc(var(--width330) * 320px);overflow:hidden;}
.secdisp{margin:calc(var(--width330) * 14px) 0 0;}
.history ul{margin:0;padding-left:calc(var(--width330) * 20px);font-size:calc(var(--width330) * 16px);color:#333333;}
.history li{margin-bottom:calc(var(--width330) * 8px);font-size:calc(var(--width330) * 16px);color:#333333;line-height:calc(var(--width330) * 24px);word-break:break-all;}
.secdis-item{margin:calc(var(--width330) * 14px) 0 0;}
.secdis-title{font-size:calc(var(--width330) * 18px);margin:0 0 calc(var(--width330) * 10px);}
.sec-toggle{width:calc(var(--width330) * 130px);height:calc(var(--width330) * 35px);margin:calc(var(--width330) * 14px) auto 0;background:#FAFAFA;border-radius:calc(var(--width330) * 18px);border:calc(var(--width330) * 1px) solid #F3F3F3;font-size:calc(var(--width330) * 16px);color:#333333;text-decoration:none;cursor:pointer;gap:calc(var(--width330) * 4px);}
.sec-toggle b{background:url(../image/icon19.png) no-repeat;width:calc(var(--width330) * 10px);height:calc(var(--width330) * 6px);background-size:contain;flex-shrink:0;}
.jbshowmore{position:relative;overflow:hidden;z-index:1;width:auto;height:calc(var(--width330) * 35px);background:#FAFAFA;border-radius:calc(var(--width330) * 18px);border:calc(var(--width330) * 1px) solid #F3F3F3;margin:calc(var(--width330) * 20px) calc(var(--width330) * 15px) 0;font-size:calc(var(--width330) * 16px);color:#999999;text-decoration:none;cursor:pointer;transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.jbshowmore b{position:relative;z-index:1;background:url(../image/icon13.png) no-repeat;width:calc(var(--width330) * 18px);height:calc(var(--width330) * 18px);background-size:contain;margin:0 0 0 calc(var(--width330) * 4px);}
}