:root{
  --brand:#ff4d00;          /* 鲜艳橙红，主色 */
  --brand-dark:#d93e00;
  --brand-light:#fff0e8;
  --accent:#0d6efd;
  --ink:#1a1a2e;
  --muted:#5a6270;
}
body{
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  padding-bottom:70px;       /* 给手机底部固定栏留空间 */
  background:#fafbfc;
}
@media(min-width:992px){ body{padding-bottom:0;} }

.text-brand{color:var(--brand)!important;}
.btn-brand{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;
}
.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;}
a{color:var(--brand);text-decoration:none;}
a:hover{color:var(--brand-dark);}

.hero{
  background:linear-gradient(135deg,#fff3ec 0%,#ffe1d1 55%,#ffd0b8 100%);
  border-bottom:1px solid #ffd9c7;
}
.hero h1{font-weight:800;color:var(--ink);}
.hero .lead{color:var(--muted);}

.card-product{
  border:1px solid #eee;border-radius:14px;transition:.2s;
  background:#fff;height:100%;
}
.card-product:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(255,77,0,.12);border-color:#ffd0b8;}
.card-product .icon{
  width:52px;height:52px;border-radius:12px;background:var(--brand-light);
  display:flex;align-items:center;justify-content:center;font-size:24px;
}

.section-title{
  font-weight:800;position:relative;padding-left:14px;margin-bottom:1.2rem;
}
.section-title::before{
  content:"";position:absolute;left:0;top:.2em;width:5px;height:1em;
  background:var(--brand);border-radius:3px;
}

.article-content{
  line-height:1.9;font-size:16px;color:#2c3340;
  word-wrap:break-word;overflow-wrap:anywhere;white-space:normal;
}
.article-content p{margin-bottom:1.1em;}
.article-content img{max-width:100%;height:auto;border-radius:8px;}

.mobile-bottom-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:1030;
  display:flex;gap:10px;padding:10px 14px;
  background:#fff;border-top:1px solid #eee;
  box-shadow:0 -4px 16px rgba(0,0,0,.06);
}
.mobile-bottom-bar .btn{border-radius:10px;padding-top:.7rem;padding-bottom:.7rem;font-weight:600;}

.site-header{position:sticky;top:0;z-index:1020;}
.site-header .nav-link{font-weight:500;color:#2c3340!important;}
.site-header .nav-link:hover{color:var(--brand)!important;}

.list-page .page-item.active .page-link{background:var(--brand);border-color:var(--brand);}