:root{--ink:#1c2824;--muted:#68766f;--green:#4e826c;--cream:#f3f3ec;--paper:#f8f9f6;--dark:#14201b;--line:#d9e1da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);line-height:1.85}img{display:block;max-width:100%;height:auto}a{color:inherit}.shell{width:min(1220px,calc(100% - 40px));margin:auto}.head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}.head>.shell{min-height:70px;display:grid;grid-template-columns:180px 1fr auto;align-items:center}.brand img{height:31px;max-width:150px}.head nav{display:flex;justify-content:center;gap:24px}.head nav a{text-decoration:none;font-size:13px;font-weight:900}.topcta{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;background:var(--dark);color:#fff;text-decoration:none;font-weight:900}.hero{padding:78px 0 40px;background:linear-gradient(180deg,#edf3ef,#fff)}.hero-top{max-width:900px}.hero-top>span,.section-head>span,.mobile-zone span,.tablet-zone span,.windows-zone span,.explain span,.final-download span,.faq-layout>div>span{font-size:10px;letter-spacing:.17em;font-weight:900;color:#4e826c}.hero h1,.real-view h2,.mobile-zone h2,.tablet-zone h2,.windows-zone h2,.explain h2,.final-download h2,.faq h2{margin:7px 0;font-size:clamp(40px,5.5vw,68px);line-height:1.04;letter-spacing:-.05em}.hero-top p,.real-view p,.mobile-zone p,.tablet-zone p,.windows-zone p,.explain p{color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.actions a{display:inline-flex;min-height:50px;align-items:center;padding:0 18px;border:1px solid #9cad9f;text-decoration:none;font-weight:900}.actions .primary{background:var(--dark);color:#fff}.hero-visual{margin:28px 0 0;background:#fff;padding:14px;border:1px solid var(--line)}.hero-visual img{width:100%;max-height:520px;object-fit:contain}.device-strip{padding:30px 0 0}.device-strip>.shell{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.device-strip a{padding:20px;text-decoration:none;border-right:1px solid var(--line)}.device-strip b,.device-strip span,.device-strip strong{display:block}.device-strip b{color:#4e826c}.device-strip span{font-size:10px;color:#75837b;margin-top:12px}.real-view{padding:78px 0 88px}.section-head{max-width:860px;margin-bottom:28px}.real-view h2,.mobile-zone h2,.tablet-zone h2,.windows-zone h2,.explain h2,.final-download h2,.faq h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15}.view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.view-grid figure{margin:0;padding:14px;background:var(--paper);border:1px solid var(--line)}.view-grid img{width:100%;height:350px;object-fit:contain}.view-grid figcaption{font-size:13px;color:var(--muted);padding-top:8px}.mobile-zone{padding:92px 0;background:var(--paper)}.zone-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.mobile-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mobile-images figure{margin:0;background:#fff;padding:12px}.mobile-images img{width:100%;height:360px;object-fit:contain}.route-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.route-buttons a{display:inline-flex;min-height:46px;align-items:center;padding:0 14px;border:1px solid var(--dark);text-decoration:none;font-weight:900}.route-buttons a:last-child{background:var(--dark);color:#fff}.tablet-zone{padding:92px 0}.tablet-grid,.windows-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.tablet-zone figure,.windows-zone figure{margin:0;background:var(--paper);padding:14px}.tablet-zone img,.windows-zone img{width:100%;max-height:450px;object-fit:contain}.windows-zone{padding:92px 0;background:#e6eee8}.windows-grid{grid-template-columns:.9fr 1.1fr}.explain{padding:92px 0}.explain-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:62px}.final-download{padding:64px 0;background:var(--dark);color:#fff}.final-download>.shell{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.final-download a{display:inline-flex;min-height:52px;align-items:center;padding:0 22px;background:#fff;color:var(--dark);text-decoration:none;font-weight:900}.faq{padding:88px 0;background:#f8f9f6}.faq-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 2px;font-size:18px;font-weight:900}.faq-list p{margin:-3px 0 22px;color:var(--muted)}.footer{padding:38px 0 72px;background:#0f1713;color:#dfe6e1}.footer>.shell{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:start}.footer-brand span,.footer-brand strong{display:block}.footer-brand span{font-size:10px;color:#839188}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-nav a{text-decoration:none;color:#c4cec8}.footer-end{text-align:right}.footer-end span,.footer-end a{display:block}.footer-end span{font-size:10px;color:#7e8a83;margin-bottom:10px}.footer-end a{text-decoration:none;font-weight:900}.mobile-bar{display:none}@media(max-width:900px){.head>.shell{grid-template-columns:1fr auto}.head nav{display:none}.device-strip>.shell{grid-template-columns:1fr 1fr}.zone-grid,.tablet-grid,.windows-grid,.explain-grid,.final-download>.shell,.faq-layout,.footer>.shell{grid-template-columns:1fr}.view-grid{grid-template-columns:1fr 1fr}.footer-end{text-align:left}}@media(max-width:600px){body{font-size:15px;padding-bottom:62px}.shell{width:min(100% - 28px,1220px)}.head>.shell{min-height:62px}.brand img{height:28px}.hero{padding:56px 0 30px}.hero h1{font-size:clamp(42px,14vw,58px)}.device-strip>.shell,.view-grid,.mobile-images{grid-template-columns:1fr}.real-view,.mobile-zone,.tablet-zone,.windows-zone,.explain,.faq{padding:62px 0}.view-grid img,.mobile-images img{height:auto;max-height:300px}.route-buttons{display:grid}.route-buttons a{justify-content:center}.final-download a{width:100%;justify-content:center}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;min-height:60px;align-items:center;justify-content:space-between;padding:8px 14px;background:#0f1713;color:#fff}.mobile-bar a{display:inline-flex;min-width:100px;min-height:40px;align-items:center;justify-content:center;background:#fff;color:#14201b;text-decoration:none;font-weight:900}}