*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b0e;color:#f6f7f9;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.78}a{color:inherit}img{display:block;max-width:100%}.top{height:76px;padding:0 max(22px,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:40;background:rgba(7,9,12,.93);border-bottom:1px solid #23272d;backdrop-filter:blur(16px)}.logo{width:150px}.logo img{width:100%}.top nav{display:flex;gap:24px;margin-left:auto}.top nav a{text-decoration:none;color:#a8adb5;font-size:13px}.top nav a:hover{color:#fff}.top-download{background:#ef3f48;color:white;text-decoration:none;border-radius:8px;padding:11px 17px;font-weight:900;font-size:13px}.hero{position:relative;min-height:820px;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0ddd 0%,#080a0dbf 46%,#080a0d5c 100%),linear-gradient(180deg,transparent 50%,#090b0e 100%)}.hero-grid{position:relative;z-index:2;width:min(1380px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:100px 0}.overline{font-size:11px;letter-spacing:.2em;font-weight:900;color:#ff5a61;text-transform:uppercase}.overline.dark{color:#da3943}.hero h1{font-size:clamp(64px,7.6vw,118px);letter-spacing:-.07em;line-height:.86;margin:22px 0 30px}.hero h1 span{font-weight:300}.hero-intro{max-width:660px;color:#d3d6dc;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-actions a{text-decoration:none;font-weight:900;border-radius:8px;padding:14px 18px}.primary{background:#ef3f48}.secondary{border:1px solid #757b84;background:#0c0e12a6}.hero-meta{display:flex;gap:1px;background:#3a3d43;margin-top:36px;max-width:720px}.hero-meta div{flex:1;background:#11151a;padding:16px}.hero-meta small,.hero-meta strong{display:block}.hero-meta small{color:#7f858e;font-size:11px}.hero-meta strong{font-size:13px;margin-top:4px}.desktop-window{margin:0;border:1px solid #4a4e56;border-radius:16px;overflow:hidden;background:#101319;box-shadow:0 32px 80px #000b;transform:perspective(1200px) rotateY(-4deg)}.browser-bar{height:38px;background:#20242a;display:flex;align-items:center;gap:6px;padding:0 13px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#555b64}.browser-bar span{margin-left:8px;color:#90959d;font-size:10px}.desktop-window>img{width:100%;aspect-ratio:1.55;object-fit:cover}.desktop-window figcaption{display:flex;justify-content:space-between;gap:30px;padding:17px 19px}.desktop-window figcaption span{color:#8f959e;font-size:12px;max-width:280px}.quick-nav{width:min(1380px,calc(100% - 44px));margin:-46px auto 0;position:relative;z-index:5;background:#f2efe8;color:#171717;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #cfc8bc}.quick-nav a{text-decoration:none;padding:24px 22px;border-right:1px solid #cfc8bc;display:flex;gap:14px}.quick-nav a:last-child{border:0}.quick-nav b{color:#d5343e;font-size:11px}.quick-nav span{font-weight:900;font-size:13px}.requirements{background:#f2efe8;color:#171717;padding:120px max(22px,calc((100vw - 1380px)/2))}.section-intro{display:grid;grid-template-columns:170px 1.05fr .95fr;gap:42px;align-items:end;margin-bottom:46px}.section-intro h2,.install-title h2,.file-copy h2,.preview-head h2,.download-copy h2,.trouble aside h2,.faq-title h2{font-size:clamp(38px,4.9vw,66px);line-height:1.02;letter-spacing:-.05em;margin:0}.section-intro>p:last-child{color:#68645e}.req-board{border-top:2px solid #171717}.req-row{display:grid;grid-template-columns:.55fr 1fr 1fr 1.25fr;border-bottom:1px solid #bdb6ab;min-height:88px;align-items:center}.req-row>*{padding:16px 18px;margin:0}.req-row span,.req-row p{color:#57534e}.req-row.head{min-height:54px;background:#171717;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}.req-row.head span{color:#fff}.req-row code{background:#e1dbd1;padding:2px 5px;border-radius:4px}.source-note{color:#777169;font-size:12px;margin-top:14px}.install{width:min(1380px,calc(100% - 44px));margin:auto;padding:120px 0}.install-title{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:46px}.install-title .overline{grid-column:1/-1}.install-title>p:last-child{color:#9ca1aa}.process{border-top:1px solid #333840}.process article{display:grid;grid-template-columns:72px 1fr 170px;gap:24px;padding:29px 0;border-bottom:1px solid #333840;align-items:start}.process .num{color:#ff515a;font-size:12px;font-weight:900}.process h3{font-size:24px;margin:0 0 6px}.process p{margin:0;color:#a8adb6;max-width:820px}.process a,.process em{font-style:normal;text-decoration:none;color:#ff5b63;font-weight:900;font-size:12px;text-align:right}.file-path{background:#e7e1d7;color:#171717;padding:120px max(22px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.file-copy>p{color:#5f5a54}.path-list{margin:28px 0;border-top:1px solid #b8afa3}.path-list>div{padding:18px 0;border-bottom:1px solid #b8afa3;display:flex;align-items:center;gap:8px}.path-list span{margin-left:12px;color:#47433f}.path-list kbd{background:#171717;color:#fff;border-radius:5px;padding:4px 8px;font-family:inherit}.tip{background:#d7cfc3;padding:18px;border-left:3px solid #d43640}.explorer{border:1px solid #b4aca1;background:#f6f2ec;box-shadow:0 28px 60px #6b635a33}.explorer-head{height:48px;border-bottom:1px solid #c7bfb5;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-weight:900}.explorer-head small{color:#77716a}.explorer-body{display:grid;grid-template-columns:150px 1fr;min-height:360px}.explorer-body aside{border-right:1px solid #c8c0b6;padding:20px 12px;display:flex;flex-direction:column;gap:6px}.explorer-body aside span{padding:8px 10px;color:#6d6760}.explorer-body aside .active{background:#ded7cd;color:#111;font-weight:900}.files{padding:34px}.file-card{display:flex;align-items:center;gap:16px;border:1px solid #c8c0b6;background:#fff;padding:15px}.file-card i{font-style:normal;width:48px;height:48px;display:grid;place-items:center;background:#e63e47;color:#fff;border-radius:8px;font-weight:900}.file-card b,.file-card small{display:block}.file-card small{color:#777}.files>p{color:#6f6962;font-size:13px}.preview{width:min(1380px,calc(100% - 44px));margin:auto;padding:120px 0}.preview-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:38px}.preview-head>p{color:#9ba0a9}.desktop-gallery{display:grid;grid-template-columns:1.35fr .85fr;grid-template-rows:1fr 1fr;gap:18px}.desktop-gallery figure{margin:0;border:1px solid #343941;background:#11151a;padding:12px}.desktop-gallery .feature{grid-row:1/3}.desktop-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover;background:#0b0d10}.desktop-gallery .feature img{min-height:580px}.desktop-gallery figcaption{display:flex;justify-content:space-between;gap:24px;padding:12px 4px 3px}.desktop-gallery figcaption span{color:#8c929b;font-size:12px;max-width:260px}.download-block{width:min(1380px,calc(100% - 44px));margin:0 auto 120px;background:#ef3f48;padding:54px 58px;display:flex;justify-content:space-between;align-items:end;gap:60px}.download-block .overline{color:#fff}.download-copy p:last-child{max-width:800px;color:#ffe4e5}.download-block>a{text-decoration:none;background:#090b0e;color:white;padding:18px 22px;border-radius:7px;font-weight:900;white-space:nowrap}.trouble{background:#f2efe8;color:#171717;padding:120px max(22px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.trouble aside p:last-child{color:#65615c}.trouble-table{border-top:2px solid #171717}.trouble-table article{display:grid;grid-template-columns:230px 1fr 90px;gap:24px;padding:23px 0;border-bottom:1px solid #bdb6ab}.trouble-table article p{margin:0;color:#5f5b56}.trouble-table span{text-align:right;color:#d3343e;font-size:10px;font-weight:900}.faq{background:#f2efe8;color:#171717;padding:40px max(22px,calc((100vw - 1380px)/2)) 120px}.faq-title{display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:end;margin-bottom:30px}.faq-list{border-top:2px solid #171717}.faq details{border-bottom:1px solid #bbb4aa;padding:21px 0}.faq summary{font-size:19px;font-weight:900;cursor:pointer}.faq details p{max-width:900px;color:#5c5853}footer{width:min(1380px,calc(100% - 44px));margin:auto;padding:44px 0 84px;display:flex;justify-content:space-between;align-items:center;gap:50px;color:#777e87;font-size:12px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:125px}.mobile-download{display:none}@media(max-width:980px){.top nav,.top-download{display:none}.hero-grid{grid-template-columns:1fr}.desktop-window{transform:none}.quick-nav{grid-template-columns:1fr 1fr;margin:0 auto}.quick-nav a{border-bottom:1px solid #cfc8bc}.section-intro,.install-title,.file-path,.preview-head,.trouble{grid-template-columns:1fr}.req-row{grid-template-columns:1fr 1fr}.req-row.head{display:none}.process article{grid-template-columns:58px 1fr}.process article>a,.process article>em{grid-column:2;text-align:left}.desktop-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.desktop-gallery .feature{grid-row:auto;grid-column:1/-1}.download-block{flex-direction:column;align-items:flex-start}.mobile-download{display:block;position:fixed;z-index:50;left:12px;right:12px;bottom:12px;background:#ef3f48;color:#fff;text-decoration:none;text-align:center;padding:14px;border-radius:10px;font-weight:900;box-shadow:0 12px 34px #0008}footer{padding-bottom:96px}}@media(max-width:580px){.top{padding:0 14px;height:64px}.hero{min-height:auto}.hero-grid{width:calc(100% - 28px);padding:80px 0}.hero h1{font-size:53px}.hero-meta{flex-direction:column}.quick-nav{width:calc(100% - 28px);grid-template-columns:1fr}.requirements,.file-path,.trouble,.faq{padding-left:14px;padding-right:14px}.req-row{grid-template-columns:1fr}.req-row>*{padding:9px 0}.install,.preview,.download-block{width:calc(100% - 28px);padding-top:76px;padding-bottom:76px}.explorer-body{grid-template-columns:90px 1fr}.files{padding:16px}.desktop-gallery{grid-template-columns:1fr}.desktop-gallery .feature{grid-column:auto}.desktop-gallery .feature img,.desktop-gallery img{min-height:300px}.download-block{padding:34px 24px;margin-bottom:74px}.trouble-table article{grid-template-columns:1fr}.trouble-table span{text-align:left}.faq-title{grid-template-columns:1fr}.section-intro{gap:14px}}
.before-after{background:#f2efe8;color:#171717;padding:120px max(22px,calc((100vw - 1380px)/2))}
.before-title{display:grid;grid-template-columns:170px 1fr .9fr;gap:42px;align-items:end;margin-bottom:38px}.before-title h2{font-size:clamp(38px,4.9vw,66px);line-height:1.02;letter-spacing:-.05em;margin:0}.before-title>p:last-child{color:#625e58}
.before-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #171717;border-left:1px solid #bcb5aa}.before-grid article{padding:30px;border-right:1px solid #bcb5aa;border-bottom:1px solid #bcb5aa;min-height:360px}.before-grid span{font-size:10px;letter-spacing:.15em;color:#d3353f;font-weight:900}.before-grid h3{font-size:25px;margin:8px 0}.before-grid p,.before-grid li{color:#5d5954}.before-grid ul{padding-left:18px;margin-top:22px}
.first-start{width:min(1380px,calc(100% - 44px));margin:auto;padding:120px 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:86px}.first-copy h2{font-size:clamp(38px,4.9vw,66px);line-height:1.02;letter-spacing:-.05em;margin:0}.first-copy p:last-child{color:#9da2aa}.first-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #343941;border-left:1px solid #343941}.first-points>div{padding:27px;border-right:1px solid #343941;border-bottom:1px solid #343941}.first-points b{font-size:19px}.first-points p{color:#9da2aa;font-size:13px}
@media(max-width:980px){.before-title,.first-start{grid-template-columns:1fr}.before-grid{grid-template-columns:1fr}.first-points{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.before-after{padding:76px 14px}.before-title{grid-template-columns:1fr;gap:14px}.first-start{width:calc(100% - 28px);padding:76px 0}.first-points{grid-template-columns:1fr}}
