:root{color-scheme:light;--bg:#f6f4f1;--ink:#29272d;--muted:#747077;--accent:#785b87;--glass:rgba(255,255,255,.35);--line:rgba(76,59,79,.12);--solid:#29272d;--on-solid:#fff;--paper:#fffdfa;--shadow:0 18px 60px #42354110}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.7;transition:background .3s,color .3s}body.dark{color-scheme:dark;--bg:#1c1c24;--ink:#eeeaf1;--muted:#bab4c3;--accent:#d4b0db;--glass:rgba(45,43,55,.6);--line:#ffffff20;--solid:#eeeaf1;--on-solid:#27222c;--paper:#302d37;--shadow:0 18px 60px #0002}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient i{position:absolute;width:48vw;height:48vw;border-radius:50%;filter:blur(95px);opacity:.45}.ambient i:nth-child(1){background:#a6aaa6;left:-25%;top:3%}.ambient i:nth-child(2){background:#f4d3e6;right:-23%;top:12%}.ambient i:nth-child(3){background:#eed8b5;left:32%;top:68%;width:36vw;height:36vw}.dark .ambient i{opacity:.12}.nav-shell{position:fixed;inset:24px 12px auto;z-index:10;display:flex;justify-content:center;pointer-events:none}.nav-shell nav{pointer-events:auto;display:flex;align-items:center;gap:25px;border:1px solid var(--line);border-radius:99px;background:var(--glass);backdrop-filter:blur(24px);padding:7px 9px 7px 23px;box-shadow:0 5px 28px #35273a06;font-size:14px}.brand{font-family:Georgia,serif;font-size:25px;font-weight:bold;line-height:1}.brand span{color:var(--accent)}.nav-home{font-weight:700}.nav-divider{height:20px;width:1px;background:var(--line)}.theme{border:0;background:none;font-size:26px;padding:0 4px;line-height:1.4;width:34px}.account{background:var(--solid);color:var(--on-solid);padding:7px 22px;border-radius:99px;font-size:12px}.hero{text-align:center;padding:175px 20px 60px;min-height:790px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--muted);margin:0 0 18px}.hero h1{font-size:clamp(65px,7.8vw,110px);line-height:1.2;letter-spacing:-5px;font-weight:600;margin:15px 0 26px}.king{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:600;letter-spacing:-6px;margin-left:13px}.brand-dot{color:var(--accent)}.hero h2{font-size:clamp(23px,2.4vw,33px);font-weight:400;margin:0 0 16px;letter-spacing:.015em}.hero h2 span{color:var(--accent)}.hero-note{font-size:15px;color:var(--muted);margin:0 auto 30px}.mobile-break{display:none}.hero-actions{display:flex;justify-content:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:49px;padding:9px 24px;border-radius:99px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.solid{background:var(--solid);color:var(--on-solid)}.outline{border:1px solid #81768155;background:var(--glass)}.feature-shortcuts{display:flex;justify-content:center;gap:22px;margin:60px auto 26px}.feature-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:122px;height:128px;border:1px solid var(--line);border-radius:19px;background:var(--glass);backdrop-filter:blur(12px);font-size:14px;transition:transform .2s,background .2s}.feature-shortcuts a:hover{transform:translateY(-5px);background:var(--paper)}.feature-shortcuts svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.scroll-cue{font-size:11px;color:var(--muted);display:inline-flex;gap:16px;align-items:center}.scroll-cue span{font-size:20px}.section{max-width:1160px;margin:auto;padding:90px 30px;scroll-margin-top:20px}.feature{display:grid;grid-template-columns:1fr 1.14fr;align-items:center;gap:75px;min-height:570px}.feature h2{font-size:clamp(28px,3.4vw,44px);line-height:1.5;letter-spacing:-1.5px;margin:0 0 22px;font-weight:650}.feature h2 span{color:var(--accent)}.feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.95;color:var(--muted);max-width:450px}.text-link{display:inline-flex;gap:18px;font-size:14px;font-weight:600;margin-top:14px;border-bottom:1px solid var(--line);padding-bottom:5px}.small-tags{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:25px}.small-tags span{border:1px solid var(--line);padding:3px 13px;border-radius:99px}.image-space{height:355px;border:1px solid var(--line);border-radius:23px;background:var(--glass);backdrop-filter:blur(16px);box-shadow:var(--shadow);position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-1deg);color:var(--muted);font-size:11px;letter-spacing:.08em}.window-bar{position:absolute;left:0;right:0;top:0;padding:16px 20px;display:flex;gap:6px;border-bottom:1px solid var(--line)}.window-bar i{width:6px;height:6px;border-radius:50%;background:var(--line)}.reverse .feature-copy{order:2}.reverse .image-space{transform:rotate(1deg)}.section-heading{text-align:center}.section-heading h2{font-size:46px;letter-spacing:-1px;margin:0 0 18px}.soft{font-weight:400;color:var(--accent);padding:0 4px}.section-heading>p:last-child{color:var(--muted);font-size:16px}.method{padding-top:110px;padding-bottom:115px}.method-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center;margin-top:60px}.loop{display:grid;grid-template-columns:1fr 64px 1fr;grid-template-rows:148px 85px 148px;position:relative}.step{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:19px 20px;gap:4px;border:1px solid var(--line);border-radius:20px;background:var(--glass);transition:background .2s,transform .2s;min-width:0}.step>span{color:var(--muted);font-size:11px;letter-spacing:.08em}.step strong{font-size:20px;font-weight:600}.step small{font-size:11px;color:var(--muted)}.step.active{background:var(--solid);color:var(--on-solid);box-shadow:var(--shadow)}.step.active span,.step.active small{color:var(--on-solid);opacity:.7}.step:hover{transform:translateY(-3px)}.step-four{grid-column:1;grid-row:3}.step-three{grid-column:3;grid-row:3}.arrow{display:grid;place-items:center;font-size:28px;color:var(--accent);font-family:Arial,sans-serif}.arrow-right{grid-column:3;grid-row:2}.arrow-bottom{grid-column:2;grid-row:3}.arrow-left{grid-column:1;grid-row:2}.loop-center{position:absolute;inset:150px 20% auto;text-align:center;font-size:15px;pointer-events:none}.loop-center small{font-size:10px;color:var(--muted)}.method-detail>span{font-size:11px;letter-spacing:.16em;color:var(--accent)}.method-detail h3{font-size:26px;line-height:1.6;margin:15px 0}.method-detail>p{color:var(--muted);font-size:15px;min-height:90px;line-height:1.9}.loop-note{margin-top:27px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.paper-preview{border-radius:23px;padding:22px 28px 30px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow)}.paper-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:20px}.paper-toolbar button{border:1px solid var(--line);background:var(--glass);border-radius:99px;font-size:11px;padding:6px 12px}.sheet{background:var(--paper);padding:25px 26px;box-shadow:0 4px 14px #00000007;transform:rotate(-1deg);border:1px solid var(--line)}.sheet-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;gap:12px}.sheet-top strong{font-size:16px}.sheet-top>span{font-size:8px;letter-spacing:.08em}.sheet-instruction{font-size:10px;color:var(--muted)}.sample-word{padding:12px 0}.sample-word>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:31px}.sample-word strong{font:25px Georgia,serif}.meaning{font-size:11px;color:var(--muted)}.writing-line{height:25px;border-bottom:1px solid var(--line)}.sheet-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:16px}.feature-copy .sample-note{font-size:11px!important;margin-top:20px}.origin{text-align:center;max-width:790px;padding-top:125px;padding-bottom:140px}.origin h2{font-size:32px;line-height:1.5;margin:0 0 28px}.origin>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted)}.origin .origin-end{color:var(--ink)!important}.origin .button{margin-top:26px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(30px,calc((100% - 1100px)/2));border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer>a:first-child{font-size:16px;color:var(--ink)}.reveal{transition:opacity .65s,translate .65s}.js-motion .reveal:not(.visible){opacity:0;translate:0 28px}@media(min-width:1500px){.hero{padding-top:200px;min-height:860px}}@media(max-width:820px){.nav-shell nav{gap:16px;font-size:12px}.feature{gap:35px;grid-template-columns:1fr 1fr}.image-space{height:290px}.method-layout{gap:35px;grid-template-columns:1fr}.loop{max-width:530px;width:100%;margin:auto}.method-detail{max-width:530px;margin:auto;width:100%}.method-detail>p{min-height:0}.hero{min-height:740px}.section{padding:65px 25px}.sheet{padding:19px 16px}.sheet-top>span{display:none}.paper-preview{padding:16px}.section-heading h2{font-size:38px}}@media(max-width:560px){html{scroll-padding-top:95px}.nav-shell{top:12px;left:10px;right:10px}.nav-shell nav{gap:13px;padding:7px 9px 7px 14px;width:100%;justify-content:space-between;font-size:11px}.nav-home,.nav-divider{display:none}.brand{font-size:21px}.theme{font-size:23px;width:24px;padding:0}.account{padding:7px 13px;font-size:10px}.hero{padding:142px 20px 45px;min-height:720px}.hero h1{font-size:62px;letter-spacing:-3px;margin-bottom:25px}.king{letter-spacing:-4px;margin-left:6px}.hero h2{font-size:22px}.hero-note{font-size:12px;line-height:1.9;margin-bottom:27px}.mobile-break{display:block}.hero .eyebrow{font-size:10px}.hero-actions{gap:10px}.button{font-size:12px;gap:14px;padding:10px 18px;min-height:45px}.feature-shortcuts{gap:9px;margin-top:47px}.feature-shortcuts a{width:calc((100vw - 67px)/4);height:96px;font-size:10px;gap:10px;border-radius:15px}.feature-shortcuts svg{height:31px;width:31px}.scroll-cue{font-size:10px;margin-top:10px}.section{padding:58px 23px}.feature{display:flex;flex-direction:column;gap:33px;align-items:stretch;min-height:0}.feature h2{font-size:31px;margin-bottom:17px}.feature-copy>p:not(.eyebrow){font-size:14px}.feature .feature-copy{order:0}.image-space{height:260px}.section-heading h2{font-size:33px}.section-heading>p:last-child{font-size:13px}.method-layout{margin-top:35px}.loop{grid-template-columns:1fr 37px 1fr;grid-template-rows:132px 79px 132px}.step{padding:15px 13px}.step strong{font-size:18px}.step small{font-size:10px}.loop-center{top:138px;font-size:13px}.method-detail h3{font-size:23px}.method-detail>p{font-size:14px}.origin h2{font-size:27px}.origin>p:not(.eyebrow){font-size:14px}.origin{padding-top:75px;padding-bottom:85px}.ambient i{width:85vw;height:85vw;filter:blur(65px)}.ambient i:nth-child(1){left:-60%}.ambient i:nth-child(2){right:-55%;top:30%}.ambient i:nth-child(3){width:75vw;height:75vw;left:0;top:80%}footer{flex-wrap:wrap;padding:24px;font-size:10px}footer>span{order:3;width:100%}.eyebrow{font-size:10px}.sheet-top>span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.js-motion .reveal:not(.visible){opacity:1;translate:none}}