:root{--green:#22b684;--dark:#202124;--muted:#555f68;--line:#e6ebe8;--soft:#f5fff9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}.site-header{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:center;min-height:72px;padding:0 clamp(18px,6vw,92px);border-bottom:1px solid var(--line);background:#fff}.logo{display:flex;align-items:baseline;gap:2px;font-weight:950;font-size:30px;letter-spacing:-.04em}.logo span{color:#111}.logo b{color:var(--green)}.logo em{margin-left:6px;color:#69737d;font-size:13px;font-style:normal;letter-spacing:0}.site-header nav{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap;font-weight:850}.site-header nav a{padding:8px 0;border-bottom:2px solid transparent}.site-header nav a:hover{border-color:#111}main{width:min(1120px,calc(100% - 36px));margin:0 auto}.hero{text-align:center;padding:72px 0 54px}.count{margin:0 0 8px;color:var(--green);font-size:13px;font-weight:950;letter-spacing:.14em}.hero h1{margin:0;font-size:clamp(46px,7vw,82px);letter-spacing:-.055em;line-height:1}.hero h2{margin:12px 0 0;font-size:clamp(28px,4vw,46px);letter-spacing:-.035em}.hero p{max-width:830px;margin:22px auto 0;color:#26313a;font-size:19px;line-height:1.65;font-weight:750}.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:58px;margin-top:50px;padding:0 30px;border-radius:999px;background:var(--green);color:#fff;font-size:23px;font-weight:950}.intro,.how,.faq,.disclaimer{padding:34px 0;border-top:1px solid var(--line)}.intro h2,.browse h2,.how h2,.faq h2,.disclaimer h2{margin:0 0 18px;text-align:center;font-size:clamp(28px,4vw,44px);letter-spacing:-.035em}.intro>p,.disclaimer p{max-width:920px;margin:0 auto 20px;color:var(--muted);line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fbfdfc}.feature-grid h3{margin:0 0 10px;color:#0f8a65}.feature-grid p{margin:0;color:var(--muted);line-height:1.6}.browse{padding:36px 0}.button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.button-grid a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;background:var(--green);color:#fff;font-weight:950}.how ol{display:grid;gap:14px;max-width:920px;margin:0 auto;padding:0;list-style:none}.how li{display:grid;grid-template-columns:270px 1fr;gap:12px;padding:18px;border-radius:18px;background:var(--soft);border:1px solid #d9f4e9}.how strong{color:#0f8a65}.how span{color:var(--muted)}.faq{max-width:900px;margin:0 auto}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:950}.faq p{color:var(--muted);line-height:1.7}.disclaimer{padding-bottom:64px}footer{padding:32px 18px;border-top:1px solid var(--line);background:#f7faf8;text-align:center;color:var(--muted)}footer strong{display:block;margin-bottom:8px;color:#0f8a65;font-size:20px}footer p{margin:0}@media(max-width:900px){.site-header{grid-template-columns:1fr}.site-header nav{gap:14px}.feature-grid{grid-template-columns:1fr}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how li{grid-template-columns:1fr}}@media(max-width:560px){main{width:min(100% - 24px,1120px)}.hero{padding-top:48px}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-btn{width:100%;font-size:19px}.button-grid{grid-template-columns:1fr}.site-header{padding:16px 18px}.site-header nav a{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}