right-fill-pano.230910f2.css 5.4 KB

1
  1. .mates[data-v-a0bc69f2]{width:100%;height:100%;max-height:100%;overflow-y:auto}.mates .meta-item[data-v-a0bc69f2]{width:100%;height:100%}.mates .meta-item.full[data-v-a0bc69f2]{cursor:zoom-in}.mates .iframe[data-v-a0bc69f2]{width:100%;height:100%;position:relative}.mates .iframe[data-v-a0bc69f2]:after{content:"";position:absolute;bottom:0;top:0;right:0;left:0;z-index:2}.mates iframe[data-v-a0bc69f2],.mates video[data-v-a0bc69f2],.mates img[data-v-a0bc69f2]{width:100%;height:203px;object-fit:cover}.mates video[data-v-a0bc69f2],.mates img[data-v-a0bc69f2]{object-fit:cover}.mates iframe[data-v-a0bc69f2]{border:none}.mates .file-mange[data-v-a0bc69f2]{position:absolute;top:10px;right:10px}.mates .file-mange span[data-v-a0bc69f2]{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-a0bc69f2]: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-6a28d796]{pointer-events:all;position:absolute;transform:translate(-50%,-50%);cursor:pointer}.hot-item .tag-img[data-v-6a28d796]{width:32px;height:32px}.hot-item .hot-bubble[data-v-6a28d796]{cursor:initial}.hot-item .hot-bubble.pc[data-v-6a28d796]{width:400px}.hot-item .hot-bubble[data-v-6a28d796]:not(.pc){width:80vw;--bottom-left: 40vw}.hot-item .hot-bubble h2[data-v-6a28d796]{font-size:20px;margin-bottom:10px;color:#fff;position:relative}.hot-item .hot-bubble .content[data-v-6a28d796]{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-6a28d796]{margin-bottom:10px}.hot-item.active[data-v-6a28d796],.hot-item[data-v-6a28d796]:hover{z-index:3}.edit-hot[data-v-6a28d796]{margin-top:20px;text-align:right}.edit-hot span[data-v-6a28d796]{font-size:14px;color:#fff9;cursor:pointer}.tag-tip{z-index:8!important}.tag-tip p{padding:6px 10px!important;margin:5px 0!important}.left-pano[data-v-fe941927]{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-fe941927]{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-fe941927]:hover{color:#fff}.ctrl-pano-c[data-v-fe941927]:active{color:var(--colors-primary-base)}.ctrl-pano-c .icon[data-v-fe941927]{display:inline-block;transition:transform .3s ease;transform:rotate(0)}.ctrl-pano-c.active .icon[data-v-fe941927]{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-fd9c780b]{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-fd9c780b]:hover{color:#fff}.ctrl-pano-c[data-v-fd9c780b]:active{color:var(--colors-primary-base)}.ctrl-pano-c .icon[data-v-fd9c780b]{display:inline-block;transition:transform .3s ease;transform:rotate(180deg)}.ctrl-pano-c.active .icon[data-v-fd9c780b]{transform:rotate(0)}