/**
 * 客戶自助確認頁面樣式
 * 手機優先 RWD 設計
 */

/* 基本重置 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 主要樣式已內嵌於 confirm.php 中 */
/* 此檔案保留作為擴展使用 */

/* 自定義動畫 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.3s ease-out;
}

/* Loading 動畫 */
@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* 觸控優化 */
@media (hover: none) {
    .btn:active {
        transform: scale(0.98);
    }

    .plan-card:active {
        transform: scale(0.99);
    }
}

/* 大螢幕優化 */
@media (min-width: 768px) {
    .container {
        padding: 24px;
    }

    .card {
        border-radius: 16px;
    }

    .btn {
        padding: 16px 24px;
    }
}