@charset "UTF-8";
:root{--bg:#08111f;--bg2:#0d1b2c;--panel:#14263a;--cyan:#52c9de;--blue:#3f73b9;--paper:#eef1f4;--ink:#172330;--line:#d4dbe1;--muted:#687783;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;padding-left:76px}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.skip{position:fixed;top:-80px;left:90px;background:#fff;padding:10px;z-index:999}.skip:focus{top:12px}
.side-nav{position:fixed;left:0;top:0;bottom:0;width:76px;background:#07101c;color:#fff;z-index:80;border-right:1px solid #1d2d40;display:flex;flex-direction:column;align-items:center;padding:16px 0}.side-nav__brand{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:10px;font-weight:900}.side-nav__brand img{width:46px;height:46px;border-radius:12px}.side-nav__brand small{font-size:7px;letter-spacing:.12em;color:#7790a6}.side-nav nav{margin:auto 0;display:flex;flex-direction:column;gap:28px}.side-nav nav a{writing-mode:vertical-rl;font-size:9px;letter-spacing:.13em;color:#8da1b5}.side-nav__cta{width:42px;height:42px;border-radius:12px;background:var(--cyan);color:#08111f;display:grid;place-items:center;font-weight:900}
.hero{background:linear-gradient(135deg,#08111f,#0b1a2c 65%,#0b1522);color:#fff;overflow:hidden}.hero__inner{width:min(1180px,calc(100% - 50px));min-height:690px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.hero__copy{padding:80px 0}.crumb{font-size:8px;letter-spacing:.17em;color:#71869a;font-weight:900}.kicker{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--cyan)}.hero h1,.download__copy h2,.workspace__copy h2,.launch__head h2,.mobile__inner h2,.compare__inner h2,.seo__inner h2,.faq__title h2{font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-.05em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero__copy>p{font-size:16px;line-height:1.85;color:#a7b5c2}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:54px;padding:13px 20px;border-radius:8px;font-size:13px;font-weight:900;display:inline-flex;align-items:center}.btn--white{background:#fff;color:#08111f}.btn--line{border:1px solid #31485e}.hero__stats{display:flex;gap:32px;margin-top:38px}.hero__stats div{display:flex;flex-direction:column}.hero__stats small{font-size:8px;letter-spacing:.15em;color:#6e8499}.hero__stats b{font-size:13px;margin-top:5px}
.workspace-mock{position:relative;min-height:560px}.window{position:absolute;width:92%;right:0;top:55px;background:#0d1b2c;border:1px solid #2b4258;border-radius:18px;overflow:hidden;box-shadow:0 35px 90px #0007}.window__bar{height:40px;background:#122337;display:flex;align-items:center;gap:6px;padding:0 12px;color:#7289a0;font-size:9px}.window__bar i{width:8px;height:8px;border-radius:50%;background:#48647d}.window__bar i:first-child{background:#52c9de}.window__bar span{margin-left:10px}.window__body{display:grid;grid-template-columns:90px 1fr;min-height:340px}.window__body aside{background:#0a1624;padding:18px 12px;display:flex;flex-direction:column;gap:18px}.window__body aside b{font-size:12px;color:#fff}.window__body aside span{font-size:9px;color:#6f8497}.window__content{padding:12px}.window__content img{width:100%;height:100%;object-fit:cover;border-radius:10px}.launch-card{position:absolute;left:0;bottom:34px;background:#fff;color:#111;border-radius:14px;padding:12px 15px;display:flex;gap:10px;align-items:center;box-shadow:0 22px 55px #0006}.launch-card img{width:44px;height:44px;border-radius:10px}.launch-card span{display:flex;flex-direction:column}.launch-card small{font-size:8px;letter-spacing:.13em;color:#79818a}.launch-card b{font-size:12px;margin-top:4px}
.desktopbar{height:54px;background:var(--cyan);color:#08202a;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;font-size:9px;letter-spacing:.17em;font-weight:900}.desktopbar div+div{border-left:1px solid #3fa7bb}
.section{padding:98px 0}.download{background:#fff}.download__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.download__copy h2,.workspace__copy h2,.launch__head h2,.mobile__inner h2,.compare__inner h2,.seo__inner h2,.faq__title h2{font-size:clamp(34px,4vw,54px)}.download__copy p{color:var(--muted);line-height:1.85}.download__copy>a{display:inline-block;margin-top:18px;background:var(--bg);color:#fff;padding:13px 17px;border-radius:8px;font-weight:900;font-size:12px}.download__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.download__steps article{background:#f5f7f8;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:280px}.download__steps span{font-size:10px;color:var(--blue);font-weight:900}.download__steps h3{font-size:17px;margin:48px 0 10px}.download__steps p{font-size:12px;line-height:1.7;color:var(--muted)}
.workspace{background:#dfe7ed}.workspace__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.workspace__visual{position:relative;min-height:460px}.workspace__main{width:88%;height:350px;object-fit:cover;border-radius:20px;box-shadow:0 30px 70px #18283a26}.workspace__mini{position:absolute;width:42%;right:0;bottom:0;border:7px solid #dfe7ed;border-radius:18px;box-shadow:0 18px 45px #18283a32}.workspace__copy p{color:var(--muted);line-height:1.85}.workspace__points{margin-top:26px}.workspace__points div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:13px 0;border-top:1px solid #bdc9d2}.workspace__points b{font-size:13px}.workspace__points span{font-size:12px;color:#62717e}
.launch{background:#0b1828;color:#fff}.launch__head{width:min(980px,calc(100% - 40px));margin:0 auto 38px;text-align:center}.launch__grid{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.launch__grid article{background:#12263a;border:1px solid #28425a;border-radius:16px;padding:24px;min-height:260px}.launch__grid span{font-size:10px;color:var(--cyan);font-weight:900}.launch__grid h3{font-size:19px;margin:46px 0 10px}.launch__grid p{font-size:12px;line-height:1.7;color:#9ab0c1}
.gallery{background:#07111e;padding:14px;display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:190px 190px;gap:12px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:14px}.gallery .large{grid-row:1/3}.gallery figure:last-child{grid-column:2/4}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figcaption{position:absolute;left:12px;bottom:12px;background:#08111fe0;color:#fff;padding:8px 10px;border-radius:999px;font-size:10px}
.mobile{background:#53c9de}.mobile__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:center}.mobile__inner>img{width:220px;height:180px;object-fit:cover;border-radius:18px}.mobile__inner .kicker{color:#0b3d48}.mobile__inner h2{font-size:clamp(30px,3.5vw,48px)}.mobile__inner p{color:#164c58;line-height:1.75}.mobile__inner>a{background:#08111f;color:#fff;padding:14px 18px;border-radius:8px;font-weight:900;font-size:12px}
.compare{background:#eef1f4}.compare__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.compare__table{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.row.head{font-size:9px;letter-spacing:.1em;color:#82909a}.row span{font-weight:900}.row b{font-weight:600;color:#5d6d79}
.seo{background:#b8c9d4}.seo__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.seo__inner .kicker{color:#1d5166}.seo__inner p{font-size:14px;line-height:1.85;color:#495a66}.seo__inner p+p{margin-top:18px}
.faq{background:#f4f6f8}.faq__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq__title img{margin-top:24px;width:100%;max-height:180px;object-fit:cover;border-radius:18px}.faq__list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;font-weight:900}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:0;padding:0 36px 22px 0;font-size:13px;line-height:1.75;color:var(--muted)}
.final{background:#08111f;color:#fff;padding:66px 0}.final__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.final small{font-size:8px;letter-spacing:.18em;color:#70859a}.final h2{font-size:36px;margin:5px 0}.final a{background:var(--cyan);color:#08111f;padding:15px 20px;border-radius:8px;font-weight:900}
footer{background:#050b13;color:#6e7d8b}.footer__inner{width:min(1180px,calc(100% - 40px));min-height:120px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:center}.brand.small{margin:0}.footer__inner p{font-size:11px;line-height:1.6}.footer__inner a{color:#fff;font-size:11px}.dock{display:none}.reveal{opacity:0;transform:translateY(14px);transition:.55s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){body{padding-left:0}.side-nav{display:none}.hero__inner,.download__inner,.workspace__inner,.compare__inner,.seo__inner,.faq__inner{grid-template-columns:1fr}.workspace-mock{min-height:500px}.download__steps{grid-template-columns:1fr}.launch__grid{grid-template-columns:1fr}.mobile__inner{grid-template-columns:180px 1fr}.mobile__inner>a{grid-column:1/-1;text-align:center}.footer__inner{grid-template-columns:1fr;padding:26px 0}}
@media(max-width:620px){body{padding-bottom:72px}.hero__inner{min-height:auto}.hero__copy{padding:54px 0 15px}.hero h1{font-size:42px}.hero__actions{display:grid}.btn{width:100%}.workspace-mock{min-height:390px}.window{width:100%;top:25px}.window__body{grid-template-columns:60px 1fr;min-height:250px}.launch-card{bottom:8px}.desktopbar{grid-template-columns:repeat(2,1fr);height:auto}.desktopbar div{padding:14px}.section{padding:70px 0}.workspace__points div{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-template-rows:none}.gallery figure,.gallery .large,.gallery figure:last-child{grid-row:auto;grid-column:auto;height:220px}.mobile__inner{grid-template-columns:1fr}.mobile__inner>img{width:100%;height:220px}.row{grid-template-columns:1fr}.final__inner{flex-direction:column;align-items:flex-start}.final a{width:100%;text-align:center}.dock{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:100;background:#08111f;color:#fff;padding:10px 12px;border-radius:10px;align-items:center;box-shadow:0 18px 50px #0005}.dock a{margin-left:auto;background:var(--cyan);color:#08111f;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:900}}


/* QQPK_SAFE_01_33_START */

/*
   QQPK 01-33 图片基础安全补丁
*/

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

main {
    max-width: 100%;
    overflow-x: clip;
}

main figure,
main picture {
    max-width: 100%;
}

main img {
    max-width: 100%;
}

/*
   客户端截图和安装步骤图优先完整显示。
*/

main figure img,
main [class*="stage"] img,
main [class*="screen"] img,
main [class*="preview"] img,
main [class*="visual"] img,
main [class*="gallery"] img,
main [class*="step"] img {
    object-fit: contain;
}

/* QQPK_SAFE_01_33_END */