.pl5-wrap{max-width:560px;margin:0 auto}
.pl5-wrap .container{background:#fff!important}
body.night .pl5-wrap .container{background:#232627!important}
body.night .pl5-wrap .container .bg .stageBg{background:#1a1e22!important}
body.night .pl5-wrap .container .bg .statBg{background:#242a30!important}
body.night .pl5-wrap .container .bg .endBg{background:#242a30!important}
body.night .pl5-wrap .container .bg .frontBg{background:#2e353d!important}
body.night .pl5-wrap .container .bg .lineV.bold,
body.night .pl5-wrap .container .bg .lineH.bold{background:#cee2cc!important}
body.night .pl5-wrap .container .tool .item img{filter:brightness(0) invert(1)!important}
body.night .pl5-wrap .popup .wrap{background:#232627!important}
body.night .pl5-wrap .popup .wrap .title,
body.night .pl5-wrap .popup .wrap .text,
body.night .pl5-wrap .popup .wrap .name,
body.night .pl5-wrap .popup .wrap .secTitle,
body.night .pl5-wrap .container .tool,
body.night .pl5-wrap .container .tool .item{color:#ddd!important}

.pl5-wrap .container{position:relative!important}
.pl5-wrap .lockBtn{position:absolute!important;left:187.5px!important;right:auto!important;top:auto!important;bottom:8px!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important}
.pl5-wrap .intelSetBtn{position:absolute!important;left:auto!important;right:170px!important;top:auto!important;bottom:8px!important;border-radius:45px 0 0 45px!important}

.pl5-wrap .popup, body > .popup{width:100%!important;height:100%!important;position:fixed!important;left:0!important;top:0!important;background:transparent!important;opacity:0!important;transition:opacity .3s ease-in-out!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;z-index:10004!important}
.pl5-wrap .popup.mask, body > .popup.mask{background:rgba(0,0,0,.3)!important}
.pl5-wrap .popup.show, body > .popup.show{opacity:1!important}
.pl5-wrap .popup.slideUp, body > .popup.slideUp{align-items:flex-end!important}
.pl5-wrap .popup.slideUp > .wrapper, body > .popup.slideUp > .wrapper{transform:translateY(100%)!important;border-radius:10px 10px 0 0!important}
.pl5-wrap .popup.slideUp.show > .wrapper, body > .popup.slideUp.show > .wrapper{transform:translateY(0)!important}
.pl5-wrap .popup.slideDown, body > .popup.slideDown{align-items:flex-start!important}
.pl5-wrap .popup.slideDown > .wrapper, body > .popup.slideDown > .wrapper{transform:translateY(-100%)!important}
.pl5-wrap .popup.slideDown.show > .wrapper, body > .popup.slideDown.show > .wrapper{transform:translateY(0)!important}
.pl5-wrap .popup .wrapper, body > .popup .wrapper{position:relative!important;background:#fff!important;border-radius:10px!important;box-shadow:rgba(0,0,0,.1) 0 0 5px 0!important;min-width:260px!important;max-width:82%!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important}
/* 数字选择器：wrapper 宽度自适应 */
.numSelect{background:rgba(0,0,0,.5)!important;}
.numSelect .title{font-size:20px!important;color:#333!important;padding:20px 20px 10px!important;font-weight:bold!important;background:#fff!important;}
.numSelect .numbers{padding:10px 20px!important;background:#fff!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
.numSelect .numbers .item{width:44px!important;height:44px!important;line-height:44px!important;font-size:18px!important;border-radius:50%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f5f4f5!important;}
.numSelect .numbers.dubble{margin-top:0!important;}
.numSelect .numbers.dubble .item{font-size:14px!important;width:40px!important;height:40px!important;line-height:40px!important;}
.numSelect .numbers.totalNumSelect .item{margin:0 10px 0 0!important;}
.numSelect{max-height:80vh!important;overflow-y:auto!important;background:#fff!important;}
.numSelect .close{width:32px!important;height:32px!important;top:10px!important;right:10px!important;font-size:20px!important;line-height:32px!important;text-align:center!important;background:#ccc!important;border-radius:50%!important;}
.pl5-wrap .popup:not(.slideUp) .wrapper .title, body > .popup:not(.slideUp) .wrapper .title{color:#333!important;font-size:16px!important;text-align:center!important;padding:20px 0!important;line-height:1!important;width:auto!important;height:auto!important;border:0!important}
.pl5-wrap .popup:not(.slideUp) .wrapper .content, body > .popup:not(.slideUp) .wrapper .content{color:#333!important;font-size:14px!important;text-align:center!important;padding:0 32px 35px!important;line-height:1.3!important;width:auto!important;height:auto!important;border:0!important}
.pl5-wrap .popup:not(.slideUp) .wrapper .buttons, body > .popup:not(.slideUp) .wrapper .buttons{display:flex!important;border-top:1px solid #f5f4f5!important;height:auto!important;padding:0!important;margin:0!important}
.pl5-wrap .popup:not(.slideUp) .wrapper .buttons .item, body > .popup:not(.slideUp) .wrapper .buttons .item{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ccc!important;font-size:14px!important;height:50px!important;line-height:1!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}
.pl5-wrap .popup:not(.slideUp) .wrapper .buttons .item.last, body > .popup:not(.slideUp) .wrapper .buttons .item.last{color:#fd3d44!important}
body.night .pl5-wrap .popup .wrapper, body.night > .popup .wrapper{background:#232627!important}
body.night .pl5-wrap .popup:not(.slideUp) .wrapper .title,
body.night > .popup:not(.slideUp) .wrapper .title,
body.night .pl5-wrap .popup:not(.slideUp) .wrapper .content,
body.night > .popup:not(.slideUp) .wrapper .content,
body.night .pl5-wrap .popup:not(.slideUp) .wrapper .buttons .item,
body.night > .popup:not(.slideUp) .wrapper .buttons .item{color:#ddd!important}
body.night .pl5-wrap .popup:not(.slideUp) .wrapper .buttons,
body.night > .popup:not(.slideUp) .wrapper .buttons{border-top-color:#3a3f45!important}
body.night .pl5-wrap .popup:not(.slideUp) .wrapper .buttons .item.last,
body.night > .popup:not(.slideUp) .wrapper .buttons .item.last{color:#ff6b6b!important}

.pl5-wrap .popup, body > .popup{z-index:100000!important}
.pl5-wrap .intelSetting, body > .intelSetting{z-index:100000!important}
.pl5-wrap .popup:not(.show), body > .popup:not(.show){pointer-events:none!important}

.pl5-wrap .intelSetting .wrapper{width:375px!important;height:auto!important;border-radius:10px!important;padding:0!important;margin:0!important;border:0!important}
.pl5-wrap .intelSetting .wrapper .title{display:block!important;font-size:16px!important;color:#333!important;padding:0 0 0 10px!important;margin:20px 0 20px 20px!important;text-align:left!important;width:auto!important;height:auto!important;line-height:1!important;border:0!important;background:transparent!important;font-weight:normal!important}
.pl5-wrap .intelSetting .row{display:flex!important;align-items:center!important;margin:15px 0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;width:auto!important;height:auto!important}
.pl5-wrap .intelSetting .row .name{display:inline-block!important;font-size:14px!important;color:#333!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;height:auto!important;line-height:1!important;background:transparent!important}
.pl5-wrap .intelSetting .row .tipText{flex:1!important;font-size:14px!important;color:#bbb!important;padding:0!important;margin:0 0 0 10px!important;border:0!important;background:transparent!important;height:auto!important;line-height:1!important}
.pl5-wrap .intelSetting .row .btns{display:flex!important;align-items:center!important;padding:0!important;margin:0 0 0 10px!important;border:0!important;background:transparent!important;height:auto!important}
.pl5-wrap .intelSetting .row .btns .item{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;color:#333!important;height:28px!important;line-height:28px!important;padding:0 11px!important;border-radius:5px!important;margin:0 10px 0 0!important;border:1px solid #f5f6f8!important;background:#fff!important;white-space:nowrap!important;width:auto!important}
.pl5-wrap .intelSetting .row .btns .item.on{border-color:#19d9d2!important}

.pl5-wrap .intelSetting .row .end img{display:none!important}
.pl5-wrap .intelSetting .row .end{display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0 20px 0 0!important;margin:0!important;border:0!important;background:transparent!important;width:auto!important;height:auto!important;position:relative!important}
.pl5-wrap .intelSetting .row .end .btnSwitch{width:52px!important;height:25px!important;border-radius:25px!important;background:#e9e8e8!important;position:relative!important;display:block!important;margin:0!important;padding:0!important;border:0!important}
.pl5-wrap .intelSetting .row .end .dragDot{display:block!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#fff!important;position:absolute!important;left:2px!important;top:1.5px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:0 1px 3px rgba(0,0,0,.3)!important;transition:left .3s!important;z-index:2!important}
.pl5-wrap .intelSetting .row .end.on .btnSwitch,
.pl5-wrap .intelSetting .row .end .btnSwitch.on{background:#19d9d2!important}
.pl5-wrap .intelSetting .row .end.on .dragDot,
.pl5-wrap .intelSetting .row .end:has(.btnSwitch.on) .dragDot{left:28px!important}

.pl5-wrap .intelSetting .button{background:#19d9d2!important;color:#fff!important;font-size:18px!important;height:40px!important;line-height:40px!important;border-radius:40px!important;margin:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;padding:0!important;border:0!important;min-width:0!important;font-weight:normal!important}

body.night .pl5-wrap .intelSetting .wrapper{background:#232627!important}
body.night .pl5-wrap .intelSetting .wrapper .title,
body.night .pl5-wrap .intelSetting .row .name,
body.night .pl5-wrap .intelSetting .row .btns .item{color:#ddd!important}
body.night .pl5-wrap .intelSetting .row .btns .item{background:#2e353d!important;border-color:#3a3f45!important}
body.night .pl5-wrap .intelSetting .row .btns .item.on{border-color:#19d9d2!important}
body.night .pl5-wrap .intelSetting .row .tipText{color:#888!important}

.pl5-wrap .wrapper.flex.justify-between .item.flex.flex-column.disabled{pointer-events:auto!important;opacity:1!important;cursor:pointer!important}

.pl5-wrap.skin1 .bg .row:nth-child(even){background-color:#e9f3ff!important}
.pl5-wrap.skin1 .bg .row:nth-child(odd){background-color:#f5faff!important}
.pl5-wrap.skin2 .bg .row:nth-child(even){background-color:#fff3e4!important}
.pl5-wrap.skin2 .bg .row:nth-child(odd){background-color:#fffaf2!important}
body.night .pl5-wrap.skin1 .bg .row:nth-child(even){background-color:#1c2e4a!important}
body.night .pl5-wrap.skin1 .bg .row:nth-child(odd){background-color:#16243a!important}
body.night .pl5-wrap.skin2 .bg .row:nth-child(even){background-color:#33261a!important}
body.night .pl5-wrap.skin2 .bg .row:nth-child(odd){background-color:#2b2115!important}

.pl5-wrap.skin1 .bg .row .stage{color:#1e4e8c!important}
.pl5-wrap.skin1 .bg .row .stat{color:#3a5f8a!important}
.pl5-wrap.skin1 .bg .row .front{color:#165a9c!important}
.pl5-wrap.skin1 .bg .row .end{color:#2a5f9e!important}
.pl5-wrap.skin2 .bg .row .stage{color:#8a4b21!important}
.pl5-wrap.skin2 .bg .row .stat{color:#8a5a33!important}
.pl5-wrap.skin2 .bg .row .front{color:#c05621!important}
.pl5-wrap.skin2 .bg .row .end{color:#a85a1a!important}
body.night .pl5-wrap.skin1 .bg .row .stage,
body.night .pl5-wrap.skin1 .bg .row .end{color:#9cc4f0!important}
body.night .pl5-wrap.skin1 .bg .row .stat{color:#8fb4dd!important}
body.night .pl5-wrap.skin1 .bg .row .front{color:#7fbfff!important}
body.night .pl5-wrap.skin2 .bg .row .stage,
body.night .pl5-wrap.skin2 .bg .row .end{color:#ffd9a8!important}
body.night .pl5-wrap.skin2 .bg .row .stat{color:#d9b08c!important}
body.night .pl5-wrap.skin2 .bg .row .front{color:#ffb877!important}

.pl5-wrap .center{flex-wrap:wrap!important}
.pl5-wrap .setting{margin-left:30px!important}

.tools-cent{height:auto!important}
.tools-cent .pl5-wrap{height:auto!important}
.pl5-wrap > div{height:auto!important}
.pl5-wrap .setting .drawTypes .item{font-size:14px!important;height:30px!important}
.pl5-wrap .setting .penTypes .item{font-size:14px!important;height:30px!important;white-space:nowrap!important;justify-content:flex-start!important;padding:0 4px!important}
.pl5-wrap .setting .penTypes .item .name{font-size:16px!important;font-weight:700!important;white-space:nowrap!important;height:30px!important;line-height:30px!important}
.pl5-wrap .setting .penTypes .item img{width:18px!important;height:18px!important}
.pl5-wrap .setting .penColors .item{width:40px!important;height:40px!important;margin:0 4px 4px 0!important}
.pl5-wrap .setting .penColors .item img{width:20px!important;height:20px!important}

.pl5-wrap .container .lockBtn{position:absolute!important;left:27.5px!important;top:947px!important;transform:none!important;transition:none!important;margin:0!important}
.pl5-wrap .container .intelSetBtn{position:absolute!important;left:312.5px!important;top:947px!important;transform:none!important;transition:none!important;margin:0!important}

.pl5-wrap .tool{margin-left:27.5px!important;width:375px!important}
.pl5-wrap .tool .item{font-size:18px!important}

@media (max-width: 850px){
    .pl5-wrap{max-width:100%!important}
    .pl5-wrap .center{max-width:100%!important;flex-wrap:wrap!important}
}

/* 宽屏手势引导：参照窄屏处理，灰色统一，按钮居中，引导层对齐 pl5-wrap 居中 */
@media (min-width:701px){
.fristGuide .mask1{background:transparent!important}
.fristGuide{background:rgba(0,0,0,.5)!important}
.fristGuide .mask2{height:100%!important}
.fristGuide .mask2 .left{background:transparent!important;margin-left:660px!important}
.fristGuide .mask2 .right{background:transparent!important}
.fristGuide .mask2 .right .text1{margin:0!important;position:fixed!important;left:760px!important;top:50%!important;transform:translateY(-50%)!important}
.fristGuide .mask2 .right .text2{bottom:100px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;padding:10px 30px!important;font-size:16px!important;line-height:1!important;white-space:nowrap!important;background:rgba(0,0,0,.6)!important;color:#fff!important;z-index:1000000!important}
}

@media (max-width: 700px){

    .pl5-nb{display:flex!important;position:fixed;left:10px!important;right:auto!important;top:50%!important;bottom:auto!important;-webkit-transform:translateY(-50%) translateX(-62px)!important;transform:translateY(-50%) translateX(-62px)!important;width:58px!important;height:auto!important;max-height:70vh!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:14px 6px!important;background:rgba(255,255,255,.94)!important;border:1px solid #f0f0f0!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important;z-index:99999!important;transition:transform .35s ease!important}
    .pl5-nb.open{-webkit-transform:translateY(-50%) translateX(0)!important;transform:translateY(-50%) translateX(0)!important}
  .pl5-nb::after{content:'';position:absolute;right:-13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:68px;border-radius:0 15px 15px 0;background:rgba(0,0,0,.32);cursor:pointer}
    body.night .pl5-nb::after{background:rgba(255,255,255,.35)}
    body.night .pl5-nb{background:rgba(35,38,39,.94)!important;border-color:#3a3f45!important}
    .pl5-nb-tip{position:fixed;left:24px!important;top:50%!important;-webkit-transform:translateY(-50%) translateX(40px)!important;transform:translateY(-50%) translateX(40px)!important;background:rgba(0,0,0,.55)!important;color:#fff!important;font-size:12px!important;line-height:1!important;padding:8px 12px!important;border-radius:8px!important;white-space:nowrap!important;z-index:99998!important;opacity:0!important;pointer-events:none!important;transition:opacity .4s ease,transform .5s ease!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important}
    .pl5-nb-tip.show{-webkit-transform:translateY(-50%) translateX(0)!important;transform:translateY(-50%) translateX(0)!important;opacity:1!important}
    .pl5-nb-tip::before{content:'';position:absolute;left:-6px;top:50%;margin-top:-6px;border:6px solid transparent;border-right-color:rgba(0,0,0,.55)}
    body.night .pl5-nb-tip{background:rgba(255,255,255,.85)!important;color:#222!important}
    body.night .pl5-nb-tip::before{border-right-color:rgba(255,255,255,.85)}
    .pl5-nb .pl5-nb-btn{width:48px!important;height:48px!important;flex:0 0 auto!important;border-radius:50%!important;background:#fff!important;border:1px solid #e8e8ec!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;cursor:pointer!important;color:#1a1a1a!important;font-size:12px!important;padding:0!important;min-width:0!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important}
    body.night .pl5-nb .pl5-nb-btn{background:#2e353d!important;border-color:#3a3f45!important;color:#eee!important}
    .pl5-nb .pl5-nb-btn.on{background:#ff6b00!important;border-color:#ff6b00!important;color:#fff!important}
    .pl5-nb .pl5-nb-btn .nb-ico{font-size:20px!important;line-height:1}
    .pl5-nb .pl5-nb-btn .nb-txt{font-size:12px!important;line-height:1;font-weight:500}

    .pl5-wrap .setting{position:fixed!important;left:78px!important;right:auto!important;top:50%!important;bottom:auto!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;width:auto!important;min-width:120px!important;max-width:calc(100vw - 96px)!important;max-height:72vh!important;margin:0!important;background:#fff!important;z-index:99998!important;display:none!important;overflow:visible!important;padding:12px!important;border-radius:14px!important;box-shadow:0 6px 24px rgba(0,0,0,.14)!important;border:1px solid #f0f0f0!important}
    body.night .pl5-wrap .setting{background:#232627!important;border-color:#3a3f45!important}
    .pl5-wrap .setting[data-show="draw"]{display:block!important}
    .pl5-wrap .setting[data-show="pen"]{display:block!important}
    .pl5-wrap .setting[data-show="color"]{display:block!important}

    .pl5-wrap .setting .drawTypes{display:none!important}
    .pl5-wrap .setting .penTypes{display:none!important}
    .pl5-wrap .setting .penColors{display:none!important}
    .pl5-wrap .setting[data-show="draw"] .drawTypes{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important}
    .pl5-wrap .setting[data-show="pen"] .penTypes{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;margin-top:-1px!important;margin-bottom:-1px!important}
    .pl5-wrap .setting[data-show="color"] .penColors{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important}

    .pl5-wrap .setting .drawTypes{max-width:100%!important}
    .pl5-wrap .setting .penColors{max-width:214px!important}

    .pl5-wrap .setting .item{margin:4px!important;padding:8px 2px!important;min-width:0!important;max-width:calc(33.33% - 8px)!important;flex:0 0 calc(33.33% - 8px)!important;box-sizing:border-box!important;height:auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#fff;border:1px solid #ededf0!important;border-radius:10px!important;gap:4px!important;white-space:nowrap!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}
    body.night .pl5-wrap .setting .item{background:#2e353d;border-color:#3a3f45!important}
    .pl5-wrap .setting .item .name{font-size:13px!important;line-height:1!important;white-space:nowrap!important;height:auto!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#1a1a1a!important;font-weight:500!important}
    body.night .pl5-wrap .setting .item .name{color:#eee!important}
    .pl5-wrap .setting .penTypes .item{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:10px 5px!important;max-width:none!important;flex:0 0 auto!important;width:auto!important;box-sizing:border-box!important}
    .pl5-wrap .setting .penTypes .item .name{font-size:14px!important;flex:0 0 auto!important;max-width:none!important;white-space:nowrap!important}
    .pl5-wrap .setting .penTypes .item .dot{display:none!important}
    .pl5-wrap .setting .penTypes .item img{width:32px!important;height:auto!important;max-width:40px!important;flex:0 0 auto!important}
    .pl5-wrap .setting .penTypes .item.on img{display:inline-block!important;filter:brightness(0) invert(1)!important}
    /* 工具/粗细项：白底深字清晰显示（覆盖原始灰底），选中态主题橙色 */
    .pl5-wrap .setting .drawTypes .item, .pl5-wrap .setting .penTypes .item{background:#fff!important}
    .pl5-wrap .setting .drawTypes .item{color:#1a1a1a!important;font-size:13px!important;font-weight:500!important}
    .pl5-wrap .setting .drawTypes .item.on, .pl5-wrap .setting .penTypes .item.on{background:#ff6b00!important;border-color:#ff6b00!important;color:#fff!important}
    .pl5-wrap .setting .drawTypes .item.on .name, .pl5-wrap .setting .penTypes .item.on .name{color:#fff!important}
    body.night .pl5-wrap .setting .drawTypes .item, body.night .pl5-wrap .setting .penTypes .item{background:#2e353d!important}
    body.night .pl5-wrap .setting .drawTypes .item{color:#eee!important}
    body.night .pl5-wrap .setting .drawTypes .item.on, body.night .pl5-wrap .setting .penTypes .item.on{background:#ff6b00!important;color:#fff!important}
    /* 颜色项：保留各自颜色背景，仅调整尺寸与布局 */
    .pl5-wrap .setting .penColors .item{width:40px!important;height:40px!important;padding:0!important;min-width:0!important;max-width:none!important;flex:0 0 40px!important;border-radius:50%!important;margin:4px!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important}
    /* 顶部按钮区：窄屏下与表格同宽居中 */
    .pl5-wrap .tool{margin:0 auto 20px!important;width:375px!important;max-width:100%!important}
    .pl5-wrap .tool .item{font-size:16px!important;min-width:48px!important;min-height:48px!important;padding:6px 4px!important;display:flex!important;align-items:center!important;justify-content:center!important}
    .pl5-wrap .tool .item img{width:22px!important;height:22px!important}
    /* 全屏时顶栏按钮触摸区域加大，防点空 */
    .pl5-wrap.fullscreen .container .tool{padding:6px 4px!important}
    .pl5-wrap.fullscreen .container .tool .item{min-width:52px!important;min-height:52px!important;padding:8px 4px!important}
    /* 表格区域：居中、保持原始列宽不变形、容器不横向溢出 */
    .pl5-wrap .center{justify-content:center!important;max-width:100%!important;flex-wrap:wrap!important}
    .pl5-wrap .center .bg{flex-shrink:0!important}
    /* 锁/设置：已移入左侧滑出栏，窄屏隐藏表格底部原按钮 */
    .pl5-wrap .container .lockBtn, .pl5-wrap .container .intelSetBtn{display:none!important}
    /* 窄屏所有弹窗居中展示 */
    .pl5-wrap .popup.slideUp, body > .popup.slideUp{align-items:center!important}
    .pl5-wrap .popup.slideUp > .wrapper, body > .popup.slideUp > .wrapper{transform:none!important;border-radius:10px!important}
    /* 新手引导"知道了"按钮：居中上移，避免被底部 tabbar 遮挡 */
    .fristGuide .mask2 .right .text2{bottom:150px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;padding:8px 22px!important;font-size:14px!important;line-height:1!important;white-space:nowrap!important;background:rgba(0,0,0,.45)!important;}
    /* 整个引导层统一灰色遮罩，消除左边白色镂空区 */
    .fristGuide{background:rgba(0,0,0,.5)!important}
    .fristGuide .mask1{background:transparent!important}
    .fristGuide .mask2 .left{background:rgba(0,0,0,.5)!important}
    .fristGuide .mask2 .right{background:rgba(0,0,0,.5)!important}
    .fristGuide .mask2 .right .text1{margin:0!important;position:absolute!important;left:.2em!important;top:50%!important;transform:translateY(-50%)!important}
    /* 窄屏全屏 */
    .pl5-wrap .container{padding-bottom:300px!important}
    .pl5-wrap.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:99990!important;max-width:100%!important;background:#fff!important;overflow-y:auto!important}
    body.night .pl5-wrap.fullscreen{background:#232627!important}
    .pl5-wrap.fullscreen .container .tool{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:10000!important;background:#fff!important;padding:4px 8px!important;box-shadow:0 2px 6px rgba(0,0,0,.08)!important;box-sizing:border-box!important}
    body.night .pl5-wrap.fullscreen .container .tool{background:#232627!important}
    .pl5-wrap.fullscreen .container .bg{margin-top:50px!important}
}

/* uni-app toast 提示放大美化 */
.pl5-wrap .uni-toast, body > .uni-toast{z-index:100010!important}
.pl5-wrap .uni-toast__content, body > .uni-toast__content{
  min-width:200px!important;max-width:80%!important;
  padding:24px 32px!important;border-radius:16px!important;
  background:rgba(0,0,0,.78)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.25)!important;
}
.pl5-wrap .uni-toast__title, body > .uni-toast__title{
  font-size:20px!important;line-height:1.5!important;color:#fff!important;
}
.pl5-wrap .uni-toast .uni-toast-text, body > .uni-toast .uni-toast-text,
.pl5-wrap .uni-toast__text, body > .uni-toast__text{
  font-size:20px!important;line-height:1.5!important;color:#fff!important;
  padding:8px 0!important;
}
.pl5-wrap .uni-toast .uni-icons, body > .uni-toast .uni-icons{font-size:44px!important;margin-bottom:8px!important}

#app{min-height:620px}