/* 提案二：微醺夕陽 配色方案 */
:root {
    --bg-color: #fdf2f5;          /* 淺粉色背景 */
    --container-bg: #ffffff;      /* 容器白色 */
    --primary-text: #7209b7;      /* 深紫色標題 */
    --secondary-text: #5e2028;    /* 深紅棕色內文 */
    --btn-select: #48cae4;        /* 清爽粉藍色 */
    --btn-upload: #b5e48c;        /* 嫩綠色 */
    --btn-copy: #f72585;          /* 亮麗桃紅 */
    --opt-btn-bg: #ffffff;
    --opt-btn-border: #f7cad0;    /* 草莓粉邊框 */
    --opt-btn-active: #ff85a1;    /* 激活粉 */
    --accent-pink: #ff85a1;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: linear-gradient(135deg, var(--bg-color) 0%, #ffe4e9 100%);
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    padding: 20px;
    color: var(--secondary-text);
}

.container {
    width: 100%;
    max-width: 420px;
    background: var(--container-bg);
    padding: 35px 25px;
    border-radius: 30px; /* 更圓潤的圓角 */
    box-shadow: 0 15px 35px rgba(188, 71, 123, 0.15); /* 帶粉紅感的陰影 */
    text-align: center;
}

h2 { color: var(--primary-text); margin-bottom: 25px; font-weight: 800; }
h3 { color: var(--accent-pink); }

/* 按鈕樣式優化 */
.btn-main { 
    background-color: var(--btn-select); 
    color: white; 
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(72, 202, 228, 0.4);
}

.btn-submit { 
    background-color: var(--btn-upload); 
    color: #3e5c1e; /* 深綠色文字增加對比 */
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(181, 228, 140, 0.4);
}

.btn-copy { 
    background-color: var(--btn-copy); 
    color: white; 
    font-weight: bold;
}

.btn-main, .btn-submit, .btn-copy {
    width: 100%;
    padding: 16px;
    margin: 10px 0;
    border: none;
    border-radius: 15px;
    font-size: 18px;
    cursor: pointer;
    transition: transform 0.2s, opacity 0.2s;
}

.btn-main:active, .btn-submit:active { transform: scale(0.98); }

/* 進度條 */
#progressBar { 
    width: 100%; 
    height: 12px; 
    border-radius: 10px;
    overflow: hidden;
    appearance: none;
}
#progressBar::-webkit-progress-bar { background-color: #eee; border-radius: 10px; }
#progressBar::-webkit-progress-value { background-color: var(--accent-pink); border-radius: 10px; }