.recommend-container[data-v-09cdca4a]{min-height:100vh}.recommend-content[data-v-09cdca4a]{border-top:1px solid #ff5f00;margin:0 auto;max-width:1200px;padding:2rem}.recommend-title[data-v-09cdca4a]{color:#ff5f00;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.question-card[data-v-09cdca4a]{background:#0000004d;border:1px solid rgba(255,95,0,.2);border-radius:8px;box-shadow:0 2px 8px #0003;margin:0 auto;max-width:800px;padding:2rem}.options-grid[data-v-09cdca4a]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:2rem 0}.option-button[data-v-09cdca4a]{background:#262626;border:2px solid #343434;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:1rem;transition:all .3s ease}.option-button[data-v-09cdca4a]:hover{border-color:#ff5f00}.option-button.selected[data-v-09cdca4a]{background:#ff5f00;border-color:#ff5f00;color:#fff}h2[data-v-09cdca4a]{color:#fff;font-size:1.5rem;margin-bottom:1rem}.navigation-buttons[data-v-09cdca4a]{display:flex;justify-content:space-between;margin-top:2rem}.nav-button[data-v-09cdca4a]{background:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.nav-button[data-v-09cdca4a]:hover{background:#ff7b33}.nav-button[data-v-09cdca4a]:disabled{cursor:not-allowed;opacity:.5}.results-section[data-v-09cdca4a]{margin:0 auto;max-width:1200px}.recommend-page-grid[data-v-09cdca4a]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px}.recommend-page-item[data-v-09cdca4a]{background-color:var(--background-color-secondary,#f9f9f9);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.recommend-page-item[data-v-09cdca4a]:hover{box-shadow:0 10px 20px #0000001a;transform:scale(1.05);z-index:10}.recommend-page-image-wrapper[data-v-09cdca4a]{overflow:hidden;padding-top:150%;position:relative;width:100%}.recommend-page-image-wrapper img[data-v-09cdca4a]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.recommend-page-image-wrapper img.loaded[data-v-09cdca4a]{opacity:1}.recommend-page-info[data-v-09cdca4a]{display:flex;flex-direction:column;padding:12px}.recommend-page-info h3[data-v-09cdca4a]{color:var(--text-color,#333);font-size:1em;-webkit-line-clamp:2}.recommend-page-info h3[data-v-09cdca4a],.recommend-page-info h4[data-v-09cdca4a]{display:-webkit-box;margin:0 0 8px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recommend-page-info h4[data-v-09cdca4a]{color:var(--text-color-secondary,#666);font-size:.8em;-webkit-line-clamp:1}.recommend-page-info .stats[data-v-09cdca4a]{align-items:center;display:flex;gap:8px;margin-bottom:8px}.recommend-page-info .score[data-v-09cdca4a]{color:#f5c518;font-size:.9em;font-weight:600}.recommend-page-info .type[data-v-09cdca4a]{background-color:#0000001a;border-radius:10px;color:var(--text-color,#333);font-size:.75em;padding:2px 6px}.recommend-page-info .episodes[data-v-09cdca4a]{color:var(--text-color-secondary,#666);font-size:.8em}.recommend-page-info .genres[data-v-09cdca4a]{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.recommend-page-info .genre-tag[data-v-09cdca4a]{background-color:var(--background-color-secondary,#444);border-radius:10px;color:var(--text-color-secondary,#666);font-size:.7em;padding:1px 6px;white-space:nowrap}.dark .recommend-page-item[data-v-09cdca4a]{background-color:#1a1a1a;border-color:#333}.dark .recommend-page-info h3[data-v-09cdca4a]{color:#fff}.dark .recommend-page-info h4[data-v-09cdca4a]{color:#b0b0b0}.dark .recommend-page-info .type[data-v-09cdca4a]{background-color:#ffffff1a;color:#fff}@media (max-width:768px){.recommend-page-grid[data-v-09cdca4a]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.recommend-page-info h3[data-v-09cdca4a]{font-size:.9em}}.button-container[data-v-09cdca4a]{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.show-more-button[data-v-09cdca4a]{background:#ff5f0033;border:1px solid #ff5f00;border-radius:4px;color:#ff5f00;cursor:pointer;display:block;font-weight:500;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.show-more-button[data-v-09cdca4a]:hover{background:#ff5f004d}.show-more-button[data-v-09cdca4a]:disabled{cursor:not-allowed;opacity:.5}.loading-more[data-v-09cdca4a]{align-items:center;display:flex;flex-direction:column;margin:1rem 0}.loading-more .loading-spinner-container[data-v-09cdca4a]{height:30px;margin-bottom:.5rem;width:30px}.loading-more .loading-text[data-v-09cdca4a]{color:#ff5f00;font-size:.9rem}.lucky-button[data-v-09cdca4a]{background:linear-gradient(45deg,#ff5f00,#ff8f00);border:none;border-radius:8px;box-shadow:0 4px 12px #ff5f0033;color:#fff;cursor:pointer;display:none;font-size:1.1rem;font-weight:500;margin:0 auto 2rem;padding:1rem 2rem;transition:all .3s ease}.lucky-button[data-v-09cdca4a]:hover{box-shadow:0 6px 16px #ff5f004d;transform:translateY(-2px)}.lucky-button[data-v-09cdca4a]:active{transform:translateY(0)}.lucky-button[data-v-09cdca4a]:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner-small[data-v-09cdca4a]{animation:spin-09cdca4a 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;margin:0 auto;width:20px}@keyframes spin-09cdca4a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.notification-toast[data-v-09cdca4a]{background-color:#ff5f00;border-radius:8px;box-shadow:0 4px 12px #ff5f004d;color:#fff;font-weight:500;left:50%;max-width:90%;opacity:0;padding:12px 24px;pointer-events:none;position:fixed;text-align:center;top:20px;transform:translate(-50%);transition:opacity .3s ease;z-index:1000}.notification-toast.show[data-v-09cdca4a]{opacity:1}.start-over-button[data-v-09cdca4a]{background:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:500;margin:2rem auto;padding:1rem 2rem;transition:all .3s ease}.start-over-button[data-v-09cdca4a]:hover{background:#ff7b33}.error-message[data-v-09cdca4a]{background:#ff44441a;border-radius:8px;color:#f44;margin:1rem 0;padding:2rem;text-align:center}