:root{--orange:#ff7d00;--orange2:#db6200;--bg:#fffaf5;--line:#f0ddcc;--ink:#2a211a;--muted:#6c5e53;--shadow:0 16px 36px rgba(221,119,20,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans CJK SC","Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf5 0%,#fff 100%);line-height:1.85}img{display:block;max-width:100%;height:auto}a{color:var(--orange2);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.top{background:linear-gradient(180deg,#fff 0%,#fff7ef 100%);border-bottom:1px solid var(--line)}.top .shell{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:16px 0}.brand{display:flex;gap:12px;align-items:center;color:var(--ink)}.brand img{width:54px;height:54px;border-radius:15px;box-shadow:var(--shadow)}.brand .meta{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:1.18rem}.brand span{font-size:.92rem;color:var(--muted)}.nav ul{display:flex;gap:16px;justify-content:center;list-style:none;padding:0;margin:0;flex-wrap:wrap}.nav a{color:var(--ink);font-weight:800}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:800;border:1px solid transparent}.cta,.btn-main{background:var(--orange);color:#fff;box-shadow:var(--shadow)}.btn-alt{background:#fff;color:var(--orange2);border-color:var(--orange)}.hero{padding:26px 0 30px}.hero-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center}.crumb ol{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 14px;font-size:.94rem;color:var(--muted)}.crumb li::after{content:"/";margin-left:10px;color:#bda997}.crumb li:last-child::after{content:""}.tag{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff1e7;color:var(--orange2);font-weight:800}.hero h1{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.12;margin:14px 0 16px}.hero p{color:#5b5047;font-size:1.08rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:var(--shadow)}.hero-card img{border-radius:20px}.block{padding:28px 0}.block h2{font-size:1.95rem;line-height:1.25;margin:0 0 14px}.lead{font-size:1.06rem;color:#554a42}.ribbon{background:linear-gradient(135deg,#ff7d00 0%,#ffb55a 100%);color:#fff;padding:24px;border-radius:26px;box-shadow:var(--shadow)}.grid4,.grid3,.grid2{display:grid;gap:22px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.tile,.panel,.faqbox,.reviewbox,.authorbox{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.tile figure{margin:0}.tile img{aspect-ratio:16/9;object-fit:cover;border-radius:24px 24px 0 0}.tile .body{padding:18px}.overline{font-size:.86rem;letter-spacing:.03em;font-weight:800;color:var(--orange2)}.score{display:grid;gap:12px;background:#fff4ea;border:1px solid #ffd6b2;border-radius:24px;padding:18px}.scoreline{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:12px;padding:12px 0;border-bottom:1px dashed #ebb98e}.scoreline:last-child{border-bottom:none}.flash{animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.65}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;text-align:center}.metric strong{display:block;color:var(--orange2);font-size:1.32rem}.author-flex{display:flex;gap:18px;align-items:center}.author-flex img{width:108px;height:108px;border-radius:20px;object-fit:cover}.review-stars{color:var(--orange);letter-spacing:.16em}.foot{margin-top:34px;padding:34px 0;background:#3f2813;color:#ffe9d2}.foot a{color:#ffd9b3}.footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.small{font-size:.95rem;color:var(--muted)}@media (max-width:980px){.top .shell,.hero-wrap,.grid4,.grid3,.grid2,.metrics,.footgrid,.scoreline{grid-template-columns:1fr 1fr}}@media (max-width:700px){.top .shell,.hero-wrap,.grid4,.grid3,.grid2,.metrics,.footgrid,.scoreline{grid-template-columns:1fr}.nav ul{justify-content:flex-start}}