#role-list{display:contents}.canvas-wrapper{width:100%;height:calc(100vh - 385px);display:flex;align-items:flex-start;justify-content:center;padding-top:150px;position:relative}canvas{max-width:100%;height:auto;display:block}.list-group-item.border-success:before{content:"★ 默认 ";color:#198754;font-weight:700;margin-right:6px}.main-anvas{width:100%;height:600px;display:block;image-rendering:pixelated;image-rendering:crisp-edges}@media (min-width: 1200px){.top-main-button-box{padding:15px}.character-name-box{top:520px;padding:0 15px}#itemlist-sider-b{transform:translate(0);opacity:1}.item-main-right-box{margin-top:10px}#rolelist-sider.offcanvas{position:static;transform:none!important;visibility:visible!important;display:block!important;height:auto;box-shadow:none;border:0}#qingdan-sider{position:absolute;top:80px;right:16px;left:auto;bottom:auto;width:260px;max-height:410px;transform:none!important;visibility:visible!important;display:block!important;box-shadow:none;border:0;z-index:1}#qingdan-sider .item-list-right{max-height:410px;overflow-y:auto}.ranse-header-box{display:flex!important}#ranse-sider{position:absolute;top:130px;left:15px;bottom:auto;width:300px;max-height:410px;border:0;box-shadow:0 .5rem 1rem #00000026;z-index:1045;border-radius:10px}#ranse-sider.offcanvas-bottom,#ranse-sider.offcanvas-bottom.show,#ranse-sider.offcanvas-bottom.showing{transform:none!important;transition:none!important}}.toolbar-pill,.toolbar-pill-btn{border-radius:999px;background-color:#0f172a05;border:1px solid rgba(148,163,184,.45);box-shadow:0 1px 3px #0f172a14;padding:4px 10px;font-size:13px;line-height:1.1;white-space:nowrap}.toolbar-pill-btn.btn-sm{padding:4px 12px}.toolbar-pill input.form-check-input,.toolbar-pill-btn input.form-check-input{margin-top:0}.toolbar-pill:hover,.toolbar-pill-btn:hover{background-color:#fff;box-shadow:0 2px 6px #0f172a24}.toolbar-pill{color:#4b5563}.toolbar-pill-btn.btn-outline-danger{border-color:#f87171b3;background-color:#f871710f;color:#dc3545}.toolbar-pill-btn.btn-outline-danger.active,.toolbar-pill-btn.btn-outline-danger:active{background-color:#dc3545;color:#fff;box-shadow:0 2px 8px #dc354559}.toolbar-pill-btn.btn-outline-primary{border-color:#3b82f6a6;background-color:#3b82f60f;color:#0d6efd}.toolbar-pill-btn.btn-outline-primary.show,.toolbar-pill-btn.btn-outline-primary:active,.toolbar-pill-btn.btn-outline-primary:focus{background-color:#0d6efd;color:#fff;box-shadow:0 2px 8px #2563eb66}#pose-selector.top-main-right{gap:8px}.color-option:hover,.color-option.active{outline:2px solid #007bff}@media (max-width: 539.98px){html,body{height:100%;overflow:hidden}.col-12.col-xl-9.d-flex.flex-column.align-items-center.position-relative.order-1.order-xl-2{flex:1 1 auto;overflow:hidden;touch-action:none}.zhiwawa-main .d-flex.gap-2>.col-12.col-xl-9{min-height:100vh;display:flex;flex-direction:column}.zhiwawa-main{background-color:#f8f9fa;height:100vh;overflow:hidden;padding:0}.top-main-button-box{padding:10px 0}.main-anvas{width:100%;height:var(--canvas-h, 350px);display:block;border-radius:0!important;border:0px!important}.item-main-box{border-top:2px dashed #ddd;padding:5px 10px}.item-main-right-box{margin-top:0}.character-name-box{position:fixed!important;bottom:calc(var(--bottom-panel-h, 350px) + 0px);padding:0 10px 10px;z-index:1055;background-color:#fff}.fenlei-list{height:calc(var(--bottom-panel-h, 350px) - 12px);max-height:calc(var(--bottom-panel-h, 350px) - 12px);margin-top:0!important;overflow-y:auto;overflow-x:hidden;width:100%}#item-list{height:calc(var(--bottom-panel-h, 350px) - 70px);max-height:calc(var(--bottom-panel-h, 350px) - 70px);overflow-y:auto;margin-top:10px;padding-top:5px}#itemlist-sider-b,#qingdan-sider,#rolelist-sider,#ranse-sider{position:fixed;left:0;right:0;bottom:0;width:100%;height:var(--bottom-panel-h, 350px)}#itemlist-sider-b{z-index:1055;background:#fff}#qingdan-sider{z-index:1098}#rolelist-sider{z-index:1097}#ranse-sider{z-index:1099}.item-list-right{padding:10px}.zhiwawa-main{margin-top:0!important}.rolelist-main-box{padding:0 10px 10px}.color-box{margin-left:0}.offcanvas-bottom{transition:transform .3s ease-in-out}.offcanvas-bottom.showing,.offcanvas-bottom.show{transform:translateY(0)}.offcanvas-bottom:not(.showing):not(.show){transform:translateY(100%)}#qingdan-sider.offcanvas-bottom,#rolelist-sider.offcanvas-bottom,#ranse-sider.offcanvas-bottom{border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -6px 18px #0000002e}.dropdown-action-btn{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background-color:#0d6efd0f;border:none;box-shadow:0 1px 3px #00000029;max-width:86px}.dropdown-action-btn:active{transform:translateY(1px);box-shadow:0 0 #00000029}.dropdown-action-icon{width:26px;height:26px;border-radius:.75rem;background-color:#fff;display:inline-flex;align-items:center;justify-content:center}.dropdown-action-icon i{font-size:14px;color:#495057}.dropdown-action-text{font-size:11px;color:#495057;white-space:nowrap;line-height:1}.leftNav-item,.xcz-footer{display:none!important}#itemlist-sider-b,#qingdan-sider,#ranse-sider,#rolelist-sider{touch-action:pan-y}.top-toolbar-wrapper,.top-toolbar-wrapper .top-main-button-box,.top-toolbar-wrapper #pose-selector,.top-toolbar-wrapper #pose-selector .dropdown{pointer-events:none}.top-toolbar-wrapper .toolbar-pill,.top-toolbar-wrapper .toolbar-pill-btn,.top-toolbar-wrapper .dropdown-toggle,.top-toolbar-wrapper .dropdown-menu,.top-toolbar-wrapper input,.top-toolbar-wrapper label,.top-toolbar-wrapper button{pointer-events:auto}.export-btn-box{display:none!important}div:where(.swal2-container){z-index:1999!important}.left-buttons-list{border:0px!important;padding:0!important;margin:0!important}.item-main-box>.overflow-auto{flex:0 0 68px;min-width:68px}.item-main-box>.position-relative{flex:1 1 auto}}#ranse-sider .mix-row{display:grid;grid-template-columns:40px 1fr 72px;column-gap:8px;align-items:center}#ranse-sider .mix-label{font-size:13px;color:#666}#ranse-sider .mix-range{width:100%}#ranse-sider .mix-number{width:100%;max-width:none;text-align:center;padding-left:4px;padding-right:4px}.canvas-stage{position:relative;width:100%}.canvas-loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#f8fafc8c;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.canvas-loading-mask.is-visible{opacity:1}.canvas-loading-spinner{width:36px;height:36px;border-radius:999px;border:3px solid rgba(255,255,255,.9);border-top-color:#0d6efd;animation:canvas-spin .9s linear infinite}@keyframes canvas-spin{to{transform:rotate(360deg)}}.main-anvas{display:block;transition:opacity .2s ease}.item-list-wrapper{position:relative}.itemlist-loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff9;pointer-events:none}