/**
 * 模板11 - iOS 26 薄荷清透
 * 特点：薄荷绿液态玻璃、轻盈发光、表单清晰
 */

:root {
    --primary-color: #30d158;
    --primary-hover: #28b74d;
    --primary-light: #dcfce7;
    --accent-color: #0a84ff;
    --bg-body: #effcf5;
    --bg-white: rgba(255, 255, 255, 0.9);
    --bg-light: rgba(255, 255, 255, 0.78);
    --border-color: rgba(48, 209, 88, 0.22);
    --text-primary: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
}

body {
    background:
        radial-gradient(840px 460px at 10% -10%, rgba(48, 209, 88, 0.2), transparent 60%),
        radial-gradient(720px 420px at 90% 8%, rgba(10, 132, 255, 0.14), transparent 60%),
        #effcf5;
}

.header,
.create-container,
.feature-card,
.package-item,
.compliance-card,
.pricing-table-card,
.modal {
    background: var(--bg-white);
    border: 1px solid var(--border-color);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.btn-primary,
.package-buy-btn,
.preview-btn {
    background: linear-gradient(135deg, #30d158, #34c759, #0a84ff) !important;
    color: #fff !important;
}

.template-card.selected,
.package-item.featured {
    border-color: rgba(48, 209, 88, 0.45);
    box-shadow: 0 10px 28px rgba(48, 209, 88, 0.2);
}

.form-input,
.select-input,
.text-input-area,
.qty-input {
    background: #ffffff !important;
    color: #0f172a !important;
}