:root {
    /* 核心色板 */
    --mint: #5CE1E6;
    --mint-dark: #2AB7CA;
    --pink: #FF6D9E;
    --pink-dark: #FF3370;
    --yellow: #FFD93D;
    --yellow-dark: #FFC107;
    --purple: #E0C3FC;
    
    /* 字体颜色 - 改回深色！ */
    --text-main: #2c3e50; /* 深蓝灰色，清晰 */
    --text-sub: #7f8c8d;  /* 浅灰色，用于辅助文字 */
    --bg-color: #F4F8FB;  /* 浅淡的背景色 */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    background-color: var(--bg-color); /* 确保背景是浅色的 */
    margin: 0; 
    padding: 20px;
    color: var(--text-main); /* 全局文字变回深色 */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* --- 卡片样式 --- */
.card {
    background: white;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 20px;
    /* 漂亮的悬浮阴影 */
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
    border: 1px solid rgba(255,255,255,0.8);
}

/* --- 标题颜色修复 --- */
h1, h2, h3 {
    margin-top: 0;
    color: #2c3e50; /* 强制标题为深色 */
    font-weight: 800;
}

h2 {
    font-size: 22px;
    margin-bottom: 20px;
    /* 去掉之前的白色投影，改回清晰显示 */
    text-shadow: none; 
}

/* --- 数字样式 --- */
.big-number { 
    font-family: "Arial Rounded MT Bold", Arial, sans-serif;
    font-size: 56px; 
    font-weight: 800; 
    color: var(--yellow-dark);
    margin: 5px 0 15px 0;
    line-height: 1;
    text-shadow: 2px 2px 0px #ffeaa7; /* 只有数字保留一点点可爱的投影 */
}

/* --- 按钮系统 --- */
.btn {
    display: block; width: 100%; border: none; padding: 16px;
    border-radius: 50px; 
    font-size: 18px; font-weight: 700;
    color: white; cursor: pointer; text-align: center; text-decoration: none;
    transition: all 0.2s ease;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
    margin-bottom: 10px;
}
.btn:active { transform: translateY(2px); }

.btn-primary { background: var(--mint); color: #0f5154; }
.btn-upload { background: var(--pink); color: white; }
.btn-pass { background: var(--mint); color: white; }
.btn-reject { background: #ffeaa7; color: #d35400; }

/* --- 标签 --- */
.tag { padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 700; display: inline-block; }
.status-pending { background: #FFF4E6; color: #e67e22; }
.status-approved { background: #E3FDFD; color: #008b8b; }
.status-rejected { background: #fff0f0; color: #c0392b; }

/* --- 输入框 --- */
input, select, textarea {
    width: 100%; padding: 15px; margin: 8px 0 20px;
    border: 2px solid #eef2f7; border-radius: 16px;
    background: #f9fbfd; box-sizing: border-box;
    font-size: 16px; color: #333; outline: none;
}
input:focus { border-color: var(--mint); background: white; }
.wish-input { border: 2px solid var(--mint) !important; background: white !important; text-align: center; }

/* --- 弹窗样式 --- */
.modal-overlay {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); z-index: 1000;
    backdrop-filter: blur(5px);
    align-items: center; justify-content: center;
}
.modal-content {
    background: white; width: 85%; max-width: 340px;
    border-radius: 32px; padding: 30px; text-align: center; position: relative;
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
}
.modal-btn-group { display: flex; gap: 15px; margin-top: 25px; }
.modal-btn {
    flex: 1; padding: 20px 10px; border-radius: 20px; border: 2px solid #f0f0f0;
    background: white; cursor: pointer; color: #555;
}
.modal-icon { font-size: 28px; margin-bottom: 8px; }
.close-btn {
    position: absolute; top: 20px; right: 20px; background: #f0f0f0;
    width: 32px; height: 32px; border-radius: 50%; border: none; font-size: 20px; color: #666; cursor: pointer;
}

/* --- 进度条 --- */
.progress-bg { background: #f0f0f0; height: 10px; border-radius: 5px; overflow: hidden; margin-top: 10px; }
.progress-bar { height: 100%; background: var(--mint); width: 0%; border-radius: 5px; transition: width 0.6s; }

/* --- 任务图标 --- */
.task-icon { width: 50px; height: 50px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 26px; margin-right: 15px; }
.action-box .btn { margin-bottom: 12px; }