.tabs[data-v-1f4ae2e1]{display:flex;gap:1px;margin:1.5rem 0 1rem;background:#e0e0e0;border-radius:8px;width:fit-content;margin-left:auto;margin-right:auto}.tabs button[data-v-1f4ae2e1]{padding:.6rem 1.2rem;background:white;border:none;font-size:1rem;font-weight:700;color:#555;cursor:pointer;transition:all .2s;border-radius:8px}.tabs button.active[data-v-1f4ae2e1]{background:#1976d2;color:#fff;box-shadow:0 2px 8px #1976d24d}.tabs button[data-v-1f4ae2e1]:hover:not(.active){background:#f5f5f5}.result-container[data-v-1f4ae2e1]{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.hexagram-section[data-v-1f4ae2e1]{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.hex-box[data-v-1f4ae2e1]{text-align:center;padding:1.5rem;border:2px solid #e0d0b0;border-radius:10px;background:#fdf6ec;flex:1;min-width:200px}.hex-box h3[data-v-1f4ae2e1]{margin:0 0 .5rem;color:#5a3a21}.symbol[data-v-1f4ae2e1]{font-size:3rem;margin:.5rem 0;height:3rem}.name[data-v-1f4ae2e1]{font-size:1.1rem;font-weight:700;color:#8b5a2b}.image[data-v-1f4ae2e1]{font-size:.95rem;color:#555;margin-top:.5rem;font-style:italic;line-height:1.5;padding:.5rem;background:#f8f8f8;border-radius:6px;border-left:3px solid #5a3a21}.lines-detail h3[data-v-1f4ae2e1]{text-align:center;margin-bottom:1.5rem;color:#5a3a21;font-size:1.2rem}.line-item[data-v-1f4ae2e1]{background:#fcf8f2;border-radius:8px;padding:1rem;margin:.5rem 0;border-left:4px solid #a1887f;position:relative}.line-item.changing[data-v-1f4ae2e1]{border-left-color:#c62828;background:#ffebee}.line-header[data-v-1f4ae2e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:700}.label[data-v-1f4ae2e1]{color:#5a3a21;font-size:1.05rem}.result[data-v-1f4ae2e1]{font-size:1.3rem}.change-arrow[data-v-1f4ae2e1]{color:#c62828;font-weight:700;margin-left:.3rem}.tag[data-v-1f4ae2e1]{font-size:.8rem;background:#ffcc80;color:#e65100;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem;vertical-align:middle}.yaoci[data-v-1f4ae2e1]{margin:.8rem 0 .5rem;padding:.8rem;background:#f0f7ff;border-radius:8px;border-left:4px solid #1976d2;font-size:.95rem;line-height:1.6;color:#2c3e50}.yaoci strong[data-v-1f4ae2e1]{color:#1976d2}.change-note[data-v-1f4ae2e1]{font-size:.85rem;color:#d32f2f;margin-top:.5rem;padding:.5rem;background:#ffebee;border-radius:6px;border-left:3px solid #d32f2f}.change-step[data-v-1f4ae2e1]{font-size:.9rem;color:#555;margin:.3rem 0;padding-left:1rem;border-left:2px solid #e0d0b0}.stalks[data-v-1f4ae2e1]{font-family:monospace;background:#f5f5f5;padding:.1rem .4rem;border-radius:3px;font-size:.85rem}.lines-detail h3[data-v-1f4ae2e1]:after{content:"↓ 從下往上解讀 ↓";display:block;font-size:.9rem;color:#d32f2f;margin-top:.3rem}@media (max-width: 768px){.hexagram-section[data-v-1f4ae2e1]{flex-direction:column;gap:1rem}.symbol[data-v-1f4ae2e1]{font-size:2.5rem}.line-header[data-v-1f4ae2e1]{flex-direction:column;align-items:flex-start;gap:.3rem}.tabs[data-v-1f4ae2e1]{width:100%}.tabs button[data-v-1f4ae2e1]{flex:1;border-radius:0}.tabs button[data-v-1f4ae2e1]:first-child{border-radius:8px 0 0 8px}.tabs button[data-v-1f4ae2e1]:last-child{border-radius:0 8px 8px 0}}.animation-area[data-v-a2828dd0]{background:#f0f7ff;border:2px solid #2196f3;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.animation-area h3[data-v-a2828dd0]{text-align:center;color:#1976d2;margin-bottom:1rem}.stalks-container[data-v-a2828dd0]{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stalks-grid[data-v-a2828dd0]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:1rem 0}.stalks-grid.small[data-v-a2828dd0]{max-height:150px;overflow-y:auto;padding:10px}.stalk[data-v-a2828dd0]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border-radius:50%;color:#fff;transition:all .3s ease}.stalk.idle[data-v-a2828dd0]{background:#2196f3;transform:scale(1);animation:float-a2828dd0 2s infinite ease-in-out}.stalk.left[data-v-a2828dd0]{background:#4caf50}.stalk.right[data-v-a2828dd0]{background:#ff9800}.stalk.remainder[data-v-a2828dd0]{background:#f44336;transform:scale(1.2);box-shadow:0 0 8px #f4433680}.hanging-stalk[data-v-a2828dd0]{background:#9c27b0;color:#fff;padding:.5rem 1rem;border-radius:8px;margin-top:1rem;font-weight:700;text-align:center}.piles-display[data-v-a2828dd0]{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;width:100%}.pile[data-v-a2828dd0]{flex:1;min-width:200px;text-align:center}.pile h4[data-v-a2828dd0]{margin:0 0 1rem;color:#333}.animation-in-progress[data-v-a2828dd0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.animation-message[data-v-a2828dd0]{font-size:1.2rem;font-weight:700;color:#1976d2;margin-bottom:1rem}.progress-bar-small[data-v-a2828dd0]{width:80%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.progress-fill-small[data-v-a2828dd0]{height:100%;background:#4caf50;transition:width .1s linear}@keyframes float-a2828dd0{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.app-container[data-v-a2828dd0]{max-width:1000px;margin:0 auto;padding:1.5rem;font-family:"Noto Serif TC",serif;background:#f9f5eb;min-height:100vh}header[data-v-a2828dd0]{text-align:center;margin-bottom:2rem}header h1[data-v-a2828dd0]{color:#5a3a21;font-size:1.8rem}.actions[data-v-a2828dd0]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}button[data-v-a2828dd0]{padding:.6rem 1.2rem;font-size:1rem;border:2px solid #5a3a21;background:#fff3e0;color:#5a3a21;cursor:pointer;border-radius:8px;font-weight:700;transition:all .2s}button[data-v-a2828dd0]:hover:not(:disabled){background:#5a3a21;color:#fff}button[data-v-a2828dd0]:disabled{opacity:.6;cursor:not-allowed}.step-btn[data-v-a2828dd0]{flex:1;min-width:120px;background:#f5f5f5;border-color:#9e9e9e;color:#424242}.step-btn[data-v-a2828dd0]:disabled{opacity:.5;background:#f5f5f5}.step-btn[data-v-a2828dd0]:hover:not(:disabled){background:#9e9e9e;color:#fff}.primary[data-v-a2828dd0]{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.primary[data-v-a2828dd0]:hover:not(:disabled){background:#1976d2;color:#fff}.auto-btn[data-v-a2828dd0]{background:#e8f5e8;border-color:#388e3c;color:#388e3c}.auto-btn[data-v-a2828dd0]:hover:not(:disabled){background:#388e3c;color:#fff}.manual-btn[data-v-a2828dd0]{background:#fff3e0;border-color:#ef6c00;color:#ef6c00}.manual-btn[data-v-a2828dd0]:hover:not(:disabled){background:#ef6c00;color:#fff}.reset[data-v-a2828dd0]{background:#ffebee;border-color:#c62828;color:#c62828}.reset[data-v-a2828dd0]:hover:not(:disabled){background:#c62828;color:#fff}.taiji-display[data-v-a2828dd0]{text-align:center;margin:1.5rem 0}.taiji-card[data-v-a2828dd0]{display:inline-block;background:#e3f2fd;padding:.8rem 1.5rem;border-radius:10px;border:2px solid #1976d2;font-weight:700}.taiji-card .label[data-v-a2828dd0]{color:#1976d2;margin-right:.5rem}.taiji-card .value[data-v-a2828dd0]{font-size:1.2rem;color:#d32f2f}.taiji-card .desc[data-v-a2828dd0]{font-size:.9rem;color:#555;display:block;margin-top:.3rem}.manual-container[data-v-a2828dd0]{background:white;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 4px 12px #00000014}.progress-bar[data-v-a2828dd0]{width:100%;height:20px;background:#e0e0e0;border-radius:10px;margin-bottom:1.5rem;position:relative}.progress-fill[data-v-a2828dd0]{height:100%;background:#4caf50;border-radius:10px;transition:width .5s ease}.progress-text[data-v-a2828dd0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.manual-steps h3[data-v-a2828dd0]{text-align:center;color:#5a3a21;margin-bottom:1.5rem}.pile-info[data-v-a2828dd0],.hanging-info[data-v-a2828dd0],.remainder-info[data-v-a2828dd0]{text-align:center;margin:1rem 0;padding:.8rem;background:#f9f9f9;border-radius:8px;font-weight:700}.change-result[data-v-a2828dd0]{text-align:center;margin-top:1.5rem}.result-box[data-v-a2828dd0]{display:inline-block;background:#e8f5e8;padding:1rem;border-radius:8px;border:2px solid #388e3c}.next-btn[data-v-a2828dd0]{margin-top:1rem;background:#388e3c;color:#fff;border-color:#388e3c;padding:.5rem 1.5rem;font-size:1.1rem}.hint[data-v-a2828dd0]{text-align:center;color:#d32f2f;font-weight:700;margin:1rem 0;padding:.5rem;background:#ffebee;border-radius:8px}.live-result[data-v-a2828dd0]{margin-top:2rem;padding:1.5rem;background:#f5f9ff;border-radius:12px;border:2px dashed #2196f3}.live-result h4[data-v-a2828dd0]{margin:0 0 .5rem;color:#1976d2;text-align:center}.direction-hint[data-v-a2828dd0]{text-align:center;color:#d32f2f;font-size:.9rem;margin:-.5rem 0 .5rem}.no-data[data-v-a2828dd0]{text-align:center;color:#888;font-style:italic;padding:2rem 0}.live-lines[data-v-a2828dd0]{display:flex;flex-direction:column;gap:.8rem}.live-line-item[data-v-a2828dd0]{background:white;padding:.8rem;border-radius:8px;border-left:4px solid #2196f3;box-shadow:0 2px 4px #0000000d}.live-line-item.changing[data-v-a2828dd0]{border-left-color:#f44336;background:#ffebee}.label[data-v-a2828dd0]{font-weight:700;color:#333;margin-bottom:.3rem;display:flex;align-items:center}.current[data-v-a2828dd0]{color:#ff9800;font-size:.8rem;margin-left:.5rem;background:#fff3e0;padding:.1rem .4rem;border-radius:4px}.symbol[data-v-a2828dd0]{font-size:1.4rem;margin-bottom:.3rem}.change-arrow[data-v-a2828dd0]{color:#f44336;font-weight:700;margin-left:.3rem}.summary[data-v-a2828dd0]{font-size:.85rem;color:#666}.odd[data-v-a2828dd0]{display:inline-block;background:#e3f2fd;color:#1976d2;padding:.1rem .4rem;border-radius:4px;margin-right:.3rem;font-family:monospace;font-size:.8rem}.placeholder[data-v-a2828dd0]{text-align:center;padding:3rem 1rem;color:#777}.stalks-preview[data-v-a2828dd0]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.stalks-preview .stalk[data-v-a2828dd0]{width:30px;height:30px;background:#e0d0b0;border:1px solid #c0a080;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#5a3a21}@media (max-width: 768px){.app-container[data-v-a2828dd0]{padding:1rem}header h1[data-v-a2828dd0]{font-size:1.4rem}button[data-v-a2828dd0]{padding:.5rem 1rem;font-size:.9rem}.step-btn[data-v-a2828dd0]{min-width:100px;padding:.5rem}.live-line-item[data-v-a2828dd0]{padding:.6rem}.piles-display[data-v-a2828dd0]{flex-direction:column;gap:1rem}.pile[data-v-a2828dd0]{min-width:auto}}