:root{--paper:#f7f7ef;--ink:#214b3d;--muted:#657168;--line:#d8dfd4;--accent:#d9e99d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #668839;outline-offset:5px}p{line-height:1.9}.wrap,.header{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.header{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-weight:900;font-size:31px;letter-spacing:-2px}.brand-mark>span{font-size:21px}.brand-text{font-size:11px;letter-spacing:2px;border-left:1px solid var(--line);padding-left:14px}.brand-text>span{display:block;letter-spacing:1px;margin-top:6px}.header nav{display:flex;gap:32px;font-size:13px}.header-link{font-size:13px;border:1px solid var(--line);padding:12px 17px;border-radius:5px}.header-link span{margin-left:18px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-top:82px;padding-bottom:90px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;margin-right:9px}h1{font-size:clamp(36px,4.2vw,55px);line-height:1.4;font-weight:700;letter-spacing:-2px;margin:0 0 25px}.underline{background:linear-gradient(transparent 79%,var(--accent) 79%,var(--accent) 94%,transparent 94%)}.intro{max-width:465px;color:var(--muted);font-size:15px;margin:0 0 30px}.button{background:var(--ink);color:var(--paper);display:inline-flex;gap:30px;align-items:center;padding:17px 23px;border-radius:5px;font-size:14px}.button:hover{background:#315e49;text-decoration:none}.hero-note{font-size:11px;color:var(--muted);margin-top:17px}.study-art{position:relative;min-height:406px;background:#e7ebde;border-radius:9px;padding:28px 30px;overflow:hidden;transform:rotate(2deg);box-shadow:9px 12px 0 #edf0e5;border:1px solid #d7decf}.art-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;border-bottom:1px solid #bfc9b7;padding-bottom:17px}.art-number{font-size:100px;font-weight:800;letter-spacing:-7px;line-height:1.35}.art-number span{font-size:66px;letter-spacing:-5px;margin-left:7px}.sound{display:flex;align-items:center;gap:6px;height:62px;margin:4px 0 22px}.sound i{width:7px;height:14px;background:var(--ink);border-radius:10px}.sound i:nth-child(3n){height:35px}.sound i:nth-child(4n){height:58px}.sound i:nth-child(5n){height:45px}.sound i:nth-child(7n){height:25px}.art-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bfc9b7;padding-top:20px}.art-bottom strong{font-size:24px;line-height:1.25;letter-spacing:-.6px}.art-bottom p{font-size:11px;margin:8px 0}.repeat{font-size:67px;line-height:1}.art-label{display:block;font-size:10px;letter-spacing:2px;margin-top:19px;color:#5b705e}.section{padding-top:74px;padding-bottom:74px}.section-title h2,h2{font-size:32px;letter-spacing:-1px;line-height:1.45;margin:0 0 17px}.section-title p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.method{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:30px 75px}.definition p{font-size:14px;color:var(--muted);margin:0 0 16px}.definition strong{color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/-1;gap:32px;margin-top:23px}.principles article{border-top:1px solid var(--line);padding-top:20px}.letter{display:flex;justify-content:space-between;align-items:center;font-size:46px;font-weight:700}.letter>span{font-size:10px;font-weight:400;color:var(--muted)}h3{font-size:18px;margin:15px 0 10px}.principles p{font-size:13px;color:var(--muted);max-width:285px}.steps-section{background:#eef1e7}.steps{list-style:none;padding:0;margin:38px 0 20px}.steps li{display:flex;gap:35px;align-items:center;padding:23px 0;border-top:1px solid #d2dccb}.steps li:last-child{border-bottom:1px solid #d2dccb}.step-number{font-size:24px;color:#7b9174;font-weight:400;min-width:38px}.steps h3{margin:0 0 8px}.steps p{font-size:13px;color:var(--muted);margin:0;max-width:730px}.step-tag{white-space:nowrap;font-size:11px;letter-spacing:1px;border:1px solid #d1dbc9;border-radius:30px;padding:8px 12px;margin-left:auto}.source-note{font-size:11px;color:var(--muted)}.source-note a{border-bottom:1px solid #b0beb0}.practice{display:grid;grid-template-columns:1fr 1fr;gap:90px}.practice-description{font-size:14px;color:var(--muted);max-width:370px}.practice-note{font-size:11px;color:var(--muted);max-width:370px}.routine{border:1px solid var(--line);border-radius:6px;padding:12px 27px 0;background:#fafbf5}.routine>div:not(.routine-total){display:flex;align-items:center;gap:25px;padding:14px 0;border-bottom:1px solid var(--line)}.routine>div>span{font-size:31px;white-space:nowrap}.routine small{font-size:10px;display:block;font-weight:400;letter-spacing:2px}.routine p{font-size:12px;color:var(--muted);margin:0}.routine strong{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}.routine .routine-total{display:flex;justify-content:space-between;gap:12px;padding:18px 0}.routine .routine-total span{font-size:10px;color:var(--muted)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.faq h2{max-width:300px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';font-size:20px;font-weight:400}.faq details[open] summary::after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:13px;color:var(--muted);margin:14px 26px 0 0}.about{background:var(--ink);color:var(--paper);padding:49px 0}.about-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:100px}.about .eyebrow{color:#b5c5b4;font-size:10px;margin-bottom:15px}.about h2{font-size:23px}.about p{font-size:12px;color:#d1dbd0;margin:0}.contact{padding-top:12px}.contact p{display:flex;gap:25px;margin-bottom:16px}.contact p>span{min-width:60px;color:#a5b9a5}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:80px;font-size:11px;color:var(--muted)}.skip{position:absolute;left:12px;top:-80px;padding:12px;background:var(--ink);color:white;z-index:5}.skip:focus{top:12px}@media(max-width:900px){.hero{gap:35px}.art-number{font-size:77px}.art-number span{font-size:52px}.study-art{padding:24px;min-height:380px}.method,.faq{gap:35px}.practice{gap:45px}.about-inner{gap:45px}.step-tag{display:none}}@media(max-width:650px){.wrap,.header{padding-left:24px;padding-right:24px}.header{min-height:85px;flex-wrap:wrap;gap:20px;padding-top:20px;padding-bottom:20px}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px;order:3}.header-link{font-size:11px;padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:53px;gap:35px}h1{font-size:39px;letter-spacing:-1.5px}.intro{font-size:14px}.study-art{max-width:420px;width:calc(100% - 10px);justify-self:center;min-height:350px;transform:rotate(1deg)}.art-number{font-size:90px}.art-number span{font-size:62px}.sound{height:48px;margin-bottom:14px}.section{padding-top:48px;padding-bottom:48px}.method,.practice,.faq,.about-inner{grid-template-columns:1fr;gap:26px}.section-title h2,h2{font-size:27px}.principles{gap:18px;margin-top:2px}.letter{font-size:35px}.principles h3{font-size:16px}.principles p{font-size:12px}.letter>span{display:none}.steps li{gap:17px;align-items:flex-start;padding:22px 0}.step-number{font-size:22px;min-width:27px}.steps h3{font-size:16px}.steps p{font-size:12px}.routine{padding:10px 20px 0}.faq h2{max-width:none}.faq summary{font-size:14px}.about{padding:36px 0}.contact{border-top:1px solid #496d5a;padding-top:22px}.footer{flex-wrap:wrap;justify-content:center;gap:10px 22px;padding-top:18px;padding-bottom:18px}.footer p{width:100%;text-align:center;margin:0}.eyebrow{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.footer .icp-link{font-size:14px;color:#404840;line-height:1.6;text-align:center}
