.iching-ref[data-v-2edb4fb6]{max-width:960px;margin:0 auto;padding:32px 24px}.ref-header[data-v-2edb4fb6]{text-align:center;margin-bottom:32px}.ref-header h2[data-v-2edb4fb6]{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.ref-header p[data-v-2edb4fb6]{font-size:14px;color:#999}.hex-grid[data-v-2edb4fb6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.hex-cell[data-v-2edb4fb6]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:16px 8px;border-radius:12px;background:#fafafa;transition:all .2s}.hex-cell[data-v-2edb4fb6]:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hex-symbol[data-v-2edb4fb6]{font-size:48px;line-height:1.2}.hex-name[data-v-2edb4fb6]{font-size:15px;font-weight:700;color:#333;margin-top:8px}.hex-title-text[data-v-2edb4fb6]{font-size:12px;color:#999;margin-top:2px}.detail-header[data-v-2edb4fb6]{text-align:center;margin-bottom:20px}.detail-symbol[data-v-2edb4fb6]{font-size:80px;line-height:1.2}.detail-name[data-v-2edb4fb6]{font-size:22px;font-weight:700;color:#1a1a1a;margin:12px 0 4px}.detail-title-text[data-v-2edb4fb6]{font-size:13px;color:#999}.detail-attrs[data-v-2edb4fb6]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.attr-tag[data-v-2edb4fb6]{padding:4px 14px;border-radius:20px;font-size:13px}.attr-nature[data-v-2edb4fb6]{background:rgba(155,89,182,.1);color:#9b59b6}.attr-dir[data-v-2edb4fb6]{background:rgba(52,152,219,.1);color:#3498db}.attr-season[data-v-2edb4fb6]{background:rgba(39,174,96,.1);color:#27ae60}.detail-section[data-v-2edb4fb6]{margin-bottom:20px}.section-title[data-v-2edb4fb6]{font-size:13px;font-weight:600;color:#999;margin-bottom:10px}.detail-meaning[data-v-2edb4fb6]{font-size:16px;color:#1a1a1a;font-weight:600;line-height:1.8;margin:0}.detail-desc[data-v-2edb4fb6]{font-size:14px;color:#666;line-height:1.8;margin:0}.yao-item[data-v-2edb4fb6]{display:flex;align-items:flex-start;margin-bottom:12px}.yao-item[data-v-2edb4fb6]:last-child{margin-bottom:0}.yao-label[data-v-2edb4fb6]{font-size:12px;font-weight:600;color:#e60023;background:rgba(230,0,35,.06);padding:2px 10px;border-radius:4px;margin-right:12px;flex-shrink:0}.yao-text[data-v-2edb4fb6]{font-size:13px;color:#666;line-height:1.6}.iching-ref-mobile .hex-grid[data-v-2edb4fb6]{grid-template-columns:repeat(3,1fr);gap:12px}.iching-ref-mobile .hex-symbol[data-v-2edb4fb6]{font-size:36px}.iching-ref-mobile .hex-name[data-v-2edb4fb6]{font-size:13px}