:root { color: #2f4638; background: #e8f2df; font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: linear-gradient(180deg,#e5f2df,#fffaf0 28rem); }
a { color: inherit; } button, a { -webkit-tap-highlight-color: transparent; }
.info-header { max-width: 980px; margin: 0 auto; padding: 1rem clamp(1rem,4vw,2rem); display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.info-brand { min-height: 52px; display: inline-flex; align-items: center; gap: .7rem; text-decoration: none; font-weight: 900; }.info-brand img { width: 48px; height: 48px; border-radius: 14px; }
.back-home { min-height: 48px; display: inline-flex; align-items: center; padding: 0 1rem; border: 2px solid #2f4638; border-radius: 999px; background: #fff8e7; font-weight: 900; text-decoration: none; box-shadow: 3px 4px 0 #2f4638; }
main { max-width: 920px; margin: 2rem auto 5rem; padding: 0 clamp(1rem,4vw,2rem); }
.info-hero { padding: clamp(1.5rem,5vw,3.3rem); border-radius: 2rem .8rem 2rem .8rem; background: #f5d67c; box-shadow: 10px 12px 0 #2f4638; }
.eyebrow { margin: 0 0 .5rem; color: #94513e; font-size: .82rem; font-weight: 900; letter-spacing: .12em; }
h1,h2,h3 { font-family: "STKaiti","KaiTi",serif; } h1 { margin: 0; font-size: clamp(2.6rem,7vw,5rem); line-height: 1; letter-spacing: -.05em; } .info-hero p:last-child { max-width: 45rem; line-height: 1.75; }
.facts { margin-top: 2.5rem; display: grid; gap: 1rem; }.fact { padding: clamp(1.15rem,3vw,2rem); border: 1px solid rgba(47,70,56,.15); border-radius: 1.3rem .55rem 1.3rem .55rem; background: rgba(255,255,255,.9); box-shadow: 0 14px 38px rgba(59,74,49,.1); }.fact h2 { margin: 0 0 .6rem; font-size: clamp(1.6rem,4vw,2.2rem); }.fact p,.fact li { line-height: 1.75; }.fact li + li { margin-top: .45rem; }
.truth-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-top: 1rem; }.truth { padding: 1rem; border-left: 5px solid #6ca064; border-radius: .5rem; background: #edf4e8; }.truth strong { display: block; margin-bottom: .35rem; }
.game-guide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }.guide-card { padding: 1rem; border-radius: 1rem; background: #fffaf0; border: 1px solid rgba(47,70,56,.14); }.guide-card h3 { margin: 0 0 .45rem; font-size: 1.35rem; }.guide-card p { margin: .35rem 0; font-size: .92rem; }.guide-meta { color: #617166; }
.callout { padding: 1rem; border-radius: .8rem; background: #f8e8c8; border: 2px dashed rgba(47,70,56,.3); }
footer { padding: 2rem; display: flex; justify-content: center; gap: 1rem; color: #fff8e7; background: #2f4638; }
@media(max-width:650px){.truth-grid,.game-guide{grid-template-columns:1fr}.info-header{align-items:flex-start}.info-brand span{max-width:9rem}.info-hero{box-shadow:6px 8px 0 #2f4638}}