@font-face{font-family:Manrope;src:url('./assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--accent:#3f68f5;--paper:#fcfcfd;--text:#191c24;--sub:#687080;font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}
body{font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font-family:inherit}button:disabled{cursor:default;opacity:.4}h1,h2,h3,p{overflow-wrap:break-word}.hero{background:#050609;color:#f3f5fa}
.site-header{height:84px;padding-inline:4.4%;gap:24px}.site-header .wordmark{gap:7px}.wordmark img{object-fit:contain}.brand-cn{letter-spacing:2px}.desktop-nav{gap:34px}.header-cta{min-height:44px}
.hero{min-height:760px;max-height:940px;height:100svh}.hero-content{top:38%;inset-inline:24px}.hero h1{font-size:clamp(54px,5.65vw,90px);letter-spacing:-2.8px;font-weight:450}.hero-eyebrow{font-size:12px;letter-spacing:2.4px}.hero-description{font-size:16px;letter-spacing:.3px;line-height:1.8;margin:22px 0 27px}.button{min-height:48px;padding:13px 25px;font-size:14px;font-weight:550;gap:24px;box-shadow:none}.button-primary{background:var(--accent);color:white}.button-primary:hover{background:#3257d8;box-shadow:none;transform:translateY(-1px)}.hero-tools{bottom:78px}.hero-bottom{bottom:25px}.hero-forms button{font-size:13px;padding:10px 15px;min-width:62px}.hero-interaction-help{font-size:12px}.hero-tool-bar{gap:10px}
.paper,.brand-footer{color:var(--text);background:var(--paper);color-scheme:light}body{background:var(--paper)}.shell{width:min(1184px,calc(100% - 112px));margin-inline:auto}
.paper h2{font-size:clamp(30px,3.1vw,46px);font-weight:500;letter-spacing:-1.5px;line-height:1.35;margin:0}.overline{font-size:11px;font-weight:650;letter-spacing:1.8px;color:#576b9f;margin:0 0 22px}.product{padding-top:112px;padding-bottom:78px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro-copy{padding-top:25px}.intro-copy p{font-size:16px;line-height:1.9;color:var(--sub);margin:0 0 14px}.intro-copy p:first-child{color:#343943}.text-action{display:inline-flex;align-items:center;gap:15px;color:#3159da;font-size:14px;line-height:1.6;font-weight:550;border:0;padding:5px 0;background:none}.text-action:hover{color:#173fbd;text-decoration:underline;text-underline-offset:5px}.intro-copy .text-action{margin-top:9px}
.fact-row{display:grid;grid-template-columns:repeat(3,1fr);margin:68px 0 0;border-block:1px solid #e2e5ed;padding:27px 0;gap:32px}.fact-row>div+div{border-left:1px solid #e2e5ed;padding-left:38px}.fact-row dt{font-size:14px;font-weight:600;margin-bottom:9px}.fact-row dd{font-size:12px;color:var(--sub);margin:0}
.work{padding-top:40px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:46px}.section-top>p{font-size:15px;color:var(--sub);line-height:1.9;margin:0 0 3px}
.workbench{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(240px,1fr);gap:66px;align-items:center}.preview-column{border:1px solid #e0e4ed;border-radius:18px;overflow:hidden;background:#f3f5f9;min-width:0}.preview-top{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #e0e4ed;font-size:11px;color:#666d7a}.small-brand{font-size:15px;font-weight:750;letter-spacing:-.5px;color:#303746}.small-brand span{font-size:9px;font-weight:500;letter-spacing:1.4px;padding-left:13px;margin-left:10px;border-left:1px solid #ccd1dc;vertical-align:middle}.local-badge{display:flex;align-items:center;gap:7px}.local-badge i{width:5px;height:5px;background:#536ff0;border-radius:50%}
.preview-stage{height:365px;background:#07080c;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.preview-stage>img{display:block;width:100%;height:100%;object-fit:contain;transition:width .35s,height .35s;border-radius:0}.preview-stage[data-layout=cover]>img{width:90%;height:78%;object-fit:cover;border:1px solid #5c657e55;border-radius:6px}.preview-stage[data-layout=poster]{background:#e8ebf2}.preview-stage[data-layout=poster]>img{width:46%;height:89%;object-fit:cover;box-shadow:0 7px 30px #17214222}.layout-type{position:absolute;inset:11% 5%;color:white;pointer-events:none;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between;text-shadow:0 1px 20px #000}.layout-type>span{font-size:8px;letter-spacing:1.7px}.layout-type>strong{font-size:clamp(25px,3vw,43px);font-weight:450;letter-spacing:-1px;line-height:1.35}.layout-type>small{font-size:7px;letter-spacing:1.5px}.preview-stage[data-layout=poster] .layout-type{inset:5.5% 27%;padding:20px 15px}.preview-stage[data-layout=poster] .layout-type>strong{font-size:27px;align-self:center}.preview-stage[data-layout=poster] .layout-type>span,.preview-stage[data-layout=poster] .layout-type>small{font-size:6px;letter-spacing:1px}.expand-image{position:absolute;bottom:17px;right:17px;border:1px solid #ffffff45;background:#0b1025c7;color:white;min-width:36px;height:36px;border-radius:50%;font-size:20px}
#selection-empty{text-align:center;color:#dfe5f5;padding:32px 16px}.empty-mark{display:grid;place-items:center;border:1px solid #566381;border-radius:50%;height:42px;width:42px;font-size:24px;margin:0 auto 20px;color:#8ea7ff}#selection-empty h3{font-size:20px;font-weight:450;margin:0 0 13px}#selection-empty p{font-size:13px;line-height:1.9;color:#929db7;margin:0 0 22px}#selection-empty .button{font-size:12px;min-height:40px;padding:9px 20px}
.preview-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#646c7c;padding:18px 24px 12px}.frame-switcher{display:flex;gap:5px;overflow:auto;padding:0 22px 12px}.frame-switcher button{font-size:11px;flex:0 0 30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:#6a7386}.frame-switcher button[aria-pressed=true]{color:white;background:#3f68f5}.frame-switcher button:hover{border-color:#3f68f5}
.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px 9px;border-top:1px solid #e0e4ed}.layout-tabs{display:flex;gap:3px}.layout-tabs button{background:none;color:#70798a;font-size:11px;padding:7px 10px;border:0;border-radius:6px;min-height:34px}.layout-tabs button[aria-pressed=true]{color:#232d4d;background:white;box-shadow:0 1px 4px #1822380d}.preview-footer .text-action{font-size:11px}.preview-note{font-size:10px;color:#7e8593;margin:0;padding:0 24px 17px;line-height:1.7}
.workflow{display:grid;gap:29px}.step{display:grid;grid-template-columns:25px 1fr;gap:20px}.step>span{font-size:11px;color:#8992a5;margin-top:6px}.step h3{margin:0 0 11px;font-size:22px;letter-spacing:-.5px;font-weight:500}.step p{margin:0;color:var(--sub);font-size:14px;line-height:1.9}.step .text-action{margin-top:10px;font-size:12px}
.guide{display:grid;grid-template-columns:1fr 1.22fr;gap:90px;padding-top:58px;padding-bottom:100px;border-top:1px solid #e2e5ed}.guide-note{color:var(--sub);font-size:14px;margin-top:22px}.faq details{border-bottom:1px solid #e1e4eb}.faq summary{font-size:16px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:20px 0}.faq details:first-child summary{padding-top:5px;min-height:65px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:300;color:#8b94a6;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:14px;line-height:1.95;color:var(--sub);margin:0;padding:0 34px 23px 0}
.closing{background:#f0f3fa;border-block:1px solid #e5e9f2}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:65px}.closing h2{font-size:32px}.closing .overline{margin-bottom:14px}.closing .button{flex-shrink:0}
.brand-footer{padding-block:49px 25px}.footer-first{display:flex;align-items:center;gap:28px}.footer-first>p{font-size:12px;color:#7b8493;margin:0}.footer-first nav{display:flex;margin-left:auto;align-items:center;gap:28px;font-size:12px}.footer-first nav button{background:none;border:0;padding:0;font-size:inherit}.footer-first a:hover,.footer-last a:hover,.footer-first button:hover{color:#3159da}.footer-last{border-top:1px solid #e1e5ed;margin-top:34px;padding-top:20px;font-size:10px;display:flex;align-items:center;gap:24px;color:#8a919e}.footer-last a{margin-left:auto}.edition-label{padding-left:18px;border-left:1px solid #dce1ea}
dialog{width:min(900px,calc(100% - 40px));border:1px solid #dce2ef;border-radius:16px;padding:0;max-height:88svh;overflow:auto;background:#fff;color:#222a3c;box-shadow:0 20px 100px #02071555}dialog::backdrop{background:#040818ad;backdrop-filter:blur(8px)}.dialog-bar{position:sticky;top:0;z-index:1;background:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #e5e8ef}.dialog-bar h2{font-size:17px;font-weight:550;margin:0}.close-dialog{border:0;background:#f1f3f7;border-radius:50%;font-size:25px;color:#5a6378;width:38px;height:38px}.original-frame{width:100%;height:auto;display:block;background:#050609}.download-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;font-size:12px;color:#687080}.download-row a{color:#3159da}.dialog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px}.dialog-grid button{border:1px solid #e0e5ee;background:#f8f9fc;padding:0;border-radius:8px;overflow:hidden;text-align:left}.dialog-grid img{width:100%;aspect-ratio:1.6;object-fit:contain;background:#050609;display:block}.dialog-grid span{display:block;padding:11px 14px;font-size:12px}.about-copy{padding:14px 30px 30px;font-size:15px;line-height:1.9;color:#687080}#about-dialog{max-width:600px}.about-copy dl{font-size:13px;margin-top:28px}.about-copy dl>div{display:grid;grid-template-columns:95px 1fr;border-top:1px solid #e3e7ef;padding:15px 0}.about-copy dd{margin:0;color:#30394a}.about-copy dt{color:#828da2}
.paper a:focus-visible,.paper button:focus-visible,.paper summary:focus-visible,.brand-footer a:focus-visible,.brand-footer button:focus-visible,dialog a:focus-visible,dialog button:focus-visible{outline:2px solid #315bdf;outline-offset:4px}
@media(min-width:1500px){.shell{width:min(1280px,calc(100% - 160px))}.preview-stage{height:410px}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.intro-grid{gap:35px}.workbench{gap:34px;grid-template-columns:1.4fr 1fr}.preview-stage{height:320px}.step{gap:12px}.step h3{font-size:20px}.fact-row>div+div{padding-left:25px}.guide{gap:45px}.preview-footer{padding-inline:14px}.layout-tabs button{padding-inline:7px}.footer-first>p{display:none}}
@media(max-width:760px){.site-header{height:76px;padding-inline:22px;gap:10px}.site-header .wordmark img{width:97px}.header-cta{font-size:12px;min-height:40px;gap:10px}.hero{height:100svh;min-height:740px;max-height:950px}.hero-content{top:28%}.hero h1{font-size:clamp(46px,10.7vw,65px);letter-spacing:-2px;line-height:1.25}.hero-eyebrow{letter-spacing:1.7px;margin-bottom:21px}.hero-description{font-size:14px;margin:20px 0 23px}.hero-tool-bar{gap:6px}.hero-tools{bottom:76px}.hero-bottom{bottom:24px}.hero-forms button{min-height:40px}.shell{width:calc(100% - 44px)}.product{padding-top:72px;padding-bottom:52px}.paper h2{font-size:32px;letter-spacing:-1px}.overline{font-size:10px;margin-bottom:18px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-copy{padding:0}.intro-copy p{font-size:14px;line-height:1.9;margin-bottom:12px}.wide-only{display:none}.fact-row{margin-top:33px;padding-block:8px;grid-template-columns:1fr;gap:0}.fact-row>div,.fact-row>div+div{border-left:0;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.fact-row>div+div{border-top:1px solid #e4e7ef}.fact-row dt{font-size:12px;margin:0}.fact-row dd{font-size:11px;text-align:right}.work{padding-top:20px;padding-bottom:64px}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:21px;font-size:13px}.workbench{grid-template-columns:1fr;gap:36px}.preview-stage{height:300px}.preview-column{border-radius:13px}.preview-top{padding-inline:18px;height:49px}.preview-meta{padding-inline:16px;font-size:10px}.preview-footer{padding:11px 13px;gap:5px}.preview-footer .text-action{font-size:10px}.preview-note{padding-inline:16px;font-size:9px}.layout-tabs button{font-size:10px;padding-inline:8px}.frame-switcher{padding-inline:13px}.frame-switcher button{flex-basis:28px;height:28px}.layout-type>strong{font-size:28px}.preview-stage[data-layout=poster]>img{width:52%}.preview-stage[data-layout=poster] .layout-type{inset:5.5% 24%;padding:20px 10px}.preview-stage[data-layout=poster] .layout-type>strong{font-size:23px}.workflow{gap:24px}.step{grid-template-columns:25px 1fr;gap:15px}.step h3{font-size:20px}.step p{font-size:13px}.guide{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:60px}.guide-note{margin-top:15px;font-size:13px}.faq summary{font-size:14px;min-height:70px}.faq p{font-size:13px}.closing-inner{display:block;padding-block:45px}.closing h2{font-size:27px}.closing .button{margin-top:25px}.brand-footer{padding-top:35px}.footer-first{gap:26px;flex-wrap:wrap}.footer-first nav{width:100%;margin:0;gap:24px;font-size:12px}.footer-last{margin-top:27px;flex-wrap:wrap;gap:13px;font-size:9px}.footer-last>span:nth-child(2){width:60%}.footer-last a{margin-left:0}.edition-label{margin-left:auto}.dialog-grid{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}.dialog-bar{padding:13px 17px}.download-row{font-size:11px;padding:17px}.dialog-bar h2{font-size:15px}.about-copy{padding:12px 22px 24px;font-size:14px}}
@media(max-width:370px){.site-header{padding-inline:16px}.site-header .header-cta{font-size:11px;padding-inline:11px}.hero h1{font-size:46px}.shell{width:calc(100% - 36px)}.preview-footer{align-items:flex-start;flex-direction:column}.preview-stage{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-stage>img,.button,.faq summary span{transition:none}}