@import"https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=ZCOOL+QingKe+HuangYou&display=swap";:root{--bg: #0F0808;--surface: #1F1010;--primary: #C13030;--primary-dark: #9A2424;--accent: #D4AF37;--text: #F5E6D3;--text-muted: #C4A574;--border: #2A1818;--success: #5C8A4B;--warning: #D4AF37;--danger: #C13030;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse at 30% 20%,#C1303011 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#D4AF3711 0%,transparent 50%),var(--bg);background-attachment:fixed;color:var(--text);font-family:ZCOOL XiaoWei,ZCOOL QingKe HuangYou,KaiTi,楷体,STKaiti,STZhongsong,serif;min-height:100vh;background-image:radial-gradient(ellipse at 30% 20%,#C1303011 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#D4AF3711 0%,transparent 50%),radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:auto,auto,3px 3px,auto}.app-container{max-width:800px;margin:0 auto;min-height:100vh;padding:12px;position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;margin-bottom:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-left{display:flex;align-items:center;gap:10px}.header-icon{flex-shrink:0}.app-title{font-size:1.25rem;font-weight:400;color:var(--accent);font-family:ZCOOL QingKe HuangYou,STZhongsong,serif;letter-spacing:2px}.cloud-badge{font-size:.7rem;color:var(--text-muted);background:#2a1818;padding:2px 8px;border-radius:10px;white-space:nowrap}.header-actions{display:flex;gap:8px}.icon-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:var(--border);color:var(--accent)}.icon-btn.active{border-color:var(--primary)}.cloud-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--accent);padding:8px 20px;border-radius:20px;border:1px solid var(--border);font-size:.8rem;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.back-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;margin-bottom:16px;transition:all .2s}.back-btn:hover{background:var(--border);color:var(--text)}.detail-page{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.detail-header{text-align:center;padding:20px 0}.detail-icon{font-size:3rem;display:block;margin-bottom:8px}.detail-title{font-size:1.6rem;color:var(--accent);font-family:ZCOOL QingKe HuangYou,serif;margin-bottom:8px}.detail-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.detail-image-box{text-align:center;margin-bottom:16px}.detail-img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.detail-img-fallback{font-size:3rem}.detail-text{line-height:1.8;font-size:1rem;color:var(--text);margin-bottom:20px;text-indent:2em}.detail-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.action-btn:hover{background:var(--border);color:var(--text);border-color:var(--accent)}.action-btn.faved{border-color:var(--primary);color:var(--primary)}.home-layout{display:flex;flex-direction:column;gap:16px}.banner-area{position:relative;width:100%;height:120px;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.banner-img{width:100%;height:100%;object-fit:cover;opacity:.8}.banner-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:.85rem}.banner-emoji{font-size:2rem}.banner-deco{position:absolute;width:60px;height:60px}.left-deco{left:8px;top:50%;transform:translateY(-50%)}.right-deco{right:8px;top:50%;transform:translateY(-50%)}.deco-img{width:100%;height:100%;object-fit:contain;opacity:.8}.search-box{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 14px;transition:border-color .2s}.search-box:focus-within{border-color:var(--accent)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{background:none;border:none;color:var(--text);padding:10px 12px;font-size:.9rem;width:100%;outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-muted)}.category-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.cat-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:all .2s;font-family:inherit}.cat-btn:hover{background:var(--border);color:var(--text)}.cat-btn.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.topic-grid{display:grid;grid-template-columns:1fr;gap:12px}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .2s;position:relative}.topic-card:hover{border-color:var(--accent);box-shadow:0 0 12px #d4af3722}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-icon{font-size:1.8rem}.fav-btn-small{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.fav-btn-small:hover{background:var(--border)}.card-title{font-size:1.1rem;color:var(--accent);font-weight:400;margin-bottom:6px;font-family:ZCOOL QingKe HuangYou,serif}.card-summary{font-size:.85rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.category-tag-sm{font-size:.75rem;padding:2px 10px;border-radius:10px}.category-tag-sm.science{background:#1a3a1a;color:var(--success)}.category-tag-sm.myth{background:#3a2a1a;color:var(--warning)}.card-readmore{font-size:.8rem;color:var(--accent);opacity:.7}.category-tag{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;padding:4px 12px;border-radius:12px}.category-tag.science{background:#1a3a1a;color:var(--success)}.category-tag.myth{background:#3a2a1a;color:var(--warning)}.quiz-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.quiz-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;color:var(--accent);margin-bottom:12px;font-weight:400;font-family:ZCOOL QingKe HuangYou,serif}.quiz-card{text-align:center}.quiz-progress{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.quiz-question{font-size:1.05rem;line-height:1.6;margin-bottom:16px;min-height:60px}.quiz-options{display:flex;gap:12px;justify-content:center}.quiz-opt{padding:10px 28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.95rem;cursor:pointer;transition:all .2s;font-family:inherit}.quiz-opt:hover:not(:disabled){border-color:var(--accent)}.quiz-opt:disabled{cursor:default;opacity:.7}.quiz-opt.correct{border-color:var(--success);background:#1a3a1a;color:var(--success)}.quiz-opt.wrong{border-color:var(--danger);background:#3a1a1a;color:var(--danger)}.quiz-feedback{margin-top:16px}.quiz-explanation{font-size:.85rem;color:var(--text-muted);margin:8px 0}.quiz-next-btn{padding:8px 24px;border:1px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent);cursor:pointer;font-size:.9rem;transition:all .2s;font-family:inherit}.quiz-next-btn:hover{background:var(--accent);color:var(--bg)}.quiz-result{text-align:center}.quiz-score-text{font-size:1.2rem;color:var(--accent);margin-bottom:12px}.score-bar-wrap{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:12px}.score-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .5s ease}.quiz-result-hint{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.quiz-restart-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:all .2s;font-family:inherit}.quiz-restart-btn:hover{background:var(--border);color:var(--text)}.app-footer{text-align:center;padding:20px;color:var(--text-muted);font-size:.75rem;border-top:1px solid var(--border);margin-top:20px}.app-footer p{margin:4px 0}@media (min-width: 480px){.topic-grid{grid-template-columns:1fr 1fr}}@media (min-width: 640px){.app-container{padding:20px}.banner-area{height:160px}}