/* LingJi /en content pages — shared stylesheet */
:root{ --ink:#3b2a1a; --muted:#8a7155; --bg:#f7efe0; --card:#fffdf7; --line:#eadfcb; --accent:#a83027; --accent2:#7f3007; --gold:#c99a3c; }
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif; background:var(--bg); color:var(--ink); line-height:1.65; }
.wrap{ max-width:760px; margin:0 auto; padding:0 16px; }
header{ background:#fffdf7; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; }
header .wrap{ display:flex; justify-content:space-between; align-items:center; padding-top:10px; padding-bottom:10px; }
.brand{ font-weight:800; color:var(--accent2); text-decoration:none; letter-spacing:.5px; }
.brand small{ display:block; font-weight:400; color:var(--muted); font-size:11px; letter-spacing:2px; text-transform:uppercase; }
nav a{ color:var(--muted); text-decoration:none; font-size:13px; margin-left:14px; }
nav a:hover{ color:var(--accent); }
nav a.crumb{ color:var(--accent2); }
.hero{ text-align:center; padding:34px 0 22px; }
.hero h1{ font-size:31px; color:var(--accent2); letter-spacing:.2px; }
.hero .sub{ color:var(--muted); max-width:620px; margin:12px auto 0; font-size:15px; }
.hero .tag{ display:inline-block; background:#fff; border:1px solid var(--line); color:#8a5a2b; font-size:11px; border-radius:12px; padding:2px 12px; margin-top:12px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 22px; margin:12px 0; box-shadow:0 5px 20px rgba(120,80,20,.05); }
article{ margin:20px 0 0; }
article h2{ font-size:23px; color:var(--accent2); margin:30px 0 10px; line-height:1.35; }
article h3{ font-size:17px; color:var(--accent2); margin:20px 0 6px; }
article p{ color:#5f4b33; margin:11px 0; font-size:15.5px; }
article ul, article ol{ margin:10px 0 12px 24px; color:#5f4b33; font-size:15.5px; }
article li{ margin:4px 0; }
article b{ color:#8a2f1f; }
article table{ width:100%; border-collapse:collapse; margin:12px 0; font-size:14px; }
article th, article td{ border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top; }
article th{ background:#fbf4e4; color:var(--accent2); }
article blockquote{ border-left:3px solid var(--gold); background:#fff; margin:12px 0; padding:10px 14px; color:#7a6a52; font-size:14.5px; }
.cta{ display:inline-block; background:linear-gradient(180deg,#c5433a,#a83027); color:#fff; border:none; border-radius:12px; padding:11px 20px; font-size:15px; font-weight:800; text-decoration:none; margin-top:6px; box-shadow:0 4px 14px rgba(168,48,39,.25); }
.cta.alt{ background:linear-gradient(180deg,#2a6a94,#1d4f6e); box-shadow:0 4px 14px rgba(29,79,110,.22); }
.cta.ghost{ background:#fffdf7; color:var(--accent2); border:1px solid var(--line); box-shadow:none; }
.toolbar{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 4px; }
.animal-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:12px; margin:14px 0; }
.animal{ background:#fbf4e4; border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
.animal h4{ color:var(--accent2); font-size:15px; }
.animal p{ font-size:14px; color:#5f4b33; margin:6px 0 0; }
.animal .pill{ display:inline-block; background:#fff; border:1px solid var(--line); color:#8a5a2b; font-size:11px; border-radius:12px; padding:1px 9px; margin-bottom:5px; }
.sign-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:10px; margin:12px 0; }
.sign{ background:#fbf4e4; border:1px solid var(--line); border-radius:10px; padding:11px 13px; }
.sign h4{ font-size:14px; color:var(--accent2); }
.sign p{ font-size:13.5px; color:#5f4b33; margin:5px 0 0; }
.bigwrap{ display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; margin:16px 0; }
.bigwrap .bhead{ padding:16px 20px 6px; }
.bigwrap .bbody{ padding:2px 20px 16px; color:#5f4b33; font-size:15px; }
.faq q{ font-weight:700; color:var(--accent2); display:block; margin:15px 0 3px; }
.faq p{ font-size:14.5px; }
.note{ font-size:12px; color:#a68a63; margin-top:8px; }
footer{ border-top:1px solid var(--line); margin-top:46px; padding:24px 0 44px; text-align:center; color:#a68a63; font-size:13px; }
footer a{ color:var(--muted); text-decoration:none; margin:0 6px; }
footer .disp{ display:block; margin-top:8px; font-size:11.5px; color:#b9a987; }
@media (max-width:560px){ .hero h1{ font-size:25px; } .animal-grid,.sign-grid{ grid-template-columns:1fr; } }