.user-info-popup-box{max-width:380px;margin:0 auto;padding:15px;background:var(--app-light-bg-color);border-radius:8px}.user-info-popup-box>.head h2{font-size:20px}.user-info-popup-box>.head h3{padding:10px 0 0}.user-info-popup-box>.head .stat-box{font-size:12px;padding:4px 4px 10px}.user-info-popup-box>.head .days-hot-svg-box{margin-bottom:10px}.user-info-popup-box>.head .pictures-box .head{padding:14px 0 4px;overflow:hidden;line-height:20px}.user-info-popup-box>.head .pictures-box .head h3{padding:0;float:left}.user-info-popup-box>.head .pictures-box .head a{float:right}.user-info-popup-box>.head .pictures-box .head a .num{opacity:.5}.user-info-popup-box>.head .picture-list{overflow:hidden;margin:0 -13px}.user-info-popup-box>.head .picture-list .picture-item{float:left;width:50%;padding:2px;box-sizing:border-box}.user-info-popup-box>.head .picture-list .picture-item .draw-box{aspect-ratio:4 / 3;background:#f8ecdb}.user-info-popup-box>.head .picture-list .picture-item .draw-canvas-preview{width:100%}.user-info-popup-box>.head .picture-list .picture-item[data-blocked=true]{pointer-events:none}.user-info-popup-box .foot{padding:20px 0 0}@media (max-width: 600px){.user-info-popup-box>.foot{margin:-5px 0 0}}.view-home-box{background:var(--app-box-bg-color);border-radius:10px}.view-home-head{overflow:hidden}.view-home-head .stat-box{box-sizing:border-box;background:#ece1d7;padding:16px 20px;margin:10px;border-radius:10px;cursor:var(--app-cursor-pointer)}.view-home-head .stat-box .content-box{font-size:12px;padding-top:4px}.view-home-head nav{overflow:hidden;box-sizing:border-box;padding:0 2px}.view-home-head nav a{float:left;text-align:center;font-weight:700;font-size:16px;line-height:50px;padding:0 6px;color:currentColor;position:relative}.view-home-head nav a[disabled]{pointer-events:none;opacity:.3}.view-home-head nav a[data-tag]:after{content:attr(data-tag);font-size:10px;line-height:12px;position:absolute;top:2px;right:-4px;color:#fff;padding:1px 2px;background:var(--app-font-color)}@media (min-width: 600px){.view-home-head{flex-direction:row}.view-home-head>.grid{width:50%}}@media (max-width: 600px){.view-home-head{flex-direction:column}}.gallery-preview-index-box{margin-top:15px;display:block}.gallery-preview-index-box .gallery-preview-box{width:100%}.rooms-box{font-size:12px;line-height:18px;overflow:auto;margin:0 10px 10px;border-radius:8px;background-color:var(--app-bg-color)}.rooms-box .room-list{overflow:hidden;min-height:87px;min-height:168px;box-sizing:border-box;padding:3px}.rooms-box .room-list .room-item{display:block;vertical-align:top;white-space:nowrap;text-align:left;box-sizing:border-box;cursor:var(--app-cursor-pointer);padding:3px;position:relative;float:left;width:33.33%}.rooms-box .room-list .room-item .room-item-link{padding:8px 10px;display:block;background:var(--app-box-bg-color2);box-shadow:0 0 0 2px transparent;line-height:18px;border-radius:4px;transition:background-color .3s ease,box-shadow .3s ease;cursor:var(--app-cursor-pointer)}.rooms-box .room-list .room-item .room-item-link .lib{height:18px;line-height:18px}.rooms-box .room-list .room-item .room-item-link.room-item-link-chain .type-chain{position:absolute;right:0;top:0;margin:8px;padding:4px;line-height:1;border-radius:2px;background-color:#ffffff80}.rooms-box .room-list .room-item:nth-child(odd) .room-item-link{background:var(--app-box-bg-color)}.rooms-box .room-list .room-item[data-online="0"] .room-item-link{opacity:.8}.rooms-box .room-list .room-item .room-item-link:hover{background:var(--app-box-bg-color3, #eae3dc);box-shadow:0 0 0 2px currentColor}.rooms-box .room-list .room-item h4{font-size:14px;line-height:18px;padding:2px 0 3px;height:18px}.rooms-box .room-list .room-item .info i{margin:0 3px;opacity:.5}.rooms-box .room-list .room-item.reload{text-align:center;line-height:64px;width:60px}@media (max-width: 600px){.rooms-box .room-list .room-item{width:50%}}@media (max-width: 500px){.rooms-box .room-list .room-item{float:none;width:auto}}.func-rooms-box{padding:0 0 10px}.func-rooms-box h2{padding:0 20px}.func-rooms-box .head{padding:4px 10px;overflow:hidden}.func-rooms-box .head .join-room-input{float:right;border-color:var(--app-font-color);background:#b4a397}.func-rooms-box .head .join-room-input::-webkit-input-placeholder{color:currentColor;opacity:.5}.func-rooms-box .head .stat-inline-box{display:inline-block;vertical-align:middle;font-size:12px;line-height:36px;margin-left:10px}.func-rooms-box .head .stat-inline-box>span{padding:0 4px}.func-rooms-box .head .stat-inline-box b{margin-right:-1px}.func-rooms-box .label-item{padding:10px 0}.func-rooms-box .label-item .label-name{padding:4px 0;font-size:12px;opacity:.5}.demo-auto-playing-box{background:var(--app-box-bg-color);border-radius:10px;box-sizing:border-box;padding:10px;position:relative;z-index:0;margin-top:20px!important}.demo-auto-playing-box .draw-canvas{pointer-events:none;width:100%;border-radius:4px}.demo-auto-playing-box .info-box{padding:4px 10px;height:106px}.demo-auto-playing-box .info-box h2{padding-bottom:4px}.demo-auto-playing-box .info-box p{padding:2px 0}.demo-auto-playing-box .info-box time{opacity:.5}.demo-auto-playing-box .info-box .ctrl-box{padding:6px 0 0}.demo-auto-playing-box .info-box .foot{padding:4px 0;overflow:hidden}.demo-auto-playing-box .info-box .foot .user-link,.demo-auto-playing-box .info-box .foot time{float:left}.demo-auto-playing-box .info-box .foot .user-link{cursor:var(--app-cursor-pointer);margin-right:6px}.theme-info-item-link{display:block}.theme-info-item{--theme-info-item-margin-top: 40px;display:block}.theme-info-item .theme-title{font-size:14px;line-height:1;padding:16px 13px}.theme-info-item .theme-title:before{content:"#";opacity:.5;margin-right:2px}.theme-info-item img{display:block;width:100%;padding-bottom:20px;background:#FFF}.theme-info-item .theme-info-main-box{max-width:100%;background:var(--app-box-bg-color);border-radius:4px;transition:box-shadow 2s ease}.theme-info-item .theme-info-main-box:hover{box-shadow:0 5px 25px -5px #0000001a}.theme-info-item .content-box{text-align:right;padding:10px 20px}.theme-info-item .content-box h3{font-size:2.4em;font-weight:800;padding:2px 0}.theme-info-item .content-box p{padding-bottom:4px;white-space:pre-line;opacity:.6}.theme-info-item[data-have-cover=false]{display:flex;align-items:center;justify-content:center}.theme-info-item[data-have-cover=true]{overflow:hidden;position:relative}.theme-info-item[data-have-cover=true] .theme-title{position:absolute;top:0;left:0}.theme-info-item[data-have-cover=true] .content-box{position:absolute;bottom:0;left:0;right:0}.theme-info-item[data-have-cover=true]:after{content:"";display:block;clear:both}@media (max-width: 700px){.theme-info-item{font-size:12px}.theme-info-item .content-box{padding:5px 12px}.theme-info-item .content-box h3{font-size:1.8em}}.theme-info-item:not([data-mode=sticker]) .content-box p{text-align:left}.theme-info-item[data-mode=sticker]{color:var(--app-font-color);overflow:visible}.theme-info-item[data-mode=sticker] img{background:none;padding-bottom:0;width:280px;display:block;pointer-events:none;z-index:1}.theme-info-item[data-mode=sticker] h2{display:none}.theme-info-item[data-mode=sticker] .content-box{text-align:left;position:relative;max-width:380px}.theme-info-item[data-mode=sticker] .content-box h3{white-space:nowrap}.theme-info-item[data-mode=sticker] .content-box h3:after{content:"#主题绘";font-size:14px;line-height:20px;margin-left:6px;opacity:.5}@media (min-width: 700px){.theme-info-item[data-mode=sticker] .theme-info-main-box{margin-right:40px}.theme-info-item[data-mode=sticker] img{position:absolute;right:-10px;top:-55px}}@media (max-width: 700px){.theme-info-item[data-mode=sticker]{margin:0 20px;width:auto}.theme-info-item[data-mode=sticker] .theme-info-main-box{padding-top:40px;margin-top:-50px}.theme-info-item[data-mode=sticker] .theme-info-main-box .content-box{text-align:center}.theme-info-item[data-mode=sticker] img{margin:0 auto -10px}}.theme-list-box{width:700px;margin:30px auto}.theme-list-box .theme-list:after{content:"";display:block;clear:both}@media (max-width: 700px){.theme-list-box{max-width:400px;width:96vw}}.server-tip{padding:0 10px 10px;margin-top:-6px}.server-tip-content{font-size:12px;background:rgba(255,255,255,.3);line-height:16px;padding:4px 8px;border-radius:2px}.gallery-preview-box{aspect-ratio:4 / 3;display:block;margin:0;width:640px;pointer-events:none;background:#f8ecdb;border-radius:2px;overflow:hidden}.gallery-preview-box img{aspect-ratio:4 / 3;opacity:0;transition:opacity .3s ease;display:block;width:100%}.gallery-preview-box[data-loaded=true] img{opacity:1}.gallery-preview-box:empty{display:flex;justify-content:center;align-items:center}.gallery-preview-box:empty:before{content:"绘制中...";display:block;font-size:12px;color:#924848;opacity:.5}.view-room-create-box{background-color:var(--app-box-bg-color);text-align:center;padding:20px;max-width:400px;border-radius:10px;margin:0 auto}.view-room-create-box .label-item{padding:10px 0}.view-room-create-box .label-item.middle{padding:1.4em 0}.view-room-create-box .label-item.align-left{text-align:left;padding-left:60px}.view-room-create-box .label-item .label-name{font-size:12px;padding:0 0 4px;opacity:.5}.view-room-create-box .more-options-box{margin:14px 0;padding:10px 14px 4px;border-radius:4px;background:#cebcab;text-align:left}.view-room-create-box .more-options-box .ui-switch-box{margin-left:0}.view-room-create-box .tips-box{margin-top:10px;background:rgba(255,255,255,.5);border-radius:4px;font-size:12px;opacity:.8;padding:8px 0}.view-room-create-box .tips-box p{padding:2px 0}.view-user-box .head h2{line-height:1;padding-bottom:2px}.view-user-box .head .stat-box{font-size:12px;padding:4px}