.template-preview-container[data-v-1c2dae89]{width:100%;height:100%;overflow:hidden;pointer-events:none}.web-preview-content[data-v-1c2dae89],.web-preview[data-v-1c2dae89]{width:100%;height:100%;pointer-events:none}.web-preview-content[data-v-1c2dae89]{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.web-preview-content[data-v-1c2dae89]::-webkit-scrollbar{width:0;height:0}.mobile-preview[data-v-1c2dae89]{display:flex;justify-content:center;width:100%;height:100%;pointer-events:none}.mobile-preview-content[data-v-1c2dae89]{width:375px;height:100%;overflow-y:auto;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none}[dir] .mobile-preview-content[data-v-1c2dae89]{box-shadow:0 0 20px rgba(0,0,0,.1)}.mobile-preview-content[data-v-1c2dae89]::-webkit-scrollbar{width:0;height:0}.template-preview-container.is-scrollable[data-v-1c2dae89]{height:auto;overflow:visible;pointer-events:auto}.template-preview-container.is-scrollable .mobile-preview[data-v-1c2dae89],.template-preview-container.is-scrollable .web-preview[data-v-1c2dae89]{height:auto;pointer-events:auto}.template-preview-container.is-scrollable .mobile-preview-content[data-v-1c2dae89],.template-preview-container.is-scrollable .web-preview-content[data-v-1c2dae89]{height:auto;overflow:visible;pointer-events:auto}.website-manage-page .page-title[data-v-6da73813]{font-size:32px;font-weight:700}.website-manage-page .icon-code[data-v-6da73813]{width:36px;height:36px}[dir] .website-manage-page .icon-code[data-v-6da73813]{cursor:pointer}[dir] .default-card[data-v-6da73813]{background:#fff;border:1px solid #efefef;border-radius:4px;padding:16px}.template-preview-row[data-v-6da73813]{position:relative;display:flex;justify-content:center}[dir] .template-preview-row[data-v-6da73813]{margin-bottom:16px}.preview-block[data-v-6da73813]{overflow:hidden;pointer-events:none}.preview-block[data-v-6da73813],.preview-placeholder[data-v-6da73813]{color:#333;font-size:26px;font-weight:600;display:flex;align-items:center;justify-content:center}.preview-placeholder[data-v-6da73813]{width:100%;height:100%}[dir] .preview-placeholder[data-v-6da73813]{background:#f9a251}.web-preview[data-v-6da73813]{position:relative;z-index:1;width:80%;height:240px}[dir] .web-preview[data-v-6da73813]{box-shadow:0 -4px 12px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.15)}.h5-preview[data-v-6da73813]{position:absolute;bottom:-20px;width:375px;height:200px;z-index:2}[dir] .h5-preview[data-v-6da73813]{box-shadow:0 -4px 12px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.15)}[dir=ltr] .h5-preview[data-v-6da73813]{right:6%}[dir=rtl] .h5-preview[data-v-6da73813]{left:6%}.default-title[data-v-6da73813]{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center}.h5-tag[data-v-6da73813]{display:inline-block;color:#695aff;font-size:12px;font-weight:400;line-height:1.5}[dir] .h5-tag[data-v-6da73813]{border-radius:12px;background:#f3f2ff;padding:2px 10px}[dir=ltr] .h5-tag[data-v-6da73813]{margin-left:8px}[dir=rtl] .h5-tag[data-v-6da73813]{margin-right:8px}.create-time[data-v-6da73813]{font-size:14px;color:#999}[dir] .create-time[data-v-6da73813]{margin-top:8px}.library-title[data-v-6da73813]{font-size:24px;font-weight:700;color:#333}[dir] .library-title[data-v-6da73813]{margin-bottom:16px}.library-grid[data-v-6da73813]{display:flex;flex-wrap:wrap;gap:20px}.template-item[data-v-6da73813]{position:relative;transition:all .3s ease;width:200px;height:326px;display:flex;flex-direction:column;align-items:center;overflow:hidden}[dir] .template-item[data-v-6da73813]{text-align:center;border-radius:8px;border:1px solid #efefef;background:#f6f7fa}[dir] .template-item[data-v-6da73813]:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px)}[dir] .template-item:hover .template-cover[data-v-6da73813]{transform:scale(1.05)}.template-img-wrap[data-v-6da73813]{width:180px;height:240px;overflow:hidden;flex-shrink:0}[dir] .template-img-wrap[data-v-6da73813]{margin-top:10px;border-radius:8px;border:1px solid #efefef}.template-cover[data-v-6da73813]{width:100%;height:100%;transition:transform .3s ease}[dir] .template-cover[data-v-6da73813]{border-radius:8px;background-size:cover;background-position:top;background-repeat:no-repeat}.template-bottom[data-v-6da73813]{position:absolute;bottom:0;width:100%;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center}[dir] .template-bottom[data-v-6da73813]{background:#fff;border-radius:8px;box-shadow:0 -2px 10px rgba(0,0,0,.04)}[dir=ltr] .template-bottom[data-v-6da73813]{left:0}[dir=rtl] .template-bottom[data-v-6da73813]{right:0}.template-name[data-v-6da73813]{font-size:14px;font-weight:500;color:#333}[dir] .template-name[data-v-6da73813]{margin-bottom:8px}.preview-btn[data-v-6da73813]{width:100px;height:36px;line-height:36px}[dir] .preview-btn[data-v-6da73813]{border-radius:4px;padding:0}.preview-modal-wrap[data-v-6da73813]{display:flex;flex-direction:column;gap:16px}[dir] .preview-modal-wrap[data-v-6da73813]{padding:16px}.modal-template-name[data-v-6da73813]{font-size:28px;color:#333;font-weight:700}.preview-content-area[data-v-6da73813]{max-height:600px;height:600px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;-webkit-overflow-scrolling:touch}.bottom-nav-list[data-v-6da73813]{display:flex;gap:20px;justify-content:center}[dir] .bottom-nav-list[data-v-6da73813]{margin-top:16px}.switch-device-group[data-v-6da73813]{display:inline-flex;overflow:hidden}[dir] .switch-device-group[data-v-6da73813]{border-radius:4px;border:1px solid #efefef}.switch-device-btn[data-v-6da73813]{width:140px;height:38px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333}[dir] .switch-device-btn[data-v-6da73813]{border-radius:0!important;border:none!important;background-color:#fff;padding:0!important;margin:0!important}.switch-device-btn.btn-primary[data-v-6da73813]{color:#fff!important}[dir] .switch-device-btn.btn-primary[data-v-6da73813]{background-color:#695aff!important}.switch-device-btn.btn-outline-primary[data-v-6da73813]{color:#333!important}[dir] .switch-device-btn.btn-outline-primary[data-v-6da73813]{background-color:#fff!important;box-shadow:none!important}.switch-device-btn.btn-outline-primary[data-v-6da73813]:active,.switch-device-btn.btn-outline-primary[data-v-6da73813]:focus,.switch-device-btn.btn-outline-primary[data-v-6da73813]:hover{color:#333!important}[dir] .switch-device-btn.btn-outline-primary[data-v-6da73813]:active,[dir] .switch-device-btn.btn-outline-primary[data-v-6da73813]:focus,[dir] .switch-device-btn.btn-outline-primary[data-v-6da73813]:hover{background-color:#f6f7fa!important;box-shadow:none!important}.bottom-nav-item[data-v-6da73813]{width:180px;line-height:72px;color:#333}[dir] .bottom-nav-item[data-v-6da73813]{border:1px solid #dadada;border-radius:8px;background:#fff;text-align:center;cursor:pointer}[dir] .bottom-nav-item.active[data-v-6da73813]{border-color:#695aff;box-shadow:inset 0 0 0 1px #695aff}