.word-list-container[data-v-1dc11523]{align-items:center;box-sizing:border-box;display:flex;height:100vh;overflow:hidden;padding-top:64px}.word-list-container .left-menu[data-v-1dc11523]{background-color:#fff;border-right:1px solid #e5e7eb;height:100%;overflow-y:auto;padding:20px;width:300px}.word-list-container .left-menu .menu-section[data-v-1dc11523]{margin-bottom:20px}.word-list-container .left-menu .menu-section .menu-header[data-v-1dc11523]{align-items:center;cursor:pointer;display:flex;padding:12px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-list-container .left-menu .menu-section .menu-header .menu-icon[data-v-1dc11523]{align-items:center;display:flex;height:16px;justify-content:center;margin-right:8px;width:16px}.word-list-container .left-menu .menu-section .menu-header .menu-title[data-v-1dc11523]{color:#374151;flex:1;font-size:16px;font-weight:500;line-height:26px}.word-list-container .left-menu .menu-section .menu-header .arrow-icon[data-v-1dc11523]{color:#9ca3af;height:16px;transition:transform .2s;width:16px}.word-list-container .left-menu .menu-section .menu-header .arrow-icon.rotated[data-v-1dc11523]{transform:rotate(180deg)}.word-list-container .left-menu .menu-section .menu-header:hover .menu-title[data-v-1dc11523]{color:#303133}.word-list-container .left-menu .menu-section .menu-items[data-v-1dc11523]{padding-left:28px}.word-list-container .left-menu .menu-section .menu-items .menu-item[data-v-1dc11523]{border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;margin:4px 0;padding:8px 12px;transition:all .2s}.word-list-container .left-menu .menu-section .menu-items .menu-item[data-v-1dc11523]:hover{background-color:#f3f4f6;color:#374151}.word-list-container .left-menu .menu-section .menu-items .menu-item.active[data-v-1dc11523]{background-color:#e6f0ff;color:#165dff;font-weight:500}.word-list-container .right-template-list[data-v-1dc11523]{align-content:flex-start;background-color:#f3f5fa;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;height:100%;overflow-y:auto;padding:20px 30px;width:100%}.word-list-container .right-template-list .template-item[data-v-1dc11523]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;cursor:pointer;min-width:240px;overflow:hidden;transition:all .3s;width:calc(25% - 15px)}.word-list-container .right-template-list .template-item[data-v-1dc11523]:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.word-list-container .right-template-list .template-item:hover .template-mask[data-v-1dc11523]{display:flex}.word-list-container .right-template-list .template-item .template-card-img[data-v-1dc11523]{background:#f5f5f5;border-bottom:1px solid #e5e7eb;overflow:hidden;position:relative;width:100%}.word-list-container .right-template-list .template-item .template-card-img img[data-v-1dc11523]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.word-list-container .right-template-list .template-item .template-card-img .hot-badge[data-v-1dc11523]{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px;position:absolute;right:12px;top:12px}.word-list-container .right-template-list .template-item .template-card-img .hot-badge .hot-icon[data-v-1dc11523]{height:14px;width:14px}.word-list-container .right-template-list .template-item .template-card-img .template-mask[data-v-1dc11523]{align-items:center;background-color:#00000080;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.word-list-container .right-template-list .template-item .template-card-img .template-mask img[data-v-1dc11523]{height:32px;width:32px}.word-list-container .right-template-list .template-item .template-card-img .template-mask .mask-text[data-v-1dc11523]{color:#fff;font-size:16px;font-weight:500;margin-top:4px}.word-list-container .right-template-list .template-item .template-info[data-v-1dc11523]{padding:16px}.word-list-container .right-template-list .template-item .template-info .template-title[data-v-1dc11523]{color:#303133;font-size:16px;font-weight:600;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-list-container .right-template-list .template-item .template-info .template-meta[data-v-1dc11523]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.word-list-container .right-template-list .template-item .template-info .template-meta .template-tags[data-v-1dc11523]{display:flex;flex-wrap:wrap;gap:6px}.word-list-container .right-template-list .template-item .template-info .template-meta .template-tags .tag[data-v-1dc11523]{background:#f0f2f5;border-radius:4px;color:#606266;font-size:12px;padding:2px 8px}.word-list-container .right-template-list .template-item .template-info .template-meta .template-stats[data-v-1dc11523]{align-items:center;color:#909399;display:flex;font-size:12px;gap:16px}.word-list-container .right-template-list .template-item .template-info .template-meta .template-stats .download-count[data-v-1dc11523]{align-items:center;display:flex;gap:4px}.word-list-container .right-template-list .template-item .template-info .template-meta .template-stats .download-count .stat-icon[data-v-1dc11523]{color:#909399;height:14px;width:14px}.word-list-container .right-template-list .template-item .template-info .template-meta .template-stats .file-size[data-v-1dc11523]{align-items:center;display:flex}.word-list-container .right-template-list .template-item .template-info .template-intro[data-v-1dc11523]{color:#606266;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.word-list-container .right-template-list .loading[data-v-1dc11523]{align-items:center;color:#909399;display:flex;flex-direction:column;height:200px;justify-content:center;width:100%}.word-list-container .right-template-list .loading .loading-spinner[data-v-1dc11523]{animation:spin-1dc11523 .8s linear infinite;border:3px solid #f0f2f5;border-radius:50%;border-top-color:#165dff;height:40px;margin-bottom:12px;width:40px}@keyframes spin-1dc11523{to{transform:rotate(1turn)}}.word-list-container .right-template-list .empty-state[data-v-1dc11523]{align-items:center;color:#909399;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.word-list-container .right-template-list .empty-state .empty-icon[data-v-1dc11523]{height:80px;margin-bottom:16px;opacity:.5;width:80px}.word-list-container .right-template-list .empty-state p[data-v-1dc11523]{font-size:16px}@media (max-width:1400px){.word-list-container .right-template-list .template-item[data-v-1dc11523]{width:calc(33.333% - 14px)}}@media (max-width:768px){.word-list-container[data-v-1dc11523]{padding-top:52px}.word-list-container .left-menu[data-v-1dc11523]{height:calc(100vh - 52px);left:0;padding:8px 4px;position:fixed;top:52px;width:110px;z-index:10}.word-list-container .left-menu .menu-section .menu-header[data-v-1dc11523]{padding:8px 4px}.word-list-container .left-menu .menu-section .menu-header .menu-icon[data-v-1dc11523]{height:14px;margin:0 2px;width:14px}.word-list-container .left-menu .menu-section .menu-header .menu-title[data-v-1dc11523]{font-size:13px}.word-list-container .left-menu .menu-section .menu-header .arrow-icon[data-v-1dc11523]{height:14px;width:14px}.word-list-container .left-menu .menu-section .menu-items[data-v-1dc11523]{padding-left:6px}.word-list-container .left-menu .menu-section .menu-items .menu-item[data-v-1dc11523]{font-size:13px;padding:6px 8px}.word-list-container .right-template-list[data-v-1dc11523]{margin-left:110px;padding:10px;width:calc(100% - 110px)}.word-list-container .right-template-list .template-item[data-v-1dc11523]{min-width:auto;width:100%}}