:root {
–primary: #7c3aed; /* purple */
–primary-600: #6d28d9;
–accent: #fb923c; /* orange */
–bg: #f8fafc; /* slate-50 */
–card: #ffffff;
–text: #0f172a; /* slate-900 */
–muted: #475569; /* slate-600 */
–border: #e2e8f0; /* slate-200 */
–success: #10b981;
–warning: #f59e0b;
–danger: #ef4444;
–radius: 16px;
–shadow: 0 10px 30px rgba(16,24,40,.06);
}

html, body {
background: var(–bg);
color: var(–text);
font-family: “IRANSans”, Tahoma, Arial, sans-serif;
line-height: 1.8;
margin: 0;
padding: 0;
}
* { box-sizing: border-box; }
a { color: var(–primary); text-decoration: none; }
a:hover { color: var(–primary-600); text-decoration: underline; }

.container {
max-width: 1100px;
margin: 32px auto;
padding: 0 16px;
}

.hero {
background: linear-gradient(135deg, var(–primary) 0%, #9333ea 40%, var(–accent) 100%);
color: #fff;
border-radius: calc(var(–radius) * 1.5);
box-shadow: var(–shadow);
overflow: hidden;
}
.hero-inner { padding: 36px 24px; }
.kicker {
display: inline-block;
background: rgba(255,255,255,.18);
padding: 6px 12px;
border-radius: 999px;
font-size: 12px;
letter-spacing: .5px;
}
h1 { margin: 10px 0 0; font-size: 28px; }
.subtitle { margin-top: 8px; color: #fef9c3; }

.grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(12, 1fr);
margin-top: 24px;
}
.card {
background: var(–card);
border: 1px solid var(–border);
border-radius: var(–radius);
box-shadow: var(–shadow);
padding: 20px;
}

.col-12 { grid-column: span 12; }
.col-6 { grid-column: span 6; }
.col-4 { grid-column: span 4; }

@media (max-width: 992px) {
.col-6, .col-4 { grid-column: span 12; }
h1 { font-size: 24px; }
}

h2 { font-size: 20px; margin: 0 0 12px; color: var(–primary); }
h3 { font-size: 18px; margin: 0 0 10px; color: var(–text); }
p { margin: 0 0 10px; color: var(–muted); }
ul { margin: 0; padding-right: 1rem; color: var(–muted); }
li { margin: 6px 0; }

.badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid var(–border);
background: #fff;
}
.badge b { color: var(–primary); }

.table-wrap { overflow-x: auto; }
table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: var(–radius);
overflow: hidden;
}
th, td {
padding: 12px 14px;
border-bottom: 1px solid var(–border);
text-align: right;
}
thead th {
background: #f3e8ff;
color: #581c87;
font-weight: 700;
}
tbody tr:hover { background: #faf5ff; }

.callout {
border-right: 4px solid var(–accent);
background: #fff7ed;
color: #7c2d12;
padding: 14px 16px;
border-radius: var(–radius);
}
.cta {
display: grid;
gap: 16px;
grid-template-columns: 1fr auto;
align-items: center;
background: #ecfeff;
border: 1px dashed #06b6d4;
padding: 16px;
border-radius: var(–radius);
}
.cta .btn {
display: inline-block;
background: var(–primary);
color: #fff;
padding: 10px 16px;
border-radius: 999px;
font-weight: bold;
}
.cta .btn:hover {
background: var(–primary-600);
text-decoration: none;
}

footer {
margin: 24px 0;
color: var(–muted);
font-size: 14px;
text-align: center;
}

{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “آیا درماتیلومانیا فقط یک عادت بد است؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “خیر؛ یک اختلال شناخته‌شدهٔ روان‌پزشکی است و تداوی مؤثر دارد.”
}
},
{
“@type”: “Question”,
“name”: “آیا داغ‌ها تداوی می‌شوند؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “بسته به نوع داغ؛ گزینه‌ها شامل سیلیکون ژل، میکرونیدلینگ، لیزر و کریم‌های ترمیم‌کننده است—پس از کنترل کندن.”
}
},
{
“@type”: “Question”,
“name”: “آیا ویتامین یا مکمل کمک می‌کند؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “فقط به‌عنوان مکملِ سبک زندگی؛ شواهد قوی وجود ندارد. محور اصلی، روان‌تداوی و مدیریت محرک‌هاست.”
}
}
]
}