*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;line-height:1.8;overflow-x:hidden}img{max-width:100%;height:auto;object-fit:contain;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;white-space:nowrap;transition:.2s ease}.btn-primary{background:var(--btn);color:var(--btnText)}.btn-secondary{background:transparent;color:var(--secondaryText);border-color:var(--secondaryBorder)}.btn-ghost{background:transparent;color:var(--ghostText);border-color:rgba(255,255,255,.18)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;letter-spacing:.06em}.section h2,.section h3,.hero h1{line-height:1.15}.mobile-bar{display:none}.faq details{background:var(--card);border-radius:18px;padding:16px 18px;margin:0 0 12px;border:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}@media (max-width:1024px){.actions{flex-direction:row}}@media (max-width:768px){.wrap{width:min(100% - 28px,1180px)}.actions{flex-direction:column}.btn{width:auto}.mobile-bar{display:flex}.mobile-bar .btn{width:100%}}
body{background:#F3F2F7;color:#1E2330}.site-header{background:#1B2230;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:74px}.header-note{justify-self:center;letter-spacing:.18em;color:#C6CFDF}.hero{background:linear-gradient(180deg,#2A3550 0%,#161B26 100%);padding:58px 0 34px;color:#fff}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:center}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:24px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.hero-card h1{margin:0 0 12px;font-size:clamp(34px,4.8vw,60px)}.hero-card p{max-width:56ch;color:#D5D9E7}.phone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.phone-stage{background:#fff;border-radius:24px;color:#1E2330;padding:18px;min-height:190px;box-shadow:0 14px 30px rgba(8,15,27,.2)}.phone-stage h3{margin:0 0 8px}.phone-stage p{margin:0;color:#556070}.phone-stage.good{background:#E0EFE6}.phone-stage.warn{background:#F2DDD9}.phone-stage.fail{background:#F6EFD5}.phone-frame{margin-top:16px;border-radius:26px;background:#000;overflow:hidden;min-height:320px;position:relative;box-shadow:0 26px 50px rgba(0,0,0,.24)}.phone-frame img{position:absolute;inset:0;margin:auto;max-height:280px}.phone-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.section{padding:62px 0;background:#fff}.section.alt{background:#EEF0F5}.section h2{color:#1E2330;margin:0 0 14px;font-size:clamp(24px,2.7vw,34px)}.section p,.section li{color:#566070;font-size:16px}.grid-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(30,35,48,.08);border-top:6px solid #6477A9}.step:nth-child(2){border-top-color:#D97C56}.step:nth-child(3){border-top-color:#6AA081}.step h3{margin:0 0 8px}.step p{margin:0}.connections{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.panel{background:#fff;border-radius:24px;padding:20px;box-shadow:0 10px 24px rgba(30,35,48,.08)}.panel.dark{background:#1B2230;color:#fff}.panel.dark p,.panel.dark li{color:#D5D9E7}.panel ul{margin:0;padding-left:18px;line-height:1.9}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.strip .cell{background:#1B2230;color:#fff;border-radius:18px;padding:14px 12px;text-align:center}.strip .cell.alt{background:#D97C56}.strip .cell.soft{background:#6AA081}.strip .cell.light{background:#5C6E9B}.faq-grid{display:grid;grid-template-columns:100px 1fr;gap:16px}.faq-index{color:#D97C56;font-weight:700;line-height:2.1}.footer{background:#1B2230;color:#D5D9E7;padding:22px 0 90px}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.footer-tags{display:flex;gap:10px;flex-wrap:wrap}.footer-tags span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08)}@media (max-width:1024px){.hero-grid,.connections,.footer-inner{grid-template-columns:1fr}.grid-steps,.strip{grid-template-columns:1fr 1fr}.phone-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-inner{grid-template-columns:1fr auto}.hero{padding-top:34px}.grid-steps,.phone-grid,.strip{grid-template-columns:1fr}.phone-frame{min-height:260px}.section{padding:54px 0}.footer{padding-bottom:82px}.mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#1B2230;padding:10px 14px;min-height:64px}.mobile-bar .btn{width:100%}body{padding-bottom:78px}}

.site-brand,.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:max-content}
.site-logo,.brand img{display:block;width:auto;height:38px;max-width:180px;max-height:42px;object-fit:contain;flex-shrink:0}
@media (max-width:768px){.site-logo,.brand img{width:auto;height:32px;max-width:150px}}