.questions-list-page{min-height:100vh}.questions-hero{background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);color:#fff;padding:60px 20px 48px;text-align:center}.questions-hero-inner{max-width:760px;margin:0 auto}.questions-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin:0 0 14px}.questions-hero p{font-size:1.1rem;opacity:.85;margin:0 0 20px}.questions-stats span{display:inline-block;background:rgba(255,255,255,.15);border-radius:20px;padding:6px 18px;font-size:.9rem;font-weight:600}.questions-content{padding:32px 20px 60px}.questions-container{max-width:1200px;margin:0 auto}.question-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:28px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.question-filters::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap}.filter-btn{display:inline-block;padding:8px 18px;border-radius:20px;border:2px solid #e2e8f0;background:#fff;color:#4a5568;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.filter-btn.active,.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;color:#fff}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-bottom:32px}.question-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}.question-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.question-card-img-wrap{background:#f7f8fc;display:flex;align-items:center;justify-content:center;padding:12px;aspect-ratio:4/3;overflow:hidden;position:relative}.question-card-img{width:100%;height:100%;object-fit:contain;display:block}.question-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}.question-badge-cat,.question-badge-diff{display:inline-block;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.question-badge-cat{background:#ebf4ff;color:#2b6cb0}.diff-Easy,.diff-easy{background:#c6f6d5;color:#276749}.diff-Medium,.diff-medium{background:#fefcbf;color:#744210}.diff-Hard,.diff-hard{background:#fed7d7;color:#822727}.diff-Expert,.diff-expert{background:#e9d8fd;color:#553c9a}.questions-seo-section{background:linear-gradient(135deg,#0f0f1a 0,#1a1a2e 50%,#16213e 100%);border-top:1px solid rgba(102,126,234,.2);padding:64px 20px 72px}.questions-seo-section .questions-container{max-width:1100px;margin:0 auto}.questions-seo-categories,.questions-seo-faq,.questions-seo-intro{margin-bottom:56px}.questions-seo-categories h2,.questions-seo-faq h2,.questions-seo-intro h2{font-size:1.45rem;font-weight:700;color:#e2e8f0;margin:0 0 6px;position:relative;padding-bottom:14px}.questions-seo-categories h2::after,.questions-seo-faq h2::after,.questions-seo-intro h2::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#667eea,#9f7aea);border-radius:2px}.questions-seo-intro p{color:#94a3b8;line-height:1.8;margin:16px 0 0;font-size:.97rem}.seo-category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:24px}.seo-category-grid:has(>:nth-child(5):last-child)>:nth-child(1),.seo-category-grid:has(>:nth-child(5):last-child)>:nth-child(2),.seo-category-grid:has(>:nth-child(5):last-child)>:nth-child(3){grid-column:span 4}.seo-category-grid:has(>:nth-child(4):last-child)>:nth-child(n),.seo-category-grid:has(>:nth-child(5):last-child)>:nth-child(4),.seo-category-grid:has(>:nth-child(5):last-child)>:nth-child(5){grid-column:span 6}.seo-category-grid:has(>:nth-child(3):last-child)>:nth-child(n){grid-column:span 4}.seo-category-grid>.seo-category-card{grid-column:span 4}.seo-category-card{background:#1a1a2e;border:1px solid rgba(102,126,234,.25);border-top:3px solid #667eea;border-radius:12px;padding:24px;transition:box-shadow .18s,transform .18s,border-top-color .18s}.seo-category-card:hover{box-shadow:0 8px 32px rgba(102,126,234,.2);transform:translateY(-3px)}.seo-category-card:nth-child(1){border-top-color:#667eea}.seo-category-card:nth-child(2){border-top-color:#38b2ac}.seo-category-card:nth-child(3){border-top-color:#ed8936}.seo-category-card:nth-child(4){border-top-color:#fc5c5c}.seo-category-card:nth-child(5){border-top-color:#9f7aea}.seo-category-card h3{font-size:1rem;font-weight:700;margin:0 0 10px;color:#e2e8f0}.seo-category-card:nth-child(1) h3{color:#a5b4fc}.seo-category-card:nth-child(2) h3{color:#5eead4}.seo-category-card:nth-child(3) h3{color:#fdba74}.seo-category-card:nth-child(4) h3{color:#fca5a5}.seo-category-card:nth-child(5) h3{color:#c4b5fd}.seo-category-card p{font-size:.875rem;color:#94a3b8;line-height:1.7;margin:0}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:22px 24px;transition:box-shadow .18s,background .18s}.faq-item:last-child:nth-child(odd){grid-column:span 2}.faq-item:hover{box-shadow:0 4px 20px rgba(102,126,234,.15);background:rgba(102,126,234,.08)}.faq-item h3{font-size:.95rem;font-weight:700;color:#e2e8f0;margin:0 0 10px;padding-left:14px;border-left:3px solid #667eea}.faq-item p{font-size:.875rem;color:#94a3b8;line-height:1.75;margin:0}.faq-item a{color:#a5b4fc;text-decoration:none}.faq-item a:hover{color:#c7d2fe}@media (max-width:900px){.seo-category-grid{grid-template-columns:repeat(2,1fr)}.seo-category-grid:has(>:nth-child(n))>:nth-child(n),.seo-category-grid>.seo-category-card{grid-column:span 1}}@media (max-width:600px){.faq-list,.seo-category-grid{grid-template-columns:1fr}.seo-category-grid:has(>:nth-child(n))>:nth-child(n),.seo-category-grid>.seo-category-card{grid-column:span 1}.faq-item:last-child:nth-child(odd){grid-column:span 1}}.questions-quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.form-group label,.quick-link{font-size:.88rem;font-weight:600}.quick-link{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;text-decoration:none;transition:all .18s;border:2px solid}.quick-link-icon{font-size:1rem}.quick-link-solved{background:#f0fff4;border-color:#68d391;color:#276749}.quick-link-solved:hover{background:#c6f6d5}.quick-link-unsolved{background:#fffbeb;border-color:#f6ad55;color:#744210}.quick-link-unsolved:hover{background:#fef3c7}.quick-link-submit{background:#ebf4ff;border-color:#63b3ed;color:#2b6cb0}.quick-link-submit:hover{background:#bee3f8}.question-card-footer{margin-top:8px}.question-badge-answered,.question-badge-unanswered{top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:.85rem;font-weight:800;line-height:1;z-index:1;box-shadow:0 1px 4px rgba(0,0,0,.15);position:absolute;top:1rem;right:1rem}.question-badge-answered{background:#48bb78;color:#fff}.question-badge-unanswered{background:rgba(0,0,0,.45);color:#e2e8f0}.question-card-title{font-size:.95rem;font-weight:600;color:#2d3748;margin:0;line-height:1.4}.question-pagination,.research-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap}.question-pagination .pagination-btn{padding:8px 16px;border-radius:8px;background:#667eea;color:#fff;font-weight:600;font-size:.88rem;text-decoration:none;transition:background .18s}.question-pagination .pagination-btn:hover{background:#5a67d8}.question-pagination .pagination-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:8px;font-size:.88rem;font-weight:500;text-decoration:none;color:#4a5568;background:#f1f5f9;transition:background .15s,color .15s}.question-pagination .pagination-num:hover{background:#e2e8f0;color:#1a202c}.question-pagination .pagination-current{background:#667eea;color:#fff;font-weight:700}.question-pagination .pagination-ellipsis{color:#a0aec0;font-size:.9rem;padding:0 4px;line-height:36px}.question-pagination .pagination-info{color:#718096;font-size:.9rem}.question-detail-page{min-height:100vh;background:#f7f8fc}.question-detail-container{max-width:1100px;margin:0 auto;padding:32px 20px 60px;display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto 1fr;gap:0 28px}.question-breadcrumb{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:.88rem;color:#718096;margin-bottom:24px}.question-breadcrumb a{color:#667eea;text-decoration:none}.faq-item a:hover,.question-breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:#cbd5e0}.question-article{grid-column:1}.question-aside{grid-column:2;grid-row:2}.question-header{margin-bottom:20px}.question-meta-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.question-title{font-size:clamp(1.3rem,3vw,1.9rem);font-weight:700;color:#1a202c;margin:0 0 10px}.question-description{color:#4a5568;line-height:1.6;margin:0}.question-image-wrap{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.question-image{width:100%;height:auto;display:block}.question-solution-reveal{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;margin-bottom:28px;text-align:center}.btn-reveal-solution{display:inline-block;padding:12px 32px;background:#667eea;color:#fff;border:0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s}.btn-reveal-solution:hover{background:#5a67d8}.btn-reveal-solution.revealed{background:#48bb78}.solution-revealed{margin-top:20px;text-align:left}.solution-answer{display:flex;align-items:center;gap:12px;background:#f0fff4;border:2px solid #68d391;border-radius:10px;padding:14px 20px;margin-bottom:16px}.answer-label{font-weight:600;color:#276749;font-size:.95rem}.answer-choice{font-size:1.4rem;font-weight:800;color:#276749;background:#c6f6d5;border-radius:8px;padding:4px 16px}.solution-explanation h3{font-size:1rem;font-weight:700;color:#2d3748;margin:0 0 8px}.solution-explanation p{color:#4a5568;line-height:1.65;margin:0}.community-solutions{margin-bottom:32px}.community-solutions h2,.submit-solution h2{font-size:1.2rem;font-weight:700;color:#2d3748;margin:0 0 16px}.sol-count{color:#718096;font-weight:400;font-size:1rem}.solution-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;margin-bottom:12px}.solution-card.solution-official{border-color:#667eea;background:#f0f0ff}.solution-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.solution-author{font-weight:600;color:#2d3748;font-size:.95rem}.sol-official-badge{background:#667eea;color:#fff;border-radius:10px;padding:2px 10px;font-size:.75rem;font-weight:700}.solution-upvotes{margin-left:auto;color:#718096;font-size:.85rem}.solution-body{color:#4a5568;line-height:1.65;font-size:.95rem;white-space:pre-wrap}.no-solutions{color:#718096;font-style:italic}.submit-solution{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:28px;margin-bottom:20px}.submit-solution h2{margin:0 0 8px}.submit-intro{color:#718096;font-size:.9rem;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block;color:#4a5568;margin-bottom:6px}.form-group .optional{font-weight:400;color:#a0aec0}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#2d3748;background:#f7f8fc;box-sizing:border-box;transition:border-color .18s}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#667eea;background:#fff}.form-group textarea{resize:vertical;min-height:120px}.char-count{display:block;text-align:right;font-size:.78rem;color:#a0aec0;margin-top:4px}.btn-submit-solution{display:inline-block;padding:12px 28px;background:#667eea;color:#fff;border:0;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s}.btn-submit-solution:hover{background:#5a67d8}.btn-submit-solution:disabled{background:#a0aec0;cursor:not-allowed}.submit-note{font-size:.8rem;color:#a0aec0;margin:10px 0 0}.form-error,.form-success{margin-top:14px;padding:12px 16px;border-radius:8px}.form-success{background:#f0fff4;border:1px solid #68d391;color:#276749;font-weight:600}.form-error{background:#fff5f5;border:1px solid #fc8181;color:#c53030}.question-aside{display:flex;flex-direction:column;gap:16px}.aside-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.aside-card h3{font-size:1rem;font-weight:700;color:#2d3748;margin:0 0 14px}.btn-explore,.btn-iq-test{display:block;text-align:center;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;margin-bottom:8px;transition:background .18s}.btn-explore{background:#667eea;color:#fff}.btn-explore:hover{background:#5a67d8}.btn-explore-all{background:#edf2f7;color:#4a5568}.btn-explore-all:hover{background:#e2e8f0}.btn-iq-test{background:#48bb78;color:#fff}.btn-iq-test:hover{background:#38a169}.aside-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.aside-tips-list li{font-size:.84rem;color:#4a5568;line-height:1.5;padding-left:18px;position:relative}.aside-tips-list li::before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}.aside-cat-links{display:flex;flex-direction:column;gap:6px}.aside-cat-link{display:block;padding:7px 12px;border-radius:7px;background:#f1f5f9;color:#4a5568;font-size:.84rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.aside-cat-link:hover{background:#667eea;color:#fff}.question-breadcrumb--hero{justify-content:center;margin-bottom:18px;font-size:.82rem;opacity:.75}.question-breadcrumb--hero a{color:#a5b4fc}.question-breadcrumb--hero a:hover{color:#fff}.question-breadcrumb--hero .breadcrumb-sep{color:rgba(255,255,255,.4)}@media (max-width:768px){.question-detail-container{grid-template-columns:1fr;padding:20px 16px 40px}.question-article{grid-column:1}.question-aside{grid-column:1;grid-row:auto}.questions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}