:root{
  color-scheme:dark;
  --bg:#0c0a07;--bg-soft:#131009;--surface:#19140f;--surface-2:#221b13;
  --paper:#efe7d7;--paper-2:#f8f1e4;--ink:#f4ecdf;--copy:#c2b5a0;--muted:#837663;
  --amber:#f2a93b;--amber-hi:#ffc86d;--line:rgba(244,236,223,.13);--line-strong:rgba(242,169,59,.38);
  --shadow:0 28px 80px rgba(0,0,0,.42);--serif:"Songti SC","STSong",serif;--sans:"PingFang SC","Hiragino Sans GB",sans-serif;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4efe5;--bg-soft:#ebe2d3;--surface:#fffaf1;--surface-2:#e6dac8;
  --paper:#fffaf0;--paper-2:#f2e7d6;--ink:#241b12;--copy:#5d5142;--muted:#897b68;
  --line:rgba(44,34,23,.14);--line-strong:rgba(175,105,14,.42);--shadow:0 25px 70px rgba(74,51,25,.15);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden;transition:background .25s,color .25s}
a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 16px;background:var(--amber);color:#1a1208;border-radius:8px}.skip-link:focus{top:16px}
.ambient-canvas{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.78}
html[data-theme="light"] .ambient-canvas{opacity:.25}
.site-header{position:sticky;top:0;z-index:30;height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:rgba(12,10,7,.88);backdrop-filter:blur(20px)}
html[data-theme="light"] .site-header{background:rgba(244,239,229,.9)}
.wordmark{display:flex;min-height:44px;align-items:center;justify-content:center;gap:17px;line-height:1}.wordmark .brand-lockup{display:flex;align-items:center;gap:9px}.wordmark .brand-cn{font-family:var(--serif);font-size:25px;letter-spacing:4px}.wordmark .brand-cut{width:1px;height:21px;background:var(--amber);transform:rotate(12deg);box-shadow:0 0 12px rgba(230,154,45,.4)}.wordmark .brand-en{color:var(--ink);font:700 10px/1 var(--sans);letter-spacing:2.6px}.wordmark .brand-slogan{margin-top:0;padding-left:17px;border-left:1px solid var(--line-strong);color:var(--muted);font:9px/1.3 var(--sans);letter-spacing:1px;white-space:nowrap}
.primary-nav{display:flex;justify-content:center;gap:30px;color:var(--copy);font-size:14px}.primary-nav a:hover{color:var(--amber-hi)}
.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.login-button{min-height:42px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--copy);padding:0 14px;cursor:pointer}.theme-toggle{display:flex;gap:8px;align-items:center}.theme-toggle b{color:var(--amber-hi);font-size:12px}.login-button:disabled{cursor:not-allowed;opacity:.6}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:9px;font-size:14px;font-weight:750;letter-spacing:.5px;transition:transform .18s,box-shadow .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--amber);color:#211508;box-shadow:0 14px 34px rgba(242,169,59,.2)}.button-secondary{border:1px solid var(--line-strong);color:var(--ink);background:rgba(12,10,7,.28)}html[data-theme="light"] .button-secondary{background:rgba(255,250,241,.72)}
.header-cta{min-height:42px;padding:0 17px}
main{display:block}.hero{position:relative;min-height:810px;max-width:1500px;margin:0 auto;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-console{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;z-index:-1}
html[data-theme="light"] .hero{background:var(--bg-soft)}html[data-theme="light"] .hero-console{opacity:.28;filter:sepia(.16) brightness(1.3)}
.hero-copy{position:relative;z-index:3;width:min(560px,48vw);margin-left:max(34px,calc((100vw - 1280px)/2));padding:142px 0 90px}
.section-kicker{color:var(--amber);font:10px/1.4 var(--sans);letter-spacing:4px;text-transform:uppercase}.hero h1{margin-top:22px;font-family:var(--serif);font-size:clamp(48px,5.1vw,80px);line-height:1.13;letter-spacing:1px;text-wrap:balance}.hero h1 span{color:var(--amber-hi)}
.hero-subtitle{margin-top:22px;color:var(--ink);font-size:20px}.hero-description{max-width:510px;margin-top:18px;color:var(--copy);font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:33px}.trust-line{display:flex;gap:24px;margin-top:22px;color:var(--copy);font-size:12px}.trust-line span{padding-left:14px;border-left:2px solid var(--amber)}
.hero-screens{position:absolute;right:max(25px,calc((100vw - 1380px)/2));top:106px;width:min(710px,52vw);height:400px;z-index:2;pointer-events:none}.hero-screen{position:absolute;overflow:hidden;border:1px solid var(--line-strong);background:#0b0906;box-shadow:var(--shadow);cursor:pointer;pointer-events:auto}.hero-screen video{width:100%;height:100%;object-fit:cover}.hero-screen>span{position:absolute;left:9px;top:9px;padding:4px 7px;border:1px solid rgba(255,200,109,.42);background:rgba(8,6,4,.72);color:var(--amber-hi);font:8px/1 var(--sans);letter-spacing:1.4px}.hero-screen-a{left:9%;top:13%;width:21%;height:67%;transform:perspective(900px) rotateY(4deg)}.hero-screen-b{left:34%;top:1%;width:30%;height:77%;transform:perspective(900px) rotateY(-2deg)}.hero-screen-c{right:0;top:14%;width:20%;height:72%;transform:perspective(900px) rotateY(-4deg)}
.render-strip{position:absolute;right:max(25px,calc((100vw - 1280px)/2));top:530px;width:min(450px,38vw);padding:16px 18px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(9,7,4,.84);color:#f2e8d9;box-shadow:var(--shadow)}.render-strip div{display:flex;justify-content:space-between;font-size:12px}.render-strip div strong{color:var(--amber-hi)}.render-strip>i{display:block;height:5px;margin:10px 0;background:#3b3022;border-radius:99px;overflow:hidden}.render-strip>i b{display:block;width:62%;height:100%;background:var(--amber)}.render-strip small{color:#9b8b74;font-size:10px;letter-spacing:1px}
.section{max-width:1280px;margin:0 auto;padding:110px 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.final-cta h2{margin-top:10px;font-family:var(--serif);font-size:clamp(34px,4vw,54px);line-height:1.2}.section-heading>p{max-width:510px;color:var(--copy);font-size:14px}.section-heading.centered{display:block;text-align:center}.section-heading.centered>p{margin:12px auto 0}
.samples-section{padding-top:86px}.showcase-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 10px}.showcase-filter{min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:600 12px/1 var(--sans);cursor:pointer}.showcase-filter:hover,.showcase-filter:focus-visible,.showcase-filter.is-active{border-color:var(--line-strong);background:rgba(242,169,59,.12);color:var(--amber-hi);outline:none}.showcase-note{margin:0 0 16px;color:var(--muted);font-size:11px}.showcase-state{padding:42px 0;color:var(--muted);text-align:center}.sample-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}.sample-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.sample-card:hover,.sample-card.is-active{transform:translateY(-6px);border-color:var(--line-strong)}.sample-card[hidden]{display:none}.sample-media{position:relative;overflow:hidden;background:#050403}.sample-media video{display:block;width:100%;height:410px;object-fit:cover;object-position:center}.sample-media>span{position:absolute;left:14px;top:14px;padding:6px 9px;border:1px solid rgba(255,200,109,.4);background:rgba(8,6,4,.75);color:var(--amber-hi);font:9px/1 var(--sans);letter-spacing:1.6px;pointer-events:none}.sample-card figcaption{display:flex;justify-content:space-between;gap:12px;padding:15px 16px 5px}.sample-card figcaption b{font-size:14px}.sample-card figcaption span{color:var(--muted);font-size:11px}.sample-card>small{display:block;padding:0 16px 17px;color:var(--copy);font-size:11px}
.workflow-section{max-width:none;padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2));background:var(--bg-soft);border-block:1px solid var(--line)}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.paper-step{position:relative;min-height:520px;padding:30px;background-color:var(--paper);color:#211a13;border-radius:5px;box-shadow:0 24px 60px rgba(0,0,0,.24);transform:rotate(-.25deg)}.paper-step:nth-child(2){transform:rotate(.2deg)}.step-number{font:28px var(--serif)}.paper-step h3{margin-top:10px;font-family:var(--serif);font-size:28px}.paper-step>p{margin-top:12px;color:#665b4d;font-size:14px}.paper-demo{position:absolute;left:30px;right:30px;bottom:30px;height:250px;border:1px solid rgba(43,31,20,.18);border-radius:6px;padding:17px;background:rgba(255,255,255,.23)}.input-demo>b,.input-demo>span{margin-right:18px;font-size:12px}.input-demo p{margin-top:28px;color:#9a8d7a;font-size:13px;line-height:1.8}.template-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.template-demo img{width:100%;height:128px;object-fit:cover;border-radius:4px}.voice-wave{grid-column:1/-1;margin-top:10px;padding:12px;border:1px solid rgba(43,31,20,.17);color:#776957;font-size:12px}.export-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.export-demo strong{font-family:var(--serif);font-size:24px}.export-demo i{width:70%;height:4px;background:#d6c7b0}.export-demo i::after{content:"";display:block;width:100%;height:100%;background:#9a7a45}.export-demo span{color:#746857;font-size:12px;letter-spacing:1px}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.audience-grid article{min-height:210px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.audience-grid article span{color:var(--amber);font:11px var(--sans);letter-spacing:2px}.audience-grid h3{margin-top:24px;font-family:var(--serif);font-size:23px}.audience-grid p{margin-top:10px;color:var(--copy);font-size:13px}
.features-section{padding-top:70px}.feature-list{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.feature-list article{padding:28px 22px;border-right:1px solid var(--line)}.feature-list article:last-child{border-right:0}.feature-list b{font-family:var(--serif);font-size:19px}.feature-list p{margin-top:10px;color:var(--copy);font-size:12px}
.pricing-section{padding-top:82px}.landing-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-price-card{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.landing-price-card.is-recommended{border-color:var(--amber);box-shadow:0 20px 60px rgba(242,169,59,.12)}.landing-price-card .recommend{position:absolute;right:14px;top:14px;color:var(--amber);font-size:11px}.landing-price-card h3{font-family:var(--serif);font-size:23px}.landing-price-card .price{margin-top:18px;font-family:var(--serif);font-size:38px}.landing-price-card .price small{font:12px var(--sans);color:var(--muted)}.landing-price-card>span{color:var(--amber);font-size:12px}.landing-price-card p{margin-top:20px;color:var(--copy);font-size:13px}.pricing-note{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}
.final-cta{text-align:center;padding:105px 24px;border-block:1px solid var(--line);background:var(--bg-soft)}.final-cta>p:not(.section-kicker){margin:15px 0 28px;color:var(--copy)}
.tutorial-link{display:inline-flex;margin-top:24px;color:var(--amber-hi);font-size:13px;letter-spacing:.5px}.tutorial-link:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer{display:flex;justify-content:space-between;gap:30px;max-width:1280px;margin:0 auto;padding:38px 28px;color:var(--muted);font-size:12px}.site-footer div{display:flex;align-items:center;gap:18px}.site-footer strong{color:var(--ink);font-family:var(--serif);font-size:18px}.site-footer strong b{margin-left:5px;color:var(--amber);font:700 9px/1 var(--sans);letter-spacing:1.5px}.site-footer>a{display:inline-flex;min-height:44px;align-items:center}
@media(max-width:1100px){.primary-nav{display:none}.site-header{grid-template-columns:auto 1fr}.header-actions{justify-self:end}.hero{min-height:900px}.hero-copy{width:66vw}.hero-screens{top:430px;width:70vw;height:360px}.render-strip{top:755px}.sample-stage{grid-template-columns:1fr 1fr}.sample-wide{grid-column:1/-1}.workflow-grid{gap:14px}.paper-step{padding:22px}.paper-demo{left:22px;right:22px}.audience-grid{grid-template-columns:repeat(2,1fr)}.feature-list{grid-template-columns:repeat(2,1fr)}.feature-list article{border-bottom:1px solid var(--line)}.landing-pricing{grid-template-columns:1fr 1fr}}
@media(max-width:720px){html{scroll-padding-top:68px}.site-header{height:66px;padding:0 16px;gap:12px}.wordmark span,.login-button,.header-cta{display:none}.wordmark strong{font-size:21px}.theme-toggle{min-height:44px}.hero{min-height:920px}.hero-console{height:520px;top:400px;object-position:67% center;opacity:.55}.hero-copy{width:auto;margin-left:0;padding:80px 20px 0}.hero h1{font-size:44px}.hero-subtitle{font-size:17px}.hero-description{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{min-height:50px;padding:0 14px}.trust-line{flex-direction:column;gap:8px}.hero-screens{top:535px;left:18px;right:18px;width:auto;height:270px}.hero-screen-a{left:7%;width:24%}.hero-screen-b{left:34%;width:30%}.hero-screen-c{width:20%}.render-strip{top:810px;left:24px;right:24px;width:auto}.section{padding:76px 18px}.section-heading{display:block}.section-heading>p{margin-top:15px}.sample-stage{grid-template-columns:1fr 1fr;gap:10px}.sample-media video{height:280px}.sample-wide .sample-media video{height:190px}.sample-card figcaption{display:block}.sample-card figcaption span{display:block;margin-top:4px}.workflow-grid{grid-template-columns:1fr}.paper-step{min-height:480px}.audience-grid{grid-template-columns:1fr 1fr}.audience-grid article{min-height:190px;padding:20px}.feature-list{grid-template-columns:1fr}.feature-list article{border-right:0}.landing-pricing{grid-template-columns:1fr}.site-footer{display:block;padding:28px 18px}.site-footer div{display:block}.site-footer span{display:block;margin-top:8px}.site-footer>a{display:block;margin-top:18px}.ambient-canvas{opacity:.48}}
@media(max-width:430px){.hero{min-height:900px}.hero h1{font-size:38px}.hero-actions{grid-template-columns:1fr}.hero-console{top:470px}.hero-screens{top:600px;height:215px}.render-strip{top:825px}.trust-line{font-size:11px}.sample-stage{grid-template-columns:1fr}.sample-wide{grid-column:auto}.sample-media video,.sample-wide .sample-media video{height:auto;max-height:570px}.audience-grid{grid-template-columns:1fr}.workflow-section{padding-inline:14px}.paper-step{min-height:460px}.paper-step h3{font-size:25px}}
@media(max-width:720px){.wordmark .brand-lockup{display:flex}.wordmark .brand-slogan{display:none}.wordmark .brand-cn{font-size:21px}.wordmark .brand-en{display:inline;font-size:9px}.wordmark .brand-cut{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.sample-card{transition:none}.button:hover,.sample-card:hover{transform:none}.ambient-canvas{display:none}}

.tutorials-page{min-height:100vh;background:radial-gradient(800px 520px at 80% 0%,rgba(230,154,45,.09),transparent 68%),var(--bg);color:var(--ink)}
.tutorials-main{max-width:1120px;margin:0 auto;padding:0 28px 100px}.tutorials-hero{padding:110px 0 88px;border-bottom:1px solid var(--line)}.tutorials-hero h1{margin-top:18px;font:750 clamp(52px,7vw,88px)/1.08 var(--sans);letter-spacing:-3px}.tutorials-hero h1 span{color:var(--amber-hi)}.tutorials-hero>p:not(.section-kicker){max-width:530px;margin-top:24px;color:var(--copy);font-size:17px;line-height:1.85}.tutorials-hero .button{margin-top:28px}.tutorial-index{padding:90px 0 24px}.tutorial-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tutorial-card{display:flex;min-height:230px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:transform .2s,border-color .2s}.tutorial-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}.tutorial-card>span{color:var(--amber);font:10px var(--mono);letter-spacing:1px}.tutorial-card h3{margin-top:32px;font:650 22px/1.25 var(--sans)}.tutorial-card p{margin-top:10px;color:var(--copy);font-size:13px;line-height:1.7}.tutorial-card b{margin-top:auto;color:var(--amber-hi);font-size:12px}.tutorial-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:90px 0;border-top:1px solid var(--line)}.tutorial-detail.is-reverse .tutorial-detail-copy{order:2}.tutorial-detail.is-reverse .tutorial-media,.tutorial-detail.is-reverse .tutorial-demo{order:1}.tutorial-number{display:block;color:var(--amber);font:30px var(--serif)}.tutorial-detail-copy h2{margin-top:12px;font:650 clamp(30px,3.5vw,46px)/1.2 var(--sans);letter-spacing:-1.2px}.tutorial-detail-copy>p:not(.section-kicker):not(.tutorial-number){margin-top:20px;color:var(--copy);font-size:14px;line-height:1.9}.tutorial-detail-copy ol{display:grid;gap:14px;margin-top:28px;list-style:none}.tutorial-detail-copy li{display:grid;grid-template-columns:90px 1fr;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:13px}.tutorial-detail-copy li b{color:var(--ink)}.tutorial-detail-copy li span{color:var(--copy)}.tutorial-detail-copy>a{display:inline-flex;margin-top:24px;color:var(--amber-hi);font-size:13px}.tutorial-media{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:#050403;box-shadow:var(--shadow)}.tutorial-media video{display:block;width:100%;max-height:440px;object-fit:cover}.tutorial-media>span{position:absolute;left:14px;bottom:14px;padding:6px 9px;border:1px solid rgba(255,200,109,.42);background:rgba(8,6,4,.78);color:var(--amber-hi);font-size:10px}.tutorial-demo{min-height:290px;padding:26px;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(145deg,rgba(230,154,45,.10),rgba(255,255,255,.02));box-shadow:var(--shadow)}.tutorial-demo-paper{padding-top:34px;background:var(--paper);color:#251d14;transform:rotate(-1deg)}.demo-top{display:flex;gap:24px;padding-bottom:14px;border-bottom:1px solid rgba(37,29,20,.18);font-size:12px}.tutorial-demo-paper p{margin-top:32px;color:#756958;font-size:15px;line-height:1.9}.demo-cursor{display:inline-flex;margin-top:58px;padding:9px 12px;border:1px solid rgba(37,29,20,.2);color:#806c51;font-size:11px}.tutorial-demo-flow{display:grid;align-content:center;gap:14px}.tutorial-demo-flow div{display:flex;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.15)}.tutorial-demo-flow b{color:var(--amber-hi);font-size:13px}.tutorial-demo-flow span{color:var(--copy);font-size:12px}.tutorial-demo-flow i{display:block;width:1px;height:18px;margin-left:32px;background:var(--amber)}.tutorial-faq{padding:72px 0 20px;border-top:1px solid var(--line)}.tutorial-faq details{border-bottom:1px solid var(--line)}.tutorial-faq summary{display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center;padding:20px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:650}.tutorial-faq summary::-webkit-details-marker{display:none}.tutorial-faq summary::after{content:'＋';color:var(--amber);font-size:20px;font-weight:400}.tutorial-faq details[open] summary::after{content:'−'}.tutorial-faq summary span{color:var(--amber);font:11px var(--mono);letter-spacing:1px}.tutorial-faq details>p{max-width:720px;padding:0 55px 22px;color:var(--copy);font-size:13px;line-height:1.8}
@media(max-width:900px){.tutorial-cards{grid-template-columns:repeat(2,1fr)}.tutorial-detail{gap:34px}.tutorials-hero h1{font-size:clamp(48px,9vw,72px)}}
@media(max-width:700px){.tutorials-main{padding:0 18px 72px}.tutorials-hero{padding:74px 0 64px}.tutorials-hero h1{font-size:44px;letter-spacing:-1.6px}.tutorials-hero>p:not(.section-kicker){font-size:15px}.tutorial-cards{grid-template-columns:1fr}.tutorial-card{min-height:190px}.tutorial-detail,.tutorial-detail.is-reverse{grid-template-columns:1fr;gap:30px;padding:66px 0}.tutorial-detail.is-reverse .tutorial-detail-copy,.tutorial-detail.is-reverse .tutorial-media,.tutorial-detail.is-reverse .tutorial-demo{order:initial}.tutorial-detail-copy h2{font-size:32px}.tutorial-media video{max-height:420px}.tutorial-faq summary{grid-template-columns:42px 1fr auto;gap:10px;font-size:14px}.tutorial-faq details>p{padding-left:42px}}