.study-container{max-width:720px}.study-nav{margin-top:12px}.study-nav a{color:var(--accent-gold);text-decoration:none;font-size:.9em;letter-spacing:.05em;transition:color .2s}.study-nav a:hover{color:var(--accent-gold-light)}.search-wrap{text-align:center;margin-bottom:16px}.hex-search-input{font-family:"Noto Serif SC",Songti SC,serif;font-size:14px;padding:8px 16px;width:100%;max-width:320px;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-paper);color:var(--text-color);letter-spacing:.05em;outline:none;transition:border-color .2s}.hex-search-input:focus{border-color:var(--accent-gold)}.hexagram-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.hex-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf6ef99;border:1px solid var(--border-light);border-radius:3px;cursor:pointer;transition:all .2s;padding:6px 4px;min-height:0}.hex-cell:hover{border-color:var(--accent-gold);background:#b8860b14;transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color)}.hex-cell-num{font-size:11px;color:var(--text-muted);margin-bottom:2px}.hex-cell-name{font-size:13px;font-weight:600;color:var(--text-color);text-align:center;line-height:1.3}.hex-cell-lines{display:flex;flex-direction:column;gap:2px;width:70%;margin:4px 0}.hex-mini-yang{height:3px;background:var(--line-yang-color);border-radius:1px}.hex-mini-yin{height:3px;display:flex;justify-content:space-between}.hex-mini-yin span{width:42%;height:100%;background:var(--line-yin-color);border-radius:1px;display:block}.study-modal-content{max-width:780px;width:90%;margin:4% auto;max-height:88vh}#study-modal-body{overflow-y:auto;flex:1;min-height:0}#study-modal-title{margin-top:0;color:var(--accent-color);font-family:"Noto Serif SC",Songti SC,serif;font-size:1.3em;letter-spacing:.1em;border-bottom:1px solid var(--border-light);padding-bottom:14px;padding-right:40px;position:relative}#study-modal-title:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:var(--accent-color)}.hex-title-pinyin{font-size:.6em;font-weight:400;color:var(--text-muted);font-style:italic;margin-left:10px;letter-spacing:.03em}.hex-detail-header{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-bottom:18px;padding:10px 14px;background:#c4a97d14;border-radius:3px;font-size:14px;color:var(--text-muted);line-height:1.6}.hex-info-palace{color:var(--accent-gold);font-weight:600}.hex-info-trigrams{letter-spacing:.03em}@media(max-width:560px){.hexagram-grid{grid-template-columns:repeat(4,1fr);gap:5px}.hex-cell-name{font-size:12px}.study-modal-content{width:95%;margin:2% auto;padding:20px 16px}}@media(min-width:561px)and (max-width:680px){.hexagram-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:400px){.hexagram-grid{gap:4px}.hex-cell{padding:4px 2px}.hex-cell-name{font-size:11px}.hex-cell-num{font-size:10px}.hex-search-input{font-size:13px;padding:6px 12px}}