.container{max-width:960px;margin:0 auto;padding:0 clamp(1rem,4.5vw,1.5rem) 3rem}.breadcrumb{font-size:.92rem;color:var(--text-muted);margin-bottom:.3rem}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--guava-green)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;color:var(--guava-green);text-decoration:none;margin-bottom:1rem}.hero-banner{width:100%;height:4px;border-radius:8px;margin-bottom:1.5rem}.article-content h1 em{font-style:normal;display:block;font-size:.65em;color:var(--text-muted);margin-top:.3rem;font-weight:400}.article-content h2{font-size:clamp(1.3rem,4.8vw,1.55rem)}.article-content p{font-size:clamp(16.5px,4.4vw,18px);line-height:1.9;margin:1.1rem 0}.article-content ul,.article-content ol{margin:.8rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;line-height:1.85;font-size:clamp(16px,4.2vw,17.5px)}.content-img{display:block;width:100%;max-width:820px;height:auto;border-radius:12px;margin:1rem auto .5rem}.article-img-caption{text-align:center;font-size:.92rem;line-height:1.7;color:var(--text-muted);margin:.5rem auto 1.2rem;max-width:680px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.card h3{font-size:1.15rem}.card p{font-size:1rem;line-height:1.85}.quick-tool-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin:1rem 0 1.5rem;font-size:.95rem}.quick-tool-bar span{color:var(--text-muted)}.quick-tool-bar a{color:var(--guava-green);text-decoration:none;background:#39ff1414;padding:5px 12px;border-radius:6px}.quick-tool-bar a:hover{background:#39ff142e}.faq-list{margin:1rem 0 2rem}.faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:.6rem;overflow:hidden}.faq-q{padding:1.1rem 1.3rem;cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:flex-start;gap:.5rem}.faq-q::-webkit-details-marker{display:none}.faq-q:before{content:"▸";color:var(--guava-green);flex-shrink:0}.faq-item[open] .faq-q:before{content:"▾ "}.faq-a{margin:0 1.3rem 1.1rem;color:var(--text-secondary);font-size:1rem;line-height:1.85}.related-links{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0 2rem}.rl-item{display:block;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.rl-item:hover{border-color:var(--guava-green);transform:translate(4px)}.rl-cat{font-size:.78rem;color:var(--guava-green);text-transform:uppercase;letter-spacing:.5px}.rl-item strong{display:block;margin:.2rem 0;font-size:1.02rem}.rl-desc{font-size:.9rem;color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:.97rem}th,td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--border);line-height:1.7}th{font-weight:700;font-size:.92rem;color:var(--text-muted)}.fq-quiz-area{max-width:600px;margin:2rem auto;padding:1.5rem;background:#ffffff05;border-radius:16px;border:1px solid #2a2a2a}.fq-progress{margin-bottom:1rem}.fq-progress-text{display:block;text-align:center;font-size:1rem;color:#ccc;margin-bottom:.5rem;font-weight:600}.fq-progress-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.fq-progress-fill{height:100%;background:var(--guava-green, #39FF14);border-radius:3px;transition:width .4s ease}.fq-img-wrap{width:100%;margin:0 auto 1rem;border-radius:10px;overflow:hidden}.fq-img-wrap img{display:block;width:100%;height:auto;border-radius:10px}.fq-question{text-align:center;font-size:1.1rem;font-weight:700;color:#eee;margin:0 0 1rem;line-height:1.7}.fq-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fq-btn{font-size:1.05rem;font-weight:700;padding:14px 10px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s;letter-spacing:.5px;text-align:center}.fq-btn:hover{transform:translateY(-2px)}.fq-btn:active{transform:translateY(1px)}.fq-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.fq-btn-none{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-color:#22c55e}.fq-btn-none:hover{box-shadow:0 4px 15px #22c55e66}.fq-btn-free{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:#3b82f6}.fq-btn-free:hover{box-shadow:0 4px 15px #3b82f666}.fq-btn-yellow{background:linear-gradient(135deg,#ca8a04,#eab308);color:#1a1a1a;border-color:#eab308}.fq-btn-yellow:hover{box-shadow:0 4px 15px #eab30866}.fq-btn-red{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-color:#ef4444}.fq-btn-red:hover{box-shadow:0 4px 15px #ef444466}.fq-btn.fq-correct{box-shadow:0 0 20px #22c55e99;border-color:#22c55e}.fq-btn.fq-wrong{animation:fqShake .5s ease;border-color:#666;opacity:.5}@keyframes fqShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.fq-explanation{margin-top:1.2rem;animation:fqFadeIn .35s ease-out}@keyframes fqFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fq-result-badge{text-align:center;font-size:1.4rem;font-weight:800;margin-bottom:.5rem;white-space:pre-line}.fq-result-badge.fq-badge-correct{color:#22c55e}.fq-result-badge.fq-badge-wrong{color:#ef4444}.fq-explain-text{background:#39ff140d;border-left:3px solid var(--guava-green, #39FF14);border-radius:0 10px 10px 0;padding:14px 18px;font-size:1.05rem;line-height:1.8;color:#ddd;margin-bottom:.5rem}.fq-rule-ref{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;padding-left:18px}.fq-next-btn{display:block;margin:0 auto;background:transparent;border:1.5px solid #555;color:#ccc;font-size:1.05rem;padding:10px 36px;border-radius:10px;cursor:pointer;transition:all .2s}.fq-next-btn:hover{border-color:var(--guava-green, #39FF14);color:#fff}.fq-final{text-align:center;animation:fqFadeIn .5s ease-out}.fq-final-score{font-size:3rem;font-weight:900;color:var(--guava-green, #39FF14);margin-bottom:.3rem}.fq-final-title{font-size:1.4rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.fq-final-msg{font-size:1rem;color:#bbb;margin-bottom:1.2rem;line-height:1.7}.fq-replay-btn{background:linear-gradient(135deg,#b8860b,#d4a056);border:2px solid #c9983a;color:#1a1a1a;font-size:1.15rem;font-weight:800;padding:14px 40px;border-radius:12px;cursor:pointer;transition:all .3s;letter-spacing:2px}.fq-replay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b8860b66}.fq-share-prompt{margin-top:1rem;font-size:.95rem;color:#888}.fq-stats-card{max-width:600px;margin:2rem auto;padding:1.2rem 1.5rem;background:var(--bg-card, rgba(255,255,255,.03));border:1px solid #333;border-radius:14px}.fq-stats-title{font-size:1.05rem;font-weight:700;color:#eee;margin-bottom:.8rem}.fq-stats-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.fq-stat{background:#ffffff0a;border-radius:8px;padding:8px 16px;font-size:.95rem;color:#bbb}.fq-stat strong{font-size:1.2rem;margin-left:4px;color:var(--guava-green, #39FF14)}@media (max-width: 768px){.fq-quiz-area{padding:1rem}.fq-btn{font-size:.98rem;padding:12px 8px}.fq-question{font-size:1.02rem}.fq-final-score{font-size:2.5rem}.fq-final-title{font-size:1.2rem}}@media (max-width: 480px){.fq-buttons{grid-template-columns:1fr 1fr;gap:8px}.fq-btn{font-size:.95rem;padding:10px 6px}.fq-explain-text{font-size:.95rem;padding:10px 14px}.fq-stat{padding:6px 12px;font-size:.9rem}}@media (max-width: 600px){.article-content h1{font-size:1.55rem}.article-content h2{font-size:1.25rem}}.wc-countdown{margin:1.2rem 0 1rem;padding:1.2rem 1.4rem;background:linear-gradient(135deg,#0028682e,#bf0a301f,#f5b80029);border:1px solid rgba(245,184,0,.35);border-radius:14px;text-align:center}.wc-cd-label{font-size:.92rem;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.7rem;font-weight:600}.wc-cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:480px;margin:0 auto}.wc-cd-cell{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.55rem .3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px}.wc-cd-num{font-size:clamp(1.5rem,6vw,2.1rem);font-weight:800;color:#f5b800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wc-cd-unit{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;letter-spacing:.1em}.wc-cd-meta{font-size:.86rem;color:var(--text-muted);margin-top:.8rem;line-height:1.6}.wc-countdown.wc-live{border-color:#39ff1480;background:linear-gradient(135deg,#39ff141a,#0028682e,#f5b80024)}.wc-countdown.wc-live .wc-cd-num{color:var(--guava-green)}.wc-countdown.wc-ended .wc-cd-num{color:#888}@media (max-width: 480px){.wc-countdown{padding:1rem .9rem}.wc-cd-grid{gap:6px}.wc-cd-cell{padding:.5rem .2rem;min-height:56px}.wc-cd-unit{font-size:.72rem}.wc-cd-meta{font-size:.8rem}}