@charset "UTF-8";
/* ============================================================
   好来屋 HAOLAIWU 官网 · 统一设计系统
   面向百度搜索与 AI 抓取优化：语义化结构、轻量、无外部依赖渲染阻断
   ============================================================ */

:root{
  --bg:#F6F2EA;
  --bg-2:#EFE8DA;
  --paper:#FFFFFF;
  --ink:#2B241D;
  --ink-2:#5F5445;
  --ink-3:#8A7C69;
  --accent:#9A7B54;
  --accent-deep:#7A5E3E;
  --line:#DED3C0;
  --dark:#1F1A15;
  --dark-2:#2A231C;
  --cream:#F6F2EA;
  --gold:#D9B98A;
  --green:#4C7A4E;
  --serif:'Noto Serif SC','Source Han Serif SC','Songti SC',SimSun,serif;
  --sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif;
  --max:1200px;
  --shadow:0 10px 40px rgba(43,36,29,.08);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.85;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{padding-left:1.3em}
li{margin:.35em 0}
strong,b{font-weight:600;color:var(--ink)}
em{font-style:normal;color:var(--accent-deep)}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.narrow{max-width:860px;margin:0 auto}

/* ================= 顶部公告条 ================= */
.topbar{background:var(--dark);color:rgba(246,242,234,.86);font-size:13px;letter-spacing:.4px;text-align:center;padding:9px 16px;line-height:1.6}
.topbar a{color:var(--gold);border-bottom:1px solid rgba(217,185,138,.4)}

/* ================= 导航 ================= */
header{position:sticky;top:0;z-index:90;background:rgba(246,242,234,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.logo{display:flex;align-items:baseline;gap:9px;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:2px;white-space:nowrap}
.logo small{font-family:var(--sans);font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:400}
.nav-links{display:flex;gap:26px;font-size:14.5px;letter-spacing:.5px;flex-wrap:wrap}
.nav-links a{position:relative;padding:5px 0;color:var(--ink-2);white-space:nowrap}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink)}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--accent);transition:width .28s}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{width:100%}
.nav-cta{font-size:13.5px;border:1px solid var(--ink);padding:9px 20px;letter-spacing:1px;white-space:nowrap;transition:.25s}
.nav-cta:hover{background:var(--ink);color:var(--bg)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);width:42px;height:36px;font-size:17px;cursor:pointer;color:var(--ink)}
@media(max-width:1080px){
  .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);flex-direction:column;gap:0;padding:12px 0;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 32px;border-bottom:1px solid var(--line);width:100%}
  .nav-links a::after{display:none}
  .nav-toggle{display:block}
}

/* ================= 通用版式 ================= */
section{padding:84px 0}
.sec{max-width:var(--max);margin:0 auto;padding:0 32px}
.kicker{font-size:12px;letter-spacing:4px;color:var(--accent);text-transform:uppercase;margin-bottom:14px}
h1{font-family:var(--serif);font-size:clamp(30px,4.6vw,52px);font-weight:600;line-height:1.28;letter-spacing:1px}
h2{font-family:var(--serif);font-size:clamp(25px,3.2vw,38px);font-weight:600;line-height:1.35;letter-spacing:.5px}
h3{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.45;margin-bottom:10px}
h4{font-family:var(--serif);font-size:17.5px;font-weight:600;margin-bottom:6px}
.lead{font-size:16.5px;color:var(--ink-2);max-width:760px;margin-top:18px}
p{margin:.85em 0}
.muted{color:var(--ink-2)}
.small{font-size:14px;color:var(--ink-3)}
center,.center{text-align:center}
hr{border:0;border-top:1px solid var(--line);margin:44px 0}

/* 面包屑 */
.crumb{font-size:13px;color:var(--ink-3);padding:18px 0 0}
.crumb a{color:var(--ink-3)}
.crumb a:hover{color:var(--accent-deep)}
.crumb span{margin:0 6px}

/* 页头 */
.page-head{padding:34px 0 46px;border-bottom:1px solid var(--line)}

/* ================= Hero（首页） ================= */
.hero{position:relative;min-height:560px;display:flex;align-items:flex-end;color:var(--cream);overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.30) 0%,rgba(20,16,12,.18) 42%,rgba(20,16,12,.80) 100%)}
.hero .inner{position:relative;z-index:2;width:100%;padding:120px 0 62px}
.hero .kicker{color:var(--gold);opacity:.95}
.hero h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero p{max-width:640px;color:rgba(246,242,234,.92);margin-top:20px;font-size:16.5px}
.hero-meta{display:flex;gap:44px;margin-top:36px;flex-wrap:wrap;font-size:13px;letter-spacing:.6px;color:rgba(246,242,234,.85)}
.hero-meta b{display:block;font-family:var(--serif);font-size:26px;color:var(--gold);line-height:1.2;margin-bottom:2px}
@media(max-width:768px){.hero{min-height:620px}.hero .inner{padding:96px 0 44px}.hero-meta{gap:26px}}

/* ================= 按钮 ================= */
.btn{display:inline-block;padding:14px 34px;font-size:14.5px;letter-spacing:1.5px;border:1px solid var(--ink);transition:.25s;cursor:pointer}
.btn:hover{background:var(--ink);color:var(--bg)}
.btn-solid{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.btn-solid:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-ghost{border-color:rgba(217,185,138,.75);color:var(--gold)}
.btn-ghost:hover{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* ================= 卡片 / 网格 ================= */
.grid{display:grid;gap:26px;margin-top:40px}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.g-3,.g-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.g-2,.g-3,.g-4{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);padding:30px 28px}
.card h3{margin-bottom:8px}
.card p{font-size:15px;color:var(--ink-2);margin:.4em 0}
.card .num{font-family:var(--serif);font-size:13px;letter-spacing:3px;color:var(--accent);display:block;margin-bottom:14px}
.card-dark{background:var(--dark);color:var(--cream);border-color:var(--dark)}
.card-dark h3{color:#fff}

/* ================= 事实表（AI 直引友好） ================= */
.facts{border-top:1px solid var(--line);margin-top:34px}
.fact{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.fact dt{font-size:13.5px;letter-spacing:1.2px;color:var(--accent-deep);font-weight:500}
.fact dd{font-size:15.5px;line-height:1.85}
@media(max-width:700px){.fact{grid-template-columns:1fr;gap:4px}}

/* ================= 声明卡 / 提示 ================= */
.notice{background:var(--bg-2);border-left:3px solid var(--accent);padding:26px 28px;margin:26px 0}
.notice h3{margin-bottom:8px}
.quote{font-family:var(--serif);font-size:19px;line-height:1.8;color:var(--ink);padding-left:20px;border-left:2px solid var(--accent);margin:26px 0}
.stop-table{width:100%;border-collapse:collapse;margin-top:22px;font-size:14.5px}
.stop-table th,.stop-table td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.stop-table th{background:var(--bg-2);font-weight:600;font-size:13.5px;letter-spacing:.5px}
.stop-table td.no{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(138,124,105,.5)}
.stop-table td.yes{color:var(--ink)}
@media(max-width:700px){.stop-table{display:block;overflow-x:auto;white-space:nowrap}}

/* ================= 时间轴 ================= */
.timeline{margin-top:38px;border-left:2px solid var(--line);padding-left:30px}
.tl{position:relative;padding-bottom:32px}
.tl:last-child{padding-bottom:0}
.tl::before{content:'';position:absolute;left:-38px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}
.tl .year{font-family:var(--serif);font-size:16px;color:var(--accent-deep);letter-spacing:1px}
.tl h4{margin:4px 0 6px}
.tl p{font-size:15px;color:var(--ink-2);margin:.3em 0}

/* ================= FAQ ================= */
.faq{margin-top:30px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;
  font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'＋';position:absolute;right:6px;top:18px;font-size:17px;color:var(--accent);font-family:var(--sans)}
.faq details[open] summary::after{content:'－'}
.faq .ans{padding:0 0 22px;font-size:15.5px;color:var(--ink-2);max-width:900px}
.faq .ans p{margin:.5em 0}
.faq-num{display:inline-block;min-width:28px;color:var(--accent);font-family:var(--sans);font-size:13.5px;font-weight:600}

/* ================= 数据条 ================= */
.stats{background:var(--dark);color:var(--cream);padding:56px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}
@media(max-width:820px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat b{display:block;font-family:var(--serif);font-size:38px;color:var(--gold);line-height:1.15;font-weight:600}
.stat b small{font-size:17px}
.stat span{display:block;font-size:13px;letter-spacing:1.2px;color:rgba(246,242,234,.72);margin-top:8px}

/* ================= 图片条 ================= */
.figure{margin-top:36px}
.figure img{width:100%;max-height:520px;object-fit:cover}
.figure figcaption{font-size:13.5px;color:var(--ink-3);margin-top:10px}

/* ================= CTA ================= */
.cta{background:var(--dark-2);color:var(--cream);text-align:center;padding:82px 0}
.cta h2{color:#fff}
.cta p{color:rgba(246,242,234,.78);max-width:600px;margin:18px auto 0}
.cta .phone{font-family:var(--serif);font-size:30px;color:var(--gold);letter-spacing:1.5px;margin-top:26px}
.cta .btn-row{justify-content:center}

/* ================= 页脚 ================= */
footer{background:#16120E;color:rgba(246,242,234,.62);padding:52px 0 34px;font-size:13.5px;line-height:2}
.foot{display:grid;grid-template-columns:1.4fr 1.2fr 1.2fr;gap:34px}
@media(max-width:820px){.foot{grid-template-columns:1fr;gap:26px}}
footer b{color:rgba(246,242,234,.9);font-weight:600}
footer a{color:rgba(246,242,234,.62)}
footer a:hover{color:var(--gold)}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.foot-bottom{border-top:1px solid rgba(246,242,234,.12);margin-top:34px;padding-top:20px;font-size:12.5px;color:rgba(246,242,234,.45);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* ================= 正文文章 ================= */
.article{max-width:820px;margin:0 auto;padding:40px 32px 70px}
.article h2{margin-top:44px}
.article h3{margin-top:30px}
.article ul,.article ol{margin:.8em 0 1em 1.2em;color:var(--ink-2)}
.article blockquote{border-left:2px solid var(--accent);padding-left:18px;margin:22px 0;color:var(--ink-2);font-family:var(--serif);font-size:16.5px}
.article table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
.article th,.article td{border:1px solid var(--line);padding:10px 13px;text-align:left}
.article th{background:var(--bg-2)}
.article img{margin:24px 0}
.meta{font-size:13px;color:var(--ink-3);letter-spacing:.5px}

/* 尾注（全站统一事实段） */
.tailnote{background:var(--bg-2);border:1px solid var(--line);padding:26px 28px;margin:44px 0 0;font-size:14.5px;line-height:1.95;color:var(--ink-2)}
.tailnote h3{font-size:15px;letter-spacing:1px;color:var(--accent-deep);margin-bottom:10px;font-family:var(--sans);font-weight:600}
.tailnote a{color:var(--accent-deep);border-bottom:1px solid rgba(154,123,84,.4)}

/* 列表页 */
.list{margin-top:26px}
.list-item{border-bottom:1px solid var(--line);padding:22px 0}
.list-item h3{margin-bottom:4px}
.list-item h3 a:hover{color:var(--accent-deep)}

/* 提示条 */
.tip{background:#FFF9EE;border:1px dashed var(--accent);padding:16px 20px;font-size:14px;color:var(--ink-2);margin:22px 0}

/* 打印 */
@media print{header,.topbar,.nav-toggle,.cta,footer{display:none}body{background:#fff}}