:root {
        --brown:   #d4a373;
        --brown-dk:#ab8361;
        --cream:   #f7f4ef; 
        --green:   #2a9a5a;
        --grass:   #7dbb4a;
    }
    body { background: var(--cream); margin: 0; padding: 0; font-family: sans-serif; }

    .farm-hero {
        width: calc(100% - 24px);
        aspect-ratio: 16/9;
        object-fit: cover;
        border-radius: 6px;
        margin: 12px auto 0;
        display: block;
       box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    }

    .main-content {
        padding: 16px 12px 24px;
        max-width: 500px; margin: 0 auto;
        text-align: center;
    }

    .farm-main-title {
        font-size: 1.6rem; font-weight: 700;
        color: #7e6349; margin-bottom: 8px;
        text-align: center;
    }
    .farm-main-sub {
        font-size: 1.1rem; color: #958271;
        margin-bottom: 20px;
        text-align: center;
    }

    /* ── 成就卡片 ── */
    .achievement-card {
        background: white; border-radius: 12px;
        border: 1px solid #dcd0c5;
        padding: 16px 20px; margin-bottom: 16px;
        text-align: left;
    }
    .achievement-title {
        font-size: 1.1rem; font-weight: 700;
        color: #888; margin-bottom: 12px;
        text-align: center; letter-spacing: 0.05em;
    }
    .achievement-stats {
        display: flex; justify-content: space-around;
    }
    .achievement-stat {
        display: flex; flex-direction: column;
        align-items: center; gap: 4px;
    }
    .achievement-stat-value {
        font-size: 1.3rem; font-weight: 700; color: var(--brown-dk);
    }
    .achievement-stat-label {
        font-size: 1rem; color: #777; font-weight: 400;
    }
    .achievement-empty {
        text-align: center;
        font-size: 1.1rem; color: #999;
        padding: 4px 0;
    }

    /* ── 主按鈕 ── */
    .btn-enter {
        display: block; width: 100%;
        padding: 18px; border-radius: 16px; border: none;
        background: #d4a373; color: white;
        font-size: 1.2rem; font-weight: 700;
        cursor: pointer; margin-bottom: 16px;
        transition: background 0.15s, transform 0.1s;
        box-shadow: 0 4px 16px rgba(212,163,115,0.3);
    }
    .btn-enter:active { background: #b8864f; transform: scale(0.99); }

    /* ── 次要功能卡片並排 ── */
    .secondary-btns {
        display: flex; gap: 12px; margin-bottom: 16px;
    }
    .btn-card {
        flex: 1;
        display: flex; flex-direction: column;
        align-items: center; justify-content: center;
        gap: 8px;
        padding: 18px 12px; border-radius: 16px; border: none;
        background: white; cursor: pointer;
        transition: background 0.15s, transform 0.1s;
    }
    .btn-card-shop {
        border: 1.5px solid #f0ddc2;
    }
    .btn-card-shop:active { background: #FFF9DD; transform: scale(0.99); }
    
    .btn-card-decor {
        border: 2px solid #d4edba;
    }
  

    .btn-card-label-shop {
        font-size: 1rem; font-weight: 600; color: #987553;
    }
    

    /* ── 規則說明 ── */
    .rules-section {
        background: white; border-radius: 12px;
        padding: 20px 16px; text-align: left;
       border: 1px solid #dcd0c5;
    }
    .rules-title {
        font-size: 1.35rem; font-weight: 600;
        color:#886c4f; margin-bottom: 0px;
        text-align: center;
    }
    .rules-list {
        list-style: none; margin: 0; padding: 0;
    }
    .rules-list li {
        font-size: 1.25rem; color: #666; line-height: 34px;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
    .rules-list li:last-child {
        border-bottom: none;
    }
    .rules-list li strong { color: #7ca958; font-weight: 500; }
    
    .achievement-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.btn-card-img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.icon-lemon {
    color: #7aa358;
    font-size: 1.15rem;
}