* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
background-color: #faf8f7;
color: #2d2a28;
padding: 30px 15px;
display: flex;
justify-content: center;
}

.container {
max-width: 820px;
width: 100%;
background: #ffffff;
border-radius: 28px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.05);
padding: 40px 35px;
transition: all 0.2s;
}

/* 主标题 — 干净、现代 */
.product-title {
font-size: 28px;
font-weight: 600;
letter-spacing: -0.3px;
color: #1e1b1a;
margin-bottom: 6px;
line-height: 1.2;
}

.product-sub {
font-size: 18px;
font-weight: 400;
color: #6b5f5a;
border-bottom: 2px solid #f0ebe8;
padding-bottom: 18px;
margin-bottom: 28px;
letter-spacing: 0.2px;
}

/* 通用标题 — 柔和但清晰 */
.section-title {
font-size: 20px;
font-weight: 600;
color: #1e1b1a;
margin-top: 36px;
margin-bottom: 14px;
letter-spacing: -0.2px;
padding-bottom: 6px;
border-bottom: 1.5px solid #f0ebe8;
}

.section-title-first {
margin-top: 4px;
}

/* 正文 */
p, li, .text-block {
font-size: 16px;
line-height: 1.7;
color: #3a3532;
margin-bottom: 14px;
}

.text-muted {
color: #6b5f5a;
font-size: 15px;
}

/* 列表 */
ul, .check-list {
list-style: none;
padding-left: 0;
margin-bottom: 18px;
}

ul li, .check-list li {
font-size: 16px;
line-height: 1.6;
padding: 6px 0 6px 28px;
background: url(‘data:image/svg+xml;utf8,’) left center no-repeat;
background-size: 18px;
margin-bottom: 2px;
}

/* 表格 — 干净、易读 */
.spec-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
margin: 12px 0 18px 0;
background: #fcfaf9;
border-radius: 16px;
overflow: hidden;
}

.spec-table td {
padding: 12px 18px;
border-bottom: 1px solid #efe9e6;
vertical-align: top;
}

.spec-table tr:last-child td {
border-bottom: none;
}

.spec-table .label {
font-weight: 500;
color: #4d4440;
width: 38%;
background: #f8f5f3;
}

.spec-table .value {
color: #2d2a28;
background: #ffffff;
}

/* 卖点卡片 — 柔光+圆角 */
.feature-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin: 8px 0 14px 0;
}

.feature-item {
background: #fcfaf9;
padding: 14px 20px;
border-radius: 18px;
border-left: 4px solid #dccfc8;
font-size: 15.5px;
line-height: 1.6;
color: #3a3532;
}

.feature-item strong {
color: #1e1b1a;
font-weight: 600;
}

/* 提示框 / 重要信息 */
.notice-box {
background: #f8f4f1;
border-radius: 18px;
padding: 18px 24px;
margin: 16px 0 10px 0;
border-left: 4px solid #c6b2a8;
font-size: 15px;
line-height: 1.7;
color: #3f3936;
}

.notice-box strong {
color: #1e1b1a;
}

.highlight-box {
background: #f5f0ed;
border-radius: 20px;
padding: 20px 26px;
margin: 24px 0 10px 0;
text-align: center;
border: 1px solid #e8dfda;
}

.highlight-box .big {
font-size: 18px;
font-weight: 500;
color: #1e1b1a;
letter-spacing: 0.2px;
}

.highlight-box .sub {
font-size: 15px;
color: #5f544e;
margin-top: 4px;
}

.btn-cta {
display: inline-block;
background: #1e1b1a;
color: #ffffff;
font-weight: 500;
font-size: 17px;
padding: 14px 44px;
border-radius: 60px;
letter-spacing: 0.4px;
text-decoration: none;
margin-top: 10px;
border: none;
transition: background 0.2s;
background: #2d2724;
}

.btn-cta:hover {
background: #141110;
}

.divider-light {
height: 1px;
background: #f0ebe8;
margin: 30px 0 18px 0;
}

/* 小字号辅助 */
.small-note {
font-size: 14px;
color: #7a6e68;
line-height: 1.6;
}

/* 受众表格 — 干净 */
.audience-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
margin: 8px 0 10px 0;
background: #fcfaf9;
border-radius: 16px;
overflow: hidden;
}

.audience-table td {
padding: 12px 18px;
border-bottom: 1px solid #efe9e6;
vertical-align: top;
}

.audience-table tr:last-child td {
border-bottom: none;
}

.audience-table .skin-type {
font-weight: 500;
color: #4d4440;
width: 34%;
background: #f8f5f3;
}

.audience-table .action {
color: #2d2a28;
background: #ffffff;
}

/* 响应式 */
@media (min-width: 600px) {
.feature-grid {
grid-template-columns: 1fr 1fr;
}
.product-title {
font-size: 32px;
}
}

@media (max-width: 480px) {
.container {
padding: 24px 16px;
}
.product-title {
font-size: 24px;
}
.section-title {
font-size: 18px;
}
.spec-table td, .audience-table td {
padding: 10px 12px;
font-size: 14.5px;
}
.feature-item {
padding: 12px 16px;
font-size: 14.5px;
}
.btn-cta {
padding: 12px 30px;
font-size: 16px;
width: 100%;
text-align: center;
}
}

/* 光色小标签 */
.color-tag {
display: inline-block;
font-weight: 500;
color: #1e1b1a;
min-width: 60px;
}

.light-desc {
color: #3f3936;
}

.inline-code {
background: #f0ebe8;
padding: 0 6px;
border-radius: 6px;
font-size: 14px;
color: #2d2a28;
}