:root{
  --橙:#ff7a1a;
  --深橙:#f05a00;
  --白:#ffffff;
  --浅:#fff7f0;
  --灰:#6a6a6a;
  --深:#171717;
  --边:#ffd2b0;
  --阴影:0 14px 36px rgba(255,122,26,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;background:#fffaf6;color:var(--深);line-height:1.8}
a{color:var(--深橙);text-decoration:none}
a:hover{color:var(--橙)}
img{max-width:100%;display:block}
.wrap{width:min(1180px,92vw);margin:0 auto}
.topbar{background:linear-gradient(90deg,#fff7f0,#fff);border-bottom:1px solid var(--边)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px}
.brand{display:flex;align-items:center;gap:14px;font-size:1.4rem;font-weight:800;color:#222}
.brand img{width:54px;height:54px;border-radius:14px;box-shadow:var(--阴影)}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:16px;padding:0;margin:0}
nav a{font-weight:700;color:#343434}
.cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,var(--橙),var(--深橙));color:#fff;font-weight:800;box-shadow:var(--阴影)}
.hero{padding:30px 0 22px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-card{background:#fff;border:1px solid var(--边);border-radius:28px;padding:28px;box-shadow:var(--阴影)}
.hero h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.2;margin:.2em 0 .5em}
.hero p{font-size:1.05rem;color:#4b4b4b}
.hero-visual{overflow:hidden;border-radius:30px;box-shadow:var(--阴影);border:1px solid #ffd8c0}
.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.tag{padding:8px 12px;border-radius:999px;background:#fff1e5;color:#a34700;font-weight:700;border:1px solid #ffd1b2}
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}
.quick-box{background:#fff;border:1px solid var(--边);border-radius:18px;padding:16px;box-shadow:var(--阴影)}
.quick-box strong{font-size:1.35rem;display:block}
main section{padding:28px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}
.section-head h2{margin:0;font-size:1.8rem}
.section-head p{margin:0;color:var(--灰)}
.panel{background:#fff;border:1px solid var(--边);border-radius:24px;padding:24px;box-shadow:var(--阴影)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--边);border-radius:22px;overflow:hidden;box-shadow:var(--阴影)}
.card .body{padding:18px}
.card h3{margin:.2em 0 .45em;font-size:1.2rem}
.card p{margin:0;color:#535353}
.card img{aspect-ratio:16/9;object-fit:cover}
.note-list,.tick-list{padding-left:1.2em}
.note-list li,.tick-list li{margin:.48em 0}
.score-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.score-item{position:relative;background:linear-gradient(135deg,#fff,#fff4eb);border:1px solid var(--边);border-radius:22px;padding:18px}
.score-live{display:inline-block;padding:5px 10px;border-radius:999px;background:#ffefe6;color:#c54100;font-weight:800;animation:flash 1.4s infinite}
@keyframes flash{0%,100%{opacity:1}50%{opacity:.45}}
.breadcrumb{font-size:.95rem;color:#7a7a7a;padding:18px 0 0}
.breadcrumb a{color:#7a7a7a}
.author{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--边);border-radius:22px;padding:18px;box-shadow:var(--阴影)}
.author-avatar{width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,#ffb06d,#ff7a1a)}
.review{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--边);box-shadow:var(--阴影)}
.review .meta{color:#666;font-size:.95rem}
.faq-item{padding:18px 0;border-bottom:1px dashed #f0c4a3}
.faq-item:last-child{border-bottom:none}
.notice{background:#fff2e8;border-left:6px solid var(--橙);padding:18px 18px;border-radius:0 18px 18px 0}
.footer{margin-top:28px;background:#1e1e1e;color:#f6f1eb;padding:40px 0}
.footer a{color:#ffd0a8}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}
.small{font-size:.95rem;color:#7a7a7a}
.center-cta{text-align:center;margin-top:14px}
figure{margin:0}
figcaption{font-size:.95rem;color:#5b5b5b;padding:10px 14px 14px}
.table-like{display:grid;gap:12px}
.table-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr;background:#fff;border:1px solid var(--边);border-radius:16px;padding:14px 16px;align-items:center}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#fff3e7;color:#a14b00;font-weight:700;font-size:.92rem}
@media (max-width: 960px){
  .hero-grid,.grid-2,.grid-3,.grid-4,.footer-grid,.quick-strip,.score-board{grid-template-columns:1fr}
  .topbar .wrap{align-items:flex-start;flex-direction:column}
  nav ul{gap:12px}
  .hero-card{padding:22px}
}