right-fill-pano.7082b831.css 5.2 KB

1
  1. .mates[data-v-1dd28c9c]{width:100%;height:100%;max-height:100%;overflow-y:auto}.mates .meta-item[data-v-1dd28c9c]{width:100%;height:100%}.mates .meta-item.full[data-v-1dd28c9c]{cursor:zoom-in}.mates .iframe[data-v-1dd28c9c]{width:100%;height:100%;position:relative}.mates .iframe[data-v-1dd28c9c]:after{content:"";position:absolute;bottom:0;top:0;right:0;left:0;z-index:2}.mates iframe[data-v-1dd28c9c],.mates video[data-v-1dd28c9c],.mates img[data-v-1dd28c9c]{width:100%;height:203px;object-fit:cover}.mates video[data-v-1dd28c9c],.mates img[data-v-1dd28c9c]{object-fit:cover}.mates iframe[data-v-1dd28c9c]{border:none}.mates .file-mange[data-v-1dd28c9c]{position:absolute;top:10px;right:10px}.mates .file-mange span[data-v-1dd28c9c]{display:block;width:24px;height:24px;background-color:#0000004d;font-size:14px;color:#fff9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.mates .file-mange span[data-v-1dd28c9c]:not(:last-child){margin-bottom:10px}.close[data-v-f451bbe2]{right:0;top:0;height:25px;position:absolute;font-size:18px;color:#fff;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99999}.pull-preview[data-v-f451bbe2]{position:absolute;z-index:9999;display:flex;align-items:center;top:0;right:0;bottom:0;left:0;background-color:#0000001a;backdrop-filter:blur(1px)}.pull-preview:not(.pc) .preview-layer[data-v-f451bbe2]{padding-top:40px}.pull-preview.pc .preview-layer[data-v-f451bbe2]{padding:40px 20px 20px}.pull-preview .preview-layer[data-v-f451bbe2]{flex:1;background-color:#000000b3;color:#fff;height:100%;position:relative;display:flex;flex-direction:column}.pull-preview .preview-layer h3[data-v-f451bbe2]{font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:10px;word-break:break-all}.pull-preview .preview-layer .pull-meta[data-v-f451bbe2]{height:100%;width:100%;overflow-y:auto;flex:1}.pull-preview .preview-layer .pull-meta .content[data-v-f451bbe2]{margin-bottom:10px;font-size:16px;font-weight:400;line-height:26px;color:#ccc;word-break:break-all;letter-spacing:1px}.pull-preview .preview-layer .pull-meta iframe[data-v-f451bbe2],.pull-preview .preview-layer .pull-meta video[data-v-f451bbe2],.pull-preview .preview-layer .pull-meta img[data-v-f451bbe2]{width:100%;height:100%;display:block}.pull-preview .preview-layer .pull-meta video[data-v-f451bbe2],.pull-preview .preview-layer .pull-meta img[data-v-f451bbe2]{object-fit:contain}.pull-preview .preview-layer .pull-meta iframe[data-v-f451bbe2]{border:none;height:100%}.hot-item[data-v-34db4f70]{pointer-events:all;position:absolute;transform:translate(-50%,-50%);cursor:pointer}.hot-item>img[data-v-34db4f70]{width:32px;height:32px}.hot-item .hot-bubble[data-v-34db4f70]{cursor:initial}.hot-item .hot-bubble.pc[data-v-34db4f70]{width:400px}.hot-item .hot-bubble[data-v-34db4f70]:not(.pc){width:80vw;--bottom-left: 40vw}.hot-item .hot-bubble h2[data-v-34db4f70]{font-size:20px;margin-bottom:10px;color:#fff;position:relative}.hot-item .hot-bubble .content[data-v-34db4f70]{font-size:14px;font-family:MicrosoftYaHei;color:#999;line-height:1.35em;margin-bottom:20px;word-break:break-all}.hot-item .hot-bubble .content p[data-v-34db4f70]{margin-bottom:10px}.hot-item.active[data-v-34db4f70],.hot-item[data-v-34db4f70]:hover{z-index:3}.left-pano[data-v-3a314d3a]{position:absolute;width:var(--left-pano-width);background:rgba(27,27,28,.8);top:calc(var(--editor-head-height) + var(--header-top));left:var(--left-pano-left);bottom:0;z-index:1000;backdrop-filter:blur(4px);overflow-y:auto;transition:all .3s ease}.ctrl-pano-c[data-v-3a314d3a]{position:absolute;left:calc(var(--left-pano-left) + var(--left-pano-width));width:20px;height:80px;background:rgba(26,26,26,.8);border-radius:0 6px 6px 0;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:14px;cursor:pointer;transition:inset .3s ease,color .3s ease}.ctrl-pano-c[data-v-3a314d3a]:hover{color:#fff}.ctrl-pano-c[data-v-3a314d3a]:active{color:var(--colors-primary-base)}.ctrl-pano-c .icon[data-v-3a314d3a]{display:inline-block;transition:transform .3s ease;transform:rotate(0)}.ctrl-pano-c.active .icon[data-v-3a314d3a]{transform:rotate(180deg)}.right-pano[data-v-4b2da5d7]{position:absolute;width:340px;background:rgba(27,27,28,.8);backdrop-filter:blur(4px);top:calc(var(--editor-head-height) + var(--header-top) + 20px);right:20px;z-index:2000;overflow-y:auto;transition:all .3s ease;max-height:calc(100% - (var(--editor-head-height) + var(--header-top) + 40px));padding:20px;border-radius:4px}.ctrl-pano-c[data-v-4526d25b]{position:absolute;right:calc(var(--editor-menu-right) + var(--editor-toolbox-width));width:20px;height:80px;background:rgba(26,26,26,.8);border-radius:6px 0 0 6px;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:14px;cursor:pointer;transition:inset .3s ease,color .3s ease}.ctrl-pano-c[data-v-4526d25b]:hover{color:#fff}.ctrl-pano-c[data-v-4526d25b]:active{color:var(--colors-primary-base)}.ctrl-pano-c .icon[data-v-4526d25b]{display:inline-block;transition:transform .3s ease;transform:rotate(180deg)}.ctrl-pano-c.active .icon[data-v-4526d25b]{transform:rotate(0)}