:root{--brand:#b50f1d;--brand-dark:#7d0e18;--accent:#fff1f2;--line:#efd3d5;--bg:#fff8f8;--text:#222;--muted:#666;--shadow:0 12px 32px rgba(125,14,24,.12);--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#fff,var(--bg));color:var(--text);line-height:1.82}
a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.2rem;color:var(--brand-dark)}.brand img{width:42px;height:42px;border-radius:10px}.main-nav ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:0}.main-nav a{font-weight:700}.cta-group{display:flex;gap:12px;flex-wrap:wrap}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:800;transition:transform .2s ease}.button{background:var(--brand);color:#fff;box-shadow:var(--shadow)}.button-secondary{border:1px solid var(--line);background:#fff}.button:hover,.button-secondary:hover{transform:translateY(-1px);text-decoration:none}
.hero{padding:36px 0 22px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.hero-copy h1{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.12;margin:0 0 16px;color:var(--brand-dark)}.hero-copy .lead{font-size:1.08rem;color:#444}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.hero-points div,.stat-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.hero-visual img{border-radius:24px;box-shadow:var(--shadow)}
.breadcrumbs{font-size:.95rem;color:var(--muted);padding:14px 0 0}.breadcrumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}.breadcrumbs li::after{content:"/";margin-left:8px;color:#999}.breadcrumbs li:last-child::after{content:""}.section{padding:28px 0}.section h2{font-size:clamp(1.6rem,3vw,2.3rem);color:var(--brand-dark);margin:0 0 14px}.section h3{color:var(--brand-dark);margin-top:22px}.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.faq-item,.review-card,.notice{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card-body,.faq-item,.review-card,.notice{padding:18px}.tag{display:inline-flex;padding:6px 10px;background:#fff0f2;color:var(--brand-dark);border-radius:999px;font-size:.9rem;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-box strong{display:block;font-size:1.5rem;color:var(--brand-dark)}.flash{display:inline-block;color:var(--brand);font-weight:800;animation:pulseScore 1.7s infinite}@keyframes pulseScore{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.05)}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--accent);color:var(--brand-dark)}.footer{margin-top:26px;background:#661018;color:#fff}.footer a{color:#ffe1e5}.footer .container{padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:22px}.footer small{color:#ffd8de}.author-box{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center}.author-box img{width:92px;height:92px;border-radius:50%;border:3px solid #fff0f2}.clean{padding-left:18px}.page-banner{padding:30px 0 10px}.page-banner .card-body{padding:24px}.image-title{font-size:.95rem;color:var(--muted)}.microcopy{color:var(--muted);font-size:.95rem}.inline-links{display:flex;gap:12px 18px;flex-wrap:wrap}
@media(max-width:980px){.hero-grid,.grid-4,.grid-3,.grid-2,.footer-grid,.metrics{grid-template-columns:1fr 1fr}.topbar .container{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.hero-grid,.grid-4,.grid-3,.grid-2,.footer-grid,.metrics,.hero-points,.author-box{grid-template-columns:1fr}.main-nav ul{gap:10px 14px}}