:root{--ivory:#f6f1e7;--paper:#fffdf8;--paper-2:#eee6d7;--ink:#25312f;--muted:#63706c;--green:#173f3b;--green-2:#245a53;--gold:#b58a45;--gold-soft:#e9dbc1;--line:#d9d1c3;--shadow:0 18px 50px #173f3b14;--radius:18px;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.8}a{color:inherit;text-decoration:none}a:active{opacity:.72}img{max-width:100%}button,input{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{z-index:100;background:var(--green);color:#fff;border-radius:8px;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.container{width:min(1180px,100% - 40px);margin-inline:auto}.narrow{width:min(820px,100%)}.section-pad{padding-block:clamp(74px,9vw,132px)}.section-pad-sm{padding-block:clamp(56px,7vw,90px)}.surface-soft{background:#eee8dd}h1,h2,h3,p,blockquote{margin-top:0}h1,h2,h3{color:var(--green);line-height:1.28}h1,h2{font-family:var(--serif);letter-spacing:-.03em;font-weight:600}h1{margin-bottom:1.6rem;font-size:clamp(3.2rem,7.2vw,6.2rem)}h2{margin-bottom:1.4rem;font-size:clamp(2.25rem,4.4vw,4rem)}h3{font-size:1.28rem}p{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1.2rem;font-size:.86rem;font-weight:700;display:flex}.eyebrow span{background:currentColor;width:32px;height:1px;display:inline-block}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f1e7f0;border-bottom:1px solid #d9d1c3b3;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex}.brand{color:var(--green);white-space:nowrap;align-items:center;gap:.8rem;display:inline-flex}.brand>span{border:1px solid var(--green);width:38px;height:38px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:1.08rem;display:grid}.brand strong{font-family:var(--serif);letter-spacing:.05em;font-size:1.12rem}.desktop-nav{align-items:center;gap:clamp(.8rem,1.7vw,1.65rem);font-size:.88rem;display:flex}.desktop-nav a{color:#40514d;transition:color .15s}.desktop-nav a:hover{color:var(--gold)}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;place-content:center;gap:5px;width:44px;height:44px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--green);width:22px;height:2px}.mobile-menu nav{background:var(--paper);border:1px solid var(--line);width:min(290px,100vw - 40px);box-shadow:var(--shadow);border-radius:12px;padding:1rem;display:grid;position:absolute;top:52px;right:0}.mobile-menu nav a{border-bottom:1px solid #ece5da;padding:.68rem .75rem}.hero{align-items:center;min-height:calc(100vh - 76px);display:grid;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:clamp(3rem,7vw,8rem);display:grid}.hero-copy{padding-block:2rem}.hero-lead{color:#465551;max-width:650px;font-size:clamp(1.12rem,2vw,1.34rem);line-height:1.9}.button-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:.72rem 1.3rem;font-size:.94rem;font-weight:650;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active,.douyin-link:active{transform:translateY(1px)scale(.98)}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-2)}.button-secondary{color:var(--green);border:1px solid #9ca9a5}.byline{color:#7d6c52;margin-top:2.1rem;font-size:.9rem}.douyin-link{background:var(--green);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.72rem;min-height:52px;padding:.72rem 1.25rem;font-size:.94rem;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.douyin-link:hover{background:var(--green-2);transform:translateY(-2px)}.douyin-link>span{width:28px;height:28px;font-family:var(--serif);border:1px solid #ffffff8c;border-radius:50%;place-items:center;display:grid}.douyin-link-compact{background:0 0;border:1px solid #77938e;min-height:44px;margin-top:1rem;padding:.55rem 1rem;color:#edf6f4!important}.hero-art{aspect-ratio:4/5;isolation:isolate;max-height:620px;position:relative}.paper{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:52% 48% 10% 14%/34% 30% 8% 12%;position:absolute}.paper-one{inset:6% 3% 10% 10%;transform:rotate(6deg)}.paper-two{z-index:-1;background:#f1e9dc;inset:3% 10% 13% 3%;transform:rotate(-4deg)}.path-line{border-left:4px solid var(--gold-soft);border-radius:70% 0 0 10%;width:35%;height:80%;position:absolute;bottom:7%;left:30%;transform:rotate(19deg)}.sun-dot{background:var(--gold);opacity:.75;border-radius:50%;width:42px;height:42px;position:absolute;top:17%;right:21%}.hero-art p{color:var(--green);font-family:var(--serif);font-size:clamp(1.25rem,2.5vw,2rem);line-height:1.75;position:absolute;bottom:26%;left:21%}.quote-band{background:var(--green)}.quote-band .narrow{position:relative}.quote-mark{color:#ffffff1f;font:11rem/1 var(--serif);position:absolute;top:-2.8rem;left:-3rem}.quote-band blockquote{color:#fffaf0;font-family:var(--serif);letter-spacing:.015em;font-size:clamp(1.45rem,3.2vw,2.45rem);line-height:1.75;position:relative}.section-intro{max-width:820px;margin-bottom:4rem}.section-intro>p{max-width:700px;font-size:1.08rem}.goal-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.goal-card{border-right:1px solid var(--line);padding:2rem clamp(1.2rem,2.6vw,2.2rem)}.goal-card:last-child{border-right:0}.goal-card>span{color:var(--gold);letter-spacing:.14em;font-size:.8rem}.goal-card h3{margin:1.4rem 0 .9rem}.goal-card p{font-size:.94rem}.section-link{text-align:right;color:var(--green);margin-top:2rem;font-weight:650}.section-link a:hover,.text-link:hover{color:var(--gold)}.getting-started{border-top:1px solid var(--line);margin-top:clamp(4rem,7vw,7rem);padding-top:clamp(3rem,5vw,5rem)}.split-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(3rem,8vw,8rem);display:grid}.split-heading>p{padding-bottom:.7rem;font-size:1.06rem}.difficulty-list{border-top:1px solid #cfc6b8;margin-top:4rem}.difficulty-list article{border-bottom:1px solid #cfc6b8;grid-template-columns:90px 1fr;gap:1rem;padding:1.8rem 0;display:grid}.difficulty-list article>span{color:var(--gold);font:1.55rem var(--serif)}.difficulty-list h3{margin-bottom:.45rem}.difficulty-list p{max-width:790px;margin-bottom:0}.transition-section{background:var(--paper)}.transition-grid{grid-template-columns:.82fr 1.18fr;gap:clamp(4rem,9vw,9rem);display:grid}.text-link{color:var(--green);align-items:center;gap:.5rem;margin-top:1rem;font-weight:700;display:inline-flex}.steps{margin:0;padding:0;list-style:none}.steps li{padding:0 0 2.7rem 3.4rem;position:relative}.steps li:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:-8px;left:10px}.steps li:last-child:before{display:none}.steps li:after{content:"";background:var(--paper);border:2px solid var(--gold);border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:3px}.steps span{color:var(--gold);letter-spacing:.12em;margin-bottom:.35rem;font-size:.78rem;display:block}.steps strong{color:var(--green);font:1.35rem var(--serif);display:block}.steps p{margin:.5rem 0 0}.reading-callout{background:#e5dbc8}.reading-grid{grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(4rem,8vw,8rem);display:grid}.book-shape{aspect-ratio:5/4;position:relative}.book-shape i{background:var(--paper);box-shadow:var(--shadow);border:1px solid #cbbfae;border-radius:50% 4% 6% 10%;position:absolute;inset:12% 2% 8% 8%;transform:rotate(7deg)}.book-shape i:nth-child(2){z-index:0;background:#f3ecdf;inset:5% 10% 15% 1%;transform:rotate(-5deg)}.book-shape span{z-index:2;color:var(--green);font:clamp(1.4rem, 3vw, 2.2rem)/1.55 var(--serif);position:absolute;top:37%;left:25%}.articles-heading{align-items:end}.article-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem;display:grid}.article-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-height:330px;padding:clamp(1.5rem,3vw,2.2rem);transition:transform .15s,box-shadow .15s;display:flex}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.article-meta{letter-spacing:.06em;font-size:.78rem}.article-meta span{color:var(--gold);font-weight:700}.article-card h3{font-family:var(--serif);font-size:1.55rem}.article-card h3 a:after{content:"";position:absolute}.article-card>p:not(.article-meta){font-size:.94rem}.card-link{color:var(--green);margin-top:auto;font-size:.9rem;font-weight:700}.disclaimer-wrap{padding-bottom:clamp(74px,9vw,120px)}.social-callout{background:var(--paper);border-top:1px solid var(--line);padding-block:clamp(56px,7vw,88px)}.social-callout-inner{grid-template-columns:1fr auto;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.social-callout h2{max-width:760px;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.4rem)}.social-callout p{margin-bottom:0}.disclaimer{border-radius:var(--radius);background:#f0e7d8;border:1px solid #c7baa5;grid-template-columns:auto 1fr;gap:1.4rem;padding:clamp(1.5rem,3vw,2.3rem);display:grid}.disclaimer-icon{border:1px solid var(--gold);width:36px;height:36px;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.disclaimer h2{font:700 1.16rem var(--sans);margin-bottom:.45rem}.disclaimer p{margin-bottom:.5rem;font-size:.92rem}.disclaimer a{color:var(--green);text-underline-offset:4px;font-size:.88rem;font-weight:700;text-decoration:underline}.page-hero{border-bottom:1px solid var(--line);padding:clamp(70px,9vw,122px) 0 clamp(54px,7vw,88px)}.page-hero .container{max-width:990px}.page-hero h1{font-size:clamp(2.8rem,6vw,5.3rem)}.page-hero .lead{max-width:820px;font-size:clamp(1.08rem,2vw,1.3rem)}.content-section{padding-block:clamp(58px,7vw,98px)}.content-section .prose,.prose-page{max-width:800px;margin-inline:auto}.prose h2,.prose-page h2{margin-top:2.6rem;font-size:clamp(1.85rem,3.6vw,2.8rem)}.prose h3,.prose-page h3{font-family:var(--serif);margin-top:2.2rem;font-size:1.45rem}.prose p,.prose-page p,.prose li{color:#4f5f5b}.prose ul,.prose ol,.prose-page ul,.prose-page ol{padding-left:1.4rem}.prose li,.prose-page li{margin-bottom:.65rem}.label{background:var(--gold-soft);color:#765b2f;border-radius:999px;padding:.25rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.callout{border-left:3px solid var(--gold);background:#e9e2d6;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.4rem 1.6rem}.callout p:last-child{margin-bottom:0}.source-list{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.source-list h2{font:700 1.15rem var(--sans)}.source-list a{color:var(--green-2);text-underline-offset:4px;text-decoration:underline}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem;display:grid}.feature-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.7rem}.feature-card h3{margin-bottom:.55rem}.feature-card p:last-child{margin-bottom:0}.timeline{max-width:880px;margin:0 auto}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:2rem;padding:2rem 0;display:grid}.timeline time{color:var(--gold);font-size:.86rem;font-weight:700}.timeline h2{font:600 1.5rem var(--serif);margin-bottom:.6rem}.timeline p{margin-bottom:0}.goal-detail{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:2rem;padding:clamp(2rem,5vw,4rem) 0;display:grid}.goal-number{color:var(--gold);font:clamp(2.5rem, 5vw, 4.4rem) var(--serif)}.goal-detail h2{font-size:clamp(1.9rem,4vw,3rem)}.goal-detail .actions{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.6rem;display:grid}.goal-detail .actions p{background:var(--paper);border-radius:10px;padding:1rem;font-size:.92rem}.principles{counter-reset:principle;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:3rem 0;display:grid}.principles article{counter-increment:principle;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem}.principles article:before{content:"0" counter(principle);color:var(--gold);font-size:.8rem}.principles h2{font:600 1.45rem var(--serif);margin:.8rem 0 .55rem}.demo-box{background:var(--green);color:#fff;border-radius:var(--radius);padding:clamp(1.8rem,4vw,3rem)}.demo-box h2,.demo-box h3{color:#fffaf0}.demo-box p{color:#d7e2df}.demo-steps{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.demo-steps div{border:1px solid #ffffff40;border-radius:10px;padding:1rem}.card-filters{flex-wrap:wrap;gap:.7rem;margin-bottom:2rem;display:flex}.card-filters span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.42rem .8rem;font-size:.86rem}.classic-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.classic-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.2rem)}.classic-card .classic-category{color:var(--gold);letter-spacing:.08em;font-size:.78rem;font-weight:700}.classic-card blockquote{color:var(--green);font:600 clamp(1.4rem, 3vw, 1.9rem)/1.6 var(--serif);margin:1rem 0 .35rem}.classic-card cite{color:var(--muted);font-size:.82rem;font-style:normal}.classic-card dl{grid-template-columns:72px 1fr;gap:.7rem .9rem;margin:1.4rem 0 0;display:grid}.classic-card dt{color:var(--green);font-size:.86rem;font-weight:700}.classic-card dd{color:var(--muted);margin:0;font-size:.9rem}.mantra{color:#765b2f;background:#efe4d2;border-radius:8px;margin-top:1.2rem;padding:.4rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}.article-index{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.article-index .article-card{min-height:300px}.article-header{max-width:880px;margin-inline:auto}.article-header h1{font-size:clamp(2.7rem,5.6vw,4.8rem)}.article-header .article-meta{margin-bottom:1.2rem}.article-description{font-size:1.15rem}.article-body{max-width:760px;margin:0 auto}.article-body h2{margin-top:3rem;font-size:clamp(1.75rem,3.5vw,2.5rem)}.article-body h3{font-family:var(--serif);margin-top:2.2rem}.article-body p,.article-body li{color:#43534f}.article-body li{margin-bottom:.7rem}.article-note{border:1px solid var(--line);background:#eee7db;border-radius:12px;max-width:760px;margin:3rem auto 0;padding:1.3rem 1.5rem}.article-share{max-width:760px;margin:1.25rem auto 0}.article-share .button{margin:0}.article-related{border-top:1px solid var(--line);max-width:760px;margin:3rem auto 0;padding-top:2.5rem}.article-related h2{margin-bottom:.45rem;font-size:clamp(1.75rem,3.5vw,2.35rem)}.article-related>p{margin-bottom:0}.article-related .feature-grid{margin-top:1.25rem}.article-related .feature-card{flex-direction:column;display:flex}.article-related .feature-card h3{font-size:1.2rem}.article-related .feature-card .text-link{margin-top:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.privacy-list{gap:.9rem;margin:2rem 0;display:grid}.privacy-list article{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:1.2rem 1.4rem}.privacy-list h3{margin-bottom:.35rem}.privacy-list p{margin-bottom:0}.not-found{text-align:center;place-items:center;min-height:66vh;display:grid}.not-found h1{color:var(--gold);margin-bottom:.2rem;font-size:clamp(5rem,15vw,10rem)}.site-footer{color:#fff;background:#102e2b;padding:4rem 0 1.5rem}.site-footer p,.site-footer a{color:#cddbd8;font-size:.88rem}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:clamp(2rem,6vw,6rem);display:grid}.footer-brand{margin-bottom:.2rem;color:#fff!important;font:600 1.45rem var(--serif)!important}.public-badge{border:1px solid #8aa39f;border-radius:999px;padding:.22rem .6rem;display:inline-block;font-size:.72rem!important}.site-footer .douyin-link-compact{width:fit-content;display:flex}.site-footer nav{grid-template-columns:repeat(2,1fr);gap:.45rem 1rem;display:grid}.site-footer a:hover{color:#f2d9a7}.footer-bottom{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem 2rem;margin-top:3rem;padding-top:1.4rem;display:flex}.footer-bottom p{margin:0;font-size:.78rem}.footer-copyright{flex:36rem;min-width:0}.footer-icp{text-align:right;flex:none;margin-left:auto!important}@media (width<=980px){.desktop-nav{display:none}.mobile-menu{display:block}.hero-grid,.reading-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{width:min(520px,88vw);max-height:none;margin-inline:auto}.goal-grid{grid-template-columns:repeat(2,1fr)}.goal-card:nth-child(2){border-right:0}.goal-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.article-grid{grid-template-columns:repeat(2,1fr)}.article-grid .article-card:last-child{grid-column:1/-1}}@media (width<=720px){body{font-size:16px}.container{width:min(100% - 28px,1180px)}.header-inner{min-height:66px}.brand strong{font-size:1rem}.brand>span{width:34px;height:34px}.hero-grid{gap:2rem}.hero-art{width:92%}.quote-mark{left:0}.goal-grid,.split-heading,.transition-grid,.article-grid,.reading-grid,.feature-grid,.principles,.classic-grid,.article-index,.footer-grid,.social-callout-inner{grid-template-columns:1fr}.social-callout .douyin-link{width:100%}.goal-card{border-right:0;border-bottom:1px solid var(--line)}.goal-card:last-child{border-bottom:0}.article-grid .article-card:last-child{grid-column:auto}.difficulty-list article{grid-template-columns:52px 1fr}.demo-steps{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:.5rem}.goal-detail{grid-template-columns:60px 1fr;gap:1rem}.goal-detail .actions{grid-template-columns:1fr}.classic-card dl{grid-template-columns:62px 1fr}.site-footer nav{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}@media print{.site-header,.site-footer,.button-row{display:none}body{color:#000;background:#fff}}
