@charset "UTF-8";.page-default-margin[data-v-c465a6f2]{margin-bottom:1rem;margin-left:1rem;margin-right:1rem;padding-top:4rem}@media (min-width:1024px){.page-default-margin[data-v-c465a6f2]{margin-left:5rem;margin-right:5rem;padding-top:4.5rem}}@media (min-width:1280px){.page-default-margin[data-v-c465a6f2]{margin-left:10rem;margin-right:10rem}}@media (min-width:2000px){.page-default-margin[data-v-c465a6f2]{margin-left:24rem;margin-right:24rem}}.preview-page-box[data-v-c465a6f2]{margin-bottom:1rem;margin-left:1rem;margin-right:1rem;padding-top:4rem}@media (min-width:1024px){.preview-page-box[data-v-c465a6f2]{margin-left:5rem;margin-right:5rem;padding-top:4.5rem}}@media (min-width:1280px){.preview-page-box[data-v-c465a6f2]{margin-left:10rem;margin-right:10rem}}@media (min-width:2000px){.preview-page-box[data-v-c465a6f2]{margin-left:24rem;margin-right:24rem}}.preview-page-box[data-v-c465a6f2]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));position:relative}.preview-page-box[data-v-c465a6f2],.preview-page-box .menu-box[data-v-c465a6f2]{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.preview-page-box .menu-box[data-v-c465a6f2]{flex-direction:row}}.preview-page-box .menu-box .menu-list-box[data-v-c465a6f2]{height:2.5rem}@media (min-width:640px){.preview-page-box .menu-box .menu-list-box[data-v-c465a6f2]{height:3rem}}.preview-page-box .menu-box .menu-list-box .fg-select[data-v-c465a6f2]{height:100%;width:100%}@media (min-width:640px){.preview-page-box .menu-box .menu-list-box .fg-select[data-v-c465a6f2]{width:16rem}}.preview-page-box .menu-box .search-box[data-v-c465a6f2]{height:2.5rem;width:100%}@media (min-width:640px){.preview-page-box .menu-box .search-box[data-v-c465a6f2]{height:3rem;width:16rem}}.preview-page-box .preview-list-box[data-v-c465a6f2]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.preview-page-box .preview-list-box[data-v-c465a6f2]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.preview-page-box .preview-list-box[data-v-c465a6f2]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:2000px){.preview-page-box .preview-list-box[data-v-c465a6f2]{grid-template-columns:repeat(4,minmax(0,1fr))}}.preview-page-box .preview-list-box .list-card[data-v-c465a6f2]{--tw-border-opacity:.1;background-color:#1f1f1f33;border:.08rem solid hsla(0,0%,100%,.1);border-color:rgb(255 255 255/var(--tw-border-opacity))}@media (min-width:640px){.preview-page-box .preview-list-box .list-card[data-v-c465a6f2]{border-width:.1rem}}.preview-page-box .preview-list-box .list-card[data-v-c465a6f2]{border-radius:1rem;cursor:pointer;overflow:hidden;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.preview-page-box .preview-list-box .list-card[data-v-c465a6f2]:hover{--tw-border-opacity:.3}.preview-page-box .preview-list-box .list-card .card-image[data-v-c465a6f2]{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.2s;width:100%}.preview-page-box .preview-list-box .list-card .card-image .cover[data-v-c465a6f2]{height:100%;position:absolute;transition-duration:.2s;width:100%}.preview-page-box .preview-list-box .list-card .card-image iframe[data-v-c465a6f2]{height:100%;position:absolute;width:100%}.preview-page-box .preview-list-box .list-card .card-image:hover .cover[data-v-c465a6f2]:after{--tw-border-opacity:.1;-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);background-color:#1f1f1f33;border:.08rem solid hsla(0,0%,100%,.1);border-color:rgb(255 255 255/var(--tw-border-opacity));content:"鼠标悬停快速预览"}@media (min-width:640px){.preview-page-box .preview-list-box .list-card .card-image:hover .cover[data-v-c465a6f2]:after{border-width:.1rem}}.preview-page-box .preview-list-box .list-card .card-image:hover .cover[data-v-c465a6f2]:after{border-radius:.75rem;bottom:.5rem;font-size:.75rem;line-height:1rem;padding:.25rem .5rem;position:absolute;right:.5rem;transform:translateZ(0);transform-style:preserve-3d}@media (min-width:640px){.preview-page-box .preview-list-box .list-card .card-image:hover .cover[data-v-c465a6f2]:after{font-size:.875rem;line-height:1.25rem}}.preview-page-box .preview-list-box .list-card .card-image:hover .cover[data-v-c465a6f2]:after{line-height:1.5}.preview-page-box .preview-list-box .list-card .card-info .title[data-v-c465a6f2]{--tw-text-opacity:.9;color:#ffffffe6;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1rem;font-weight:600;letter-spacing:.025em;line-height:1.5rem;overflow:hidden;padding:.75rem;text-overflow:ellipsis;white-space:nowrap}@media (min-width:640px){.preview-page-box .preview-list-box .list-card .card-info .title[data-v-c465a6f2]{font-size:1.125rem;line-height:1.75rem;padding:1rem}}.preview-page-box .preview-list-box .list-card .card-info .category[data-v-c465a6f2]{--tw-bg-opacity:.1;--tw-text-opacity:.6;background-color:#ffffff1a;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;color:#fff9;color:rgb(255 255 255/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;margin-right:.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:640px){.preview-page-box .preview-list-box .list-card .card-info .category[data-v-c465a6f2]{margin-right:.5rem}}.preview-page-box .preview-list-box .list-card .code-urls[data-v-c465a6f2]{--tw-text-opacity:.4;color:#fff6;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.875rem;gap:.75rem;line-height:1.25rem;margin-bottom:.75rem;margin-left:.75rem;margin-right:.75rem;pointer-events:none}@media (min-width:640px){.preview-page-box .preview-list-box .list-card .code-urls[data-v-c465a6f2]{font-size:1rem;gap:1rem;line-height:1.5rem;margin-bottom:1rem;margin-left:1rem;margin-right:1rem}}.preview-page-box .preview-list-box .list-card .code-urls button[data-v-c465a6f2]{--tw-bg-opacity:.05;background-color:#1f1f1f33;background-color:#ffffff0d;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;flex:1 1 0%;padding:.25rem;transform:translateZ(0);transform-style:preserve-3d}.preview-page-box .preview-list-box .list-card .code-urls i[data-v-c465a6f2]{margin-right:.25rem}