@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&family=ZCOOL+XiaoWei&display=swap";:root{color-scheme:light;--bg: #f7f0e6;--bg-deep: #efe4d4;--ink: #231f1a;--ink-soft: #4a3f32;--red: #b21a1a;--red-dark: #7d0f14;--jade: #2e6b5d;--gold: #caa35b;--paper: #fbf6ee;--shadow: 0 20px 60px rgba(35, 31, 26, .15);--grid-gap: 24px;--max-width: 1120px}*{box-sizing:border-box}html,body{padding:0;margin:0;font-family:"Noto Serif SC","Source Serif 4",serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;background-image:radial-gradient(1200px 600px at 80% -10%,rgba(178,26,26,.12),transparent 70%),radial-gradient(800px 500px at 10% 10%,rgba(46,107,93,.08),transparent 60%),linear-gradient(180deg,var(--paper) 0%,var(--bg) 55%,var(--bg-deep) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h140v140H0z' fill='none'/%3E%3Cpath d='M0 28h140M0 70h140M0 112h140' stroke='%23d9cbb7' stroke-opacity='0.35' stroke-width='1'/%3E%3Cpath d='M28 0v140M70 0v140M112 0v140' stroke='%23d9cbb7' stroke-opacity='0.35' stroke-width='1'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.55;z-index:-1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}main{display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:72px 0}.eyebrow{font-size:.9rem;letter-spacing:.28rem;text-transform:uppercase;color:var(--red);font-weight:600}h1,h2,h3{font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;margin:0 0 16px}h1{font-size:clamp(2.8rem,4vw,4.8rem);line-height:1.05}h2{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.1}h3{font-size:1.5rem;line-height:1.3}p{color:var(--ink-soft);line-height:1.75;font-size:1.05rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--grid-gap);align-items:center}.hero-card{background:#fbf6eee6;border:1px solid rgba(178,26,26,.2);padding:28px;box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(178,26,26,.25),transparent 70%)}.hero-stat{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px dashed rgba(35,31,26,.2)}.hero-stat span{font-size:1.4rem;font-weight:700;color:var(--red-dark)}.navbar{position:sticky;top:0;backdrop-filter:blur(10px);background:#f7f0e6b3;border-bottom:1px solid rgba(35,31,26,.1);z-index:10}.navbar .container{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.nav-links{display:flex;gap:20px;font-weight:600}.button{display:inline-flex;gap:10px;align-items:center;padding:12px 20px;border-radius:999px;background:var(--red);color:#fff;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #b21a1a4d}.button.outline{background:transparent;color:var(--red);border-color:#b21a1a66}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--grid-gap)}.card{background:#ffffffbf;border-radius:14px;padding:22px;border:1px solid rgba(35,31,26,.08);box-shadow:0 12px 30px #231f1a14}.card strong{color:var(--ink)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;align-items:center}.callout{background:linear-gradient(135deg,#b21a1a1f,#caa35b1f);border-radius:16px;padding:32px;border:1px solid rgba(178,26,26,.2)}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:18px;border-radius:12px;background:#fffc;border:1px solid rgba(35,31,26,.1)}.timeline-item span{font-weight:700;color:var(--jade)}footer{padding:48px 0 60px;border-top:1px solid rgba(35,31,26,.15);background:#fbf6eeb3}footer .footer-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width: 720px){.navbar .container{flex-direction:column;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}}