.hexagram-detail-page{min-height:100vh;padding:1.5rem;max-width:900px;margin:0 auto}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem}.breadcrumb-item{display:flex;align-items:center;gap:.35rem;color:var(--accent-primary, #2FA4A9);text-decoration:none;transition:opacity .2s}.breadcrumb-item:hover{opacity:.8}.breadcrumb-separator{color:var(--text-secondary)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.hexagram-detail-page .page-header{margin-bottom:1.5rem}.hexagram-detail-page .back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--accent-primary, #2FA4A9);text-decoration:none;font-size:.9rem;transition:background .2s}.hexagram-detail-page .back-button:hover{background:var(--bg-card);color:var(--text-primary)}.hexagram-detail-content{background:var(--bg-card);border:1px solid var(--border-light, #e0e0e0);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.hexagram-header{display:flex;align-items:center;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light, #e0e0e0);margin-bottom:2rem}.hexagram-figure-container{flex-shrink:0}.hexagram-detail-figure{display:flex;flex-direction:column;gap:6px;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.hexagram-detail-figure .yang-line{width:80px;height:10px;background:var(--color-fire, #c03a2b);border-radius:3px}.hexagram-detail-figure .yin-line{display:flex;justify-content:space-between;width:80px;height:10px}.hexagram-detail-figure .yin-line span{width:35px;height:100%;background:var(--accent-primary, #2FA4A9);border-radius:3px}.hexagram-title-section{flex:1}.hexagram-main-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.hexagram-sub-title{font-size:1.25rem;color:var(--text-secondary);margin:0}.gua-section,.yao-section{margin-bottom:2rem}.gua-section h2,.yao-section h2{font-size:1.25rem;font-weight:600;color:var(--accent-primary, #2FA4A9);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-primary, #2FA4A9)}.gua-text-content,.vernacular-content,.explanation-content{font-size:1.05rem;line-height:1.8;color:var(--text-primary);margin:0}.vernacular-content{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid #10b981}.yao-list{display:flex;flex-direction:column;gap:1rem}.yao-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light, #e0e0e0)}.yao-position{flex-shrink:0;padding:.25rem .75rem;background:var(--accent-primary, #2FA4A9);color:#fff;font-weight:600;font-size:.85rem;border-radius:4px;height:-moz-fit-content;height:fit-content}.yao-content{flex:1}.yao-text{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.6}.yao-translation{font-size:.9rem;color:var(--text-secondary);line-height:1.5;padding-left:.75rem;border-left:2px solid var(--border-light, #e0e0e0)}.hexagram-detail-page .no-data{text-align:center;padding:3rem;color:var(--text-secondary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light, #e0e0e0);border-top-color:var(--accent-primary, #2FA4A9);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.hexagram-detail-page{padding:1rem}.hexagram-header{flex-direction:column;text-align:center;gap:1.5rem}.hexagram-main-title{font-size:2rem}.hexagram-detail-content{padding:1.5rem}.breadcrumb{font-size:.8rem}.yao-item{flex-direction:column;gap:.5rem}.yao-position{align-self:flex-start}.hexagram-bottom-nav-links{flex-direction:column}}.hexagram-detail-content .bottom-nav-links{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.hexagram-detail-content .nav-link-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s}.hexagram-detail-content .nav-link-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hexagram-detail-content .nav-link-card.divination{color:#059669;background:#0596690d;border-color:#0596694d}.hexagram-detail-content .nav-link-card.divination:hover{border-color:#059669;background:#0596691f}.hexagram-detail-content .nav-link-card.directory{color:#7c3aed;background:#7c3aed0d;border-color:#7c3aed4d}.hexagram-detail-content .nav-link-card.directory:hover{border-color:#7c3aed;background:#7c3aed1f}.hexagram-detail-content .link-info{display:flex;flex-direction:column;gap:.25rem}.hexagram-detail-content .link-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.hexagram-detail-content .link-desc{font-size:.85rem;color:var(--text-secondary)}@media(max-width:640px){.hexagram-detail-content .bottom-nav-links{flex-direction:column}}