.hero-wrap{padding:32px 0 40px}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.1;color:var(--qing)}
.sub{font-size:20px;color:var(--lv);font-weight:700;margin:10px 0 14px}
.hero-desc{max-width:460px;margin-bottom:18px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px}
.hero-tags span{border:1px solid var(--gold);color:var(--gold);padding:4px 10px;font-size:12px}
.scroll{
  background:var(--silk);border:10px solid #d8c9a0;
  border-top-width:18px;border-bottom-width:22px;
}
.heaven{
  display:flex;justify-content:space-between;padding:8px 12px;
  background:var(--qing);color:#e8f0c8;font-size:12px;letter-spacing:.14em;font-weight:700;
}
.axis{display:grid;grid-template-columns:92px 1fr}
.seals{padding:10px 8px;background:#e8edd8;border-right:1px solid var(--line)}
.seals h3{font-size:11px;writing-mode:vertical-rl;margin:0 auto 8px;color:var(--gold);letter-spacing:.2em}
.chip{margin:0 auto 8px;width:64px;padding:6px 4px;background:#7a2a28;color:#f3e6c8;font-size:11px;text-align:center}
.chip.on{background:var(--lv)}
.paint{padding:10px 12px}
.chans{display:flex;gap:6px;margin-bottom:10px}
.chans b{min-width:28px;height:26px;display:grid;place-items:center;border:1px solid var(--qing);color:var(--qing);font-size:10px}
table{width:100%;border-collapse:collapse;font-size:12px}
th,td{padding:7px 6px;text-align:left;border-bottom:1px solid var(--line)}
th{color:var(--qing)}
.hero-shot{margin-top:8px}
.hero-shot img{width:100%;height:70px;object-fit:cover}

.platforms{padding:40px 0}
.peaks{display:flex;align-items:flex-end;gap:6px;min-height:120px}
.peak{
  flex:1;background:var(--qing);color:#e8f0c8;text-align:center;
  padding:10px 4px 14px;font-size:11px;font-weight:700;
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.peak:nth-child(even){background:var(--lv);height:88px}
.peak:nth-child(odd){height:118px}
.peak:nth-child(3n){height:72px;background:#3a6a62}

.caps{padding:48px 0;background:var(--silk)}
.fans{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.fan{
  width:210px;margin:-4px;padding:28px 18px 22px;
  background:var(--paper);border:1px solid var(--line);
  clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);
}
.fan h3{font-size:16px;color:var(--qing);margin-bottom:6px}
.fan p{font-size:13px;color:var(--muted)}
.kpi{display:block;margin-top:8px;color:#7a2a28;font-weight:700;font-size:13px}

.translate{padding:48px 0}
.couplet{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:stretch}
.lian{
  border:2px solid var(--qing);padding:24px 18px;background:var(--silk);
  writing-mode:vertical-rl;letter-spacing:.12em;font-size:18px;line-height:1.8;min-height:220px;
}
.lian.en{border-color:var(--lv);font-size:15px;letter-spacing:.06em}
.mid{display:grid;place-items:center;color:var(--gold);font-weight:700;writing-mode:vertical-rl;letter-spacing:.3em}
.tips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;justify-content:center}
.tips span{border:1px solid var(--line);padding:6px 12px;font-size:13px;color:var(--muted)}

.pain{padding:48px 0;background:var(--silk)}
.album{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.leaf{background:var(--paper);border:1px solid var(--gold);padding:16px 14px}
.leaf h3{font-size:12px;letter-spacing:.16em;color:#7a2a28;margin-bottom:6px}
.leaf .sol h3{color:var(--lv);margin-top:12px}
.pain-shot{margin-top:18px}

.stats-band{padding:8px 0 32px;background:var(--silk)}
.range{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end}
.mt{
  text-align:center;background:var(--qing);color:#e8f0c8;padding:28px 8px 16px;
  clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);
}
.mt:nth-child(2){background:var(--lv);padding-top:40px}
.mt:nth-child(3){padding-top:22px}
.mt strong{display:block;font-size:26px}
.mt span{font-size:12px}

.review{padding:48px 0}
.colophon{max-width:720px;border-left:4px solid #7a2a28;padding:8px 0 8px 24px}
blockquote{font-size:20px;line-height:1.6}
blockquote small{display:block;margin-top:12px;font-size:13px;color:var(--muted)}
.faces{display:flex;gap:8px;margin-top:14px}
.faces button{
  width:36px;height:36px;background:transparent;border:1px solid var(--qing);color:var(--qing);font-weight:700;
}
.faces button.is-on{background:#7a2a28;border-color:#7a2a28;color:#f3e6c8}

.pricing{padding:48px 0;background:var(--silk)}
.tablets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bian{
  background:var(--qing);color:#e8f0c8;padding:20px 14px;text-align:center;
  border-top:8px solid var(--gold);
}
.bian:nth-child(2){background:var(--lv)}
.bian h3{font-size:13px;letter-spacing:.16em}
.fee{font-size:28px;font-weight:700;margin:8px 0}
.bian ul{font-size:13px;margin-bottom:12px;color:#d5e4dc}
.bian .btn{border-color:#e8f0c8;color:#e8f0c8}
.bian .btn-fill{background:#7a2a28;border-color:#7a2a28;color:#f3e6c8}
.price-shot{margin-top:22px}

.cta-wrap{padding:16px 0 52px}
.rod{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;
  padding:20px 18px;background:var(--silk);border-top:10px solid #d8c9a0;border-bottom:14px solid #d8c9a0;
}
.rod h2{font-size:clamp(20px,3vw,28px);color:var(--qing)}
.cta-actions{display:flex;flex-wrap:wrap;gap:10px}

@media(max-width:900px){
  .hero-grid,.couplet,.album,.tablets,.range{grid-template-columns:1fr}
  .axis{grid-template-columns:1fr}
  .seals{display:flex;gap:8px;border-right:0;border-bottom:1px solid var(--line)}
  .seals h3{writing-mode:horizontal-tb}
  .lian{writing-mode:horizontal-tb;min-height:0}
  .mid{display:none}
  .peak{clip-path:none;height:auto!important;padding:10px}
  .mt{clip-path:none}
}