:root{--ink:#24242a;--muted:#777781;--brand:#ec2864;--brand-dark:#d91d56;--line:#eae9ee;--soft:#f8f8fa;--pink:#fff4f7;color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #eb87a6;outline-offset:4px}[hidden]{display:none!important}figure{margin:0}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:76px;border-bottom:1px solid #f1eff2;background:#fffffff5;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:19px;font-weight:700}.brand img{object-fit:contain;flex-shrink:0}.main-nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px}.main-nav a{padding-block:12px;color:#5f5e67;transition:color .18s}.main-nav a:hover,.main-nav a.is-active{color:var(--brand)}.button{min-height:50px;padding:0 28px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;line-height:1.4;transition:background .18s,box-shadow .18s;white-space:nowrap}.button svg{width:21px;height:21px;flex-shrink:0}.button-primary{background:var(--brand);color:#fff;box-shadow:0 5px 15px #ec286415}.button-primary:hover{background:var(--brand-dark);box-shadow:0 6px 20px #ec286429}.button-secondary{background:#fff;border-color:#dcdbe2;color:#42424b}.button-secondary:hover{background:#faf9fc;border-color:#c6c4cd}.button-small{min-height:38px;padding-inline:18px;font-size:13px}.button-small svg{width:16px;height:16px}.download-buttons{display:flex;justify-content:center;gap:14px}.download-buttons .button{min-width:198px}
.hero{overflow:hidden;text-align:center;padding-top:43px;border-bottom:1px solid var(--line)}.hero h1{font-size:52px;font-weight:750;line-height:1.3;margin:0}.hero-tagline{font-size:27px;line-height:1.45;margin:10px 0 0;font-weight:500}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);margin:15px 0 24px}.mobile-break{display:none}.hero-gallery{width:min(1060px,calc(100% - 100px));margin:47px auto 0;height:284px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;align-items:start;padding-inline:10px}.hero-poster{position:relative;overflow:hidden;border-radius:5px;box-shadow:0 10px 23px #2020281b;border:4px solid white;height:256px;text-align:left;isolation:isolate}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster .poster-copy{position:absolute;inset:0;padding:15px 13px;display:flex;flex-direction:column;align-items:flex-start}.poster-copy small{font-size:8px;font-weight:600;line-height:1.4}.poster-copy strong{font-size:22px;line-height:1.4;display:block;margin-top:10px;font-weight:750}.poster-copy span{font-size:9px;margin-top:auto;line-height:1.5}.poster-store{transform:translateY(14px) rotate(-7deg);height:235px}.poster-store .poster-copy{color:#59452c;background:#fff8ed0d}.poster-store strong{font-size:24px}.poster-product{transform:translateY(8px) rotate(-3.5deg);height:251px}.poster-product .poster-copy{color:#94412b}.poster-product strong{font-size:27px}.poster-product img{object-position:50% 50%}.poster-social{transform:translateY(-9px);height:280px;z-index:2}.poster-social .poster-copy{padding:16px;color:#883453}.poster-social strong{font-size:22px;margin-top:16px}.poster-social span{background:#ffffffd9;padding:4px 7px;border-radius:2px;color:#5c3e45}.poster-travel{transform:translateY(8px) rotate(3.5deg);height:251px}.poster-travel .poster-copy{color:#ffffee;text-shadow:0 1px 4px #1b514c99}.poster-travel strong{font-size:25px}.poster-office{transform:translateY(14px) rotate(7deg);height:235px}.poster-office .poster-copy{color:#24603c}.poster-office strong{font-size:23px}.hero-gallery-caption{display:flex;justify-content:center;align-items:center;gap:15px;padding:13px 20px 29px;font-size:12px;color:#777782}.hero-gallery-caption b{font-size:10px;font-weight:400;color:#c0bdc5}.hero-gallery-caption small{font-size:10px;color:#aaa7af;margin-left:8px}
.feature-section{background:var(--soft);padding:68px 0 42px}.section-heading{text-align:center}.eyebrow{font-size:12px!important;color:var(--brand)!important;font-weight:600;margin:0 0 11px!important}.section-heading h2{font-size:32px;line-height:1.45;font-weight:700;margin:0}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin:13px 0 0}.feature-tabs{display:flex;justify-content:center;gap:44px;margin-top:32px;border-bottom:1px solid #e3e2e8}.feature-tabs button{border:0;background:none;display:flex;align-items:center;gap:9px;position:relative;color:#777580;padding:17px 12px 19px;font-size:15px;font-weight:500}.feature-tabs button svg{width:19px;height:19px}.feature-tabs button[aria-selected=true]{color:var(--brand)}.feature-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--brand);border-radius:2px 2px 0 0}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px;padding-inline:8px}.demo-caption h3{font-size:18px;line-height:1.5;margin:0;font-weight:600}.demo-caption p{font-size:13px;line-height:1.7;color:var(--muted);margin:5px 0 0}.preview-navigation{display:flex;gap:8px;flex-shrink:0}.icon-button{border:1px solid #e3e1e8;background:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;padding:0;flex-shrink:0;transition:background .18s}.icon-button:hover{background:#f9eef2}.icon-button svg{width:17px;height:17px}.demo-frame{border:1px solid #dcdbe3;border-radius:8px;overflow:hidden;background:white;box-shadow:0 18px 44px #28283c0c}.demo-toolbar{height:45px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative}.window-dots{display:flex;gap:6px}.window-dots span{width:7px;height:7px;background:#e9e6ec;border-radius:50%}.window-dots span:first-child{background:#ed9caa}.window-dots span:nth-child(2){background:#f2d197}.window-dots span:nth-child(3){background:#a4d4c2}.demo-brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;white-space:nowrap}.demo-toolbar .icon-button{border:0;width:29px;height:29px;border-radius:4px;color:#8c8897}.demo-image-wrap{position:relative;aspect-ratio:1248/654;overflow:hidden;background:#f9f9fb}.demo-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .15s}.format-list{position:absolute;bottom:22px;right:22px;display:flex;gap:8px;padding:11px;background:#fffffff5;box-shadow:0 3px 12px #20202812;border:1px solid var(--line);border-radius:5px}.format-list span{font-size:12px;font-weight:600;border-right:1px solid #e9e5eb;padding:0 10px}.format-list span:last-child{border:0}.demo-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:19px;font-size:11px;color:#96939e}.demo-dots{display:flex;align-items:center;gap:6px}.demo-dots b{width:5px;height:5px;border-radius:50%;background:#d4d1da}.demo-dots b.active{width:16px;border-radius:3px;background:var(--brand)}
.scenes-section{padding:73px 0 58px}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:38px}.scene-item{min-width:0}.scene-images{height:236px;position:relative;overflow:hidden;border-radius:6px;isolation:isolate;background:#f8f1ec}.scene-images img{position:absolute;object-fit:cover;border:3px solid white;border-radius:3px;box-shadow:0 5px 15px #29212b14}.scene-images img:first-child{width:60%;height:80%;left:10%;top:12%;transform:rotate(-8deg);z-index:1}.scene-images img:last-child{width:53%;height:72%;left:47%;top:22%;transform:rotate(8deg)}.scene-commerce{background:#fff0e8}.scene-social{background:#fff0f4}.scene-store{background:#ecf6f0}.scene-office{background:#eef2fc}.scene-item h3{display:flex;align-items:center;gap:9px;font-size:17px;margin:19px 0 8px;font-weight:600}.scene-item h3 svg{width:18px;height:18px;color:#787580}.scene-item p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.example-note{font-size:10px;color:#aaa7af;text-align:center;margin:28px 0 0}.closing-section{background:#fff6f8;border-top:1px solid #fbe9ef;border-bottom:1px solid #fbe9ef;padding:43px 0 48px;text-align:center}.closing-logo{margin:0 auto 17px}.closing-inner h2{font-size:27px;line-height:1.5;margin:0;font-weight:650}.closing-inner p{font-size:14px;color:var(--muted);margin:10px 0 23px}.site-footer{padding:29px 0 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top .brand{font-size:15px;gap:8px}.legal-links{display:flex;gap:24px;font-size:12px;color:#76717e}.legal-links a:hover{color:var(--brand)}.footer-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:10px;line-height:1.8;color:#9d99a4;border-top:1px solid #f3f1f5;margin-top:23px;padding-top:18px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 22px;background:#2a2731;color:white;border-radius:6px;font-size:14px;line-height:1.6;box-shadow:0 8px 28px #19112322;z-index:60;text-align:center}.image-dialog{border:1px solid var(--line);border-radius:6px;padding:36px 10px 10px;max-width:calc(100vw - 30px);width:1280px;background:white}.image-dialog::backdrop{background:#18151ecc}.image-dialog img{width:100%;height:auto;max-height:85vh;object-fit:contain}.dialog-close{position:absolute;right:6px;top:4px;border:0;width:28px;height:28px}
@media(min-width:1600px){.hero{padding-top:57px}.hero-gallery{margin-top:54px;height:323px;width:1160px;gap:25px}.hero-poster{height:284px}.poster-store,.poster-office{height:263px}.poster-social{height:310px}.hero-gallery-caption{padding-bottom:35px}.feature-section{padding-top:74px}}
@media(max-width:1050px){.main-nav{gap:18px}.header-inner{gap:22px}.brand{font-size:17px}.hero-gallery{width:calc(100% - 72px);gap:14px}.hero-poster .poster-copy{padding:12px 9px}.poster-copy strong,.poster-store strong,.poster-social strong,.poster-office strong{font-size:20px}.poster-product strong,.poster-travel strong{font-size:23px}.scene-grid{gap:18px}.scene-images{height:215px}}
@media(max-width:820px){.main-nav{gap:16px;font-size:12px}.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:none}.header-inner{gap:16px}.header-download{margin-left:auto}.main-nav{margin-left:auto}.wrap{width:calc(100% - 40px)}.hero-gallery{width:calc(100% - 60px);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:650px}.poster-store,.poster-office{display:none}.hero-poster{height:255px}.poster-social{height:280px}.feature-tabs{gap:20px}.feature-tabs button{font-size:14px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.scene-images{height:265px}.hero-description{font-size:14px}}
@media(max-width:600px){html{scroll-padding-top:78px}.site-header{height:64px}.wrap{width:calc(100% - 36px)}.header-inner{gap:10px}.brand{font-size:15px;gap:7px}.brand img{width:28px;height:29px}.main-nav{display:none}.button-small{padding-inline:11px;min-height:34px;font-size:11px;gap:6px}.button-small svg{width:14px;height:14px}.hero{padding-top:34px}.hero h1{font-size:36px;line-height:1.4}.hero-tagline{font-size:22px;margin-top:9px}.hero-description{font-size:12px;line-height:1.9;margin:15px 0 22px}.mobile-break{display:block}.download-buttons{gap:10px}.download-buttons .button{min-width:0;flex:1;max-width:190px;padding-inline:12px;font-size:13px;gap:7px;min-height:47px}.hero-copy .download-buttons{max-width:350px;margin:auto}.button svg{width:18px;height:18px}.hero-gallery{width:calc(100% - 34px);max-width:420px;margin-top:37px;gap:9px;padding-inline:2px;height:206px}.hero-poster{height:175px;border-width:3px}.poster-social{height:195px;transform:translateY(-5px)}.hero-poster .poster-copy{padding:9px 6px}.poster-copy small{font-size:5px}.poster-copy strong,.poster-social strong{font-size:13px;line-height:1.5;margin-top:9px}.poster-product strong,.poster-travel strong{font-size:17px}.poster-copy span{font-size:6px}.poster-social span{padding:2px 3px}.hero-gallery-caption{gap:8px;font-size:10px;padding:7px 12px 24px;flex-wrap:wrap}.hero-gallery-caption small{width:100%;margin:0;font-size:9px}.hero-gallery-caption b{font-size:8px}.feature-section{padding:43px 0 29px}.section-heading h2{font-size:24px;line-height:1.5}.eyebrow{font-size:11px!important;margin-bottom:9px!important}.section-heading>p:last-child{font-size:12px;margin-top:10px}.feature-tabs{gap:0;justify-content:space-between;margin-top:21px}.feature-tabs button{font-size:12px;gap:5px;padding:14px 3px 15px;white-space:nowrap}.feature-tabs button svg{width:14px;height:14px}.demo-caption{margin:22px 0 14px;padding:0;gap:10px}.demo-caption h3{font-size:15px}.demo-caption p{font-size:11px;max-width:238px;line-height:1.8;margin-top:5px}.icon-button{width:28px;height:28px}.icon-button svg{width:15px;height:15px}.preview-navigation{gap:5px}.demo-toolbar{height:35px;padding-inline:9px}.demo-brand{font-size:9px;gap:5px}.demo-brand img{width:15px;height:16px}.window-dots{gap:3px}.window-dots span{width:5px;height:5px}.demo-image-wrap{aspect-ratio:1.18}.demo-image-wrap>img{object-fit:cover;object-position:top left;width:150%;max-width:none;height:auto}.demo-footer{font-size:10px;gap:10px;margin-top:14px}.format-list{right:9px;bottom:10px;padding:8px 4px;gap:1px}.format-list span{font-size:9px;padding:0 6px}.scenes-section{padding:43px 0 33px}.scene-grid{margin-top:26px;gap:27px 14px}.scene-images{height:174px}.scene-item h3{font-size:14px;gap:7px;margin:13px 0 6px}.scene-item h3 svg{width:15px;height:15px}.scene-item p{font-size:10px;line-height:1.8;min-height:36px}.example-note{margin-top:18px;font-size:9px}.closing-section{padding:34px 0 36px}.closing-logo{width:43px;height:45px;margin-bottom:14px}.closing-inner h2{font-size:22px}.closing-inner p{font-size:12px;margin:9px 0 21px}.closing-inner .download-buttons{max-width:350px;margin:auto}.site-footer{padding:24px 0 21px}.footer-top{flex-direction:column;gap:18px}.footer-top .brand{font-size:14px}.legal-links{font-size:11px;gap:25px}.footer-bottom{font-size:9px;gap:4px 12px;margin-top:19px;padding-top:16px}.footer-bottom>span{flex-basis:100%;text-align:center}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.brand{font-size:13px;gap:6px}.brand img{width:25px;height:26px}.button-small{font-size:10px;padding-inline:9px}.hero h1{font-size:32px}.hero-tagline{font-size:19px}.hero-description{font-size:11px}.download-buttons .button{font-size:12px;padding-inline:8px;gap:5px}.button svg{width:16px;height:16px}.hero-gallery{height:181px;width:calc(100% - 24px);gap:7px}.hero-poster{height:153px}.poster-social{height:172px}.poster-copy strong,.poster-social strong{font-size:11px}.poster-product strong,.poster-travel strong{font-size:15px}.hero-gallery-caption{font-size:9px;gap:7px}.section-heading h2{font-size:21px}.section-heading>p:last-child{font-size:11px}.feature-tabs button{font-size:11px;gap:4px}.feature-tabs button svg{width:12px;height:12px}.demo-caption h3{font-size:13px}.demo-caption p{font-size:10px;max-width:205px}.preview-navigation .icon-button{width:25px;height:25px}.scene-images{height:150px}.scene-item h3{font-size:13px}.scene-item p{font-size:10px}.closing-inner h2{font-size:19px}}
@media(max-width:359px){.poster-travel strong{font-size:14px}}
@media(min-width:821px) and (max-height:820px){.hero{padding-top:30px}.hero-gallery{margin-top:30px;height:240px}.hero-poster{height:225px}.poster-store,.poster-office{height:210px}.poster-social{height:240px}.hero-gallery-caption{padding-bottom:22px}.feature-section{padding-top:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}