:root{--bg:#f5f8ff;--paper:#fff;--text:#13223a;--muted:#61708a;--blue:#1b67ff;--line:#dfe8f6;--soft:#edf4ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}.guide{width:min(100%,1080px);margin:0 auto;padding:14px 14px 42px}.mast{padding:30px 20px;border-radius:30px;background:var(--paper);box-shadow:0 22px 60px rgba(37,83,156,.12);border:1px solid var(--line);text-align:center}.brand{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:999px;background:#0f1a2e;color:#fff;font-weight:900}h1{max-width:820px;margin:18px auto 12px;font-size:clamp(34px,7vw,62px);line-height:1.08;letter-spacing:-.05em}.mast p{max-width:700px;margin:0 auto;color:var(--muted);font-size:17px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.timeline article,.phone-board,.feature-list div{border:1px solid var(--line);background:var(--paper);border-radius:24px;box-shadow:0 18px 46px rgba(37,83,156,.08)}.timeline article{padding:18px}.timeline b{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--soft);color:var(--blue)}.timeline h2{margin:14px 0 6px;font-size:21px}.timeline p,.text p,.feature-list span{margin:0;color:var(--muted)}.phone-board{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:center;margin-top:16px;padding:20px}.text span{display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--soft);color:var(--blue);font-weight:900;font-size:13px}.text h2{margin:14px 0 10px;font-size:32px;line-height:1.18}.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.phones img{width:100%;max-height:360px;object-fit:contain;border-radius:22px;background:var(--soft);box-shadow:0 18px 40px rgba(37,83,156,.12)}.phones img:nth-child(2){transform:translateY(18px)}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.feature-list div{padding:18px}.feature-list strong{display:block;margin-bottom:6px;font-size:20px}footer{text-align:center;color:#7b8aa1;font-size:13px;margin-top:20px}@media(max-width:760px){.mast{padding:24px 16px;border-radius:24px}.timeline,.phone-board,.feature-list{grid-template-columns:1fr}.phones{grid-template-columns:repeat(3,minmax(138px,1fr));overflow:auto;padding-bottom:4px}.phones img{max-height:290px}.phones img:nth-child(2){transform:none}.phone-board{padding:16px;border-radius:22px}}
