*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#15111e;color:#f4f0f5;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #d7baff}.wrap{width:min(1380px,calc(100% - 112px));margin:auto}.nav{height:112px;display:flex;align-items:center;gap:48px}.brand{font-size:30px;font-weight:700;letter-spacing:1px;white-space:nowrap}.brand span{font-weight:500}.nav nav{display:flex;gap:40px;margin-left:auto;color:#c7c0d0;font-size:15px}.nav nav a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:58px;padding:0 24px;border-radius:11px;font-size:16px;font-weight:500;border:1px solid transparent;transition:background .2s,transform .2s}.button svg{width:23px;height:23px;flex-shrink:0}.button>span{margin-left:8px}.primary{background:#cfb3ef;color:#20132e}.primary:hover{background:#e0c9f7;transform:translateY(-2px)}.outline{border-color:#796b89;background:#17131f}.outline:hover{background:#282032;transform:translateY(-2px)}.nav-download{min-height:44px;padding:0 23px;font-size:14px}.hero{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:630px;padding-top:40px;padding-bottom:65px}.hero-copy{position:relative;z-index:2}.hero h1{font-weight:500;letter-spacing:-2.7px;font-size:clamp(42px,4.5vw,70px);line-height:1.4;margin:0 0 26px;white-space:nowrap}.hero-copy>p{font-size:20px;line-height:1.85;color:#aaa0b5;margin:0 0 38px}.hero-actions{display:flex;gap:13px;white-space:nowrap}.hero-actions .button{padding:0 19px;font-size:15px;gap:9px}.download-note{margin-top:19px;color:#a69aad;font-size:14px}.download-note b{font-weight:400}.hero-art{position:relative;height:480px;margin-left:20px}.workbench{position:absolute;inset:0 -14px 48px 0;border:1px solid #6b5b7c;border-radius:13px;background:#201a2b;overflow:hidden;transform:perspective(1400px) rotateY(-8deg) rotateZ(-2deg);box-shadow:0 25px 50px #06020b60}.window-bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;font-size:11px;color:#b5abbf;border-bottom:1px solid #352a43}.window-bar b{color:#f4f0f5;font-size:13px}.window-label{margin-left:auto;font-size:10px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;background:#a088b9;border-radius:50%}.dots i:first-child{background:#d48991}.dots i:last-child{background:#83b69c}.workbench-body{display:flex;height:calc(100% - 38px);padding:8px 8px 9px 0}.tool-rail{display:flex;flex-direction:column;align-items:center;gap:19px;width:47px;padding-top:12px;flex-shrink:0;color:#c6b5d7;font-size:21px}.tool-rail .active{background:#6e508a;border-radius:6px;padding:0 7px}.photo-stage{overflow:hidden;flex:1;border-radius:4px;background:#100e17}.photo-stage img{width:100%;height:100%;object-fit:cover;object-position:48%;transition:filter .18s}.inspector{width:155px;padding:13px 10px;flex-shrink:0;font-size:11px;background:#18131f;margin-left:8px;border-radius:7px}.inspector-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:29px;gap:5px}.toggle{border:0;background:#ae82dc;border-radius:20px;width:29px;height:16px;padding:2px;display:flex;justify-content:flex-end}.toggle span{width:12px;height:12px;border-radius:50%;background:white}.toggle[aria-checked=false]{background:#64596d;justify-content:flex-start}.inspector label{display:block;color:#b9acc5;margin:18px 0 6px}.inspector output{float:right}.inspector input{width:100%;height:3px;accent-color:#c5a6e4;cursor:pointer}.reference-label{margin-top:24px;margin-bottom:10px;color:#b9acc5}.mini-photos{display:flex;gap:5px}.mini-photos img{width:calc((100% - 10px)/3);height:52px;object-fit:cover;border-radius:3px}.mini-photos img:first-child{border:1px solid #c5a6e4}.preview-note{color:#9785a7;font-size:9px;line-height:1.6;margin-top:12px}.floating-photo{position:absolute;width:49%;right:-22px;bottom:26px;transform:rotate(2deg);border:2px solid #b8a68c;border-radius:7px;overflow:hidden;box-shadow:0 12px 32px #0007}.floating-photo img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.art-caption{position:absolute;right:-10px;bottom:-17px;color:#a69aad;font-size:12px}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0 40px;gap:0}.capabilities article{padding:8px 28px 4px 36px;border-left:1px solid #382c45}.capabilities article:first-child{border:0;padding-left:0}.cap-icon{color:#d2b7ed;height:43px;margin-bottom:13px;width:43px;position:relative}.sun{font-size:49px;line-height:40px;font-family:Arial}.capabilities h2{font-size:21px;font-weight:500;margin:0 0 9px}.capabilities p{font-size:14px;color:#b0a4ba;margin:0;line-height:1.8}.circles i{position:absolute;border:1.5px solid #d2b7ed;width:29px;height:29px;border-radius:50%;top:2px;left:0}.circles i+i{left:13px;top:14px}.corners{background:linear-gradient(#d2b7ed,#d2b7ed) left top/13px 1.5px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) left top/1.5px 13px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) right top/13px 1.5px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) right top/1.5px 13px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) left bottom/13px 1.5px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) left bottom/1.5px 13px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) right bottom/13px 1.5px no-repeat,linear-gradient(#d2b7ed,#d2b7ed) right bottom/1.5px 13px no-repeat;width:37px;height:37px;margin-top:4px;margin-bottom:15px}.ps{border:1.5px solid #d2b7ed;border-radius:3px;width:37px;height:37px;display:grid;place-content:center;font-size:24px;margin-top:4px;margin-bottom:15px}.section-divider{border-top:1px solid #3a2e46;text-align:center;height:65px}.section-divider a{display:inline-block;color:#bda2d1;font-size:28px;padding:8px 20px}.workflow{padding-top:70px;padding-bottom:85px;display:grid;grid-template-columns:minmax(0,39fr) minmax(0,61fr);gap:35px;align-items:center}.workflow h2,.download h2{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(36px,3.7vw,56px);font-weight:400;line-height:1.5;margin:0 0 36px}.workflow h2 em{font-style:normal;color:#c4a6e8}.workflow ol{list-style:none;counter-reset:step;padding:0;margin:0}.workflow li{position:relative;padding:0 0 32px 66px;counter-increment:step}.workflow li:before{content:counter(step);position:absolute;left:0;top:0;border:1px solid #9a7ab9;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:#d5b5f3;background:#241c30;font-family:Georgia,serif;font-size:21px;z-index:1}.workflow li:not(:last-child):after{content:"";position:absolute;left:18px;top:38px;bottom:0;width:1px;background:#5e496f}.workflow li:last-child{padding-bottom:0}.workflow h3{font-weight:500;font-size:21px;margin:0 0 7px}.workflow li p{color:#b4a6c0;line-height:1.85;font-size:15px;margin:0}.gallery-main{border:1px solid #7b658e;border-radius:7px;overflow:hidden;aspect-ratio:1.78}.gallery-main img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-main.detail img{transform:scale(1.7);transform-origin:68% 36%}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.gallery-thumbs button{border:1px solid #6d587e;background:#21182d;padding:0;border-radius:6px;overflow:hidden;height:110px;opacity:.7}.gallery-thumbs button:hover{opacity:1}.gallery-thumbs .selected{border:2px solid #cfadef;opacity:1}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumbs button:nth-child(2) img{transform:scale(1.7);transform-origin:68% 36%}.download{background:#1c1625;border-top:1px solid #392b47;padding:58px 0 25px;text-align:center}.download h2{font-size:43px;margin:0 0 9px}.download h2 span{color:#c4a6e8}.download-intro{margin:0 0 32px;color:#b5a7c3;font-size:17px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1120px;margin:auto}.download-grid article{padding:28px 45px 26px;border:1px solid #78628c;border-radius:8px}.download-grid article>svg{height:42px;width:42px;margin-bottom:12px}.download h3{font-size:26px;font-weight:500;margin:0 0 10px}.download-grid p{color:#b8a9c6;font-size:16px;margin:0 0 20px}.download-grid .button{width:100%;min-height:50px;border-radius:6px;font-size:16px}.code-row{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;margin-top:24px;font-size:14px;color:#c3b4ce;min-height:40px}.code-row b{font-weight:400;letter-spacing:2px;margin-left:5px}.code-row button{border:1px solid #897495;border-radius:5px;color:#e7dcee;background:transparent;padding:9px 14px;font-size:12px}.code-row button:hover{background:#32243f}#copy-status{position:absolute;top:44px;font-size:12px;color:#d7baff}footer{display:flex;justify-content:space-between;align-items:center;height:100px;color:#ac9cba}footer .brand{font-size:21px;font-weight:400}footer>span{font-size:12px}.skip{position:fixed;top:-70px;left:15px;padding:12px;background:#cfb3ef;color:#15111e;z-index:9}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:700px}.hero-art{height:530px}.hero-copy>p{font-size:21px}}@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:45% 55%}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{width:245px;justify-content:flex-start}.hero-actions .button>span{margin-left:auto}.hero-art{height:415px;margin-left:15px}.inspector{width:120px;padding:10px 7px}.inspector-title{font-size:10px}.preview-note{display:none}.workflow{gap:24px}.capabilities article{padding-left:23px;padding-right:12px}.capabilities p{font-size:12px}.capabilities h2{font-size:18px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:85px;gap:20px}.brand{font-size:25px}.nav nav{gap:20px;font-size:12px}.nav nav a:first-child{display:none}.nav-download{min-height:38px;padding:0 14px;font-size:12px}.hero{display:block;padding-top:40px;padding-bottom:35px}.hero h1{font-size:54px;line-height:1.35;letter-spacing:-1.6px}.hero-copy>p{font-size:17px;margin-top:24px;margin-bottom:27px}.hero-actions{flex-direction:row}.hero-actions .button{width:auto;font-size:13px;padding:0 17px;min-height:53px;gap:9px}.hero-actions .button svg{width:19px}.hero-art{height:470px;max-width:660px;margin:60px auto 15px}.workbench{inset:0 10px 45px 0;transform:perspective(1400px) rotateY(-5deg) rotateZ(-1.5deg)}.floating-photo{right:0;width:45%}.inspector{width:155px;padding:15px 10px}.inspector-title{font-size:13px}.art-caption{right:0}.capabilities{grid-template-columns:1fr 1fr;row-gap:34px;padding-top:12px}.capabilities article{padding-left:25px}.capabilities article:nth-child(3){border:0;padding-left:0}.capabilities p{font-size:13px}.workflow{grid-template-columns:1fr;padding-top:30px;padding-bottom:55px;gap:34px}.workflow h2{font-size:45px;margin-bottom:30px}.workflow li{padding-bottom:28px}.workflow li p br{display:none}.gallery-thumbs button{height:100px}.download{padding-top:40px}.download h2{font-size:34px}.download-intro{font-size:14px}.download-grid{gap:15px}.download-grid article{padding:25px 17px}.download h3{font-size:20px}.download-grid p{font-size:13px;min-height:40px;line-height:1.7}.download-grid .button{font-size:13px;padding:0 10px}.download-grid .button>span{display:none}}@media(max-width:480px){.nav{gap:15px}.nav nav{margin-left:auto}.nav nav a:nth-child(2){display:none}.nav-download{padding:0 12px}.hero{padding-top:25px}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.desktop{display:none}.hero-actions{flex-direction:column;gap:12px}.hero-actions .button{width:100%;justify-content:center;font-size:15px}.hero-actions .button>span{margin-left:10px}.download-note{font-size:12px}.hero-art{height:335px;margin-top:42px}.inspector{width:102px;padding:10px 6px;font-size:9px}.inspector-title{font-size:10px;margin-bottom:17px}.inspector label{margin-top:14px}.toggle{width:24px;height:14px}.toggle span{width:10px;height:10px}.mini-photos img{height:38px}.reference-label{margin-top:18px}.tool-rail{width:32px;font-size:18px;gap:17px}.window-bar{font-size:9px;gap:6px;height:30px;padding:0 8px}.window-bar b{font-size:11px}.window-label{display:none}.dots{gap:3px}.dots i{width:5px;height:5px}.workbench-body{height:calc(100% - 30px)}.art-caption{font-size:10px;bottom:-6px}.capabilities{row-gap:27px;padding-bottom:30px}.capabilities h2{font-size:16px}.capabilities p{font-size:11px}.capabilities article{padding-left:15px;padding-right:0}.section-divider{height:45px}.workflow h2{font-size:37px}.workflow h3{font-size:19px}.workflow li p{font-size:13px}.workflow li{padding-left:56px}.gallery-thumbs{gap:8px}.gallery-thumbs button{height:68px}.download h2{font-size:28px}.download-grid{grid-template-columns:1fr}.download-grid article{padding:27px 25px}.download h3{font-size:23px}.download-grid p{min-height:0;font-size:14px}.download-grid .button{font-size:15px}.code-row{gap:12px;font-size:12px}.code-row button{font-size:11px}footer{height:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.skip{top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{top:10px;left:15px;width:auto;height:auto;clip-path:none;padding:12px}