.questions-container{padding-bottom:3rem}.q-hero{text-align:center;padding:3rem 0 2rem;background:linear-gradient(135deg,#339fff15,#667eea15);border-radius:16px;margin-bottom:2rem}.q-hero h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}.q-hero-desc{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.q-hero-btns{display:flex;gap:1rem;justify-content:center}.q-hero-btn-outline{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;border:2px solid #339fff;color:#339fff;background:transparent}.q-hero-btn-outline:hover{background:#339fff;color:#fff}.q-section-title{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem;text-align:center}.q-list-section{margin-bottom:2.5rem}.q-search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.q-search-input{flex:1;padding:.65rem 1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:.95rem;background:var(--color-bg, #fff);color:var(--color-text);outline:none;transition:border-color .2s}.q-search-input:focus{border-color:#339fff}.q-search-btn{padding:.65rem 1.2rem;background:#339fff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.q-search-btn:hover{opacity:.85}.q-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.filter-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.filter-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.filter-tab,.sort-tab{padding:.35rem .8rem;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;background:transparent;color:var(--color-text-secondary);font-size:.82rem;cursor:pointer;transition:all .2s}.filter-tab:hover,.sort-tab:hover{border-color:#339fff;color:#339fff}.filter-tab.active,.sort-tab.active{background:#339fff;border-color:#339fff;color:#fff}.q-sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sort-tabs{display:flex;gap:.4rem}.q-total-count{font-size:.82rem;color:var(--color-text-tertiary)}.q-card{display:block;text-decoration:none;border:1px solid var(--color-border, #e8e8e8);border-radius:10px;padding:1.1rem 1.2rem;margin-bottom:.75rem;background:var(--color-bg, #fff);transition:border-color .2s,box-shadow .2s}.q-card:hover{border-color:#339fff;box-shadow:0 2px 8px #339fff14}.qc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.3rem}.qc-title{font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4;flex:1}.qc-diff{padding:.2rem .55rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.qc-diff.diff-easy{background:#18a05814;color:var(--color-primary, #18A058)}.qc-diff.diff-mid{background:#f5892e14;color:#f5892e}.qc-diff.diff-hard{background:#f53f3f14;color:#f53f3f}.qc-company{font-size:.88rem;color:var(--color-text-secondary);margin-bottom:.5rem}.qc-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.qc-tag{padding:.2rem .55rem;border-radius:4px;font-size:.75rem;font-weight:500;background:var(--color-bg-soft, #f7f8fa);color:var(--color-text-secondary)}.qc-tag.cat{background:#339fff14;color:#339fff}.qc-tag.qtype{background:#18a05814;color:var(--color-primary, #18A058)}[data-theme=dark] .qc-tag{background:#ffffff14}[data-theme=dark] .qc-tag.cat{background:#339fff1f}[data-theme=dark] .qc-tag.qtype{background:#18a0581f}.qc-content{font-size:.88rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem;padding:.6rem .8rem;background:var(--color-bg-soft, #f7f8fa);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.qc-footer{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--color-text-tertiary);flex-wrap:wrap}.qc-ac{font-weight:600}.qc-source{margin-left:auto}.q-skel-item{height:120px;border-radius:10px;background:linear-gradient(90deg,var(--color-bg-soft, #f0f0f0) 25%,var(--color-bg, #e8e8e8) 50%,var(--color-bg-soft, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:.75rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.q-pagination{display:flex;justify-content:center;gap:.4rem;margin-top:1.5rem}.page-btn{padding:.4rem .8rem;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.page-btn:hover{border-color:#339fff;color:#339fff}.page-btn.active{background:#339fff;border-color:#339fff;color:#fff}.page-dots{padding:.4rem .2rem;color:var(--color-text-tertiary)}.q-empty{text-align:center;padding:3rem 1rem}.q-empty-icon{font-size:3rem;margin-bottom:1rem}.q-empty h3{font-size:1.1rem;color:var(--color-text);margin-bottom:.5rem}.q-empty p{font-size:.9rem;color:var(--color-text-secondary)}.q-error{text-align:center;padding:2rem;color:var(--color-text-secondary)}.q-detail-section{margin-bottom:3rem}.q-breadcrumb{margin-bottom:1rem}.q-back-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;color:#339fff;text-decoration:none;font-weight:500;transition:opacity .2s}.q-back-link:hover{opacity:.7}.q-detail-card{border:1px solid var(--color-border, #e8e8e8);border-radius:12px;padding:2rem;background:var(--color-bg, #fff);margin-bottom:1.5rem}.qd-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #e8e8e8)}.qd-title{font-size:1.4rem;font-weight:700;color:var(--color-text);line-height:1.4;margin-bottom:.8rem}.qd-meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.qd-company{font-size:.95rem;font-weight:600;color:var(--color-text-secondary);margin-right:.5rem}.qd-badge{padding:.25rem .65rem;border-radius:4px;font-size:.8rem;font-weight:500}.qd-badge.diff-easy{background:#18a05814;color:#18a058}.qd-badge.diff-mid{background:#f5892e14;color:#f5892e}.qd-badge.diff-hard{background:#f53f3f14;color:#f53f3f}.qd-badge.cat{background:#339fff14;color:#339fff}.qd-badge.qtype{background:#18a05814;color:#18a058}.qd-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}.qd-tag{padding:.2rem .6rem;border-radius:4px;font-size:.78rem;font-weight:500;background:var(--color-bg-soft, #f7f8fa);color:var(--color-text-secondary)}[data-theme=dark] .qd-tag{background:#ffffff14}.qd-body{font-size:.95rem;line-height:1.85;color:var(--color-text);margin-bottom:1.5rem;padding:1.2rem 1.5rem;background:var(--color-bg-soft, #f7f8fa);border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.qd-body p{margin-bottom:.8rem;white-space:pre-wrap;word-break:break-word}.qd-body p:last-child{margin-bottom:0}.qd-answer-section{margin-bottom:1.5rem}.qd-answer-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:2px solid #339fff;background:transparent;color:#339fff}.qd-answer-toggle:hover{background:#339fff;color:#fff}.qd-answer{margin-top:1rem;padding:1.2rem 1.5rem;border-radius:8px;background:#18a0580a;border-left:3px solid #18A058;font-size:.95rem;line-height:1.85;color:var(--color-text)}.qd-answer p{margin-bottom:.8rem}.qd-answer p:last-child{margin-bottom:0}.qd-stats{display:flex;gap:1.5rem;font-size:.85rem;color:var(--color-text-tertiary);padding-top:1rem;border-top:1px solid var(--color-border, #e8e8e8);flex-wrap:wrap}.qd-source-link{margin-top:1rem}.qd-source-link a{color:#339fff;text-decoration:none;font-size:.9rem;font-weight:500}.qd-source-link a:hover{text-decoration:underline}.q-detail-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.q-nav-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1.3rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s;background:#339fff;color:#fff;border:2px solid #339fff}.q-nav-btn:hover{opacity:.85}.q-nav-btn.outline{background:transparent;color:#339fff}.q-nav-btn.outline:hover{background:#339fff;color:#fff}.qd-skel-line{height:1.2rem;border-radius:6px;margin-bottom:.8rem;background:linear-gradient(90deg,var(--color-bg-soft, #f0f0f0) 25%,var(--color-bg, #e8e8e8) 50%,var(--color-bg-soft, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.qd-skel-line.w60{width:60%}.qd-skel-line.w40{width:40%}.qd-skel-line.w80{width:80%}.qd-skel-line.w100{width:100%}@media(max-width:640px){.q-hero{padding:2rem 1rem}.q-hero h1{font-size:1.5rem}.q-hero-desc{font-size:.95rem}.qc-top{flex-direction:column;gap:.3rem}.q-detail-card{padding:1.2rem}.qd-title{font-size:1.2rem}}