/**
 * 模板10 - iOS 26 云海银灰
 * 特点：中性高级灰、玻璃分层、超清可读
 */

:root {
    --primary-color: #007aff;
    --primary-hover: #0064d1;
    --primary-light: #d7e9ff;
    --accent-color: #5e5ce6;
    --bg-body: #f1f5f9;
    --bg-white: rgba(255, 255, 255, 0.86);
    --bg-light: rgba(255, 255, 255, 0.74);
    --border-color: rgba(15, 23, 42, 0.12);
    --text-primary: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
}

body {
    background:
        radial-gradient(820px 460px at 5% -10%, rgba(0, 122, 255, 0.16), transparent 60%),
        radial-gradient(760px 420px at 95% 0%, rgba(94, 92, 230, 0.12), transparent 58%),
        #f1f5f9;
}

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

.btn-primary,
.package-buy-btn,
.preview-btn {
    background: linear-gradient(135deg, #007aff, #5e5ce6) !important;
    color: #fff !important;
}

.btn-secondary,
.duration-btn,
.template-style-tab,
.payment-method {
    background: rgba(255, 255, 255, 0.92) !important;
}

.form-input,
.select-input,
.text-input-area,
.qty-input {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, 0.15);
}