﻿:root{--ink:#20312f;--muted:#71807c;--paper:#fbfcf8;--line:#dce8e2;--accent:#79b7aa}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eef7f3,#faf7ee);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:620px;margin:auto;padding:28px 20px 50px}header{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:.18em;color:#5e9489}h1{font-size:clamp(34px,10vw,58px);line-height:1.08;margin:13px 0 8px;letter-spacing:-.06em}h2{font-size:20px;margin:0}.icon{border:1px solid var(--line);background:#fff9;border-radius:99px;padding:9px 14px;color:var(--ink)}#date{color:var(--muted);margin:0}.hero{background:var(--paper);border-radius:28px;padding:25px 23px;margin:28px 0 14px;box-shadow:0 14px 35px #668d7d16}.hero p{font-size:18px;line-height:1.7;margin:5px 0}.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tri article{background:#fff9;border:1px solid var(--line);border-radius:18px;padding:14px 12px;min-height:112px}.tri b{display:block;color:#b66d4f;margin-bottom:8px}.tri span{font-size:13px;line-height:1.5}details{margin:22px 2px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;color:#56766e}blockquote{margin:15px 0;padding:12px 15px;border-left:3px solid #d9a66f;line-height:1.8;color:#53635f}details p{line-height:1.7;color:#53635f}.section-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 13px}.section-head span{font-size:13px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.step{background:#fff9;border:1px solid var(--line);border-radius:17px;padding:14px;cursor:pointer}.step.active{background:#e2f1eb;border-color:#9bc7b9;transform:translateY(-2px)}.step small{color:var(--muted);display:block;margin-bottom:8px}.step strong{font-size:15px}.about{margin-top:38px;padding:18px;background:#f4efe3aa;border-radius:20px}.about p{font-size:13px;line-height:1.7;color:#69756d}footer{text-align:center;color:#81938d;font-size:12px;margin-top:28px}@media(min-width:600px){main{padding-top:55px}.steps{grid-template-columns:repeat(3,1fr)}}
