:root{--bg:#fff;--ink:#17191d;--muted:#71757b;--red:#ac373b;--line:#e4e6e9;--surface:#f6f7f8;--green:#277456;--radius:12px;--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a,button{transition:background-color .15s,color .15s,opacity .15s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;line-height:1.35;letter-spacing:-.025em}h1{font-size:42px;margin-bottom:20px}h2{font-size:28px;margin-bottom:12px}h3{font-size:21px;margin-bottom:6px}p{margin-bottom:16px}em{font-style:normal;color:var(--red)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #af4448;outline-offset:4px}a:hover{color:var(--red)}.wrap{width:90%;max-width:1392px;margin-inline:auto}.site-header{min-height:90px;display:flex;align-items:center;gap:70px;border-bottom:1px solid transparent}.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.brand strong{font-size:25px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:9px;background:var(--ink);color:#fff;font-size:29px;line-height:1;font-weight:650}.site-nav{display:flex;align-items:center;gap:42px}.site-nav a{font-size:16px;padding:17px 4px;position:relative}.site-nav a[aria-current=page]::after{content:"";height:2px;position:absolute;bottom:8px;left:0;right:0;background:var(--ink)}.header-account{display:flex;align-items:center;gap:30px;margin-left:auto;white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:8px;min-height:54px;padding:13px 28px;font-size:17px;font-weight:550;line-height:1.5;text-align:center}.button:hover{background:#33363b;color:#fff}.button.small{font-size:15px;min-height:42px;padding:9px 25px}.button.wide{width:100%}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--surface)}.icon{height:21px;width:21px;flex-shrink:0;vertical-align:middle}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:550;white-space:nowrap}.hero{display:grid;grid-template-columns:.84fr 1.16fr;gap:50px;align-items:center;padding:0 0 30px}.hero-copy{padding:36px 0}.hero h1{font-size:clamp(44px,4.65vw,72px);font-weight:730;line-height:1.22;margin-bottom:24px;letter-spacing:-.04em}.hero-copy>p{color:#5c6066;font-size:21px;line-height:1.65;margin-bottom:38px}.hero-image{width:100%;height:460px;object-fit:cover;border-radius:13px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:26px}.hero .actions{gap:32px}.utility-line{border-top:1px solid #d7dadf;color:var(--muted);padding-top:12px;text-align:center;font-size:14px;margin-bottom:0}.utility-line span{margin:0 13px}.section{margin:40px 0 68px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px}.section-heading h2{margin-bottom:6px}.section-heading p{color:var(--muted);margin:0}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.media-card img{width:100%;height:auto;aspect-ratio:2.13;border-radius:4px;object-fit:cover;transition:filter .15s}.media-card a:hover img{filter:brightness(.96)}.media-card h3{margin-top:13px;font-size:22px}.media-card p{margin:3px 0}.small-text{font-size:14px}.muted{color:var(--muted)}.sample-label{display:inline-block;color:#9d5f2e;font-size:12px;line-height:1.5;margin-top:8px}.path-list{border-top:1px solid var(--line)}.path-card{display:flex;align-items:center;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}.path-number{font-size:35px;color:#9b9fa5;align-self:flex-start;line-height:1.4;font-weight:400;font-variant-numeric:tabular-nums}.path-card>div{flex:1}.path-card p{color:var(--muted);margin-bottom:5px}.path-card h3{margin-bottom:5px}.icon-link{height:46px;width:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%}.download-band{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px 0;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.download-band h2{margin-bottom:6px}.download-band p{color:var(--muted);margin:0}.site-footer{display:flex;align-items:center;gap:26px;padding:48px 0;margin-top:60px;color:var(--muted)}.footer-brand .brand-mark{height:32px;width:32px;font-size:21px;border-radius:7px}.footer-brand strong{font-size:19px;color:var(--ink)}.site-footer p{font-size:13px;margin:0}.site-footer nav{margin-left:auto;display:flex;gap:28px;font-size:14px}.page-heading{padding:46px 0 32px;max-width:1000px}.page-heading p{font-size:18px;color:var(--muted)}.page-heading .small-text{font-size:14px}.breadcrumb{font-size:14px!important;color:var(--muted);padding-top:20px;margin-bottom:26px}.page-heading .breadcrumb{padding-top:0}.page-heading .breadcrumb a:hover,.breadcrumb a:hover{text-decoration:underline}.compact-section{margin-top:16px}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filter-row a{padding:8px 20px;border-radius:7px;font-size:15px}.filter-row a[aria-current=true]{background:var(--ink);color:#fff}.filter-row a:hover{background:var(--surface);color:var(--ink)}.filter-row a[aria-current=true]:hover{background:#33363b;color:white}.search-form{display:flex;gap:8px}.search-form input{min-width:0;width:250px;border:1px solid var(--line);border-radius:7px;font-size:14px;padding:9px 12px;background:white;color:var(--ink)}.shop-grid{row-gap:48px}.product-card img{aspect-ratio:1.43}.product-card .small-text{margin-top:12px}.product-card h3{margin-top:4px}.quiet-note{color:var(--muted);font-size:13px;line-height:1.7;margin:24px 0;max-width:800px}.detail-columns{display:grid;grid-template-columns:360px 1fr;gap:90px;margin-top:10px}.download-panel{background:var(--surface);padding:32px;border-radius:var(--radius);align-self:start}.app-mark{width:76px;height:76px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border-radius:17px;font-size:48px;margin-bottom:22px;font-weight:600;line-height:1}.download-panel h2{margin-bottom:5px}.download-panel .button{margin:8px 0 14px}.technical{border-top:1px solid #dcdfe3;padding:16px 0;margin-top:20px;font-size:13px}.technical summary{cursor:pointer}.technical dt{color:var(--muted)}.technical dd{margin:4px 0 12px}.hash{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.content-section{margin-bottom:42px}.content-section h2{font-size:25px}.inline-meta{font-size:15px;color:var(--muted);font-weight:400;margin-left:14px;letter-spacing:0}.numbered-list{padding-left:28px;margin-top:22px}.numbered-list li{padding-left:9px;margin-bottom:25px}.numbered-list li::marker{color:var(--red);font-size:20px}.numbered-list strong{font-size:18px}.numbered-list p{color:var(--muted);margin:6px 0}.prose{color:#60656b;line-height:1.85;white-space:normal;overflow-wrap:anywhere}.prose p{margin-bottom:16px}.detail-hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:70px;margin:30px 0 80px}.detail-image{width:100%;aspect-ratio:1.38;height:auto;border-radius:12px}.detail-hero h1{font-size:38px}.detail-hero .button{margin-top:12px}.product-price{font-size:22px;font-weight:550;margin:25px 0 8px}.learning-steps{list-style:none;padding:0;max-width:1000px;border-top:1px solid var(--line)}.learning-steps li{display:flex;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.step-index{font-size:30px;color:#a4a7ac;align-self:flex-start;line-height:1.4}.learning-steps li>div{flex:1}.learning-steps h2{font-size:23px;margin-bottom:8px}.learning-steps p{color:var(--muted);margin-bottom:4px}.empty-state{grid-column:1/-1;text-align:center;border:1px solid var(--line);border-radius:12px;padding:52px 24px;width:100%}.empty-state h2,.empty-state h3{font-size:23px}.empty-state p,.empty-inline{color:var(--muted)}.empty-inline{padding:30px 0}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:42px auto 75px;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:600px}.auth-aside{background:var(--surface);padding:65px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.large-mark{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dadde1;border-radius:50%;width:76px;height:76px;color:var(--red);font-size:47px;margin-bottom:28px}.auth-aside h2{font-size:40px;line-height:1.4}.auth-aside p{color:var(--muted);font-size:18px;margin-top:14px}.auth-panel{padding:48px 46px;align-self:center}.auth-panel h1{font-size:27px;margin-bottom:10px}.auth-panel>p{font-size:14px}.stack-form{display:grid;gap:19px;margin-top:27px}.field label{display:block;font-size:14px;font-weight:550;margin-bottom:8px}.field input{display:block;width:100%;border:1px solid #d7dade;border-radius:7px;background:#fff;min-height:46px;padding:11px 13px;font-size:15px;color:var(--ink)}.field input::placeholder{color:#92969c}.field-errors,.form-errors{color:#a83238;font-size:13px}.field-errors ul,.form-errors ul{list-style:none;padding:0;margin:7px 0 0}.form-errors{padding:12px 14px;background:#fbf1f1;border-radius:7px}.form-secondary{font-size:13px;text-align:right;margin-top:-8px}.auth-switch{margin-top:26px;text-align:center}.auth-switch a{color:var(--red);margin-left:8px}.underlined{text-decoration:underline;text-underline-offset:4px}.help-text{font-size:12px;color:var(--muted)}.message-page{max-width:600px;margin:70px auto 100px;text-align:center}.message-page h1{font-size:32px}.message-page>p{color:var(--muted);margin-bottom:30px}.message-stack{padding-top:14px}.notice{border:1px solid #e0e3e7;background:var(--surface);padding:15px 20px;border-radius:8px;font-size:14px;margin-bottom:18px}.notice.error{border-color:#e8c7c8;background:#fcf4f4;color:#a33339}.notice.success{border-color:#cbded5;background:#f4f8f6;color:var(--green)}.account-layout{display:grid;grid-template-columns:210px 1fr;gap:65px}.account-nav{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:8px}.account-nav a,.account-nav button{font-size:15px}.account-nav [aria-current=page]{color:var(--red);font-weight:600}.plain-button,.text-button{padding:0;border:0;background:none;color:inherit;line-height:1.6;text-align:left}.text-button{color:var(--red);font-size:13px}.membership-summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;background:var(--surface);border-radius:12px;margin-bottom:38px}.membership-summary h2{font-size:27px;margin-bottom:6px}.membership-summary p{margin:0 0 6px}.settings-list{margin:16px 0 28px}.settings-list>div{display:flex;justify-content:space-between;gap:35px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}.settings-list dt{color:var(--muted);font-size:14px;flex-shrink:0}.settings-list dd{margin:0;text-align:right;font-size:15px;overflow-wrap:anywhere}.settings-list dd.hash{font-size:13px}.inline-form{display:inline;margin-left:18px}.status-success{color:var(--green)}.narrow-content{max-width:960px}.order-row{display:flex;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.order-row>div:first-child{flex:1;min-width:0}.order-row p{margin:5px 0 0}.order-row-end{display:flex;flex-direction:column;text-align:right;gap:5px}.price{font-size:22px!important;font-weight:600}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}.plan-panel{border:1px solid var(--line);border-radius:12px;padding:30px}.plan-panel h2{font-size:25px}.plan-panel>p{color:var(--muted)}.plan-price{font-size:44px;color:var(--ink)!important;font-weight:600;margin:28px 0 0}.plan-price span{font-size:23px;font-weight:400;margin-right:5px}.payment-options{padding:0;margin:0;border:0}.payment-options legend{font-size:13px;margin-bottom:10px;color:var(--muted)}.payment-options label{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:14px}.payment-options input{accent-color:var(--ink);height:17px;width:17px}.payment-options small{color:var(--muted);margin-left:auto;font-size:12px}.checkout-panel{max-width:530px;margin:30px auto 70px;padding:32px;border:1px solid var(--line);border-radius:14px}.checkout-panel h1{font-size:30px}.checkout-panel>.breadcrumb{padding-top:0;font-size:12px!important}.checkout-price{font-size:48px;font-weight:600;margin:23px 0;line-height:1.3}.refresh-payment{margin-top:12px;font-size:14px}.payment-qr{text-align:center;margin:25px 0}.payment-qr img{margin:0 auto 15px}.legal-page{max-width:830px;padding:20px 0 50px}.legal-page h2{font-size:23px;margin-top:35px}.legal-page p{color:#666b71}.skip-link{position:absolute;left:15px;top:-100px;padding:10px 18px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.site-header{gap:72px}.hero{grid-template-columns:.82fr 1.18fr;gap:48px}.hero-image{height:460px}.hero-copy{padding:34px 0}.hero h1{font-size:72px}.section{margin-top:35px}}
@media(max-width:1100px){.site-header{gap:45px}.site-nav{gap:28px}.hero{gap:30px;grid-template-columns:1fr 1.12fr}.hero-image{height:390px}.hero-copy>p{font-size:18px}.hero .actions{gap:18px}.hero .button{padding:12px 18px;font-size:15px}.hero .text-link{font-size:14px}.detail-columns{gap:42px;grid-template-columns:320px 1fr}.detail-hero{gap:36px}.detail-hero h1{font-size:32px}.auth-layout{max-width:930px}.auth-panel{padding:38px 34px}.account-layout{gap:38px;grid-template-columns:170px 1fr}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:15px}.wrap{width:calc(100% - 36px)}.site-header{min-height:106px;padding-top:15px;padding-bottom:7px;flex-wrap:wrap;gap:5px 18px}.brand{gap:9px}.brand-mark{height:35px;width:35px;font-size:23px;border-radius:7px}.brand strong{font-size:21px}.header-account{gap:18px}.header-account .button.small{min-height:34px;padding:5px 16px;font-size:13px}.login-link{font-size:13px}.site-nav{order:3;width:100%;justify-content:space-between;gap:0}.site-nav a{font-size:14px;padding:9px 14px}.site-nav a[aria-current=page]::after{bottom:3px;left:13px;right:13px}.hero{display:flex;flex-direction:column;gap:24px;padding-top:19px;padding-bottom:24px;align-items:stretch}.hero-copy{padding:9px 0 0}.hero h1{font-size:48px;line-height:1.2;margin-bottom:18px}.hero-copy>p{font-size:15px;line-height:1.8;margin-bottom:22px}.hero .actions{margin-top:18px;gap:20px}.hero .button{min-height:47px;padding:11px 17px;font-size:14px}.hero .text-link{font-size:13px;gap:7px}.hero-image{height:auto;aspect-ratio:1.7;border-radius:10px}.utility-line{font-size:11px;padding-top:12px}.utility-line span{margin:0 8px}.section{margin:30px 0 42px}.section-heading{gap:14px;margin-bottom:20px;align-items:flex-end;flex-wrap:wrap}.section-heading h2{font-size:23px}.section-heading p{font-size:13px;margin-top:7px}.section-heading>.text-link{font-size:13px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.media-card img{aspect-ratio:1.55}.media-card h3{font-size:17px;margin-top:10px}.media-card p{font-size:12px}.media-grid .media-card:first-child:nth-last-child(3){grid-column:1/-1}.media-grid .media-card:first-child:nth-last-child(3) img{aspect-ratio:2.05}.shop-grid .media-card:first-child:nth-last-child(3){grid-column:auto}.shop-grid .media-card:first-child:nth-last-child(3) img{aspect-ratio:1.15}.shop-grid .media-card img{aspect-ratio:1.15}.path-card{gap:18px;padding:22px 0}.path-number{font-size:27px}.path-card h3{font-size:19px}.path-card p{font-size:13px}.path-card .small-text{font-size:11px}.icon-link{width:36px;height:36px}.icon{width:18px;height:18px}.download-band{margin-top:42px;padding:28px 0;align-items:flex-start;flex-direction:column;gap:20px}.download-band h2{font-size:25px}.download-band p{font-size:14px}.button{font-size:15px;min-height:47px;padding:11px 22px}.site-footer{margin-top:40px;padding:28px 0 32px;gap:10px 20px;flex-wrap:wrap}.site-footer p{font-size:12px}.site-footer nav{width:100%;margin:14px 0 0;gap:23px;font-size:12px}.page-heading{padding:29px 0 24px}.page-heading h1{font-size:31px;margin-bottom:14px}.page-heading>p{font-size:15px}.breadcrumb{font-size:12px!important;margin-bottom:22px;padding-top:22px}.search-form{width:100%;margin-top:8px}.search-form input{width:100%;flex:1}.filter-row{gap:5px;margin-bottom:24px;padding-bottom:15px}.filter-row a{padding:7px 13px;font-size:13px}.detail-columns{display:flex;flex-direction:column;gap:36px}.download-panel{width:100%;padding:27px}.download-panel .app-mark{height:62px;width:62px;font-size:39px;border-radius:14px}.download-panel h2{font-size:25px}.content-section h2{font-size:23px}.numbered-list p{font-size:14px}.detail-hero{display:flex;flex-direction:column;gap:27px;align-items:stretch;margin-top:14px;margin-bottom:40px}.detail-hero h1{font-size:29px}.detail-image{aspect-ratio:1.6}.detail-hero .prose{font-size:15px}.learning-steps li{gap:18px;flex-wrap:wrap;padding:25px 0}.learning-steps li>div{flex:1;min-width:calc(100% - 62px)}.learning-steps h2{font-size:21px}.learning-steps p{font-size:14px}.learning-steps .text-link{margin-left:52px;font-size:14px}.step-index{font-size:25px}.auth-layout{display:block;border:0;margin:27px auto 45px;max-width:470px;min-height:0}.auth-aside{display:none}.auth-panel{padding:12px 0}.auth-panel h1{font-size:27px}.auth-panel .stack-form{margin-top:28px}.field input{min-height:49px;font-size:16px}.account-layout{display:flex;flex-direction:column;gap:26px}.account-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:22px;border-bottom:1px solid var(--line);padding-bottom:16px}.account-nav a,.account-nav button{font-size:13px}.account-nav form{margin-left:auto}.membership-summary{padding:24px;flex-wrap:wrap}.membership-summary h2{font-size:25px}.settings-list>div{gap:20px}.settings-list dt{font-size:13px}.settings-list dd{font-size:14px}.inline-form{display:block;margin:6px 0 0}.order-row{gap:14px;padding:18px 0}.order-row strong{font-size:14px}.order-row .small-text{font-size:11px}.order-row .icon{display:none}.plan-grid{grid-template-columns:1fr;gap:20px;margin-top:22px}.plan-panel{padding:25px}.checkout-panel{border:0;margin:22px auto 45px;padding:10px 0}.checkout-panel h1{font-size:29px}.message-page{margin:50px auto 65px}.message-page h1{font-size:28px}.empty-state{padding:36px 20px}.empty-state h2,.empty-state h3{font-size:21px}.notice{padding:13px 15px;font-size:13px}.quiet-note{font-size:12px}.legal-page h1{font-size:30px}.legal-page h2{font-size:22px}}
.auth-panel>.small-text{margin-top:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,.media-card img{transition:none}}
.sms-input{display:flex;gap:10px}.sms-input input{min-width:0;flex:1}.sms-input button{min-width:124px;padding:9px 12px;font-size:14px;white-space:nowrap}.phone-auth-links{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;margin-top:24px}.phone-auth-links a{color:var(--muted)}
