:root{--gold-main:#cbbba0;--red-accent:#8e2e2e;--bg-warm:#f7f5f0;--container-bg:#fffbf5;--text-main:#4a4a4a;--text-muted:#8b7d6b}.explain-detail-container{background:var(--bg-warm);border:1px solid var(--gold-main);outline-offset:-8px;border-radius:4px;outline:1px solid #e8e0d5;width:90%;max-width:800px;margin:80px auto 60px;padding:40px 35px;position:relative;box-shadow:0 4px 12px #8b5a2b1a}.explain-detail-content{margin:0 0 40px;padding:0}.detail-title{color:var(--red-accent);letter-spacing:1px;margin:0 0 24px;font-size:28px;font-weight:600;line-height:1.4}.detail-text{color:var(--text-main);font-size:15px;line-height:1.8}.detail-paragraph{text-align:justify;margin-bottom:16px}.detail-paragraph:last-child{margin-bottom:0}.explain-detail-nav{border-top:1px dashed #f0ebe5;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:50px 0;padding-top:30px;display:flex}.nav-prev,.nav-next{border:1.5px solid var(--red-accent);color:var(--red-accent);white-space:nowrap;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:9px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-prev:hover,.nav-next:hover{background:var(--red-accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8e2e2e26}.nav-disabled{opacity:0;cursor:not-allowed;pointer-events:none;display:none}.nav-label{opacity:.8;font-size:11px}.nav-title{font-size:12px;font-weight:500}.explain-related-section{border-top:1px dashed #f0ebe5;margin:50px 0 0;padding-top:30px}.related-title{color:#5d4037;margin:0 0 24px;font-size:18px;font-weight:600}.related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.related-card{color:var(--text-main);background:#fffbf5cc;border:1px solid #e8ddd2;border-radius:4px;padding:16px;text-decoration:none;transition:all .3s}.related-card:hover{border-color:var(--gold-main);background:#fffbf5;transform:translateY(-2px);box-shadow:0 3px 10px #8b5a2b14}.related-card-title{color:#5d4037;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.3}.related-card-preview{color:var(--text-muted);font-size:12px;line-height:1.4}@media (max-width:768px){.explain-detail-container{width:92%;margin:60px auto 40px;padding:24px 20px}.detail-title{margin-bottom:20px;font-size:22px}.explain-detail-nav{flex-direction:row;gap:12px;margin:30px 0;padding-top:20px}.nav-prev,.nav-next{white-space:normal;text-align:center;flex:1;justify-content:center;height:auto;padding:10px 8px;font-size:13px}.nav-title{display:none}.related-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.explain-detail-container{border-width:1px;outline:none;width:95%;margin:60px auto 30px;padding:20px 16px}.detail-title{text-align:left;margin-bottom:16px;font-size:20px}.detail-text{text-align:left;font-size:16px;line-height:1.6}.explain-detail-nav{gap:10px;margin:24px 0}.nav-prev,.nav-next{padding:8px 12px;font-size:14px}.nav-label{font-size:12px}.related-grid{grid-template-columns:1fr}}