*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef0f4;color:#20242c;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.72}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.top{height:74px;background:#eef0f4;border-bottom:1px solid #cfd3da;position:sticky;top:0;z-index:30}.top-inner{width:min(1240px,calc(100% - 44px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:38px;height:38px;object-fit:contain}.top nav{display:flex;gap:22px;margin-left:auto;font-size:14px}.top-cta{background:#20242c;color:#fff;padding:10px 18px;font-weight:900}.top button,.mobile-nav{display:none}.hero{padding:34px max(22px,calc((100vw - 1240px)/2)) 78px}.hero-meta{display:flex;justify-content:space-between;border-bottom:1px solid #c7cbd2;padding-bottom:12px;font-size:10px;letter-spacing:.17em;font-weight:900;color:#858b95}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:center;padding-top:48px}.hero h1,.desktop h2,.preview h2,.download h2,.mobile-backup h2,.path h2,.faq h2,.final h2{font-size:clamp(34px,4.7vw,60px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 18px}.hero h1{font-size:clamp(52px,6.8vw,86px)}.hero-copy p{font-size:18px;color:#626873}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-actions a{padding:13px 20px;font-weight:900}.black{background:#20242c;color:#fff}.line{border:1px solid #8f949c}.desktop-frame{background:#252a33;border-radius:14px;overflow:hidden;box-shadow:0 26px 60px rgba(22,28,38,.18)}.window-bar{height:42px;background:#343a44;color:#d8dbe0;display:flex;align-items:center;padding:0 14px;gap:8px}.window-bar span{width:10px;height:10px;border-radius:50%;background:#777e88}.window-bar b{margin-left:10px;font-size:10px;letter-spacing:.12em}.window-content{background:#151922;padding:18px}.window-content img{width:100%;max-height:470px;object-fit:contain}.desktop,.path,.faq{width:min(1180px,calc(100% - 44px));margin:auto;padding:88px 0}.desktop-copy{max-width:760px}.desktop-copy>span,.preview-copy>span,.download-title>span,.backup-copy>span,.path header>span,.faq-intro>span,.final span{font-size:10px;letter-spacing:.2em;font-weight:900;color:#935e26}.desktop-copy p,.preview-copy p,.download-title p,.backup-copy p,.path p,.faq p,.final p{color:#666b74}.desktop-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.desktop-points article{background:#fff;border:1px solid #d8dce2;padding:28px;min-height:220px}.desktop-points b{font-size:12px;color:#935e26}.desktop-points h3{font-size:22px;margin:14px 0 7px}.desktop-points p{margin:0;color:#666b74}.preview{background:#dfe3e9;padding:76px max(22px,calc((100vw - 1180px)/2))}.preview-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:320px 260px;gap:16px}.preview-grid figure{margin:0;background:#cfd4dc;display:flex;align-items:center}.preview-grid figure.main{grid-row:1/3}.preview-grid img{width:100%;height:100%;object-fit:contain;padding:14px}.preview-copy{background:#fff;padding:32px;display:flex;flex-direction:column;justify-content:center}.preview-copy h2{font-size:36px}.preview-copy a{font-weight:900;color:#20242c}.download{padding:86px max(22px,calc((100vw - 1080px)/2));background:#fff}.download-title{max-width:740px}.download-row{display:grid;grid-template-columns:1fr 360px;gap:20px;margin-top:34px}.pc-box{border:1px solid #cfd3da;padding:32px;display:flex;flex-direction:column;justify-content:center}.pc-box span{font-size:10px;letter-spacing:.16em;color:#8a8f97;font-weight:900}.pc-box strong{font-size:34px;margin:7px 0}.pc-box p{margin:0;color:#646a74}.pc-cta{background:#20242c;color:#fff;padding:30px;min-height:210px;display:flex;flex-direction:column;justify-content:center}.pc-cta small{color:#aeb4bf}.pc-cta strong{font-size:28px;margin:8px 0}.pc-cta span{font-size:13px;color:#d8dbe1}.mobile-backup{width:min(1180px,calc(100% - 44px));margin:88px auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:center}.backup-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backup-gallery figure{margin:0;background:#dfe3e9}.backup-gallery img{width:100%;height:320px;object-fit:contain;padding:10px}.mobile-backup>a{grid-column:2;font-weight:900;border-bottom:2px solid #20242c;justify-self:start}.path header{max-width:680px}.path-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c4c8cf;margin-top:34px}.path-line article{padding:26px 24px 0 0}.path-line article+article{border-left:1px solid #c4c8cf;padding-left:24px}.path-line b{color:#935e26;font-size:12px}.path-line h3{font-size:18px;margin:10px 0 6px}.path-line p{font-size:14px;margin:0}.faq{display:grid;grid-template-columns:.68fr 1.32fr;gap:60px;padding-top:10px}.faq-list{border-top:1px solid #c7cbd2}.faq details{border-bottom:1px solid #c7cbd2}.faq summary{padding:19px 38px 19px 0;font-weight:900;cursor:pointer;position:relative}.faq summary:after{content:"+";position:absolute;right:3px;color:#935e26}.faq details[open] summary:after{content:"−"}.faq p{margin:0 0 20px}.final{width:min(1180px,calc(100% - 44px));margin:0 auto 80px;background:#c7a06a;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final span{color:#4d3417}.final p{margin:0;color:#493d2c}.final a{background:#20242c;color:#fff;padding:13px 20px;font-weight:900;white-space:nowrap}footer{background:#20242c;color:#b8bcc3;padding:48px max(22px,calc((100vw - 1180px)/2)) 94px;display:flex;justify-content:space-between;gap:60px}footer strong{color:#fff;font-size:18px}footer p{max-width:650px}.sticky{display:none}
@media(max-width:820px){body{padding-bottom:62px}.top{height:64px}.top-inner{width:calc(100% - 28px)}.top nav,.top-cta{display:none}.top button{display:block;margin-left:auto;border:0;background:none;font-weight:900}.mobile-nav{position:absolute;z-index:40;top:64px;left:0;right:0;background:#eef0f4;border-bottom:1px solid #cfd3da;padding:10px 18px 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:9px 0}.hero{padding:28px 14px 52px}.hero-grid{grid-template-columns:1fr;gap:30px;padding-top:34px}.hero h1{font-size:42px}.hero-copy p{font-size:16px}.desktop,.path,.faq{width:calc(100% - 28px);padding:58px 0}.desktop-points{grid-template-columns:1fr}.preview{padding:50px 14px}.preview-grid{grid-template-columns:1fr;grid-template-rows:auto}.preview-grid figure.main{grid-row:auto}.preview-grid figure{min-height:300px}.preview-grid img{max-height:430px}.preview-copy h2{font-size:29px}.download{padding:58px 14px}.download-row{grid-template-columns:1fr}.mobile-backup{width:calc(100% - 28px);grid-template-columns:1fr;margin:58px auto}.backup-gallery{grid-template-columns:1fr}.backup-gallery img{height:auto;max-height:430px}.mobile-backup>a{grid-column:auto}.path-line{grid-template-columns:1fr}.path-line article,.path-line article+article{border-left:0;border-bottom:1px solid #c4c8cf;padding:22px 0}.faq{grid-template-columns:1fr;gap:20px}.final{width:calc(100% - 28px);display:block;padding:32px 24px}.final a{display:flex;justify-content:center;margin-top:20px}footer{display:block;padding:42px 14px 88px}.sticky{position:fixed;z-index:50;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid #d1d5dc;display:flex;align-items:center;justify-content:space-between;padding:7px 14px}.sticky span{display:grid;line-height:1.05}.sticky small{color:#6f747c}.sticky a{background:#20242c;color:#fff;padding:10px 15px;font-weight:900}}
@media(max-width:420px){.hero h1,.desktop h2,.preview h2,.download h2,.mobile-backup h2,.path h2,.faq h2,.final h2{font-size:29px}.hero-actions a{width:100%;text-align:center}}