.quiz-detail[data-v-bf79f355]{min-height:100vh;background:#fff;padding:20px 0}.quiz-container[data-v-bf79f355]{display:flex;gap:30px;max-width:1200px;margin:0 auto}.quiz-main[data-v-bf79f355]{flex:1;padding:10px 30px 30px}.quiz-category-badge[data-v-bf79f355]{display:inline-block;background:#ff005b;padding:5px 25px;transform:skew(-10deg);margin-bottom:15px;position:relative;z-index:1}.quiz-category-badge span[data-v-bf79f355]{display:inline-block;transform:skew(10deg);color:#fff;font-size:17.6px;font-weight:700;text-transform:uppercase}.quiz-title[data-v-bf79f355]{font-size:32px;font-weight:700;color:#222;line-height:1.3;margin:0 0 15px}.quiz-meta[data-v-bf79f355]{display:flex;gap:15px;align-items:center;margin-bottom:20px;font-size:14px;color:#666}.quiz-author[data-v-bf79f355]{font-weight:600}.quiz-hero-image[data-v-bf79f355]{width:100%;margin-bottom:25px}.quiz-hero-image img[data-v-bf79f355]{width:100%;height:auto;object-fit:contain;border-radius:0;display:block}.start-quiz-btn[data-v-bf79f355]{width:100%;padding:16px 30px;background:#1e90ff;color:#fff;border:none;border-radius:0;font-size:18px;font-weight:700;cursor:pointer;transition:background .3s;margin-bottom:30px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.start-quiz-btn .arrow-down[data-v-bf79f355]{width:20px;height:20px;flex-shrink:0}.start-quiz-btn[data-v-bf79f355]:hover{background:#1873cc}.quiz-content[data-v-bf79f355]{margin-top:20px}.questions-list[data-v-bf79f355]{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}.question-container[data-v-bf79f355]{margin-bottom:0;background:#fff;padding:30px;border:1px solid #e0e0e0;position:relative}.question-container.locked[data-v-bf79f355]{opacity:.6;pointer-events:none}.question-lock-overlay[data-v-bf79f355]{position:absolute;inset:0;background:#c8c8c84d;z-index:10}.question-number[data-v-bf79f355]{font-weight:700;color:#666;text-transform:uppercase}.current-question[data-v-bf79f355]{color:#ff6b00;font-weight:700}.question-text[data-v-bf79f355]{font-size:22px;font-weight:600;color:#ff6b00;margin:0 0 25px;line-height:1.4}.options-container[data-v-bf79f355]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:0}.option-btn[data-v-bf79f355]{display:flex;align-items:center;justify-content:center;padding:15px 20px;background:#fff;border:2px solid #e9ecef;border-radius:0;cursor:pointer;transition:all .2s;text-align:center;box-shadow:0 2px 8px #00000014}.option-btn.disabled[data-v-bf79f355]{opacity:.5;cursor:not-allowed;box-shadow:none}.option-btn[data-v-bf79f355]:hover:not(.disabled){border-color:#1e90ff;background:#1e90ff;color:#fff;box-shadow:0 4px 12px #1e90ff4d}.option-btn:hover:not(.disabled) .option-text[data-v-bf79f355]{color:#fff;font-weight:600}.option-btn.selected[data-v-bf79f355]{border-color:#1e90ff;background:#1e90ff;color:#fff;box-shadow:0 4px 12px #1e90ff4d}.option-btn.selected .option-text[data-v-bf79f355]{color:#fff;font-weight:600}.option-text[data-v-bf79f355]{font-size:16px;color:#333;font-weight:500}.submit-section[data-v-bf79f355]{margin-top:40px;text-align:center}.see-result-btn[data-v-bf79f355]{padding:18px 50px;background:#ff005b;color:#fff;border:none;border-radius:0;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase}.see-result-btn[data-v-bf79f355]:hover{background:#e60050;box-shadow:0 4px 12px #ff005b4d}.related-tags-section[data-v-bf79f355]{margin:40px 0}.thick-divider[data-v-bf79f355]{height:4px;background:#222;margin-bottom:20px}.related-tags-title[data-v-bf79f355]{font-size:14px;font-weight:700;color:#222;margin:0 0 12px;text-transform:uppercase}.tags-list[data-v-bf79f355]{display:flex;flex-wrap:wrap;gap:10px}.tag-item[data-v-bf79f355]{display:inline-block;padding:6px 14px;background:#f0f0f0;color:#555;font-size:13px;font-weight:600;border-radius:0;transition:background .2s,color .2s;text-decoration:none;cursor:pointer}.tag-item[data-v-bf79f355]:hover{background:#1e90ff;color:#fff}.result-container[data-v-bf79f355]{padding:20px 0}.result-hero[data-v-bf79f355]{margin-bottom:30px}.result-name[data-v-bf79f355]{font-size:24px;font-weight:700;color:#222;margin:0 0 10px}.result-desc[data-v-bf79f355]{font-size:16px;color:#333;line-height:1.5;margin:0}.result-category-tag[data-v-bf79f355]{display:inline-flex;align-items:center;gap:4px;background:#1e90ff;color:#fff;font-size:13px;font-weight:600;padding:4px 12px;border-radius:20px;margin-left:6px;vertical-align:middle}.result-category-tag i[data-v-bf79f355]{font-size:12px}.test-again-section[data-v-bf79f355]{margin-bottom:30px;text-align:center}.test-again-btn[data-v-bf79f355]{padding:14px 40px;background:#1e90ff;color:#fff;border:none;border-radius:0;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase}.test-again-btn[data-v-bf79f355]:hover{background:#1873cc;box-shadow:0 4px 12px #1e90ff4d}.reactions-section[data-v-bf79f355]{margin-bottom:30px}.reactions-title[data-v-bf79f355]{font-size:20px;font-weight:700;color:#222;margin:0 0 15px}.reactions-list[data-v-bf79f355]{display:flex;gap:20px;flex-wrap:wrap}.reaction-btn[data-v-bf79f355]{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s}.reaction-btn[data-v-bf79f355]:hover{transform:scale(1.15)}.reaction-emoji[data-v-bf79f355]{font-size:32px;line-height:1}.reaction-count[data-v-bf79f355]{font-size:13px;color:#666;font-weight:500}.share-section[data-v-bf79f355]{display:flex;align-items:center;gap:15px}.share-title[data-v-bf79f355]{font-size:20px;font-weight:700;color:#222;margin:0}.share-buttons[data-v-bf79f355]{display:flex;gap:10px}.share-circle[data-v-bf79f355]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:transform .2s,opacity .2s}.share-circle[data-v-bf79f355]:hover{transform:scale(1.1);opacity:.9}.share-circle i[data-v-bf79f355]{font-size:18px}.quiz-sidebar[data-v-bf79f355]{width:320px;flex-shrink:0}.sidebar-title-wrapper[data-v-bf79f355]{text-align:center;margin-bottom:15px;position:relative;z-index:1}.sidebar-title-wrapper[data-v-bf79f355]:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000;z-index:0}.sidebar-title[data-v-bf79f355]{font-size:17.6px;font-weight:700;color:#fff;background:#ff005b;padding:5px 25px;border-radius:0;text-align:center;display:inline-block;margin:0;transform:skew(-10deg);position:relative;z-index:2}.sidebar-title span[data-v-bf79f355]{display:inline-block;transform:skew(10deg)}.sidebar-list[data-v-bf79f355]{list-style:none;padding:0;margin:0}.sidebar-item[data-v-bf79f355]{display:flex;gap:0;padding:10px 0;border-bottom:1px solid #f0f0f0;transition:background .2s;align-items:stretch;overflow:hidden;text-decoration:none}.sidebar-item[data-v-bf79f355]:hover{background:#fafafa}.sidebar-item-image[data-v-bf79f355]{width:50%;height:120px;flex-shrink:0;overflow:hidden}.sidebar-item-image img[data-v-bf79f355]{width:100%;height:100%;object-fit:cover;transition:filter .3s ease;filter:brightness(.85)}.sidebar-item:hover .sidebar-item-image img[data-v-bf79f355]{filter:brightness(1.15)}.sidebar-item-info[data-v-bf79f355]{width:50%;padding:0 15px;display:flex;flex-direction:column;gap:6px;justify-content:center}.sidebar-item-category[data-v-bf79f355]{font-size:11px;font-weight:600;text-transform:uppercase}.sidebar-item-info h4[data-v-bf79f355]{font-size:14px;font-weight:600;color:#333;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.you-may-like-section[data-v-bf79f355]{margin-top:50px}.section-title-wrapper[data-v-bf79f355]{text-align:center;margin-bottom:25px;position:relative;z-index:1}.section-title-wrapper[data-v-bf79f355]:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000;z-index:0}.section-title[data-v-bf79f355]{display:inline-block;position:relative;z-index:1}.section-title span[data-v-bf79f355]{display:inline-block;background:#ff005b;color:#fff;padding:8px 20px;font-size:18px;font-weight:700;text-transform:uppercase;transform:skew(-10deg)}.recommendations-grid[data-v-bf79f355]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recommendation-card[data-v-bf79f355]{display:block;text-decoration:none;background:transparent;border:none;transition:all .2s}.recommendation-card[data-v-bf79f355]:hover{box-shadow:none}.recommendation-image[data-v-bf79f355]{width:100%;height:180px;overflow:hidden}.recommendation-image img[data-v-bf79f355]{width:100%;height:100%;object-fit:cover;transition:filter .3s ease;filter:brightness(.85)}.recommendation-card:hover .recommendation-image img[data-v-bf79f355]{filter:brightness(1.15)}.recommendation-info[data-v-bf79f355]{padding:15px}.recommendation-category[data-v-bf79f355]{font-size:11px;font-weight:600;text-transform:uppercase;display:block;margin-bottom:8px}.recommendation-title[data-v-bf79f355]{font-size:16px;font-weight:600;color:#222;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.quiz-detail[data-v-bf79f355]{padding:0;background:#fff}.quiz-container[data-v-bf79f355]{flex-direction:column;gap:0;max-width:100%;margin:0}.quiz-main[data-v-bf79f355]{padding:20px 15px}.quiz-sidebar[data-v-bf79f355]{width:100%;padding:0 15px}.sidebar-item[data-v-bf79f355]{flex-direction:column;padding:0;border-bottom:none;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;background:#fff}.sidebar-item-image[data-v-bf79f355]{width:100%;height:200px}.sidebar-item-image img[data-v-bf79f355]{filter:brightness(.85)}.sidebar-item:hover .sidebar-item-image img[data-v-bf79f355]{filter:brightness(1.15)}.sidebar-item-info[data-v-bf79f355]{width:100%;padding:12px 15px}.ai-badge[data-v-bf79f355],.sidebar-item-category[data-v-bf79f355],.recommendation-category[data-v-bf79f355]{display:none!important}.sidebar-item-info h4[data-v-bf79f355]{font-size:17px;font-weight:600;color:#333;line-height:1.4;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quiz-title[data-v-bf79f355]{font-size:24px;color:#ff7c59}.quiz-hero-image img[data-v-bf79f355]{height:auto}.options-container[data-v-bf79f355],.recommendations-grid[data-v-bf79f355]{grid-template-columns:1fr}.recommendation-card[data-v-bf79f355]{box-shadow:0 2px 8px #0000001a;background:#fff;margin-bottom:15px}.recommendation-image[data-v-bf79f355]{height:200px}.recommendation-image img[data-v-bf79f355]{filter:brightness(.85)}.recommendation-card:hover .recommendation-image img[data-v-bf79f355]{filter:brightness(1.15)}.recommendation-info[data-v-bf79f355]{padding:12px 15px}.ai-badge[data-v-bf79f355],.recommendation-category[data-v-bf79f355]{display:none!important}.recommendation-title[data-v-bf79f355]{font-size:17px;font-weight:600;color:#333;line-height:1.4;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.question-container[data-v-bf79f355]{padding:20px 15px}.question-text[data-v-bf79f355]{font-size:18px}.you-may-like-section[data-v-bf79f355]{padding:0 15px}.reactions-list[data-v-bf79f355]{gap:10px;flex-wrap:nowrap;justify-content:center}.reaction-emoji[data-v-bf79f355]{font-size:28px}.reaction-count[data-v-bf79f355]{font-size:11px}.option-btn[data-v-bf79f355]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.option-btn[data-v-bf79f355]:hover:not(.disabled):not(.selected){border-color:#ff7c59;background:#ff7c59;box-shadow:0 4px 12px #ff7c594d}.option-btn.selected[data-v-bf79f355]{border-color:#ff7c59!important;background:#ff7c59!important;box-shadow:0 4px 12px #ff7c594d!important}}