/* ===== LionPromos 内容页专属样式（about/contact/blog/privacy/terms/faq/customize） ===== */
/* 复用 assets/site.css 的 header/footer/btn/typography，这里只放内容区布局 */

:root{
  --primary:#009048;
  --primary-dark:#0A2A1A;
  --red:#3498DB;
  --gold:#17A528;
  --cream:#F8F4EE;
  --white:#ffffff;
  --ink:#1c1c1c;
  --muted:#5d6b63;
  --line:rgba(15,77,58,.12);
  --font-head:'Playfair Display',Georgia,serif;
  --font-body:'Montserrat',system-ui,sans-serif;
  --maxw:1180px;
  --transition:all .3s ease;
}
*{box-sizing:border-box;}
body{font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.7;margin:0;}

/* 内容页统一页头 hero */
.page-hero{
  position:relative;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary));
  color:var(--white);
  padding:88px 0 72px;
  overflow:hidden;
}
.page-hero::after{
  content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;
  background:radial-gradient(circle,rgba(23,165,40,.22),transparent 70%);
}
.page-hero .container{position:relative;z-index:2;}
.page-hero .eyebrow{
  display:inline-block;letter-spacing:3px;text-transform:uppercase;
  font-size:.78rem;font-weight:700;color:var(--gold);margin-bottom:14px;
}
.page-hero h1{
  font-family:var(--font-head);font-weight:700;font-size:clamp(2rem,4.4vw,3.2rem);
  line-height:1.1;margin:0 0 16px;
}
.page-hero p{font-size:1.08rem;max-width:640px;color:rgba(255,255,255,.82);margin:0;}

/* 面包屑 */
.crumbs{font-size:.82rem;color:rgba(255,255,255,.6);margin-bottom:18px;}
.crumbs a{color:rgba(255,255,255,.75);text-decoration:none;}
.crumbs a:hover{color:var(--gold);}

/* 通用 section */
.section{padding:72px 0;}
.section.alt{background:var(--white);}
.section.tight{padding:48px 0;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* 标题 */
.section-title{
  font-family:var(--font-head);font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);
  color:var(--primary);margin:0 0 12px;line-height:1.15;
}
.section-subtitle{color:var(--muted);font-size:1.02rem;max-width:680px;margin:0 0 40px;}
.lead{font-size:1.12rem;color:#33403a;max-width:760px;}
.center{text-align:center;}
.center .section-subtitle{margin-left:auto;margin-right:auto;}

/* 两栏 intro */
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.two-col img{width:100%;border-radius:16px;box-shadow:0 18px 40px rgba(10,42,26,.14);}

/* 卡片网格 */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.card-grid.c2{grid-template-columns:repeat(2,1fr);}
.card-grid.c4{grid-template-columns:repeat(4,1fr);}
.feature-card{
  background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px 26px;
  transition:var(--transition);
}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,42,26,.12);border-color:rgba(23,165,40,.5);}
.feature-card .ic{
  width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(15,77,58,.08);color:var(--primary);font-size:1.4rem;margin-bottom:18px;
}
.feature-card h3{font-family:var(--font-head);font-size:1.22rem;color:var(--primary);margin:0 0 10px;}
.feature-card p{margin:0;color:var(--muted);font-size:.95rem;}

/* 数据 stats */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.stat-card{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);
  border-radius:16px;padding:30px 22px;text-align:center;
}
.stat-card .num{font-family:var(--font-head);font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;}
.stat-card .lbl{margin-top:8px;font-size:.9rem;color:rgba(255,255,255,.8);}

/* 流程步骤 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step;}
.step{
  position:relative;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px 24px 26px;
}
.step .n{
  width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;
  display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1.2rem;margin-bottom:16px;
}
.step h3{font-family:var(--font-head);color:var(--primary);font-size:1.18rem;margin:0 0 8px;}
.step p{margin:0;color:var(--muted);font-size:.93rem;}

/* 信任/合规条 */
.compliance-note{
  display:flex;gap:16px;align-items:flex-start;background:rgba(15,77,58,.06);
  border-left:4px solid var(--gold);border-radius:10px;padding:20px 22px;margin-top:28px;
}
.compliance-note .ic{color:var(--primary);font-size:1.4rem;margin-top:2px;}
.compliance-note p{margin:0;color:#33403a;font-size:.98rem;}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:700;
  border-radius:50px;padding:13px 28px;font-size:.95rem;text-decoration:none;cursor:pointer;transition:var(--transition);border:none;
}
.btn-primary{background:var(--red);color:#fff;}
.btn-primary:hover{background:#9a1616;transform:translateY(-2px);box-shadow:0 10px 24px rgba(183,28,28,.28);}
.btn-gold{background:var(--gold);color:var(--primary-dark);}
.btn-gold:hover{filter:brightness(1.05);transform:translateY(-2px);}
.btn-ghost{border:1.5px solid rgba(255,255,255,.5);color:#fff;background:transparent;}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}

/* CTA 区 */
.cta-section{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center;
  padding:64px 0;border-radius:0;
}
.cta-section h2{font-family:var(--font-head);font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 12px;}
.cta-section p{color:rgba(255,255,255,.82);max-width:620px;margin:0 auto 26px;font-size:1.05rem;}

/* FAQ 折叠 */
.faq-list{max-width:840px;margin:0 auto;}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;background:var(--white);overflow:hidden;}
.faq-q{
  width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:20px 24px;
  font-family:var(--font-body);font-weight:700;font-size:1.04rem;color:var(--primary);display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq-q .plus{color:var(--gold);font-size:1.4rem;transition:transform .25s;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a-inner{padding:0 24px 22px;color:var(--muted);font-size:.98rem;}

/* 联系页 */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.info-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:32px;}
.info-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);}
.info-row:last-child{border-bottom:none;}
.info-row .ic{width:40px;height:40px;border-radius:10px;background:rgba(15,77,58,.08);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.info-row .t{font-weight:700;color:var(--primary);font-size:.9rem;}
.info-row .v{color:var(--muted);font-size:.95rem;}
.info-row a{color:var(--primary);text-decoration:none;}
.info-row a:hover{text-decoration:underline;}
.contact-form{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:32px;}
.contact-form label{display:block;font-size:.85rem;font-weight:700;color:var(--primary);margin:0 0 6px;}
.contact-form .field{margin-bottom:18px;}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font-body);font-size:.95rem;background:#fff;color:var(--ink);
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--gold);}
.contact-form textarea{min-height:130px;resize:vertical;}
.form-note{font-size:.82rem;color:var(--muted);margin-top:10px;}
.form-ok{display:none;background:rgba(15,77,58,.08);border:1px solid var(--gold);color:var(--primary);border-radius:10px;padding:16px;margin-bottom:18px;font-weight:600;}
.form-ok.show{display:block;}

/* 博客 */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition);}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,42,26,.12);}
.blog-card .thumb{height:180px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:2.4rem;}
.blog-card .body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.blog-card .tag{font-size:.74rem;letter-spacing:1px;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:10px;}
.blog-card h3{font-family:var(--font-head);font-size:1.18rem;color:var(--primary);margin:0 0 10px;line-height:1.25;}
.blog-card p{color:var(--muted);font-size:.92rem;margin:0 0 16px;flex:1;}
.blog-card .more{color:var(--primary);font-weight:700;font-size:.9rem;text-decoration:none;}
.blog-card .more:hover{color:var(--red);}
.blog-meta{font-size:.8rem;color:var(--muted);margin-top:8px;}

/* 文章页 prose */
.prose{max-width:780px;margin:0 auto;}
.prose h2{font-family:var(--font-head);color:var(--primary);font-size:1.7rem;margin:38px 0 14px;}
.prose h3{font-family:var(--font-head);color:var(--primary);font-size:1.3rem;margin:28px 0 10px;}
.prose p{margin:0 0 18px;color:#33403a;font-size:1.04rem;}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;color:#33403a;}
.prose li{margin-bottom:8px;}
.prose blockquote{margin:24px 0;padding:16px 22px;border-left:4px solid var(--gold);background:rgba(15,77,58,.05);border-radius:8px;color:#33403a;font-style:italic;}

/* 法律页（privacy/terms） */
.legal{max-width:820px;margin:0 auto;}
.legal h2{font-family:var(--font-head);color:var(--primary);font-size:1.5rem;margin:34px 0 12px;}
.legal h3{color:var(--primary);font-size:1.12rem;margin:22px 0 8px;font-weight:700;}
.legal p,.legal li{color:#3a4742;font-size:1.0rem;}
.legal ul{padding-left:22px;}
.legal li{margin-bottom:8px;}
.legal .updated{font-size:.85rem;color:var(--muted);margin-bottom:24px;}

/* 响应式 */
@media(max-width:900px){
  .two-col,.contact-wrap{grid-template-columns:1fr;}
  .card-grid,.card-grid.c2,.card-grid.c4,.stats-grid,.steps,.blog-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .card-grid,.card-grid.c2,.card-grid.c4,.stats-grid,.steps,.blog-grid{grid-template-columns:1fr;}
  .section{padding:52px 0;}
  .page-hero{padding:64px 0 52px;}
}