Yijing Fengshui

Attribution-NonCommercial-ShareAlike 4.0 International

=======================================================================

Creative Commons Corporation ("Creative Commons") is not a law firm and
does not provide legal services or legal advice. Distribution of
Creative Commons public licenses does not create a lawyer-client or
other relationship. Creative Commons makes its licenses and related
information available on an "as-is" basis. Creative Commons gives no
warranties regarding its licenses, any material licensed under their
terms and conditions, or any related information. Creative Commons
disclaims all liability for damages resulting from their use to the
fullest extent possible.

Using Creative Commons Public Licenses

Creative Commons public licenses provide a standard set of terms and
conditions that creators and other rights holders may use to share
original works of authorship and other material subject to copyright
and certain other rights specified in the public license below. The
following considerations are for informational purposes only, are not
exhaustive, and do not form part of our licenses.

For the full license text, see:
https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode

#!/usr/bin/env python3
"""
易經陽宅風水卦象計算工具
Yijing Yangzhai Fengshui Hexagram Calculator

根據人的屬卦與所住方位，推導形成的六十四卦。
"""

import json
import argparse
from typing import Dict, Tuple, Optional

# 八卦資料（先天八卦數）
BAGUA = {
    "乾": {"number": 1, "direction": "西北", "member": "父", "element": "金", "symbol": "☰"},
    "兌": {"number": 2, "direction": "西",   "member": "少女", "element": "金", "symbol": "☱"},
    "離": {"number": 3, "direction": "南",   "member": "中女", "element": "火", "symbol": "☲"},
    "震": {"number": 4, "direction": "東",   "member": "長男", "element": "木", "symbol": "☳"},
    "巽": {"number": 5, "direction": "東南", "member": "長女", "element": "木", "symbol": "☴"},
    "坎": {"number": 6, "direction": "北",   "member": "中男", "element": "水", "symbol": "☵"},
    "艮": {"number": 7, "direction": "東北", "member": "少男", "element": "土", "symbol": "☶"},
    "坤": {"number": 8, "direction": "西南", "member": "母", "element": "土", "symbol": "☷"},
}

# 方位到卦的反查
DIRECTION_TO_GUA = {
    "西北": "乾", "NW": "乾",
    "西": "兌", "W": "兌",
    "南": "離", "S": "離",
    "東": "震", "E": "震",
    "東南": "巽", "SE": "巽",
    "北": "坎", "N": "坎",
    "東北": "艮", "NE": "艮",
    "西南": "坤", "SW": "坤",
    "中央": "中央", "C": "中央",  # 特殊處理
}

# 家庭成員到卦的對應
MEMBER_TO_GUA = {
    "父": "乾", "父親": "乾", "男主人": "乾", "老闆(男)": "乾",
    "母": "坤", "母親": "坤", "女主人": "坤", "老闆(女)": "坤",
    "長子": "震", "長男": "震",
    "長女": "巽",
    "中男": "坎", "次子": "坎",
    "中女": "離", "次女": "離",
    "少男": "艮", "幼子": "艮", "三子": "艮",
    "少女": "兌", "幼女": "兌", "三女": "兌",
}

# 六十四卦名稱（上卦, 下卦）
HEXAGRAMS = {
    (1, 1): (1, "乾為天"),    (1, 2): (10, "天澤履"),   (1, 3): (13, "天火同人"), (1, 4): (25, "天雷无妄"),
    (1, 5): (44, "天風姤"),   (1, 6): (6, "天水訟"),    (1, 7): (33, "天山遯"),   (1, 8): (12, "天地否"),
    (2, 1): (43, "澤天夬"),   (2, 2): (58, "兌為澤"),   (2, 3): (49, "澤火革"),   (2, 4): (17, "澤雷隨"),
    (2, 5): (28, "澤風大過"), (2, 6): (47, "澤水困"),   (2, 7): (31, "澤山咸"),   (2, 8): (45, "澤地萃"),
    (3, 1): (14, "火天大有"), (3, 2): (38, "火澤睽"),   (3, 3): (30, "離為火"),   (3, 4): (21, "火雷噬嗑"),
    (3, 5): (50, "火風鼎"),   (3, 6): (64, "火水未濟"), (3, 7): (56, "火山旅"),   (3, 8): (35, "火地晉"),
    (4, 1): (34, "雷天大壯"), (4, 2): (54, "雷澤歸妹"), (4, 3): (55, "雷火豐"),   (4, 4): (51, "震為雷"),
    (4, 5): (32, "雷風恆"),   (4, 6): (40, "雷水解"),   (4, 7): (62, "雷山小過"), (4, 8): (16, "雷地豫"),
    (5, 1): (9, "風天小畜"),  (5, 2): (61, "風澤中孚"), (5, 3): (37, "風火家人"), (5, 4): (42, "風雷益"),
    (5, 5): (57, "巽為風"),   (5, 6): (59, "風水渙"),   (5, 7): (53, "風山漸"),   (5, 8): (20, "風地觀"),
    (6, 1): (5, "水天需"),    (6, 2): (60, "水澤節"),   (6, 3): (63, "水火既濟"), (6, 4): (3, "水雷屯"),
    (6, 5): (48, "水風井"),   (6, 6): (29, "坎為水"),   (6, 7): (39, "水山蹇"),   (6, 8): (8, "水地比"),
    (7, 1): (26, "山天大畜"), (7, 2): (41, "山澤損"),   (7, 3): (22, "山火賁"),   (7, 4): (27, "山雷頤"),
    (7, 5): (18, "山風蠱"),   (7, 6): (4, "山水蒙"),    (7, 7): (52, "艮為山"),   (7, 8): (23, "山地剝"),
    (8, 1): (11, "地天泰"),   (8, 2): (19, "地澤臨"),   (8, 3): (36, "地火明夷"), (8, 4): (24, "地雷復"),
    (8, 5): (46, "地風升"),   (8, 6): (7, "地水師"),    (8, 7): (15, "地山謙"),   (8, 8): (2, "坤為地"),
}


def normalize_direction(direction: str) -> str:
    """標準化方位輸入"""
    direction = direction.strip().upper() if direction.isascii() else direction.strip()
    # 處理各種輸入格式
    mappings = {
        "正東": "東", "正西": "西", "正南": "南", "正北": "北",
        "EAST": "東", "WEST": "西", "SOUTH": "南", "NORTH": "北",
        "NORTHEAST": "東北", "NORTHWEST": "西北", "SOUTHEAST": "東南", "SOUTHWEST": "西南",
        "CENTER": "中央", "MIDDLE": "中央",
    }
    return mappings.get(direction, direction)


def direction_to_gua(direction: str) -> Optional[str]:
    """將方位轉換為卦名"""
    direction = normalize_direction(direction)
    return DIRECTION_TO_GUA.get(direction)


def get_person_gua(member: str) -> Optional[str]:
    """根據家庭成員角色取得屬卦"""
    return MEMBER_TO_GUA.get(member)


def get_hexagram(upper_gua: str, lower_gua: str) -> Dict:
    """
    根據上卦和下卦推導六十四卦
    
    Args:
        upper_gua: 上卦名稱（人的屬卦）
        lower_gua: 下卦名稱（所住位置的卦）
    
    Returns:
        卦象資訊字典
    """
    if upper_gua not in BAGUA or lower_gua not in BAGUA:
        return {"error": f"無效的卦名: {upper_gua} 或 {lower_gua}"}
    
    upper_num = BAGUA[upper_gua]["number"]
    lower_num = BAGUA[lower_gua]["number"]
    
    if (upper_num, lower_num) not in HEXAGRAMS:
        return {"error": f"找不到對應的卦象: 上{upper_gua} 下{lower_gua}"}
    
    number, name = HEXAGRAMS[(upper_num, lower_num)]
    
    # 判斷是否為本位
    is_native = upper_gua == lower_gua
    
    return {
        "hexagram_number": number,
        "hexagram_name": name,
        "upper_gua": upper_gua,
        "upper_symbol": BAGUA[upper_gua]["symbol"],
        "lower_gua": lower_gua,
        "lower_symbol": BAGUA[lower_gua]["symbol"],
        "is_native_position": is_native,
        "status": "本位大吉" if is_native else "錯位"
    }


def analyze_family(family: Dict[str, str], rooms: Optional[Dict[str, str]] = None) -> Dict:
    """
    分析家庭成員的風水配置
    
    Args:
        family: {"成員名": "方位"} 如 {"父親": "東", "長子": "西北"}
        rooms: {"房間": "方位"} 如 {"廚房": "西北", "廁所": "中央"}
    
    Returns:
        完整分析結果
    """
    results = {
        "family_analysis": [],
        "room_analysis": [],
        "issues": [],
        "recommendations": []
    }
    
    # 分析家庭成員
    for member, direction in family.items():
        person_gua = get_person_gua(member)
        if not person_gua:
            results["family_analysis"].append({
                "member": member,
                "error": f"無法識別成員角色: {member}"
            })
            continue
        
        position_gua = direction_to_gua(direction)
        if not position_gua:
            results["family_analysis"].append({
                "member": member,
                "error": f"無法識別方位: {direction}"
            })
            continue
        
        ideal_direction = BAGUA[person_gua]["direction"]
        hexagram_info = get_hexagram(person_gua, position_gua)
        
        analysis = {
            "member": member,
            "role": BAGUA[person_gua]["member"],
            "person_gua": person_gua,
            "ideal_direction": ideal_direction,
            "actual_direction": direction,
            **hexagram_info
        }
        
        results["family_analysis"].append(analysis)
        
        # 記錄問題
        if not hexagram_info.get("is_native_position"):
            results["issues"].append(
                f"{member}住在{direction}（應住{ideal_direction}），形成「{hexagram_info['hexagram_name']}」卦"
            )
    
    # 分析房間
    if rooms:
        for room, direction in rooms.items():
            room_analysis = analyze_room(room, direction)
            results["room_analysis"].append(room_analysis)
            
            if room_analysis.get("status") in ["凶", "大凶"]:
                results["issues"].append(
                    f"{room}在{direction}：{room_analysis.get('effect', '')}"
                )
    
    # 生成建議
    if results["issues"]:
        results["recommendations"] = generate_recommendations(results)
    
    return results


def analyze_room(room: str, direction: str) -> Dict:
    """分析特殊房間的風水"""
    direction = normalize_direction(direction)
    
    # 廚房規則
    kitchen_rules = {
        "東": {"status": "吉", "effect": "木火通明，家人得貴人扶持"},
        "東南": {"status": "吉", "effect": "木火通明，有助家庭和諧"},
        "北": {"status": "中吉", "effect": "水火既濟，家人平安"},
        "東北": {"status": "中吉", "effect": "火土相生"},
        "南": {"status": "小吉", "effect": "火氣較旺，家人易急躁"},
        "西南": {"status": "凶", "effect": "裡鬼門，午後西曬不利食物保存，家人多病"},
        "西北": {"status": "凶", "effect": "火燒天門，不利男主人健康（呼吸系統、大腸）"},
        "西": {"status": "凶", "effect": "火金相剋，運氣反覆"},
    }
    
    # 廁所規則
    toilet_rules = {
        "中央": {"status": "大凶", "effect": "中宮穢氣，嚴重影響全家健康"},
        "東北": {"status": "大凶", "effect": "鬼門位，陰暗潮濕，家人體弱多病"},
        "西南": {"status": "凶", "effect": "傷女主人，脾胃不佳、婦科問題"},
        "西北": {"status": "凶", "effect": "傷男主人，事業及健康受損"},
        "東": {"status": "中", "effect": "水木相生，需保持通風"},
        "東南": {"status": "中", "effect": "水木相生，需保持通風"},
        "南": {"status": "凶", "effect": "水火相沖，易生是非疾病"},
        "北": {"status": "中", "effect": "坎位屬水，尚可"},
        "西": {"status": "中", "effect": "金水相生，尚可"},
    }
    
    if "廚房" in room or "kitchen" in room.lower():
        rules = kitchen_rules
    elif "廁所" in room or "浴室" in room or "toilet" in room.lower() or "bathroom" in room.lower():
        rules = toilet_rules
    else:
        return {"room": room, "direction": direction, "status": "未知", "effect": "無特殊規則"}
    
    rule = rules.get(direction, {"status": "未知", "effect": "無對應規則"})
    return {"room": room, "direction": direction, **rule}


def generate_recommendations(results: Dict) -> list:
    """根據分析結果生成建議"""
    recommendations = []
    
    # 檢查成員錯位
    misplaced = [a for a in results["family_analysis"] if not a.get("is_native_position") and "error" not in a]
    if len(misplaced) >= 2:
        # 檢查是否可以互換
        for i, p1 in enumerate(misplaced):
            for p2 in misplaced[i+1:]:
                if p1["actual_direction"] == p2["ideal_direction"] and p2["actual_direction"] == p1["ideal_direction"]:
                    recommendations.append(
                        f"建議 {p1['member']} 與 {p2['member']} 對調房間，可同時恢復「名位相等」"
                    )
    
    # 房間問題建議
    for room in results["room_analysis"]:
        if room.get("status") == "大凶":
            recommendations.append(
                f"{room['room']}位置為大忌，若無法搬遷，需加強通風並保持門常關"
            )
        elif room.get("status") == "凶":
            recommendations.append(
                f"{room['room']}方位不理想，可透過減少該區域使用頻率或加強通風來緩解"
            )
    
    return recommendations


def main():
    parser = argparse.ArgumentParser(description="易經陽宅風水卦象計算")
    parser.add_argument("--person", help="人的屬卦（乾兌離震巽坎艮坤）")
    parser.add_argument("--position", help="所住位置的卦")
    parser.add_argument("--analyze", action="store_true", help="完整分析模式")
    parser.add_argument("--family", help="家庭成員 JSON，如 '{\"父親\": \"東\", \"長子\": \"西北\"}'")
    parser.add_argument("--rooms", help="房間位置 JSON，如 '{\"廚房\": \"西北\", \"廁所\": \"中央\"}'")
    
    args = parser.parse_args()
    
    if args.person and args.position:
        # 單一卦象查詢
        result = get_hexagram(args.person, args.position)
        print(json.dumps(result, ensure_ascii=False, indent=2))
    
    elif args.analyze and args.family:
        # 完整分析模式
        family = json.loads(args.family)
        rooms = json.loads(args.rooms) if args.rooms else None
        result = analyze_family(family, rooms)
        print(json.dumps(result, ensure_ascii=False, indent=2))
    
    else:
        parser.print_help()
        print("\n範例:")
        print("  python fengshui_calc.py --person 震 --position 乾")
        print("  python fengshui_calc.py --analyze --family '{\"父親\": \"東\", \"長子\": \"西北\"}' --rooms '{\"廚房\": \"西北\"}'")


if __name__ == "__main__":
    main()

// ===== Config =====
const ROOM_MIN_SIZE = 60;
const ROOM_DEFAULT_SIZE = 100;
const PERSON_SIZE = 32;
const HANDLE_SIZE = 10;

const COLORS = {
    room: { fill: 'rgba(159, 74, 223, 0.3)', stroke: '#9f4adf' },
    facility: { fill: 'rgba(223, 159, 74, 0.3)', stroke: '#df9f4a' },
    bedroom: { fill: 'rgba(74, 159, 223, 0.2)', stroke: '#4a9fdf' }
};

// ===== State =====
let rooms = [];
let persons = [];
let selectedRoom = null;
let selectedPerson = null;
let dragMode = null; // 'move', 'resize', 'rotate', 'move-person'
let dragStart = { x: 0, y: 0 };
let originalState = null;
let compassRotation = 0; // in degrees, 0 = north up

// ===== Canvas Setup =====
const canvas = document.getElementById('floorCanvas');
const ctx = canvas.getContext('2d');

function resizeCanvas() {
    const rect = canvas.getBoundingClientRect();
    canvas.width = rect.width;
    canvas.height = rect.height;
    draw();
}

window.addEventListener('resize', resizeCanvas);
resizeCanvas();

// ===== Utility =====
function isBedroom(value) {
    return value.includes('臥室') || value === '主臥室';
}

function getDirection(x, y, w, h) {
    const centerX = canvas.width / 2;
    const centerY = canvas.height / 2;
    const objCenterX = x + w / 2;
    const objCenterY = y + h / 2;

    const dx = objCenterX - centerX;
    const dy = objCenterY - centerY;

    const threshold = 50;
    if (Math.abs(dx) < threshold && Math.abs(dy) < threshold) return '中央';

    // Calculate angle and adjust for compass rotation
    let angle = Math.atan2(-dy, dx) * 180 / Math.PI;
    angle = angle - compassRotation; // Adjust for compass rotation

    // Normalize angle to -180 to 180
    while (angle > 180) angle -= 360;
    while (angle < -180) angle += 360;

    if (angle >= -22.5 && angle < 22.5) return '東';
    if (angle >= 22.5 && angle < 67.5) return '東北';
    if (angle >= 67.5 && angle < 112.5) return '北';
    if (angle >= 112.5 && angle < 157.5) return '西北';
    if (angle >= 157.5 || angle < -157.5) return '西';
    if (angle >= -157.5 && angle < -112.5) return '西南';
    if (angle >= -112.5 && angle < -67.5) return '南';
    if (angle >= -67.5 && angle < -22.5) return '東南';

    return '中央';
}

function isInsideRoom(px, py, room) {
    // Simple rectangle check (ignoring rotation for now)
    return px >= room.x && px <= room.x + room.w &&
        py >= room.y && py <= room.y + room.h;
}

function findBedroomAt(x, y) {
    for (let i = rooms.length - 1; i >= 0; i--) {
        if (isBedroom(rooms[i].value) && isInsideRoom(x, y, rooms[i])) {
            return rooms[i];
        }
    }
    return null;
}

// ===== Drawing =====
function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    // Center crosshair
    ctx.strokeStyle = 'rgba(201, 162, 39, 0.3)';
    ctx.setLineDash([5, 5]);
    ctx.beginPath();
    ctx.moveTo(canvas.width / 2, 0);
    ctx.lineTo(canvas.width / 2, canvas.height);
    ctx.moveTo(0, canvas.height / 2);
    ctx.lineTo(canvas.width, canvas.height / 2);
    ctx.stroke();
    ctx.setLineDash([]);

    // Draw rooms
    rooms.forEach((room, idx) => {
        ctx.save();

        const cx = room.x + room.w / 2;
        const cy = room.y + room.h / 2;
        ctx.translate(cx, cy);
        ctx.rotate(room.rotation || 0);
        ctx.translate(-cx, -cy);

        const colors = isBedroom(room.value) ? COLORS.bedroom :
            (room.type === 'room' ? COLORS.room : COLORS.facility);

        // Fill
        ctx.fillStyle = colors.fill;
        ctx.fillRect(room.x, room.y, room.w, room.h);

        // Border
        ctx.strokeStyle = selectedRoom === idx ? '#fff' : colors.stroke;
        ctx.lineWidth = selectedRoom === idx ? 3 : 2;
        ctx.strokeRect(room.x, room.y, room.w, room.h);

        // Icon & Label
        ctx.fillStyle = '#fff';
        ctx.font = '20px Arial';
        ctx.textAlign = 'center';
        ctx.fillText(room.icon, cx, cy - 5);

        ctx.font = 'bold 11px Arial';
        ctx.fillText(room.value, cx, cy + 15);

        // Direction
        const dir = getDirection(room.x, room.y, room.w, room.h);
        ctx.fillStyle = 'rgba(201, 162, 39, 0.9)';
        ctx.font = '9px Arial';
        ctx.fillText(dir, cx, room.y + room.h - 5);

        ctx.restore();

        // Resize handle (when selected)
        if (selectedRoom === idx) {
            ctx.fillStyle = '#fff';
            ctx.fillRect(room.x + room.w - HANDLE_SIZE, room.y + room.h - HANDLE_SIZE, HANDLE_SIZE, HANDLE_SIZE);

            // Rotate handle
            ctx.beginPath();
            ctx.arc(room.x + room.w / 2, room.y - 15, 6, 0, Math.PI * 2);
            ctx.fillStyle = '#c9a227';
            ctx.fill();
        }
    });

    // Draw persons (positioned relative to their bedroom)
    persons.forEach((person, idx) => {
        const bedroom = rooms[person.bedroomId];
        if (!bedroom) return;

        // Calculate position from bedroom center + offset
        const px = bedroom.x + bedroom.w / 2 + (person.offsetX || 0);
        const py = bedroom.y + bedroom.h / 2 + (person.offsetY || 0);

        ctx.font = '22px Arial';
        ctx.textAlign = 'center';
        ctx.fillText(person.icon, px, py);

        ctx.font = 'bold 9px Arial';
        ctx.fillStyle = selectedPerson === idx ? '#fff' : '#4a9fdf';
        ctx.fillText(person.value, px, py + 16);
    });
}

// ===== Toolbox: Drag & Click =====
function addItemToCanvas(type, value, icon, targetX, targetY) {
    if (type === 'person') {
        // Check if dropped on a bedroom
        const bedroom = findBedroomAt(targetX, targetY);
        if (bedroom) {
            const bedroomIdx = rooms.indexOf(bedroom);
            // Remove existing person with same value
            persons = persons.filter(p => p.value !== value);
            // Store as offset from bedroom center (fixed position)
            const personsInRoom = persons.filter(p => p.bedroomId === bedroomIdx).length;
            const offsetX = (personsInRoom % 2) * 30 - 15;
            const offsetY = Math.floor(personsInRoom / 2) * 25;
            persons.push({
                value,
                icon,
                bedroomId: bedroomIdx,
                offsetX: offsetX,
                offsetY: offsetY
            });
        } else {
            showToast('⚠️ 家人只能放入臥室！');
            return false;
        }
    } else {
        // Room or facility - random position if no target
        const x = targetX || (100 + Math.random() * (canvas.width - 300));
        const y = targetY || (100 + Math.random() * (canvas.height - 300));
        rooms.push({
            type,
            value,
            icon,
            x: x - ROOM_DEFAULT_SIZE / 2,
            y: y - ROOM_DEFAULT_SIZE / 2,
            w: ROOM_DEFAULT_SIZE,
            h: ROOM_DEFAULT_SIZE,
            rotation: 0
        });
    }
    return true;
}

let isDraggingFromToolbox = false;

document.querySelectorAll('.tool-item').forEach(item => {
    // Drag start
    item.addEventListener('dragstart', (e) => {
        isDraggingFromToolbox = true;
        e.dataTransfer.setData('type', item.dataset.type);
        e.dataTransfer.setData('value', item.dataset.value);
        e.dataTransfer.setData('icon', item.dataset.icon);
    });

    item.addEventListener('dragend', () => {
        // Reset after a short delay to allow drop to complete
        setTimeout(() => { isDraggingFromToolbox = false; }, 100);
    });

    // Click to spawn (only if not dragging)
    item.addEventListener('click', (e) => {
        // Skip if this was a drag action
        if (isDraggingFromToolbox) {
            isDraggingFromToolbox = false;
            return;
        }

        const type = item.dataset.type;
        const value = item.dataset.value;
        const icon = item.dataset.icon;

        if (type === 'person') {
            // Person needs a bedroom first
            const bedrooms = rooms.filter(r => isBedroom(r.value));
            if (bedrooms.length === 0) {
                showToast('請先放置臥室！');
                return;
            }
            // Find a bedroom without this person
            let targetBedroom = bedrooms.find(b => {
                const idx = rooms.indexOf(b);
                return !persons.some(p => p.bedroomId === idx && p.value === value);
            });
            if (!targetBedroom) targetBedroom = bedrooms[0];
            const cx = targetBedroom.x + targetBedroom.w / 2;
            const cy = targetBedroom.y + targetBedroom.h / 2;
            addItemToCanvas(type, value, icon, cx, cy);
        } else {
            // Random position for rooms/facilities
            addItemToCanvas(type, value, icon, null, null);
        }
        draw();
        updateConfigList();
    });
});

canvas.addEventListener('dragover', (e) => e.preventDefault());

canvas.addEventListener('drop', (e) => {
    e.preventDefault();
    const rect = canvas.getBoundingClientRect();
    const x = e.clientX - rect.left;
    const y = e.clientY - rect.top;

    const type = e.dataTransfer.getData('type');
    const value = e.dataTransfer.getData('value');
    const icon = e.dataTransfer.getData('icon');

    addItemToCanvas(type, value, icon, x, y);
    draw();
    updateConfigList();
});

// ===== Canvas Mouse Events =====
canvas.addEventListener('mousedown', (e) => {
    const rect = canvas.getBoundingClientRect();
    const mx = e.clientX - rect.left;
    const my = e.clientY - rect.top;

    // Check persons first (calculate their actual position)
    for (let i = persons.length - 1; i >= 0; i--) {
        const p = persons[i];
        const bedroom = rooms[p.bedroomId];
        if (!bedroom) continue;
        const px = bedroom.x + bedroom.w / 2 + (p.offsetX || 0);
        const py = bedroom.y + bedroom.h / 2 + (p.offsetY || 0);
        if (Math.abs(mx - px) < PERSON_SIZE / 2 && Math.abs(my - py) < PERSON_SIZE / 2) {
            selectedPerson = i;
            selectedRoom = null;
            dragMode = 'move-person';
            dragStart = { x: mx, y: my };
            originalState = { bedroomId: p.bedroomId, offsetX: p.offsetX, offsetY: p.offsetY };
            draw();
            return;
        }
    }

    // Check rooms
    for (let i = rooms.length - 1; i >= 0; i--) {
        const r = rooms[i];

        // Resize handle
        if (selectedRoom === i) {
            if (mx >= r.x + r.w - HANDLE_SIZE && mx <= r.x + r.w &&
                my >= r.y + r.h - HANDLE_SIZE && my <= r.y + r.h) {
                dragMode = 'resize';
                dragStart = { x: mx, y: my };
                originalState = { w: r.w, h: r.h };
                return;
            }

            // Rotate handle
            const rotateX = r.x + r.w / 2;
            const rotateY = r.y - 15;
            if (Math.sqrt((mx - rotateX) ** 2 + (my - rotateY) ** 2) < 10) {
                dragMode = 'rotate';
                dragStart = { x: mx, y: my };
                originalState = { rotation: r.rotation || 0 };
                return;
            }
        }

        // Room body
        if (mx >= r.x && mx <= r.x + r.w && my >= r.y && my <= r.y + r.h) {
            selectedRoom = i;
            selectedPerson = null;
            dragMode = 'move-room';
            dragStart = { x: mx - r.x, y: my - r.y };
            draw();
            return;
        }
    }

    selectedRoom = null;
    selectedPerson = null;
    draw();
});

canvas.addEventListener('mousemove', (e) => {
    if (!dragMode) return;

    const rect = canvas.getBoundingClientRect();
    const mx = e.clientX - rect.left;
    const my = e.clientY - rect.top;

    if (dragMode === 'move-room' && selectedRoom !== null) {
        rooms[selectedRoom].x = mx - dragStart.x;
        rooms[selectedRoom].y = my - dragStart.y;
    } else if (dragMode === 'resize' && selectedRoom !== null) {
        const dx = mx - dragStart.x;
        const dy = my - dragStart.y;
        rooms[selectedRoom].w = Math.max(ROOM_MIN_SIZE, originalState.w + dx);
        rooms[selectedRoom].h = Math.max(ROOM_MIN_SIZE, originalState.h + dy);
    } else if (dragMode === 'rotate' && selectedRoom !== null) {
        const r = rooms[selectedRoom];
        const cx = r.x + r.w / 2;
        const cy = r.y + r.h / 2;
        const angle = Math.atan2(my - cy, mx - cx);
        rooms[selectedRoom].rotation = angle + Math.PI / 2;
    } else if (dragMode === 'move-person' && selectedPerson !== null) {
        // Update offset relative to current bedroom
        const p = persons[selectedPerson];
        const bedroom = rooms[p.bedroomId];
        if (bedroom) {
            p.offsetX = mx - (bedroom.x + bedroom.w / 2);
            p.offsetY = my - (bedroom.y + bedroom.h / 2);
        }
    }

    draw();
    updateConfigList();
});

canvas.addEventListener('mouseup', (e) => {
    if (dragMode === 'move-person' && selectedPerson !== null) {
        const p = persons[selectedPerson];
        const bedroom = rooms[p.bedroomId];
        if (bedroom) {
            const px = bedroom.x + bedroom.w / 2 + (p.offsetX || 0);
            const py = bedroom.y + bedroom.h / 2 + (p.offsetY || 0);
            const newBedroom = findBedroomAt(px, py);

            if (!newBedroom) {
                // Bounce back to original position
                p.bedroomId = originalState.bedroomId;
                p.offsetX = originalState.offsetX;
                p.offsetY = originalState.offsetY;
                showToast('⚠️ 家人必須在臥室內！');
            } else if (newBedroom !== bedroom) {
                // Moved to a different bedroom
                p.bedroomId = rooms.indexOf(newBedroom);
                p.offsetX = px - (newBedroom.x + newBedroom.w / 2);
                p.offsetY = py - (newBedroom.y + newBedroom.h / 2);
            }
        }
        draw();
        updateConfigList();
    }

    dragMode = null;
    originalState = null;
});

canvas.addEventListener('dblclick', (e) => {
    const rect = canvas.getBoundingClientRect();
    const mx = e.clientX - rect.left;
    const my = e.clientY - rect.top;

    // Check persons (calculate actual position)
    for (let i = persons.length - 1; i >= 0; i--) {
        const p = persons[i];
        const bedroom = rooms[p.bedroomId];
        if (!bedroom) continue;
        const px = bedroom.x + bedroom.w / 2 + (p.offsetX || 0);
        const py = bedroom.y + bedroom.h / 2 + (p.offsetY || 0);
        if (Math.abs(mx - px) < PERSON_SIZE / 2 && Math.abs(my - py) < PERSON_SIZE / 2) {
            persons.splice(i, 1);
            selectedPerson = null;
            draw();
            updateConfigList();
            return;
        }
    }

    // Check rooms
    for (let i = rooms.length - 1; i >= 0; i--) {
        const r = rooms[i];
        if (mx >= r.x && mx <= r.x + r.w && my >= r.y && my <= r.y + r.h) {
            // Remove persons in this room too
            persons = persons.filter(p => p.bedroomId !== i);
            rooms.splice(i, 1);
            selectedRoom = null;
            draw();
            updateConfigList();
            return;
        }
    }
});

// ===== Toast =====
function showToast(msg) {
    const toast = document.createElement('div');
    toast.textContent = msg;
    toast.className = 'toast-msg';
    toast.style.cssText = `
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        background: #1b2838;
        color: #fbbf24;
        padding: 10px 20px;
        border-radius: 8px;
        border: 1px solid #fbbf24;
        z-index: 9999;
        animation: fadeOut 2s forwards;
    `;
    document.body.appendChild(toast);
    setTimeout(() => toast.remove(), 2000);
}

// ===== Config List =====
function updateConfigList() {
    const list = document.getElementById('configList');

    if (rooms.length === 0 && persons.length === 0) {
        list.innerHTML = `<p style="color: var(--text-muted); font-size: 0.75rem;">
            1. 先拖拉房間到平面圖<br>
            2. 再將家人放入臥室
        </p>`;
        return;
    }

    let html = '';

    rooms.forEach(r => {
        const dir = getDirection(r.x, r.y, r.w, r.h);
        html += `<div class="config-item">
            <span>${r.icon} ${r.value}</span>
            <span class="dir">${dir}</span>
        </div>`;
    });

    persons.forEach(p => {
        const bedroom = rooms[p.bedroomId];
        const dir = bedroom ? getDirection(bedroom.x, bedroom.y, bedroom.w, bedroom.h) : '?';
        html += `<div class="config-item" style="border-left: 2px solid #4a9fdf;">
            <span>${p.icon} ${p.value}</span>
            <span class="dir">${dir}</span>
        </div>`;
    });

    list.innerHTML = html;
}

// ===== Clear =====
document.getElementById('clearCanvas').addEventListener('click', () => {
    rooms = [];
    persons = [];
    selectedRoom = null;
    selectedPerson = null;
    draw();
    updateConfigList();
    document.getElementById('promptOutput').classList.remove('show');
    document.getElementById('copyBtn').classList.remove('show');
});

// ===== Generate Prompt =====
document.getElementById('generateBtn').addEventListener('click', () => {
    if (rooms.length === 0) {
        showToast('請先放置至少一個房間');
        return;
    }

    const family = [];
    const roomsData = [];

    // Collect Family Data
    persons.forEach(p => {
        const bedroom = rooms[p.bedroomId];
        if (bedroom) {
            const dir = getDirection(bedroom.x, bedroom.y, bedroom.w, bedroom.h);
            family.push({ member: p.value, dir: dir });
        }
    });

    // Collect Rooms Data
    rooms.forEach(r => {
        if (!isBedroom(r.value)) {
            const dir = getDirection(r.x, r.y, r.w, r.h);
            roomsData.push({ room: r.value, dir: dir });
        }
    });

    let prompt = `請幫我分析住宅風水：\n\n`;

    if (family.length > 0) {
        prompt += `【家庭成員臥室位置】\n`;
        family.forEach(item => {
            prompt += `- ${item.member}：${item.dir}\n`;
        });
        prompt += '\n';
    }

    if (roomsData.length > 0) {
        prompt += `【房間/設施位置】\n`;
        roomsData.forEach(item => {
            prompt += `- ${item.room}：${item.dir}\n`;
        });
        prompt += '\n';
    }

    prompt += `請根據易經陽宅風水理論分析：
1. 各成員的卦象與吉凶
2. 房間位置的風水影響
3. 改善建議

（使用 yijing-fengshui Skill）`;

    const output = document.getElementById('promptOutput');
    const copyBtn = document.getElementById('copyBtn');
    output.textContent = prompt;
    output.classList.add('show');
    copyBtn.classList.add('show');
});

// ===== Copy =====
document.getElementById('copyBtn').addEventListener('click', () => {
    const text = document.getElementById('promptOutput').textContent;
    navigator.clipboard.writeText(text).then(() => {
        const btn = document.getElementById('copyBtn');
        btn.textContent = '✅ 已複製！';
        btn.style.background = 'var(--success)';
        btn.style.color = 'var(--bg-dark)';
        setTimeout(() => {
            btn.textContent = '📋 複製 Prompt';
            btn.style.background = 'transparent';
            btn.style.color = 'var(--success)';
        }, 2000);
    });
});

// ===== Compass Rotation =====
const compass = document.getElementById('compass');
const compassInner = document.getElementById('compassInner');
let isRotatingCompass = false;
let compassStartAngle = 0;

compass.addEventListener('mousedown', (e) => {
    isRotatingCompass = true;
    const rect = compass.getBoundingClientRect();
    const cx = rect.left + rect.width / 2;
    const cy = rect.top + rect.height / 2;
    compassStartAngle = Math.atan2(e.clientY - cy, e.clientX - cx) * 180 / Math.PI - compassRotation;
    e.preventDefault();
});

document.addEventListener('mousemove', (e) => {
    if (!isRotatingCompass) return;
    const rect = compass.getBoundingClientRect();
    const cx = rect.left + rect.width / 2;
    const cy = rect.top + rect.height / 2;
    const currentAngle = Math.atan2(e.clientY - cy, e.clientX - cx) * 180 / Math.PI;
    compassRotation = currentAngle - compassStartAngle;

    // Update visual rotation
    compassInner.style.transform = `rotate(${compassRotation}deg)`;

    // Redraw to update directions
    draw();
    updateConfigList();
});

document.addEventListener('mouseup', () => {
    isRotatingCompass = false;
});

<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>易經陽宅風水 - 平面圖建構器</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <header>
            <h1>🏠 易經陽宅風水 - 平面圖建構器</h1>
            <p class="subtitle">拖拉房間建構平面圖，再將家人放入臥室</p>
        </header>

        <div class="main-layout">
            <!-- Toolbox -->
            <div class="toolbox">
                <h3>👨‍👩‍👧‍👦 家庭成員</h3>
                <div class="tool-item person" draggable="true" data-type="person" data-value="父親" data-icon="👴">
                    <span class="icon">👴</span> 父親
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="母親" data-icon="👵">
                    <span class="icon">👵</span> 母親
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="長子" data-icon="👦">
                    <span class="icon">👦</span> 長子
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="長女" data-icon="👧">
                    <span class="icon">👧</span> 長女
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="次子" data-icon="👦">
                    <span class="icon">👦</span> 次子
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="次女" data-icon="👧">
                    <span class="icon">👧</span> 次女
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="少子" data-icon="👶">
                    <span class="icon">👶</span> 少子
                </div>
                <div class="tool-item person" draggable="true" data-type="person" data-value="少女" data-icon="👶">
                    <span class="icon">👶</span> 少女
                </div>

                <h3>🛏️ 房間</h3>
                <div class="tool-item room" draggable="true" data-type="room" data-value="主臥室" data-icon="🛏️">
                    <span class="icon">🛏️</span> 主臥室
                </div>
                <div class="tool-item room" draggable="true" data-type="room" data-value="臥室" data-icon="🛏️">
                    <span class="icon">🛏️</span> 臥室
                </div>
                <div class="tool-item room" draggable="true" data-type="room" data-value="客廳" data-icon="🛋️">
                    <span class="icon">🛋️</span> 客廳
                </div>
                <div class="tool-item room" draggable="true" data-type="room" data-value="餐廳" data-icon="🍽️">
                    <span class="icon">🍽️</span> 餐廳
                </div>
                <div class="tool-item room" draggable="true" data-type="room" data-value="書房" data-icon="📚">
                    <span class="icon">📚</span> 書房
                </div>
                <div class="tool-item room" draggable="true" data-type="room" data-value="儲藏室" data-icon="📦">
                    <span class="icon">📦</span> 儲藏室
                </div>

                <h3>🔧 設施</h3>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="廚房" data-icon="🍳">
                    <span class="icon">🍳</span> 廚房
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="廁所" data-icon="🚽">
                    <span class="icon">🚽</span> 廁所
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="浴室" data-icon="🛁">
                    <span class="icon">🛁</span> 浴室
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="大門" data-icon="🚪">
                    <span class="icon">🚪</span> 大門
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="陽台" data-icon="🌿">
                    <span class="icon">🌿</span> 陽台
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="玄關" data-icon="🚶">
                    <span class="icon">🚶</span> 玄關
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="車庫" data-icon="🚗">
                    <span class="icon">🚗</span> 車庫
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="樓梯" data-icon="🪜">
                    <span class="icon">🪜</span> 樓梯
                </div>
                <div class="tool-item facility" draggable="true" data-type="facility" data-value="神明廳" data-icon="🙏">
                    <span class="icon">🙏</span> 神明廳
                </div>
            </div>

            <!-- Canvas -->
            <div class="canvas-wrapper">
                <div class="canvas-header">
                    <h3>📐 平面圖（上方為北）</h3>
                    <div class="canvas-actions">
                        <button id="clearCanvas">🗑️ 清除全部</button>
                    </div>
                </div>
                <canvas id="floorCanvas"></canvas>
                <div class="compass" id="compass">
                    <span class="compass-hint">拖拉旋轉</span>
                    <div class="compass-inner" id="compassInner">
                        <span class="compass-n">北</span>
                        <span class="compass-s">南</span>
                        <span class="compass-e">東</span>
                        <span class="compass-w">西</span>
                    </div>
                </div>
            </div>

            <!-- Output Panel -->
            <div class="output-panel">
                <h3>📋 配置清單</h3>
                <div class="config-list" id="configList">
                    <p style="color: var(--text-muted); font-size: 0.75rem;">
                        1. 先拖拉房間到平面圖<br>
                        2. 再將家人放入臥室
                    </p>
                </div>

                <button class="generate-btn" id="generateBtn">✨ 生成 AI 分析 Prompt</button>

                <div class="prompt-output" id="promptOutput"></div>
                <button class="copy-btn" id="copyBtn">📋 複製 Prompt</button>

                <div class="hint">
                    <strong>操作說明：</strong><br>
                    • 拖拉邊角可縮放房間<br>
                    • 拖拉旋轉鈕可旋轉<br>
                    • 雙擊可刪除<br>
                    • 家人只能放入臥室
                </div>
            </div>
        </div>

        <footer>
            <p>基於倪海廈老師易經陽宅學說 | <a href="https://github.com/Wolke/yijing-fengshui" target="_blank">GitHub</a></p>
        </footer>
    </div>

    <script src="app.js" defer></script>
</body>

</html>