@charset "UTF-8";
:root{--navy:#0f2d34;--teal:#0f6f73;--mint:#bfe6dc;--paper:#f3f7f3;--white:#fff;--ink:#162728;--muted:#667676;--line:#d1ddda;--yellow:#eadb78;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.header{background:#f7fbf8;border-bottom:1px solid var(--line)}.header-grid{height:72px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:25px}.brand img{max-height:38px;width:auto}.header nav{display:flex;justify-content:center;gap:27px;font-size:12px;color:#667674}.header nav a:hover{color:var(--teal)}.header-cta{background:var(--navy);color:#fff;padding:11px 17px;border-radius:999px;font-size:12px;font-weight:900}
.hero{background:linear-gradient(145deg,#12363d,#0f2d34 65%,#154d51);color:#fff}.hero-grid{min-height:680px;display:grid;grid-template-columns:140px 1fr .78fr;gap:55px;align-items:center}.hero-number{font-size:120px;font-weight:900;color:rgba(191,230,220,.13);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:-.08em}.kicker,.choose-head span,.guide-aside>span,.visual-head span,.permission-title span,.trouble-title span,.checklist-grid>div>span,.faq-title span,.final-grid>div>span{display:block;font-size:9px;letter-spacing:.16em;color:#7bc4b9;font-weight:900;margin-bottom:14px}.hero h1{font-size:clamp(64px,7.3vw,100px);line-height:.86;letter-spacing:-.065em;margin:20px 0 20px}.lead{font-size:21px;line-height:1.45;color:#d3ebe7;max-width:650px}.desc{font-size:14px;line-height:1.85;color:#9bb7b4;max-width:620px}.hero-cta{display:inline-block;margin-top:22px;background:var(--yellow);color:#142f32;padding:14px 18px;border-radius:999px;font-size:12px;font-weight:900}.hero-cta span{margin-left:18px}.hero-outline{background:rgba(255,255,255,.04);border:1px solid rgba(191,230,220,.16);border-radius:18px;overflow:hidden}.outline-head{padding:15px 18px;border-bottom:1px solid rgba(191,230,220,.12);font-size:9px;letter-spacing:.16em;color:#6fa8a1}.hero-outline ol{list-style:none;margin:0;padding:0}.hero-outline li{display:grid;grid-template-columns:48px 1fr;padding:16px 18px;border-bottom:1px solid rgba(191,230,220,.1)}.hero-outline li:last-child{border-bottom:0}.hero-outline span{font-size:9px;color:#80c4bb}.hero-outline b{font-size:13px;font-weight:800}
.choose{padding:110px 0}.choose-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin-bottom:40px}.choose-head h2,.guide-aside h2,.visual-head h2,.permission-title h2,.trouble-title h2,.checklist-grid h2,.faq-title h2{font-size:clamp(40px,5vw,62px);line-height:1.04;letter-spacing:-.05em;margin:0}.choose-head>p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choose-grid article{min-height:350px;border-radius:22px;padding:27px;position:relative;display:flex;flex-direction:column}.choose-grid .android{background:#153f45;color:#fff}.choose-grid .ios{background:#d6eae6}.choose-grid .windows{background:#e9df9d}.tag{font-size:9px;letter-spacing:.14em;font-weight:900}.choose-grid article>b{position:absolute;right:24px;top:20px;font-size:54px;opacity:.12}.choose-grid h3{font-size:26px;margin:70px 0 10px}.choose-grid p{font-size:13px;line-height:1.75;opacity:.75}.choose-grid a{margin-top:auto;padding-top:15px;border-top:1px solid currentColor;font-size:12px;font-weight:900}
.guide{padding:110px 0;background:#fff}.guide-grid{display:grid;grid-template-columns:330px 1fr;gap:80px}.guide-aside p{font-size:13px;line-height:1.8;color:var(--muted)}.mini-note{margin-top:35px;border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:40px 1fr;gap:12px}.mini-note b{font-size:9px;color:var(--teal)}.mini-note span{font-size:11px;color:#71817f;line-height:1.6}.manual{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.manual li{display:grid;grid-template-columns:70px 1fr 90px;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start}.manual-no{font-size:12px;font-weight:900;color:var(--teal)}.manual-copy>span{font-size:8px;letter-spacing:.14em;color:#8ca19e}.manual-copy h3{font-size:22px;margin:6px 0 8px}.manual-copy p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.manual-copy a{display:inline-block;margin-top:12px;color:var(--teal);font-size:12px;font-weight:900}.manual-status{text-align:right;font-size:8px;letter-spacing:.12em;color:#8fa19e}
.visual{padding:105px 0;background:#dfece8}.visual-head{max-width:780px;margin-bottom:40px}.visual-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:16px}.visual-grid figure{margin:0;min-height:560px;background:#0f2d34;border-radius:20px;padding:34px 26px 55px;display:grid;place-items:center;position:relative}.desktop-visual{background:#eef5f2!important}.visual-grid img{max-height:480px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.25))}.desktop-visual img{max-height:420px;max-width:94%}.visual-grid figcaption{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;font-size:10px;color:#8dc1b9}.desktop-visual figcaption{color:#70817e}
.permissions{padding:105px 0}.permission-grid{display:grid;grid-template-columns:330px 1fr;gap:80px}.permission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.permission-cards article{min-height:260px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.permission-cards b{font-size:9px;color:var(--teal)}.permission-cards h3{font-size:20px;margin:65px 0 8px}.permission-cards p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.trouble{padding:105px 0;background:#12363d;color:#fff}.trouble-grid{display:grid;grid-template-columns:340px 1fr;gap:80px}.trouble-title h2{color:#fff}.trouble-table{border-top:1px solid rgba(255,255,255,.16)}.trouble-table article{display:grid;grid-template-columns:170px 1fr;gap:30px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16)}.symptom{font-size:11px;color:#8ec6be;font-weight:900}.trouble-table h3{font-size:18px;margin:0 0 6px}.trouble-table p{font-size:12px;line-height:1.7;color:#9fb8b5;margin:0}
.checklist{padding:95px 0;background:var(--yellow)}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.checklist-grid>div>span{color:#6d6429}.checklist-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(34,47,38,.2)}.checklist-grid li{padding:13px 0;border-bottom:1px solid rgba(34,47,38,.2);font-size:13px}.checklist-grid li span{display:inline-grid;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;place-items:center;margin-right:10px;font-size:10px}
.faq{padding:110px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:350px 1fr;gap:90px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 48px 23px 0;font-weight:900;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:18px;color:var(--teal);font-size:24px}details[open] summary::after{content:"−"}details p{margin:0 0 23px;color:var(--muted);font-size:13px;line-height:1.8}
.final{background:var(--teal);color:#fff}.final-grid{min-height:190px;display:grid;grid-template-columns:90px 1fr auto;gap:45px;align-items:center}.final-no{font-size:48px;font-weight:900;color:rgba(255,255,255,.2)}.final-grid h2{font-size:33px;margin:7px 0 8px;letter-spacing:-.04em}.final-grid p{margin:0;color:#cde4e1;font-size:12px}.final-grid>a{background:#fff;color:#0f5d61;padding:14px 17px;border-radius:999px;font-size:12px;font-weight:900}
.footer{background:#092226;color:#72918d;padding:38px 0 90px}.footer-grid{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}.footer img{max-height:34px;width:auto}.footer p{font-size:11px}.footer nav{display:flex;gap:18px;font-size:11px}.mobile-bar{display:none}
@media(max-width:1000px){.hero-grid{grid-template-columns:80px 1fr}.hero-outline{grid-column:2}.choose-head,.guide-grid,.permission-grid,.trouble-grid,.faq-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}body{padding-bottom:70px}.header nav,.header-cta{display:none}.header-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;padding:52px 0}.hero-number{display:none}.hero h1{font-size:60px}.lead{font-size:18px}.hero-outline{grid-column:auto}.choose,.guide,.visual,.permissions,.trouble,.faq{padding:74px 0}.choose-head{grid-template-columns:1fr;gap:16px}.choose-grid{grid-template-columns:1fr}.manual li{grid-template-columns:48px 1fr}.manual-status{display:none}.visual-grid{grid-template-columns:1fr}.visual-grid figure{min-height:450px}.permission-cards{grid-template-columns:1fr}.trouble-table article{grid-template-columns:1fr;gap:8px}.checklist{padding:70px 0}.checklist-grid{grid-template-columns:1fr;gap:35px}.final-grid{grid-template-columns:1fr;gap:18px;padding:32px 0}.final-no{display:none}.final-grid>a{justify-self:start}.footer-grid{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.mobile-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;background:rgba(9,34,38,.96);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-bar span{display:flex;flex-direction:column}.mobile-bar b{font-size:12px}.mobile-bar small{font-size:9px;color:#7fa19c;margin-top:3px}.mobile-bar a{background:var(--yellow);color:var(--navy);padding:10px 16px;border-radius:999px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}