.interactive-novel-square-skeleton[data-v-0822d637] .el-skeleton__item{animation:skeleton-loading-0822d637 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-loading-0822d637{0%{background-position:200% 0}to{background-position:-200% 0}}.interactive-novel-square-skeleton__grid[data-v-0822d637]{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media(max-width:1023px){.interactive-novel-square-skeleton__grid[data-v-0822d637]{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.interactive-novel-square-skeleton__grid[data-v-0822d637]{gap:16px;grid-template-columns:repeat(2,1fr)}}.interactive-novel-square-skeleton__card[data-v-0822d637]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:12px}.interactive-novel-card-grid[data-v-d7afa6bc]{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media(max-width:1023px){.interactive-novel-card-grid[data-v-d7afa6bc]{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.interactive-novel-card-grid[data-v-d7afa6bc]{gap:16px;grid-template-columns:repeat(2,1fr)}}.interactive-novel-card[data-v-d7afa6bc]{border-radius:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.interactive-novel-card[data-v-d7afa6bc]:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-4px)}.interactive-novel-card:hover .interactive-novel-card__bottom-info[data-v-d7afa6bc]{opacity:0}.interactive-novel-card:hover .interactive-novel-card__overlay[data-v-d7afa6bc]{opacity:1;pointer-events:auto}.interactive-novel-card__cover[data-v-d7afa6bc]{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);height:380px;overflow:hidden;position:relative;width:100%}.interactive-novel-card__img[data-v-d7afa6bc]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.interactive-novel-card__bottom-info[data-v-d7afa6bc]{background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 50%,transparent);bottom:0;display:flex;flex-direction:column;gap:4px;left:0;padding:32px 12px 10px;position:absolute;right:0;transition:opacity .3s ease;z-index:2}.interactive-novel-card__name[data-v-d7afa6bc]{color:#fff;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-novel-card__overlay[data-v-d7afa6bc]{background:linear-gradient(0deg,#000000bf 0,#00000059);display:flex;flex-direction:column;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:3}.interactive-novel-card__favorite-btn[data-v-d7afa6bc]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border:none;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s;width:34px;z-index:4}.interactive-novel-card__favorite-btn[data-v-d7afa6bc]:hover{background:#0000008c}.interactive-novel-card__hover-body[data-v-d7afa6bc]{display:flex;flex:1;flex-direction:column;gap:8px;justify-content:flex-end;padding:14px}.interactive-novel-card__intro[data-v-d7afa6bc]{color:#fffc;font-size:12px;line-height:1.5;margin:0;max-height:216px;overflow-x:hidden;overflow-y:auto}.interactive-novel-card__intro[data-v-d7afa6bc]::-webkit-scrollbar{width:6px}.interactive-novel-card__intro[data-v-d7afa6bc]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.interactive-novel-card__intro[data-v-d7afa6bc]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.interactive-novel-card__intro[data-v-d7afa6bc]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.interactive-novel-card__start-btn[data-v-d7afa6bc]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;overflow:hidden;padding:0 14px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.interactive-novel-card__start-btn[data-v-d7afa6bc]:hover{background:#000c}.interactive-novel-card__start-btn[data-v-d7afa6bc]:active{transform:scale(.95)}.role-action-btn--primary[data-v-d7afa6bc]{background:#3d97ff;color:#fff}.role-action-btn--primary[data-v-d7afa6bc]:hover{background:#2b7de9}.role-action-btn__text[data-v-d7afa6bc]{margin-left:6px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-novel-square[data-v-23e115ba]{padding:0 0 24px}.interactive-novel-square__language-tabs[data-v-23e115ba]{background:#fff;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:24px;overflow:hidden}.interactive-novel-square__language-tab[data-v-23e115ba]{background:transparent;border:0;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;min-height:48px;padding:0 12px;position:relative;transition:color .2s ease}.interactive-novel-square__language-tab.is-active[data-v-23e115ba],.interactive-novel-square__language-tab[data-v-23e115ba]:hover{color:#3d97ff}.interactive-novel-square__language-tab.is-active[data-v-23e115ba]:after{background:#3d97ff;bottom:0;content:"";height:2px;left:16px;position:absolute;right:16px}.interactive-novel-square__toolbar[data-v-23e115ba]{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.interactive-novel-square__tags[data-v-23e115ba]{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}.interactive-novel-square__tag[data-v-23e115ba]{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.interactive-novel-square__tag[data-v-23e115ba]:hover{border-color:#3d97ff;color:#3d97ff}.interactive-novel-square__tag.is-active[data-v-23e115ba]{background:#3d97ff;border-color:transparent;color:#fff}.interactive-novel-square__sort[data-v-23e115ba]{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:999px;display:flex;flex-shrink:0;padding:6px 12px}.interactive-novel-square__sort-btn[data-v-23e115ba]{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:400;padding:0;transition:color .2s ease}.interactive-novel-square__sort-btn[data-v-23e115ba]:hover{color:#374151}.interactive-novel-square__sort-btn.is-active[data-v-23e115ba]{color:#3d97ff;font-weight:500}.interactive-novel-square__sort-divider[data-v-23e115ba]{background-color:#d1d5db;display:block;height:12px;margin:0 10px;width:1px}.interactive-novel-square__empty[data-v-23e115ba]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;color:var(--color-text-secondary);font-size:14px;padding:64px 0;text-align:center}.interactive-novel-square__load-more[data-v-23e115ba]{min-height:48px}.interactive-novel-recent-dialog{display:flex;flex-direction:column;margin:10vh auto!important}.interactive-novel-recent-dialog .el-dialog__header{padding-bottom:12px}.interactive-novel-recent-dialog .el-dialog__body{flex:1;overflow-y:auto;padding:0 8px 8px 0}.interactive-novel-recent-dialog .el-dialog__body::-webkit-scrollbar{background:transparent;width:6px}.interactive-novel-recent-dialog .el-dialog__body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.interactive-novel-recent-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background:#0003}.interactive-novel-recent-card{aspect-ratio:3/4;background:#f3f4f6;border-radius:14px;min-height:220px;overflow:hidden;position:relative}.interactive-novel-recent-card__img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .3s;width:100%}.interactive-novel-recent-card:hover .interactive-novel-recent-card__img{transform:scale(1.04)}.interactive-novel-recent-card__name-only{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);bottom:0;left:0;padding:24px 12px 10px;position:absolute;right:0;transition:opacity .2s;z-index:3}.interactive-novel-recent-card:hover .interactive-novel-recent-card__name-only{opacity:0}.interactive-novel-recent-card__info{background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.5) 50%,transparent);bottom:0;left:0;opacity:0;padding:40px 12px 10px;position:absolute;right:0;transition:opacity .2s;z-index:4}.interactive-novel-recent-card:hover .interactive-novel-recent-card__info{opacity:1}.interactive-novel-recent-card__name{color:#fff;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-novel-recent-card__desc{color:#ffffffbf;display:-webkit-box;font-size:12px;line-height:1.5;margin:0 0 8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.interactive-novel-recent-card__bottom{align-items:flex-end;display:flex;gap:8px;justify-content:space-between}.interactive-novel-recent-card__stats{color:#ffffffa6;display:flex;flex-direction:column;font-size:11px;gap:2px}.interactive-novel-recent-card__stat{align-items:center;display:inline-flex;gap:4px}.interactive-novel-recent-card__stat .el-icon{color:#ffffffb3;font-size:12px}.interactive-novel-recent-card__btn{background:#3d97ff;border:none;border-radius:9999px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;height:28px;padding:0 14px;transition:background .2s}.interactive-novel-recent-card__btn:hover{background:#2b7ce9}.interactive-novel-recent-card__btn:active{transform:scale(.96)}.interactive-novel-recent-card__delete{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:background .2s,opacity .2s;width:24px;z-index:10}.interactive-novel-recent-card:focus-within .interactive-novel-recent-card__delete,.interactive-novel-recent-card:hover .interactive-novel-recent-card__delete{opacity:1}.interactive-novel-recent-card__delete:hover{background:#000c}.interactive-novel-recent-card__delete .el-icon{font-size:14px}.interactive-novel-favorite-dialog{display:flex;flex-direction:column;margin:10vh auto!important}.interactive-novel-favorite-dialog .el-dialog__header{padding-bottom:12px}.interactive-novel-favorite-dialog .el-dialog__body{flex:1;overflow-y:auto;padding:0 8px 8px 0}.interactive-novel-favorite-dialog .el-dialog__body::-webkit-scrollbar{background:transparent;width:6px}.interactive-novel-favorite-dialog .el-dialog__body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.interactive-novel-favorite-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background:#0003}.interactive-novel-favorite-card{aspect-ratio:3/4;background:#f3f4f6;border-radius:14px;min-height:220px;overflow:hidden;position:relative}.interactive-novel-favorite-card__img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .3s;width:100%}.interactive-novel-favorite-card:hover .interactive-novel-favorite-card__img{transform:scale(1.04)}.interactive-novel-favorite-card__name-only{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);bottom:0;left:0;padding:24px 12px 10px;position:absolute;right:0;transition:opacity .2s;z-index:3}.interactive-novel-favorite-card:hover .interactive-novel-favorite-card__name-only{opacity:0}.interactive-novel-favorite-card__info{background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.5) 50%,transparent);bottom:0;left:0;opacity:0;padding:40px 12px 10px;position:absolute;right:0;transition:opacity .2s;z-index:4}.interactive-novel-favorite-card:hover .interactive-novel-favorite-card__info{opacity:1}.interactive-novel-favorite-card__name{color:#fff;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-novel-favorite-card__desc{color:#ffffffbf;display:-webkit-box;font-size:12px;line-height:1.5;margin:0 0 8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.interactive-novel-favorite-card__bottom{align-items:flex-end;display:flex;gap:8px;justify-content:space-between}.interactive-novel-favorite-card__stats{color:#ffffffa6;display:flex;flex-direction:column;font-size:11px;gap:2px}.interactive-novel-favorite-card__stat{align-items:center;display:inline-flex;gap:4px}.interactive-novel-favorite-card__stat .el-icon{color:#ffffffb3;font-size:12px}.interactive-novel-favorite-card__btn{background:#3d97ff;border:none;border-radius:9999px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;height:28px;padding:0 14px;transition:background .2s}.interactive-novel-favorite-card__btn:hover{background:#2b7ce9}.interactive-novel-favorite-card__btn:active{transform:scale(.96)}.interactive-novel-square-toolbar[data-v-f15a8774]{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;margin-top:20px}@media(min-width:1024px){.interactive-novel-square-toolbar[data-v-f15a8774]{align-items:stretch;flex-direction:row}}.interactive-novel-square-toolbar__left[data-v-f15a8774]{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}@media(min-width:1024px){.interactive-novel-square-toolbar__left[data-v-f15a8774]{flex-shrink:0;max-width:none;width:-moz-max-content;width:max-content}}.interactive-novel-square-toolbar__cards[data-v-f15a8774]{display:flex;gap:12px;max-width:100%;width:-moz-max-content;width:max-content}.interactive-novel-square-search[data-v-f15a8774] .el-input__wrapper{border-radius:999px;box-shadow:0 1px 2px #0000000d}.interactive-novel-square-search.interactive-novel-square-search--toolbar-left[data-v-f15a8774] .el-input__wrapper{padding:4px 8px}.interactive-novel-square-search.interactive-novel-square-search--toolbar-left[data-v-f15a8774] .el-input__inner{font-size:12px}.interactive-novel-square-search-icon[data-v-f15a8774]{color:#3d97ff}.interactive-novel-square-search-submit[data-v-f15a8774]{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;margin:0;outline:none;padding:0}.interactive-novel-square-search-submit[data-v-f15a8774]:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #3d97ff73}.interactive-novel-square-card[data-v-f15a8774]{align-items:center;background:linear-gradient(180deg,#eef6ff,#e3f0ff);border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;margin:0;min-width:116px;outline:none;padding:10px 12px;transition:background .2s ease,transform .2s ease;width:-moz-max-content;width:max-content}@media(max-width:1023px){.interactive-novel-square-card[data-v-f15a8774]{min-width:0;width:100%}}.interactive-novel-square-card[data-v-f15a8774]:hover{background:linear-gradient(180deg,#dbeafe,#bfdbfe)}.interactive-novel-square-card:hover .create-card__icon[data-v-f15a8774]{background-color:#2563eb}.interactive-novel-square-card:hover .create-card__title[data-v-f15a8774]{color:#2563eb}.interactive-novel-square-card:hover .create-card__sub[data-v-f15a8774]{color:#475569}.interactive-novel-square-card[data-v-f15a8774]:active{transform:scale(.98)}.interactive-novel-square-card[data-v-f15a8774]:focus-visible{box-shadow:0 0 0 2px #3d97ff}.interactive-novel-square-card__icon[data-v-f15a8774]{align-items:center;background-color:#3d97ff;border-radius:999px;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.interactive-novel-square-card__plus[data-v-f15a8774]{color:#fff;font-size:18px}.interactive-novel-square-card__title[data-v-f15a8774]{color:#3d97ff;font-size:14px;font-weight:700;line-height:1.2;transition:color .2s ease}.interactive-novel-square-card__sub[data-v-f15a8774]{color:#64748b;font-size:11px;font-weight:400;line-height:1.2;text-align:center;transition:color .2s ease}.interactive-novel-square-toolbar__recent[data-v-f15a8774]{align-items:stretch;background-color:#fff;border-radius:8px;box-sizing:border-box;display:flex;flex:1;flex-direction:column;flex-wrap:nowrap;padding:12px 16px;width:100%}.interactive-novel-square-recent-head[data-v-f15a8774]{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;width:100%}.interactive-novel-square-recent-title[data-v-f15a8774]{color:#3b82f6;font-size:14px;line-height:1.25}.interactive-novel-square-recent-more[data-v-f15a8774]{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;gap:2px;margin:0;padding:0}.interactive-novel-square-recent-more i[data-v-f15a8774]{font-size:12px}.interactive-novel-square-recent-more[data-v-f15a8774]:hover,.interactive-novel-square-recent-more:hover .iconfont[data-v-f15a8774]{color:#3d97ff}.interactive-novel-square-recent-more[data-v-f15a8774]:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #3d97ff73;outline:none}.interactive-novel-square-recent-list[data-v-f15a8774]{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;overflow-x:auto;overflow-y:clip;padding:12px 0 4px;width:100%}.interactive-novel-square-recent-list[data-v-f15a8774]::-webkit-scrollbar{height:4px}.interactive-novel-square-recent-list[data-v-f15a8774]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.interactive-novel-square-recent-card[data-v-f15a8774]{background:transparent;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;margin:0;outline:none;padding:0;position:relative}.interactive-novel-square-recent-card[data-v-f15a8774]:focus-visible{box-shadow:0 0 0 2px #3d97ff}.interactive-novel-square-recent-card[data-v-f15a8774]:hover{transform:scale(1.06)}.interactive-novel-square-recent-card__inner[data-v-f15a8774]{background-color:#f3f4f6;border-radius:12px;height:80px;overflow:hidden;position:relative;width:62px}.interactive-novel-square-recent-card__img[data-v-f15a8774]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.interactive-novel-square-recent-card__name[data-v-f15a8774]{background:linear-gradient(0deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.35) 70%,transparent);border-radius:16px;bottom:0;color:#fff;font-size:10px;font-weight:600;left:0;line-height:1.15;margin:3px;opacity:0;overflow:hidden;padding:4px;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.interactive-novel-square-recent-card:focus-visible .interactive-novel-square-recent-card__name[data-v-f15a8774],.interactive-novel-square-recent-card:hover .interactive-novel-square-recent-card__name[data-v-f15a8774]{opacity:1}.interactive-novel-square-recent-empty[data-v-f15a8774]{color:#9ca3af;font-size:12px;padding:16px 0;text-align:center}.interactive-novel-square-toolbar-skeleton[data-v-f15a8774]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;margin-top:20px}@media(min-width:1024px){.interactive-novel-square-toolbar-skeleton[data-v-f15a8774]{align-items:stretch;flex-direction:row}}.interactive-novel-square-toolbar-skeleton__left[data-v-f15a8774]{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}@media(min-width:1024px){.interactive-novel-square-toolbar-skeleton__left[data-v-f15a8774]{flex-shrink:0;width:160px}}.interactive-novel-square-toolbar-skeleton__search[data-v-f15a8774]{animation:pulse-f15a8774 1.5s infinite;background:#f3f4f6;border-radius:8px;height:32px;width:100%}.interactive-novel-square-toolbar-skeleton__card[data-v-f15a8774]{animation:pulse-f15a8774 1.5s infinite;background:#f3f4f6;border-radius:12px;height:80px;width:116px}.interactive-novel-square-toolbar-skeleton__right[data-v-f15a8774]{background:#fff;border-radius:8px;flex:1;min-width:0;padding:12px 16px}.interactive-novel-square-toolbar-skeleton__recent-title[data-v-f15a8774]{animation:pulse-f15a8774 1.5s infinite;background:#f3f4f6;border-radius:4px;height:16px;margin-bottom:8px;width:80px}.interactive-novel-square-toolbar-skeleton__recent-list[data-v-f15a8774]{display:flex;gap:12px;overflow:hidden}.interactive-novel-square-toolbar-skeleton__recent-item[data-v-f15a8774]{animation:pulse-f15a8774 1.5s infinite;background:#f3f4f6;border-radius:12px;flex-shrink:0;height:80px;width:62px}@keyframes pulse-f15a8774{0%,to{opacity:1}50%{opacity:.5}}.interactive-novel-recommend-dialog{border-radius:18px;max-width:calc(100vw - 32px)}.interactive-novel-recommend-dialog .el-dialog__header{margin-right:0;padding:20px 24px 8px}.interactive-novel-recommend-dialog .el-dialog__body{padding:16px 24px 24px}.interactive-novel-recommend-dialog.el-dialog{margin-top:15vh!important}.interactive-novel-recommend-dialog__header{display:flex;justify-content:center;min-height:34px;position:relative}.interactive-novel-recommend-dialog__title-group{align-items:center;display:inline-flex;gap:10px}.interactive-novel-recommend-dialog__title-group h2{color:#111827;font-size:24px;font-weight:700;line-height:34px;margin:0}.interactive-novel-recommend-dialog__close,.interactive-novel-recommend-dialog__refresh{align-items:center;background:transparent;border:0;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center}.interactive-novel-recommend-dialog__refresh{font-size:22px;height:30px;padding:0;width:30px}.interactive-novel-recommend-dialog__refresh:hover{color:#111827}.interactive-novel-recommend-dialog__refresh .is-refreshing{animation:interactive-novel-recommend-rotate .5s linear}.interactive-novel-recommend-dialog__close{border-radius:8px;font-size:20px;height:32px;position:absolute;right:-4px;top:0;width:32px}.interactive-novel-recommend-dialog__close:hover{background:#f3f4f6;color:#111827}.interactive-novel-recommend-dialog__cards{min-height:280px}.interactive-novel-recommend-card-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media(max-width:1023px){.interactive-novel-recommend-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.interactive-novel-recommend-card-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}.interactive-novel-recommend-card-grid{gap:16px}.interactive-novel-recommend-card{border-radius:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.interactive-novel-recommend-card:hover{box-shadow:0 12px 28px #0000001f}.interactive-novel-recommend-card:hover .interactive-novel-recommend-card__img{transform:scale(1.04)}.interactive-novel-recommend-card:hover .interactive-novel-recommend-card__bottom-info{opacity:0}.interactive-novel-recommend-card:hover .interactive-novel-recommend-card__overlay{opacity:1;pointer-events:auto}.interactive-novel-recommend-card__cover{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);height:380px;overflow:hidden;position:relative;width:100%}.interactive-novel-recommend-card__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.interactive-novel-recommend-card__bottom-info{background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 50%,transparent);bottom:0;display:flex;flex-direction:column;gap:4px;left:0;padding:32px 12px 10px;position:absolute;right:0;transition:opacity .3s ease;z-index:2}.interactive-novel-recommend-card__name{color:#fff;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-novel-recommend-card__overlay{background:linear-gradient(0deg,#000000bf 0,#00000059);display:flex;flex-direction:column;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:3}.interactive-novel-recommend-card__favorite-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border:none;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s;width:34px;z-index:4}.interactive-novel-recommend-card__favorite-btn:hover{background:#0000008c}.interactive-novel-recommend-card__hover-body{display:flex;flex:1;flex-direction:column;gap:8px;justify-content:flex-end;padding:14px}.interactive-novel-recommend-card__intro{color:#fffc;font-size:12px;line-height:1.5;margin:0;max-height:216px;overflow-x:hidden;overflow-y:auto}.interactive-novel-recommend-card__intro::-webkit-scrollbar{width:6px}.interactive-novel-recommend-card__intro::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.interactive-novel-recommend-card__intro::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.interactive-novel-recommend-card__intro::-webkit-scrollbar-thumb:hover{background:#ffffff80}.interactive-novel-recommend-card__start-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;overflow:hidden;padding:0 14px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.interactive-novel-recommend-card__start-btn:hover{background:#000c}.interactive-novel-recommend-card__start-btn:active{transform:scale(.95)}.interactive-novel-recommend-card__start-btn.role-action-btn--primary{background:#3d97ff;color:#fff}.interactive-novel-recommend-card__start-btn.role-action-btn--primary:hover{background:#2b7de9}.interactive-novel-recommend-card__start-btn .role-action-btn__text{margin-left:6px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-novel-recommend-dialog__empty{align-items:center;color:#9ca3af;display:flex;font-size:14px;justify-content:center;min-height:280px}@keyframes interactive-novel-recommend-rotate{to{transform:rotate(1turn)}}@media(max-width:760px){.interactive-novel-recommend-dialog .el-dialog__header{padding:16px 16px 8px}.interactive-novel-recommend-dialog .el-dialog__body{padding:12px 16px 16px}.interactive-novel-recommend-dialog__title-group h2{font-size:20px}.interactive-novel-recommend-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.interactive-novel-square-page[data-v-83151beb]{background-color:#fff;height:calc(100vh - var(--top-header-height));padding-top:48px;width:100%}.interactive-novel-square-header[data-v-83151beb]{background-color:#fff;border-bottom:1px solid #e5e7eb;height:48px;padding:0;position:fixed;right:0;top:var(--top-header-height);transition:left .3s ease;z-index:100}.interactive-novel-square-header>div[data-v-83151beb]{width:100%}.interactive-novel-square-header__title[data-v-83151beb]{color:#111827;font-size:16px;font-weight:500}.interactive-novel-square-back-button[data-v-83151beb]{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;display:flex;height:36px;justify-content:center;position:fixed;top:calc(var(--top-header-height) + 60px);transition:left .3s ease;width:36px;z-index:100}.interactive-novel-square-back-button i[data-v-83151beb]{color:#0009;font-weight:600;transform:rotate(180deg)}.interactive-novel-square-back-button[data-v-83151beb]:hover{box-shadow:0 8px 24px #0000001f;cursor:pointer}.interactive-novel-square-back-button[data-v-83151beb]:active{transform:translateY(2px)}.interactive-novel-square-container[data-v-83151beb]{margin:0 auto;max-width:80rem;padding:24px 16px;position:relative}.interactive-novel-promo-banner[data-v-83151beb]{align-items:center;background-image:url(./nav_bg.CYkmp294.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:flex;justify-content:center;min-height:48px;overflow:hidden;padding:0 24px}.interactive-novel-promo-banner__text[data-v-83151beb]{color:#fff;font-size:15px;font-weight:700;line-height:48px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(184,72,0,.35);white-space:nowrap}@media(max-width:768px){.interactive-novel-promo-banner[data-v-83151beb]{padding:0 12px}.interactive-novel-promo-banner__text[data-v-83151beb]{font-size:12px}}