:root{color-scheme:light;--paper:#fbfafc;--wash:#f0eaf7;--purple:#6d44a5;--purple-dark:#51307d;--ink:#292334;--muted:#6c6277;--line:#ded6e7;--ease:cubic-bezier(.22,.68,0,1.01);--header:102px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:"Songti SC",STSong,serif;font-weight:500;line-height:1.35;text-wrap:balance}h1{font-size:clamp(38px,3.5vw,52px);letter-spacing:-1px}h2{font-size:42px}h3{font-size:22px;line-height:1.5;font-weight:600}p{text-wrap:pretty}img{max-width:100%;height:auto;display:block}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9468c6;outline-offset:5px}a,button{touch-action:manipulation}a:hover{color:var(--purple)}.wrap{width:min(1296px,calc(100% - 128px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:white;padding:8px 15px;z-index:99}.skip-link:focus{top:15px}.site-header{position:sticky;top:0;z-index:40;background:#fbfafcf5;backdrop-filter:blur(14px)}.header-inner{height:var(--header);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:18px;white-space:nowrap}.brand strong{font:700 30px/1 Arial,sans-serif;letter-spacing:-1.4px}.brand strong span{color:var(--purple)}.brand-cn{font-size:15px;padding-left:18px;border-left:1px solid var(--line)}#site-nav{display:flex;align-items:center;gap:38px;font-size:15px;color:var(--muted)}#site-nav a{position:relative;padding:13px 0}#site-nav a[aria-current]{color:var(--purple);font-weight:600}#site-nav a[aria-current]:after{position:absolute;content:"";height:2px;bottom:1px;left:0;width:28px;background:var(--purple)}#site-nav .nav-contact{margin-left:64px;font-size:14px;display:flex;gap:24px}.menu-toggle{display:none}.hero{min-height:647px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding-block:23px 17px}.hero-copy{animation:arrive .55s var(--ease) both}.hero h1{font-size:48px;line-height:1.5;letter-spacing:-1px;white-space:nowrap}.hero h1 span{color:var(--purple)}.hero-description{margin-top:26px;color:var(--muted);font-size:17px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px}.button{line-height:1.3;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;padding:13px 23px;color:#fff;background:var(--purple);border:1px solid var(--purple);border-radius:6px;font-size:15px;transition:transform .18s var(--ease),background .18s}.button:hover{background:var(--purple-dark);color:white;transform:translateY(-2px)}.button:active{transform:scale(.98)}.button>span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;color:var(--purple)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.capability-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:49px;padding-top:23px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.product-stage{position:relative;height:607px;background:var(--wash);border-radius:3px;animation:arrive .65s .08s var(--ease) both}.stage-heading{position:absolute;left:26px;top:18px;font-size:13px;color:var(--muted)}.hero-phone{position:absolute;left:50%;transform:translateX(-50%);top:58px;width:235px;border:5px solid var(--paper);border-radius:24px;box-shadow:0 10px 32px #3e265912;overflow:hidden}.hero-phone img{width:100%}.product-note{position:absolute;font-size:14px;line-height:1.6}.product-note>b{display:block;font-weight:500}.product-note>span{display:block;font-size:13px;color:var(--muted);margin-top:2px}.product-note i{display:block;height:1px;width:110px;background:#bfaacd;position:relative}.product-note i:after{position:absolute;content:"";width:5px;height:5px;background:#9874b4;right:-2px;top:-2px;border-radius:50%}.note-book{left:25px;top:218px}.note-book i{margin-top:11px}.note-day{right:22px;top:400px}.note-day i{margin-bottom:13px}.note-day i:after{right:auto;left:-2px}.stage-caption{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:"Songti SC",serif;font-size:17px;color:#67477f}.guide-strip{min-height:112px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center}.guide-intro{width:24%;flex-shrink:0}.guide-intro>p{font-size:13px;color:var(--muted);margin-bottom:7px}.guide-intro h2{font-size:18px;font-family:inherit;font-weight:500}.guide-strip>a:not(.admin-guide){border-left:1px solid var(--line);flex:1;padding:0 22px;position:relative;display:flex;flex-direction:column;gap:6px;transition:background .2s}.guide-strip strong{font-size:16px;font-weight:500}.guide-strip a>span{font-size:13px;color:var(--muted)}.guide-strip b{font-size:18px;color:var(--purple);font-weight:400}.guide-strip>a:not(.admin-guide)>b{position:absolute;right:22px;top:0}.admin-guide{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted);padding-left:22px}.section{padding-block:106px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:54px}.section-heading>p,.section-heading>div{max-width:390px;font-size:17px;color:var(--muted)}.section-heading>div p{margin-bottom:18px}.learning-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}.learning-lines h3{margin-bottom:15px}.learning-lines p{color:var(--muted);margin-bottom:22px;max-width:340px}.role-section{background:var(--wash);padding-block:82px}.role-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.role-overview h3{margin-bottom:14px}.role-overview p{color:var(--muted);margin-bottom:21px}.role-overview a{font-size:15px;color:var(--purple)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.company-name{margin-top:18px;color:var(--muted)}.about-copy>p{margin-bottom:23px;max-width:570px}.pending{font-size:14px;color:var(--muted)}.contact-section{background:#eee8f4;padding-block:75px}.contact-list{margin:0;border-top:1px solid #cbbbd7}.contact-list>div{display:grid;grid-template-columns:230px 1fr;padding:21px 0;border-bottom:1px solid #d8cce2}.contact-list dd{margin:0;color:var(--muted)}.contact-help{font-size:14px;color:var(--muted);margin-top:24px}.contact-help a{color:var(--purple);text-decoration:underline;text-underline-offset:4px}.site-footer{background:#f4f0f7}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:38px}.footer-top>div{display:flex;gap:28px;font-size:14px}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-block:23px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-bottom a:hover{text-decoration:underline}.page-intro{padding-block:54px 58px;animation:arrive .55s var(--ease) both}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:28px}.breadcrumb a:hover{text-decoration:underline}.page-intro h1{font-size:54px;margin-bottom:23px}.page-intro>p:not(.breadcrumb){max-width:680px;font-size:18px;color:var(--muted);line-height:1.9;margin-bottom:23px}.product-jump{display:flex;gap:40px;padding-block:20px;border-block:1px solid var(--line);font-size:15px;color:var(--purple)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:100px}.detail-copy h3{margin-bottom:19px}.detail-copy p{margin-bottom:20px;color:var(--muted)}.related-guides{display:flex;flex-wrap:wrap;gap:25px;color:var(--purple);font-size:15px;margin:26px 0}.detail-copy .detail-note{font-size:14px}.practice-section{background:var(--wash);padding-block:85px}.practice-story{display:grid;grid-template-columns:1fr 1fr;gap:100px}.practice-stage{position:sticky;top:132px;align-self:start;display:flex;align-items:center;flex-direction:column}.practice-device{width:254px;position:relative;overflow:hidden;border:6px solid #fff;border-radius:28px;box-shadow:0 16px 28px #3e265914;aspect-ratio:390/844;background:#f7f0fa}.story-screen{width:100%;height:100%}.story-screen img{width:100%;height:100%;object-fit:contain}.screen-second{display:none;position:absolute;inset:0;background:#f7f0fa}.motion-story .screen-second{display:block}.story-caption{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:18px;color:var(--purple-dark);font-size:14px}.practice-text article{min-height:310px;padding:45px 0 35px}.practice-text article h3{font-size:26px;margin-bottom:17px}.practice-text p{color:var(--muted);max-width:470px;margin-bottom:18px}.practice-text a{color:var(--purple);font-size:15px}.report-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}.report-paper{border-top:2px solid #b59bc9;background:#f6f2f9;padding:35px 38px}.report-paper>span{font-size:14px;color:var(--purple);display:block;margin-bottom:24px}.report-paper h3{font-family:"Songti SC",serif;font-size:29px;font-weight:500;margin-bottom:17px}.report-paper p{color:var(--muted)}.report-paper ul{padding-left:20px;margin:24px 0;color:var(--muted)}.section-footnote{color:var(--muted);font-size:14px;margin-top:25px}.together-section{background:#eee7f5;padding-block:85px}.audience-row{display:grid;grid-template-columns:40% 1fr;gap:100px;align-items:center;padding:45px 0}.audience-shot{display:flex;justify-content:center}.audience-shot img{width:235px;border:6px solid #fff;border-radius:25px;box-shadow:0 12px 25px #3e26590c}.audience-row h3{font-family:"Songti SC",serif;font-size:32px;font-weight:500;line-height:1.4;margin-bottom:23px}.audience-row p{max-width:530px;color:var(--muted);margin-bottom:22px}.audience-row.reverse{grid-template-columns:1fr 40%}.audience-row.reverse .audience-shot{order:2}.growth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:95px}.growth-layout h2{margin-bottom:25px}.growth-layout p{color:var(--muted);margin-bottom:25px}.usage-note{border-left:1px solid var(--line);padding-left:50px;align-self:center}.usage-note h3{font-size:20px}.usage-note ul{padding-left:20px;color:var(--muted)}.usage-note li{margin-top:14px}.guide-callout{background:var(--wash);padding-block:65px;text-align:center}.guide-callout p{margin:19px 0 28px;color:var(--muted)}.guide-page-intro{padding-bottom:46px}.manual-list{border-top:2px solid #b7a0c2}.manual-row{display:grid;grid-template-columns:40px 280px minmax(0,1fr) 110px;gap:25px;align-items:center;padding:37px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.manual-row:hover{padding-inline:12px;background:#f2ecf7}.book-number{font:italic 24px Georgia,serif;color:var(--purple)}.manual-row h2{font-size:29px}.manual-row>div>p{font-size:15px;color:var(--muted);margin-top:9px}.manual-description p{max-width:460px}.manual-description span{font-size:14px;color:var(--muted);display:block;margin-top:9px}.read-manual{font-size:15px;color:var(--purple);white-space:nowrap}.guide-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:80px}.guide-shortcuts h2{font-size:34px;margin-bottom:20px}.guide-shortcuts p{color:var(--muted)}.shortcut-list>a{display:flex;justify-content:space-between;gap:25px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}.shortcut-list>a>span{color:var(--purple);font-size:14px;white-space:nowrap}.reading-section{background:var(--wash);padding-block:75px}.reading-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.reading-layout h2{font-size:36px;margin-bottom:24px}.reading-layout p{color:var(--muted);margin-bottom:18px;max-width:570px}.offline-panel{align-self:center;border-left:1px solid #cdbbdb;padding-left:48px}.offline-panel h3{margin-bottom:18px}.offline-panel .button{margin-top:7px}.version{display:block;font-size:14px;color:var(--muted);margin-top:16px}.guide-faq{max-width:1000px}.guide-faq h2{font-size:36px;margin-bottom:35px}.guide-faq details{border-top:1px solid var(--line)}.guide-faq details:last-child{border-bottom:1px solid var(--line)}.guide-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-weight:500}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary>span{font-size:23px;color:var(--purple);transition:transform .2s}.guide-faq details[open] summary>span{transform:rotate(45deg)}.guide-faq details p{max-width:640px;color:var(--muted);margin-bottom:26px;animation:arrive .2s var(--ease)}.guide-faq details a{color:var(--purple)}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}#site-nav{gap:26px}#site-nav .nav-contact{margin-left:10px}.hero{gap:30px}.hero h1{font-size:39px}.product-stage{height:565px}.hero-phone{width:221px;top:53px}.note-book{left:16px;top:225px;max-width:90px}.product-note>span{font-size:13px}.product-note i{width:70px}.note-day{right:16px;top:397px;max-width:88px}.guide-intro{width:23%}.guide-strip>a:not(.admin-guide){padding-inline:16px}.guide-strip>a:not(.admin-guide)>b{right:14px}.admin-guide{max-width:132px;gap:7px;padding-left:10px}.product-detail,.practice-story,.about-layout,.reading-layout{gap:60px}.audience-row{gap:60px}.manual-row{grid-template-columns:30px 240px minmax(0,1fr) 100px;gap:20px}.manual-row h2{font-size:26px}.section-heading{gap:40px}}
@media(max-width:900px){.brand-cn{display:none}#site-nav{gap:24px}.hero h1{font-size:34px}.hero-description{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.product-stage{height:545px}.hero-phone{width:215px}.product-note{display:none}.guide-strip{flex-wrap:wrap;padding:24px 0;row-gap:22px}.guide-intro{width:100%}.guide-strip>a:not(.admin-guide){padding-left:0;border-left:0}.admin-guide{max-width:none;padding:0}.section-heading{align-items:flex-start}.section-heading>p,.section-heading>div{max-width:320px}.section-heading h2,h2{font-size:35px}.learning-lines,.role-overview{gap:28px}.product-detail{gap:45px}.report-paper{padding:26px}.audience-row{gap:38px}.growth-layout,.guide-shortcuts{gap:45px}.manual-row{grid-template-columns:30px 230px minmax(0,1fr)}.read-manual{grid-column:2/-1}.reading-layout{gap:45px}.offline-panel{padding-left:30px}.footer-top>div{gap:16px}}
@media(max-width:760px){:root{--header:76px}html{scroll-padding-top:98px}.wrap{width:calc(100% - 40px)}.header-inner{gap:16px}.brand strong{font-size:27px}.brand-cn{display:block;padding-left:12px;font-size:13px}.brand{gap:12px}.site-js .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #c7b5db;border-radius:5px;background:transparent;flex-shrink:0}.menu-toggle span{width:18px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}#site-nav{flex-wrap:wrap;font-size:14px;gap:12px}.site-js #site-nav{position:absolute;top:75px;left:0;right:0;display:none;padding:12px 20px 20px;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 25px #30203d0c}.site-js #site-nav.is-open{display:flex;animation:arrive .22s var(--ease)}#site-nav>a{min-height:46px;padding:11px 8px}#site-nav a[aria-current]:after{display:none}#site-nav .nav-contact{margin-left:0;border-top:1px solid var(--line);margin-top:5px;padding-top:14px}.header-inner:has(#site-nav):not(.site-js *){height:auto;min-height:76px;flex-wrap:wrap;padding-block:16px}.hero{grid-template-columns:1fr;min-height:0;padding-block:42px 26px;gap:34px}.hero h1{font-size:clamp(29px,8.7vw,36px);white-space:normal;line-height:1.45;letter-spacing:-.9px}.hero h1 br{display:block}.hero h1 span{white-space:nowrap}.hero-description{font-size:16px;margin-top:22px}.hero-description br{display:none}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}.button{min-height:49px;padding:12px 18px;gap:25px;font-size:14px}.text-link{font-size:14px;gap:10px}.capability-notes{font-size:13px;gap:7px 16px;margin-top:28px;padding-top:18px}.product-stage{height:516px}.stage-heading{left:20px;top:14px}.hero-phone{width:210px;top:47px}.stage-caption{bottom:10px;font-size:16px}.guide-strip{padding-block:25px;gap:23px 0}.guide-intro h2{font-size:20px}.guide-strip>a:not(.admin-guide){flex:0 0 33.333%;gap:6px;padding-right:12px}.guide-strip>a:not(.admin-guide)>b{position:static;font-size:17px}.guide-strip a>span{font-size:13px;max-width:90px}.admin-guide{width:100%;border-top:1px solid var(--line);padding-top:16px;justify-content:space-between}.section{padding-block:66px}.section-heading{flex-direction:column;gap:25px;margin-bottom:34px}.section-heading h2,h2{font-size:33px}.section-heading>p,.section-heading>div{max-width:100%;font-size:16px}.learning-lines,.role-overview{grid-template-columns:1fr;gap:34px}.learning-lines article{padding-bottom:28px;border-bottom:1px solid var(--line)}.learning-lines article:last-child{padding-bottom:0;border-bottom:0}.learning-lines h3{font-size:23px}.learning-lines p{max-width:none;margin-bottom:15px}.role-section{padding-block:60px}.role-overview h3{font-size:22px}.role-overview p{margin-bottom:12px}.about-layout{grid-template-columns:1fr;gap:30px}.company-name{font-size:15px}.about-copy>p{margin-bottom:20px}.contact-section{padding-block:60px}.contact-list>div{grid-template-columns:105px 1fr;padding:20px 0;font-size:15px}.contact-help{font-size:14px}.footer-top{flex-wrap:wrap;gap:25px;padding-block:30px}.footer-top>div{order:3;width:100%;gap:26px}.footer-top>a:last-child{font-size:13px}.footer-bottom{flex-direction:column;gap:10px;padding-block:22px;font-size:13px}.footer-bottom>span:last-child{display:none}.page-intro{padding-block:30px 36px}.breadcrumb{margin-bottom:25px}.page-intro h1{font-size:39px;margin-bottom:21px}.page-intro>p:not(.breadcrumb){font-size:16px;line-height:1.85}.product-jump{gap:12px 24px;flex-wrap:wrap;font-size:14px;padding-block:16px}.product-detail{grid-template-columns:1fr;gap:28px}.detail-lead h2 br{display:none}.detail-copy h3{font-size:22px}.related-guides{gap:14px 25px;margin-block:20px}.practice-section{padding-block:58px}.practice-story{grid-template-columns:1fr;gap:25px}.practice-stage{position:relative;top:0}.practice-device{width:225px}.story-caption{gap:20px;font-size:13px}.practice-text article{min-height:0;padding:25px 0;border-bottom:1px solid #d6c8e0}.practice-text article:last-child{border-bottom:0;padding-bottom:0}.practice-text article h3{font-size:24px}.practice-text p{margin-bottom:15px}.report-pair{grid-template-columns:1fr;gap:28px}.report-paper{padding:27px 23px}.report-paper h3{font-size:27px}.section-footnote{font-size:14px}.together-section{padding-block:60px}.audience-row,.audience-row.reverse{grid-template-columns:1fr;gap:28px;padding:24px 0 44px}.audience-row.reverse{padding-bottom:0}.audience-row.reverse .audience-shot{order:0}.audience-shot img{width:225px}.audience-row h3{font-size:28px;margin-bottom:18px}.audience-row p{margin-bottom:18px}.growth-layout{grid-template-columns:1fr;gap:30px}.usage-note{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.guide-callout{padding-block:50px}.guide-callout h2{font-size:33px}.guide-callout p{font-size:15px}.manual-row{grid-template-columns:28px minmax(0,1fr);padding:28px 0;gap:10px 14px}.manual-row h2{font-size:28px}.manual-description,.read-manual{grid-column:2}.manual-row>div>p{margin-top:7px;font-size:15px}.manual-description span{font-size:13px}.read-manual{margin-top:6px}.manual-row:hover{padding-inline:5px}.guide-shortcuts{grid-template-columns:1fr;gap:25px}.guide-shortcuts h2{font-size:30px;margin-bottom:15px}.shortcut-list>a{font-size:15px;gap:18px;align-items:center}.shortcut-list>a>span{font-size:13px}.reading-section{padding-block:55px}.reading-layout{grid-template-columns:1fr;gap:30px}.reading-layout h2{font-size:32px}.offline-panel{padding:28px 0 0;border-left:0;border-top:1px solid #cdbbdb}.offline-panel h3{font-size:22px}.guide-faq h2{font-size:31px;margin-bottom:25px}.guide-faq summary{font-size:16px}.guide-faq details p{font-size:15px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:29px}.hero-actions{gap:18px}.hero-description{font-size:15px}.page-intro h1{font-size:35px}.brand strong{font-size:25px}.brand-cn{font-size:12px}.product-stage{height:500px}.hero-phone{width:200px}.manual-row h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.practice-stage{position:static}.screen-second{display:none!important}}
@media print{.site-header{position:static}.menu-toggle,#site-nav,.hero-actions,.product-jump{display:none}.wrap{width:100%}.section{padding-block:35px}.reveal{opacity:1!important;transform:none!important}.practice-stage{position:static}.screen-second{display:none!important}.hero{min-height:0}.site-footer{background:white}.button{color:var(--purple);background:transparent}}
