.skel{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skelPulse 1.5s ease-in-out infinite;border-radius:6px}@keyframes skelPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-btn{width:32px;height:32px;border-radius:6px}.skel-vote{width:28px;height:24px;margin:4px 0}.skel-sm{width:28px;height:12px}.skel-title{width:80%;height:28px;margin-bottom:16px}.skel-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skel-name{width:120px;height:16px;margin-bottom:6px}.skel-sub{width:160px;height:12px}.skel-line{width:100%;height:14px;margin-bottom:10px}.skel-short{width:75%}.skel-short2{width:50%}.skel-stat{width:80px;height:16px}.skel-action{width:150px;height:38px;border-radius:6px}.skel-sidebar-title{width:60%;height:18px;margin-bottom:16px}.skel-sidebar-row{width:100%;height:20px}.qicon{width:20px;height:20px;flex-shrink:0}.qstat-icon{width:15px;height:15px;flex-shrink:0;position:relative;top:2px;margin-right:2px}.qbtn-icon{width:16px;height:16px;flex-shrink:0}.qmodal-title-icon{width:20px;height:20px;flex-shrink:0;position:relative;top:3px;margin-right:4px;color:#ef4444}.qlike-icon{width:14px;height:14px;flex-shrink:0;position:relative;top:1px}.qpage{max-width:1180px;margin:0 auto;padding:20px 15px;background:#f9fafb;min-height:100vh}.qstate-box{text-align:center;padding:80px 0;color:#939598;font-size:16px;background:#fff;border-radius:8px;margin-top:20px}.qstate-box h2{margin:0 0 8px;color:#111827}.qstate-box .back-link{color:#2e69ff;text-decoration:none;font-weight:600}.qbreadcrumb{padding:12px 0;font-size:13px}.qbreadcrumb ol{list-style:none;padding:0;margin:0;display:flex;gap:6px}.qbreadcrumb li:not(:last-child):after{content:"›";margin-left:6px;color:#ccc}.qbreadcrumb a{color:#2e69ff;text-decoration:none}.qbreadcrumb .active{color:#282829;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlayout{display:grid;grid-template-columns:1fr 320px;gap:20px}@media(max-width:900px){.qlayout{grid-template-columns:1fr}}.qcard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.qcard-top{display:grid;grid-template-columns:60px 1fr;gap:20px}@media(max-width:500px){.qcard-top{grid-template-columns:1fr}.qvote-col{flex-direction:row!important;justify-content:center;gap:12px!important}}.qvote-col{display:flex;flex-direction:column;align-items:center;gap:4px}.qvote-btn{background:transparent;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;padding:6px;border-radius:6px;display:flex;transition:all .15s ease}.qvote-btn:hover{background:#f3f4f6;color:#111827}.qvote-btn.active-up{background:#dbeafe;border-color:#2e69ff;color:#2e69ff}.qvote-btn.active-down{background:#fee2e2;border-color:#ef4444;color:#ef4444}.qvote-count{font-size:20px;font-weight:800;color:#111827;margin-top:4px}.qvote-label{font-size:11px;color:#6b7280;font-weight:500;margin-bottom:4px}.qtitle{font-size:22px;font-weight:800;margin:0 0 16px;line-height:1.35;color:#111827}.qmeta-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.qavatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#f1f2f2;flex-shrink:0}.qauthor-name{font-weight:700;font-size:14px;color:#2e69ff;text-decoration:none}.qauthor-name:hover{text-decoration:underline}.qauthor-sub{font-size:12px;color:#6b7280;display:flex;gap:6px;margin-top:2px}.qdescription{font-size:15px;line-height:1.7;color:#374151;margin:0 0 12px}.qdivider{height:1px;background:#f3f4f6;margin:16px -20px}.qstats-bar{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:16px}.qstat-item{font-size:13px;color:#6b7280;font-weight:500;display:inline-flex;align-items:center;gap:4px}.qaction-buttons{display:flex;gap:10px;flex-wrap:wrap}.qbtn-primary{background:#2e69ff;color:#fff;border:none;padding:9px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.qbtn-primary:hover{background:#1e5ae6}.qbtn-primary:active{transform:scale(.97)}.qbtn-primary:disabled{opacity:.6;cursor:not-allowed}.qbtn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:9px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.qbtn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.qbtn-secondary:active{transform:scale(.97)}.qanswers-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-top:16px}.qanswers-title{font-size:18px;margin:0 0 24px;color:#111827;font-weight:700}.qempty-answers{text-align:center;padding:30px 20px 40px;color:#6b7280}.qcomment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f3f4f6}.qcomment-item:last-child{border-bottom:none}.qcomment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.qcomment-content{flex:1}.qcomment-name{font-weight:700;font-size:14px;color:#111827}.qcomment-time{font-size:12px;color:#6b7280;margin-left:6px}.qcomment-text{font-size:15px;color:#1f2937;margin:6px 0 0;line-height:1.6}.qlike-btn{background:none;border:1px solid transparent;cursor:pointer;font-size:13px;color:#6b7280;padding:4px 8px;border-radius:4px;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.qlike-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.qlike-btn.liked{color:#ef4444}.qadd-answer{margin-top:20px;display:flex;gap:10px}.qadd-answer input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.qadd-answer input:focus{border-color:#2e69ff;box-shadow:0 0 0 3px #2e69ff1a}.qsidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.qsidebar-title{font-size:15px;font-weight:700;margin:0 0 16px;color:#111827}.qstats-list{list-style:none;padding:0;margin:0}.qstats-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.qstats-list li:last-child{border-bottom:none}.qstat-label{color:#6b7280}.qstat-value{color:#111827;font-weight:700}.qtoast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(80px);background:#111827;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;z-index:9999;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 10px 25px #0003;display:flex;align-items:center;gap:8px;max-width:90vw}.qtoast.show{opacity:1;transform:translate(-50%) translateY(0)}.qtoast-icon-wrap{display:flex;align-items:center}.qtoast-icon-wrap svg{width:18px;height:18px;flex-shrink:0}.qtoast.success{background:#065f46}.qtoast.error{background:#991b1b}.qtoast.info{background:#111827}.qmodal-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qmodal{background:#fff;border-radius:12px;padding:28px;max-width:460px;width:100%;animation:slideUp .25s ease;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qmodal-title{margin:0 0 6px;font-size:18px;font-weight:800;color:#111827;display:flex;align-items:center}.qmodal-desc{margin:0 0 18px;font-size:14px;color:#6b7280}.qmodal-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.qmodal-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s;font-size:14px;color:#374151}.qmodal-option:hover{background:#f9fafb;border-color:#d1d5db}.qmodal-option input[type=radio]{accent-color:#2e69ff;width:16px;height:16px}.qmodal-option input[type=radio]:checked+span{color:#111827;font-weight:600}.qmodal-textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;resize:vertical;outline:none;margin-bottom:18px;font-family:inherit}.qmodal-textarea:focus{border-color:#2e69ff;box-shadow:0 0 0 3px #2e69ff1a}.qmodal-actions{display:flex;gap:10px;justify-content:flex-end}
