:root{--ink:#17342d;--green:#0d6a58;--mint:#dceee6;--paper:#faf9f4;--line:#c8d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,"PingFang SC",sans-serif}.site-header,main,footer{max-width:1160px;margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font:700 24px/1 "Noto Serif SC",serif;color:var(--ink);text-decoration:none}.brand span,.legal a{color:var(--green)}nav,footer div{display:flex;gap:18px;align-items:center}nav a,footer a{font-size:14px;color:var(--ink);text-decoration:none}nav a:hover,footer a:hover{color:var(--green)}.language{background:transparent;color:var(--green);border:1px solid var(--line);padding:6px 9px;font:600 12px Outfit,sans-serif;cursor:pointer}.hero{padding:100px 28px 74px;max-width:760px}.eyebrow{font:12px "DM Mono",monospace;letter-spacing:1.2px;color:var(--green);margin:0 0 20px}.hero h1{font:900 clamp(48px,8vw,88px)/1.08 "Noto Serif SC",serif;letter-spacing:-3px;margin:0}.hero em{font-style:normal;color:var(--green)}.intro{font-size:18px;line-height:1.7;max-width:570px;margin:30px 0}.button,button:not(.language){background:var(--green);color:#fff;border:0;padding:13px 20px;font:600 14px Outfit,sans-serif;cursor:pointer;text-decoration:none}.tools{padding:0 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-card{min-height:400px;border:1px solid var(--line);padding:26px;background:#fff}.feature{background:var(--mint);border-color:var(--mint)}.accent{background:var(--ink);color:#f8f7f1;border-color:var(--ink)}.card-heading{display:flex;align-items:baseline;gap:14px}.number{font:12px "DM Mono",monospace;color:var(--green)}.accent .number{color:#a6d6c5}.card-heading h2{margin:0;font:700 27px "Noto Serif SC",serif}.tool-card p{margin:10px 0 18px;font-size:14px;color:#5a7068}.accent p{color:#c1d1ca}textarea{width:100%;height:108px;resize:vertical;border:1px solid var(--line);padding:12px;background:#fff;color:var(--ink);font:14px/1.55 Outfit,"PingFang SC",sans-serif}.accent textarea{border-color:#567168}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;gap:6px}.metrics div{border-left:1px solid #8bb4a5;padding-left:11px}.metrics b{display:block;font-size:23px}.metrics span{font-size:11px;color:#5a7068}.actions{display:flex;gap:8px;margin:10px 0}.ghost{background:transparent!important;border:1px solid var(--line)!important;color:var(--ink)!important}.ad-slot{height:112px;margin:64px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#85958e;gap:5px}.ad-slot span{font:11px "DM Mono",monospace;letter-spacing:1px}.ad-slot small{font-size:12px}.guide,.content{padding:24px 28px 94px}.guide h2,.content h2{font:700 42px "Noto Serif SC",serif;margin:0 0 34px}.guide-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-grid b{font-size:18px}.guide-grid p,.article-grid p,.faq-list p{line-height:1.7;color:#5a7068}.article-grid article,.faq-list{border-top:2px solid var(--green);padding-top:17px}.article-grid h3,.faq-list h3{font:700 21px "Noto Serif SC",serif;margin:0}.faq-list{margin-top:55px;max-width:760px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{font-weight:600;cursor:pointer}.faq-list p{margin:12px 0 0}footer{border-top:1px solid var(--line);padding:26px 28px;display:flex;justify-content:space-between;font-size:13px}footer p{margin:0;color:#70837a}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:10px 16px;font-size:14px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.legal{max-width:760px;padding:95px 28px 110px}.legal h1{font:800 52px "Noto Serif SC",serif;margin:0 0 32px}.legal h2{font:700 23px "Noto Serif SC",serif;margin:35px 0 8px}.legal p{font-size:16px;line-height:1.9;color:#496057}@media(max-width:700px){.site-header{height:68px;padding:0 18px}.site-header nav{gap:9px}.site-header nav a{font-size:12px}.hero{padding:67px 22px 50px}.hero h1{letter-spacing:-2px}.intro{font-size:16px}.tools{padding:0 14px;grid-template-columns:1fr}.tool-card{min-height:370px;padding:20px}.metrics b{font-size:20px}.ad-slot{margin:46px 14px;text-align:center;padding:0 12px}.guide,.content{padding:12px 22px 60px}.guide h2,.content h2{font-size:32px}.guide-grid,.article-grid{grid-template-columns:1fr;gap:12px}.faq-list{margin-top:35px}footer{margin:0 14px;padding:22px 8px;display:block}footer div{flex-wrap:wrap;gap:10px 15px;margin-top:14px}}