:root{--gold-main:#cbbba0;--red-accent:#8e2e2e;--bg-warm:#f7f5f0;--container-bg:#fffbf5;--text-main:#4a4a4a;--text-muted:#8b7d6b}.explain-page-wrapper{background-color:var(--bg-warm);background-size:20px 20px;min-height:100vh;width:100%;padding-bottom:40px;position:relative;z-index:0;margin-top:-80px;padding-top:80px}.explain-layout{max-width:1250px;margin:110px auto 40px;display:flex;flex-wrap:wrap;gap:30px;padding:0 20px;box-sizing:border-box;align-items:flex-start;position:relative;z-index:10;justify-content:center}.explain-main{flex:1;min-width:320px}.explain-sidebar{width:320px;flex-shrink:0}.explain-detail-container{margin:0;padding:40px 35px;background:var(--container-bg);border:1px solid var(--gold-main);border-radius:4px;box-shadow:0 4px 12px rgba(139,90,43,.1);outline:1px solid #e8e0d5;outline-offset:-8px;position:relative}.explain-detail-content{margin:0 0 40px;padding:0}.detail-title{font-size:28px;font-weight:600;color:var(--red-accent);margin:0 0 24px;line-height:1.4;letter-spacing:1px}.detail-text{color:var(--text-main);font-size:15px;line-height:1.8}.detail-paragraph{margin-bottom:12px}.explain-bazi-guidance{margin:50px auto 30px;text-align:center;width:100%;max-width:650px;padding-top:40px;border-top:1px dashed #f0ebe5}.guidance-text-block{margin-bottom:35px}.guidance-title{font-family:inherit;font-size:22px;color:var(--red-accent);font-weight:700;margin-bottom:15px}.guidance-desc{font-size:15px;color:#5d4037;line-height:1.8;margin:0;opacity:.9}.btn-wrapper-action{display:flex;justify-content:center;padding-bottom:20px}.protruding-button{display:inline-block;background:linear-gradient(135deg,#a63434,#8e2e2e);color:#fff!important;padding:12px 35px;border-radius:30px;font-weight:700;text-decoration:none!important;transition:all .3s;box-shadow:0 4px 15px rgba(166,52,52,.3);font-size:16px;border:1px solid rgba(255,255,255,.2);letter-spacing:1px;cursor:pointer}.protruding-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(166,52,52,.4);background:linear-gradient(135deg,#b83b3b,#a63434)}.detail-paragraph:last-child{margin-bottom:0}.explain-detail-nav{display:flex;gap:10px;margin:50px 0;justify-content:space-between;padding-top:30px;border-top:1px dashed #f0ebe5;flex-wrap:wrap}.nav-next,.nav-prev{display:flex;align-items:center;gap:4px;padding:9px 12px;border:1.5px solid var(--red-accent);border-radius:4px;text-decoration:none;color:var(--red-accent);transition:all .3s ease;background:transparent;font-size:12px;font-weight:500;width:45%;min-width:140px;overflow:hidden}.nav-next{justify-content:flex-end}.nav-disabled{display:none}.nav-title{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.nav-label{font-size:11px;opacity:.8;flex-shrink:0}.explain-related-section{margin:50px 0 0;padding-top:30px;border-top:1px dashed #f0ebe5}.related-title{font-size:18px;color:#5d4037;margin:0 0 24px;font-weight:600}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.related-card{padding:16px;border:1px solid #e8ddd2;border-radius:4px;text-decoration:none;color:var(--text-main);transition:all .3s ease;background:rgba(255,251,245,.8)}.related-card:hover{border-color:var(--gold-main);background:#fffbf5;box-shadow:0 3px 10px rgba(139,90,43,.08);transform:translateY(-2px)}.related-card-title{font-size:13px;font-weight:600;margin-bottom:6px;line-height:1.3;color:#5d4037}.related-card-preview{font-size:12px;color:var(--text-muted);line-height:1.4}@media (max-width:1150px){.explain-layout{flex-direction:column;margin-top:100px;gap:0;padding:0 15px;align-items:center}.explain-main{width:100%;max-width:100%}.explain-sidebar{width:100%;max-width:1000px}.explain-detail-container{width:100%;margin:0 0 30px;padding:24px 20px;border:1px solid var(--gold-main);box-shadow:0 4px 12px rgba(139,90,43,.1);outline:1px solid #e8e0d5;border-radius:4px}.detail-title{font-size:22px;margin-bottom:20px}.explain-detail-nav{gap:12px;margin:30px 0;padding-top:20px;flex-direction:row}.nav-next,.nav-prev{flex:1;justify-content:center;padding:10px 8px;font-size:13px;white-space:normal;text-align:center;height:auto}.nav-title{display:none}.related-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.explain-detail-container{width:100%;margin:0;padding:20px 16px;outline:none;border-width:1px}.detail-title{font-size:20px;margin-bottom:16px;text-align:left}.detail-text{font-size:16px;line-height:1.6;text-align:left}.explain-detail-nav{margin:24px 0;gap:10px}.nav-next,.nav-prev{padding:8px 12px;font-size:14px}.nav-label{font-size:12px}.related-grid{grid-template-columns:1fr}}