.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}.character-name-box{top:550px}.main-anvas{width:100%;height:600px;display:block}@media (min-width: 1200px){#itemlist-sider-b{transform:translate(0);opacity:1}#itemlist-sider-c{position:absolute;top:0;right:0;margin-right:20px;margin-top:80px;max-height:410px;scrollbar-color:#5e6165 #202226;scrollbar-width:thin;overflow-y:auto!important}#itemlist-sider-d{position:absolute;top:0;left:0;margin-left:20px;margin-top:80px}}.color-option:hover,.color-option.active{outline:2px solid #007bff}@media (max-width: 539.98px){.main-anvas{width:100%;height:400px;display:block}.add-character-button{max-height:50px}.character-name-box{top:320px}#itemlist-sider-b{width:100%;height:450px}#item-list{max-height:350px;overflow-y:auto;margin-top:10px;padding-top:5px}.fenlei-list{height:360px;overflow-y:auto;overflow-x:hidden}#itemlist-sider-c{width:100%;height:450px}#itemlist-sider-d{width:100%;height:450px;z-index:1061}.item-list-right{padding:10px}.container-xxl{padding:5px}.zhiwawa-main{margin-top:0!important}.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%)}}.canvas-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;background:#fff9;pointer-events:none;opacity:1;transition:opacity .2s ease-out}.canvas-loading-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(220,53,69,.25);border-top-color:#dc3545;animation:canvas-loading-spin .8s linear infinite}@keyframes canvas-loading-spin{to{transform:rotate(360deg)}}