:root{--green:#627e6a;--green2:#8fa695;--blue:#8eacbd;--ink:#27332d;--muted:#718078;--paper:#f7f8f3;--white:#fff;--line:#dfe6df;--warm:#f0eadf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:cover}p{line-height:1.8}.top{height:82px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,248,243,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:12px;font-weight:700}.logo i{font-style:normal;width:42px;height:42px;border-radius:50% 50% 50% 12%;display:grid;place-items:center;background:var(--green);color:white;font-family:serif;font-size:24px}.logo span{font-size:18px}.logo small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:400;margin-top:3px}.top nav{display:flex;gap:30px;font-size:14px}.top nav a:hover{color:var(--green)}main{max-width:1200px;margin:auto;padding:0 28px 90px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.hero img{width:100%;height:480px;border-radius:220px 220px 28px 28px;box-shadow:24px 24px 0 #e4ece5}.kicker{font-size:11px;letter-spacing:.24em;color:var(--green);font-weight:700}.hero h1,.page-head h1{font-family:"Songti SC",SimSun,serif;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:1.2;margin:18px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero>div>p:not(.kicker){font-size:17px;max-width:520px;color:var(--muted)}.actions{margin-top:30px;display:flex;align-items:center;gap:20px}.primary{display:inline-block;background:var(--green);color:white;padding:14px 24px;border-radius:999px}.actions span{font-size:13px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:40px 0 110px}.category-grid>a{position:relative;background:white;padding:14px 14px 24px;border-radius:120px 120px 20px 20px;box-shadow:0 12px 34px rgba(58,77,65,.06);transition:.25s}.category-grid>a:hover{transform:translateY(-6px)}.category-grid img{height:190px;width:100%;border-radius:110px 110px 14px 14px}.category-grid span{position:absolute;top:22px;left:24px;background:rgba(255,255,255,.85);padding:5px 8px;border-radius:20px;font-size:11px}.category-grid h2{font-family:serif;margin:18px 8px 6px}.category-grid p{margin:0 8px;color:var(--muted);font-size:13px;min-height:48px}.category-grid b{display:block;margin:12px 8px 0;font-size:12px;color:var(--green)}.latest>header{margin-bottom:30px}.latest>header h2{font-family:serif;font-size:42px;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:white;padding:28px;border-radius:18px;min-height:240px;border:1px solid transparent;transition:.2s}.cards article:hover{border-color:#b9cabd;box-shadow:0 14px 30px rgba(58,77,65,.06)}.cards small{color:var(--green);font-weight:700}.cards h2,.cards h3{font-family:serif;font-size:23px;line-height:1.5}.cards p{font-size:14px;color:var(--muted)}.more{font-size:13px;color:var(--green);font-weight:700}.page-head{padding:100px 0 60px;max-width:760px}.page-head p:not(.kicker){font-size:18px;color:var(--muted)}.page-head span{font-size:13px;color:var(--green)}.detail{max-width:900px;margin:auto}.crumb{display:flex;gap:10px;padding:34px 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden}.detail>header{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:42px 0 70px}.detail h1{font-family:serif;font-size:52px;line-height:1.3;margin:18px 0}.lead{color:var(--muted);font-size:17px}.detail header img{height:320px;border-radius:160px 160px 18px 18px}.detail>section{padding:46px 0;border-top:1px solid var(--line)}.detail h2{font-family:serif;font-size:30px}.answer{background:#e7eee8;border:0!important;border-radius:20px;padding:30px 36px!important;margin-bottom:34px}.answer span{font-size:12px;color:var(--green);font-weight:700}.answer p{font-size:18px}.steps{list-style:none;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;align-items:center;border-top:1px solid var(--line)}.steps b{font:30px serif;color:#9ab1a0}.warning{background:var(--warm);padding:34px!important;border-radius:20px;border:0!important}.warning h2{margin-top:0}.warning p{margin-bottom:0}details{border-top:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:700}.source p{color:var(--muted);font-size:14px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini a{background:white;border-radius:12px;padding:16px;display:flex;justify-content:space-between}.mini span{color:var(--green)}.prose header{grid-template-columns:1fr}.prose section h2:not(:first-child){margin-top:45px}footer{padding:52px max(5vw,28px);background:#34483b;color:#e9eee9;display:flex;justify-content:space-between;align-items:center}footer p{font-size:13px;color:#becdc2}footer a{color:white}@media(max-width:900px){.category-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.top{height:auto;padding:14px 18px;align-items:flex-start}.logo small{display:none}.top nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}main{padding:0 18px 60px}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero h1,.page-head h1{font-size:46px}.hero img{height:360px}.category-grid{grid-template-columns:1fr 1fr;margin-bottom:70px}.category-grid img{height:150px}.cards{grid-template-columns:1fr}.detail>header{grid-template-columns:1fr;gap:20px}.detail h1{font-size:40px}.detail header img{height:260px}.mini{grid-template-columns:1fr}footer{display:block}}