/* 郑州小花妈美颜工作室 — 官网样式
   暖调美业：米白 / 浅粉 / 浅棕，干净、温暖、专业 */
:root{
  --brand:#b06a4f;        /* 暖棕 */
  --brand-dark:#93542f;
  --pink:#f6e3dc;         /* 浅粉 */
  --cream:#faf6f1;        /* 米白 */
  --cream-2:#f3ece4;
  --ink:#3b322c;          /* 深棕文字 */
  --muted:#8a7b70;
  --line:#eadfd5;
  --radius:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 20px}

/* ---------- 页头 ---------- */
.site-header{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.brand-text{display:flex;flex-direction:column;line-height:1.3}
.brand-text strong{font-size:17px;letter-spacing:.5px}
.brand-text small{color:var(--muted);font-size:12px}
.site-nav{display:flex;gap:26px}
.site-nav a{font-size:15px;color:var(--ink);padding:8px 0;position:relative;transition:color .2s}
.site-nav a:hover{color:var(--brand)}
.site-nav a.on{color:var(--brand);font-weight:600}
.site-nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brand);border-radius:2px}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav-toggle span{width:24px;height:2px;background:var(--ink);border-radius:2px}

/* ---------- 通用小节 ---------- */
.section{padding:72px 0}
.section.alt{background:var(--cream)}
.eyebrow{color:var(--brand);font-size:13px;letter-spacing:3px;font-weight:600;margin-bottom:10px}
.section h2{font-size:30px;line-height:1.35;margin-bottom:16px}
.section .lead{color:var(--muted);max-width:720px;font-size:16px}
.center{text-align:center}
.center .lead{margin:0 auto 40px}

/* ---------- Hero ---------- */
.hero{padding:80px 0 90px;background:
  radial-gradient(60% 80% at 85% 10%,#fbe9e0 0%,transparent 55%),
  linear-gradient(180deg,var(--cream) 0%,#fff 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:44px;line-height:1.25;margin-bottom:24px;font-weight:800}
.hero h1 span{color:var(--brand)}
.hero .sub{font-size:17px;color:var(--ink);max-width:520px;margin-bottom:32px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}
.stat b{display:block;font-size:22px;color:var(--brand)}
.stat span{font-size:13px;color:var(--muted)}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:14px 30px;border-radius:999px;font-size:16px;font-weight:600;transition:background .2s,transform .15s;border:none;cursor:pointer}
.btn:hover{background:var(--brand-dark);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}
.btn.ghost:hover{background:var(--pink)}
.hero-media img{max-height:520px;object-fit:cover;border-radius:var(--radius);box-shadow:0 24px 60px rgba(120,74,50,.16)}

/* ---------- 卖点 ---------- */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px}
.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.feature .ic{width:48px;height:48px;border-radius:12px;background:var(--pink);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}
.feature h3{font-size:18px;margin-bottom:8px}
.feature p{color:var(--muted);font-size:14.5px}

/* ---------- 服务 ---------- */
.service-card{display:grid;grid-template-columns:200px 1fr;gap:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin-bottom:26px;align-items:center}
.service-card img{width:200px;height:200px;object-fit:cover;border-radius:12px}
.service-card .num{color:var(--brand);font-size:14px;font-weight:700;letter-spacing:2px}
.service-card h3{font-size:24px;margin:6px 0 4px}
.service-card .fit{font-size:14px;color:var(--brand);margin-bottom:12px}
.service-card li{margin:6px 0 6px 18px;color:var(--ink);font-size:15px}
.service-card .desc{color:var(--muted);margin-bottom:14px;font-size:15px}
.link-more{color:var(--brand);font-weight:600}

/* ---------- 文章卡片 ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s}
.card:hover{box-shadow:0 16px 40px rgba(120,74,50,.12)}
.card img{height:190px;object-fit:cover;width:100%}
.card-body{padding:20px}
.card .cat{color:var(--brand);font-size:12.5px;letter-spacing:1px}
.card h3{font-size:17px;line-height:1.5;margin:8px 0}
.card h3 a:hover{color:var(--brand)}
.card .meta{color:var(--muted);font-size:13px;margin-top:8px}

/* ---------- 关于 ---------- */
.story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.story img{border-radius:var(--radius)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.value{background:var(--cream-2);border-radius:var(--radius);padding:26px}
.value h3{font-size:17px;margin-bottom:8px;color:var(--brand-dark)}
.value p{color:var(--muted);font-size:14.5px}

/* ---------- 联系 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px}
.contact-panel h3{font-size:20px;margin-bottom:14px}
.contact-panel p{margin-bottom:9px;color:var(--ink)}
.contact-panel .big{font-size:26px;font-weight:800;color:var(--brand)}
.contact-panel ol{padding-left:20px}
.contact-panel li{margin:7px 0}
.steps{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}
.step b{display:block;font-size:26px;color:var(--brand);margin-bottom:6px}
.step span{font-size:13.5px;color:var(--muted)}

/* ---------- 文章详情 ---------- */
.article{max-width:760px;margin:0 auto}
.article h1{font-size:32px;line-height:1.4;margin-bottom:16px}
.article .meta{color:var(--muted);font-size:14px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}
.article .cover{width:100%;border-radius:12px;margin-bottom:30px}
.article h2{font-size:24px;margin:32px 0 14px;color:var(--brand-dark)}
.article h3{font-size:20px;margin:26px 0 12px}
.article p{margin:14px 0}
.article ul{margin:14px 0 14px 20px}
.article li{margin:6px 0}
.article table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px}
.article th,.article td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.article th{background:var(--cream-2)}
.article a{color:var(--brand);font-weight:600}
.related{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.related h3{margin-bottom:16px;font-size:20px}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-radius:var(--radius);padding:56px 40px;text-align:center;margin-top:40px}
.cta h2{color:#fff;font-size:28px;margin-bottom:12px}
.cta p{opacity:.92;margin-bottom:24px;max-width:640px;margin-left:auto;margin-right:auto}
.cta .btn{background:#fff;color:var(--brand-dark)}
.cta .btn.ghost{background:transparent;color:#fff;border-color:#fff}

/* ---------- 页脚 ---------- */
.site-footer{background:#2e2620;color:#d8cbc0;margin-top:80px;padding:56px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:40px;padding-bottom:36px}
.site-footer h4{color:#fff;font-size:16px;margin-bottom:14px}
.site-footer p{font-size:14px;line-height:2;color:#c3b4a6}
.site-footer a{color:#e6d9cd}
.site-footer a:hover{color:var(--brand)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:13px}

/* ---------- 移动端 ---------- */
@media(max-width:900px){
  .nav-toggle{display:flex}
  .site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;border-bottom:1px solid var(--line);gap:14px}
  .site-nav.open{display:flex}
  .hero-grid,.story,.contact-grid{grid-template-columns:1fr}
  .features,.cards,.values{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .service-card{grid-template-columns:1fr}
  .service-card img{width:100%;height:220px}
  .hero h1{font-size:34px}
  .section{padding:56px 0}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .features,.cards,.values,.steps,.hero-stats{grid-template-columns:1fr}
  .hero h1{font-size:30px}
  .article h1{font-size:26px}
}
/* ---------- 引言与表格完善 ---------- */
blockquote{border-left:4px solid var(--brand);background:var(--cream);padding:16px 22px;border-radius:0 12px 12px 0;margin:22px 0}
.article table,.article-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}
.article table th,.article-body table th{background:var(--cream);color:var(--brand-dark);font-weight:600;text-align:left}
.article table th,.article table td,.article-body table th,.article-body table td{border:1px solid var(--line);padding:11px 14px}
.article table tr:nth-child(even),.article-body table tr:nth-child(even){background:var(--cream-2)}
.article-body h2,.article-body h3{margin:30px 0 12px;color:var(--brand-dark);line-height:1.5}
.article-body h2{font-size:22px;padding-bottom:8px;border-bottom:2px solid var(--line)}
.article-body h3{font-size:18px}
.article-body p{margin:14px 0;color:#4a3f37}
.article-body ul,.article-body ol{margin:14px 0 14px 24px}
.article-body li{margin:8px 0}
.article-body strong{color:var(--brand-dark)}
.article-body a{color:var(--brand);border-bottom:1px solid var(--brand)}

/* ===== 常见问题 FAQ（GEO 优化） ===== */
.faq{display:grid;gap:12px;max-width:920px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;transition:box-shadow .2s}
.faq-item[open]{box-shadow:0 8px 26px rgba(59,50,44,.07)}
.faq-item summary{cursor:pointer;font-weight:600;font-size:16.5px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;line-height:1.6}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--brand);font-size:22px;font-weight:400;flex:none;line-height:1.2}
.faq-item[open] summary::after{content:"\2212"}
.faq-a{margin-top:14px;color:var(--muted);line-height:1.9;font-size:15.5px}
.faq-a p{margin:0}
@media(max-width:640px){.faq-item{padding:16px 18px}.faq-item summary{font-size:15.5px}}

/* ---------- 文章正文插图 ---------- */
.art-fig{margin:26px 0;text-align:center}
.art-fig img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 6px 22px rgba(163,105,75,.13)}
.art-fig figcaption{font-size:13px;color:var(--muted);margin-top:10px}