:where(.page-ios-kit) .mk{background:var(--surface);color:var(--ink);font-family:var(--font-body),system-ui,sans-serif;padding:48px 56px 64px;min-height:100%}:where(.page-ios-kit) .mk *{box-sizing:border-box}:where(.page-ios-kit) .mk-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}:where(.page-ios-kit) .mk-h h1{font:600 34px/1.1 var(--font-heading),sans-serif;margin:0;letter-spacing:-.015em}:where(.page-ios-kit) .mk-h p{margin:8px 0 0;color:var(--muted);max-width:720px;font-size:15px}:where(.page-ios-kit) .mk-eb{display:block;font:700 12px var(--font-body),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--royal);margin-bottom:8px}:where(.page-ios-kit) .mk-tags{display:flex;gap:8px;flex-wrap:wrap}:where(.page-ios-kit) .mk-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--raised);font:600 12.5px var(--font-body),sans-serif}:where(.page-ios-kit) .mk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;justify-items:center}:where(.page-ios-kit) .mk-cell{display:flex;flex-direction:column;align-items:center;gap:14px}:where(.page-ios-kit) .mk-cap{text-align:center;max-width:300px}:where(.page-ios-kit) .mk-cap b{display:block;font:600 15px var(--font-heading),sans-serif}:where(.page-ios-kit) .mk-cap small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.45}:where(.page-ios-kit) .mk-cap i{font:700 11px var(--font-mono),monospace;font-style:normal;color:var(--royal)}:where(.page-ios-kit) .dv{position:relative;width:322px;height:690px;padding:10px;background:#0e1e57;box-shadow:0 26px 60px rgba(16,38,94,.28),inset 0 0 0 2px rgba(255,255,255,.08)}:where(.page-ios-kit) .dv.ios{border-radius:52px}:where(.page-ios-kit) .dv.and{border-radius:34px;background:#1b2b3a}:where(.page-ios-kit) .sc{position:relative;width:100%;height:100%;overflow:hidden;background:#f4f8ff;color:#10265e;display:flex;flex-direction:column;font-size:13px;line-height:1.4}:where(.page-ios-kit) .dv.ios .sc{border-radius:42px}:where(.page-ios-kit) .dv.and .sc{border-radius:24px}:where(.page-ios-kit) .sc.dk{background:#07323a;color:#e6fbf7}:where(.page-ios-kit) .isl{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:96px;height:28px;border-radius:16px;background:#000;z-index:9}:where(.page-ios-kit) .cam{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#000;z-index:9}:where(.page-ios-kit) .sb{height:48px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:6px 26px 0;font:600 13px var(--font-body),sans-serif}:where(.page-ios-kit) .dv.and .sb{height:34px;padding:4px 18px 0;font-size:12px}:where(.page-ios-kit) .sb .ic{display:flex;gap:5px;align-items:center}:where(.page-ios-kit) .sb .bt{width:22px;height:11px;border:1.5px solid;border-radius:3px;position:relative}:where(.page-ios-kit) .sb .bt:after{content:"";position:absolute;inset:1.5px;right:5px;background:currentColor;border-radius:1px}:where(.page-ios-kit) .home{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:120px;height:5px;border-radius:3px;background:#10265e;opacity:.75;z-index:9}:where(.page-ios-kit) .sc.dk .home,:where(.page-ios-kit) .sc.onb .home{background:#fff}:where(.page-ios-kit) .gpill{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:90px;height:4px;border-radius:2px;background:#10265e;opacity:.5;z-index:9}:where(.page-ios-kit) .sc.dk .gpill{background:#fff}:where(.page-ios-kit) .body{flex:1 1;overflow:hidden;padding:4px 16px 0;display:flex;flex-direction:column;gap:12px}:where(.page-ios-kit) .lt{font:700 30px/1.1 var(--font-heading),sans-serif;letter-spacing:-.01em;margin:4px 0 0}:where(.page-ios-kit) .nt{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 15px var(--font-body),sans-serif;padding:2px 0}:where(.page-ios-kit) .nt .bk{color:#1670db;font-size:15px;display:flex;align-items:center;gap:2px}:where(.page-ios-kit) .sub{font-size:12px;color:#5b6c94}:where(.page-ios-kit) .sc.dk .sub{color:#9cc3cb}:where(.page-ios-kit) .mono{font-family:var(--font-mono),ui-monospace,monospace}:where(.page-ios-kit) .tabs{margin-top:auto;flex:none;display:flex;justify-content:space-around;padding:8px 6px 26px;background:rgba(255,255,255,.92);border-top:1px solid #d3e0f5}:where(.page-ios-kit) .tabs span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#7489b5;width:64px}:where(.page-ios-kit) .tabs span.on{color:#1670db}:where(.page-ios-kit) .tabs svg{width:22px;height:22px}:where(.page-ios-kit) .sc.dk .tabs{background:#0c414b;border-color:#1b5864}:where(.page-ios-kit) .sc.dk .tabs span{color:#9cc3cb}:where(.page-ios-kit) .sc.dk .tabs span.on{color:#3fe0c2}:where(.page-ios-kit) .bnav{margin-top:auto;flex:none;display:flex;justify-content:space-around;padding:10px 6px 22px;background:#eaf1fb}:where(.page-ios-kit) .bnav span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#3e5384;width:70px}:where(.page-ios-kit) .bnav i{width:56px;height:30px;border-radius:15px;display:grid;place-items:center}:where(.page-ios-kit) .bnav span.on i{background:#cfe2ff;color:#10265e}:where(.page-ios-kit) .bnav svg{width:20px;height:20px}:where(.page-ios-kit) .sc.dk .bnav{background:#0c414b}:where(.page-ios-kit) .sc.dk .bnav span{color:#bcdadf}:where(.page-ios-kit) .sc.dk .bnav span.on i{background:#1b5864;color:#e6fbf7}:where(.page-ios-kit) .tbar{flex:none;display:flex;align-items:center;gap:12px;padding:8px 14px;font:600 17px var(--font-body),sans-serif}:where(.page-ios-kit) .tbar .sp{flex:1 1}:where(.page-ios-kit) .tbar svg{width:22px;height:22px}:where(.page-ios-kit) .tbar.brand{background:linear-gradient(120deg,#1560e8,#0b8f82);color:#fff}:where(.page-ios-kit) .card{background:#fff;border:1px solid #d3e0f5;border-radius:16px;padding:12px}:where(.page-ios-kit) .sc.dk .card{background:#0c414b;border-color:#1b5864}:where(.page-ios-kit) .dv.and .card{border-radius:14px;border:0;box-shadow:0 1px 3px rgba(16,38,94,.12)}:where(.page-ios-kit) .dv.and .sc.dk .card,:where(.page-ios-kit) .sc.dk.and .card{box-shadow:none}:where(.page-ios-kit) .seg{display:flex;padding:2px;border-radius:9px;background:#e3eaf6}:where(.page-ios-kit) .seg span{flex:1 1;text-align:center;padding:5px 0;border-radius:7px;font-size:11.5px;font-weight:600;color:#3e5384}:where(.page-ios-kit) .seg span.on{background:#fff;color:#10265e;box-shadow:0 1px 2px rgba(16,38,94,.16)}:where(.page-ios-kit) .sc.dk .seg{background:#05272e}:where(.page-ios-kit) .sc.dk .seg span{color:#9cc3cb}:where(.page-ios-kit) .sc.dk .seg span.on{background:#1b5864;color:#fff}:where(.page-ios-kit) .chips{display:flex;gap:6px;overflow:hidden}:where(.page-ios-kit) .chips span{flex:none;height:30px;padding:0 12px;border-radius:8px;border:1px solid #7489b5;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600}:where(.page-ios-kit) .chips span.on{background:#cfe2ff;border-color:#cfe2ff}:where(.page-ios-kit) .box{border:1px solid #d3e0f5;background:#f4f8ff;border-radius:13px;padding:9px 11px}:where(.page-ios-kit) .sc.dk .box{background:#05272e;border-color:#1b5864}:where(.page-ios-kit) .box .hd{display:flex;justify-content:space-between;font-size:10.5px;color:#5b6c94}:where(.page-ios-kit) .sc.dk .box .hd{color:#9cc3cb}:where(.page-ios-kit) .box .rw{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}:where(.page-ios-kit) .box .am{font:600 22px var(--font-heading),sans-serif}:where(.page-ios-kit) .pill{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px 0 4px;border-radius:16px;background:#fff;border:1px solid #d3e0f5;font-size:11.5px;font-weight:700;white-space:nowrap}:where(.page-ios-kit) .sc.dk .pill{background:#0c414b;border-color:#1b5864}:where(.page-ios-kit) .cn{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font:700 10px var(--font-body),sans-serif;flex:none}:where(.page-ios-kit) .cn.lg{width:34px;height:34px;font-size:14px}:where(.page-ios-kit) .swapb{display:flex;justify-content:center;margin:-8px 0;position:relative;z-index:2}:where(.page-ios-kit) .swapb span{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #d3e0f5;display:grid;place-items:center;color:#3e5384}:where(.page-ios-kit) .sc.dk .swapb span{background:#0c414b;border-color:#1b5864;color:#bcdadf}:where(.page-ios-kit) .kv{display:flex;justify-content:space-between;font-size:11.5px;padding:3px 0}:where(.page-ios-kit) .kv span{color:#5b6c94}:where(.page-ios-kit) .sc.dk .kv span{color:#9cc3cb}:where(.page-ios-kit) .btn{height:46px;border-radius:13px;background:#1670db;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:600 14.5px var(--font-body),sans-serif;flex:none}:where(.page-ios-kit) .btn.secondary{background:#fff;color:#10265e;border:1px solid #7489b5}:where(.page-ios-kit) .btn.ghost{background:transparent;color:#1670db}:where(.page-ios-kit) .btn.and{border-radius:23px}:where(.page-ios-kit) .sc.dk .btn{background:#3fe0c2;color:#05272e}:where(.page-ios-kit) .st{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--c);white-space:nowrap}:where(.page-ios-kit) .st:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}:where(.page-ios-kit) .chip-st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:10.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}:where(.page-ios-kit) .row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1eaf8}:where(.page-ios-kit) .row:last-child{border-bottom:0}:where(.page-ios-kit) .sc.dk .row{border-color:#1b5864}:where(.page-ios-kit) .row .t{flex:1 1;min-width:0}:where(.page-ios-kit) .row .t b{display:block;font-size:12.5px}:where(.page-ios-kit) .row .t small{display:block;font-size:11px;color:#5b6c94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.page-ios-kit) .row .r{text-align:right;font-size:12px;font-weight:700}:where(.page-ios-kit) .row .r small{display:block;font-weight:500}:where(.page-ios-kit) .grp{font:700 10.5px var(--font-body),sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5b6c94;margin:4px 2px -4px}:where(.page-ios-kit) .list{background:#fff;border-radius:14px;padding:0 12px;border:1px solid #d3e0f5}:where(.page-ios-kit) .sw{width:42px;height:25px;border-radius:13px;background:#34c759;position:relative;flex:none}:where(.page-ios-kit) .sw:after{content:"";position:absolute;top:2px;right:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}:where(.page-ios-kit) .sw.off{background:#c9d3e3}:where(.page-ios-kit) .sw.off:after{right:auto;left:2px}:where(.page-ios-kit) .msw{width:44px;height:26px;border-radius:13px;background:#1670db;position:relative;flex:none}:where(.page-ios-kit) .msw:after{content:"";position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#fff}:where(.page-ios-kit) .msw.off{background:#e3eaf6;border:2px solid #7489b5}:where(.page-ios-kit) .msw.off:after{right:auto;left:4px;top:2px;width:14px;height:14px;background:#7489b5}:where(.page-ios-kit) .chev{color:#93a6d2;font-size:16px}:where(.page-ios-kit) .ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}:where(.page-ios-kit) .ico svg{width:17px;height:17px}:where(.page-ios-kit) .warn{display:flex;gap:8px;padding:9px 10px;border-radius:11px;background:#fff4e2;color:#6b4300;font-size:11px;line-height:1.4}:where(.page-ios-kit) .qr{width:150px;height:150px;padding:8px;background:#fff;border-radius:14px;border:1px solid #d3e0f5;align-self:center}:where(.page-ios-kit) .timer{position:relative;width:64px;height:64px;flex:none}:where(.page-ios-kit) .timer svg{transform:rotate(-90deg)}:where(.page-ios-kit) .timer b{position:absolute;inset:0;display:grid;place-items:center;font:700 12px var(--font-mono),monospace}:where(.page-ios-kit) .vt{display:flex;flex-direction:column}:where(.page-ios-kit) .vt>div{display:grid;grid-template-columns:22px 1fr auto;gap:10px;position:relative;padding-bottom:16px}:where(.page-ios-kit) .vt>div:before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:#d3e0f5}:where(.page-ios-kit) .vt>div:last-child:before{display:none}:where(.page-ios-kit) .vt i{width:22px;height:22px;border-radius:50%;border:2px solid #7489b5;background:#fff;display:grid;place-items:center;color:#fff}:where(.page-ios-kit) .vt .dn i{background:#12805c;border-color:#12805c}:where(.page-ios-kit) .vt .dn:before{background:#12805c}:where(.page-ios-kit) .vt .nw i{border-color:#1670db;box-shadow:0 0 0 5px rgba(22,112,219,.15)}:where(.page-ios-kit) .vt b{display:block;font-size:12.5px}:where(.page-ios-kit) .vt small{display:block;font-size:11px;color:#5b6c94}:where(.page-ios-kit) .vt em{font-style:normal;font-size:10.5px;color:#5b6c94}:where(.page-ios-kit) .sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(16,38,94,.25);padding:8px 16px 28px;display:flex;flex-direction:column;gap:10px;z-index:5}:where(.page-ios-kit) .dv.and .sheet{border-radius:28px 28px 0 0;background:#f4f8ff}:where(.page-ios-kit) .grab{width:38px;height:5px;border-radius:3px;background:#c9d6ec;align-self:center}:where(.page-ios-kit) .scrim{position:absolute;inset:0;background:rgba(10,20,50,.38);z-index:4}:where(.page-ios-kit) .srch{height:36px;border-radius:11px;background:#e3eaf6;display:flex;align-items:center;gap:7px;padding:0 10px;color:#5b6c94;font-size:12.5px}:where(.page-ios-kit) .dv.and .srch{border-radius:18px;height:42px;background:#e3eaf6}:where(.page-ios-kit) .ntf{border-radius:20px;padding:11px 12px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#10265e;display:flex;gap:10px;align-items:flex-start}:where(.page-ios-kit) .ntf .ap{width:34px;height:34px;border-radius:9px;flex:none;overflow:hidden}:where(.page-ios-kit) .ntf .ap img{width:100%;height:100%;display:block}:where(.page-ios-kit) .ntf b{font-size:12.5px}:where(.page-ios-kit) .ntf p{margin:2px 0 0;font-size:12px;line-height:1.35}:where(.page-ios-kit) .ntf .tm{margin-left:auto;font-size:10.5px;color:#5b6c94;white-space:nowrap}:where(.page-ios-kit) .ntf .hd{display:flex;gap:6px;align-items:center;font-size:11px;color:#3e5384}:where(.page-ios-kit) .onb{background:radial-gradient(420px 320px at 80% 10%,rgba(63,224,194,.45),transparent 60%),linear-gradient(170deg,#1560e8,#0b3c5a 70%,#07323a);color:#fff}:where(.page-ios-kit) .appic{width:76px;height:76px;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.3)}:where(.page-ios-kit) .appic img{width:100%;height:100%;display:block}:where(.page-ios-kit) .dots{display:flex;gap:6px;justify-content:center}:where(.page-ios-kit) .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4)}:where(.page-ios-kit) .dots i.on{width:20px;border-radius:4px;background:#fff}:where(.page-ios-kit) .lock{background:radial-gradient(380px 300px at 20% 0,#3fe0c2,transparent 60%),radial-gradient(380px 360px at 100% 100%,#1e88ff,transparent 60%),linear-gradient(160deg,#1a3fb8,#0b3c5a);color:#fff}:where(.page-ios-kit) .fab{position:absolute;right:16px;bottom:96px;height:52px;padding:0 18px;border-radius:16px;background:#cfe2ff;color:#10265e;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;box-shadow:0 6px 16px rgba(16,38,94,.25);z-index:3}:where(.page-ios-kit) .fab svg{width:20px;height:20px}:where(.page-ios-kit) .ann{position:absolute;z-index:12;display:flex;align-items:center;gap:6px;font:700 10.5px var(--font-body),sans-serif;color:#fff;background:#ff6b3d;padding:3px 8px;border-radius:999px;box-shadow:0 4px 10px rgba(255,107,61,.35);white-space:nowrap}:where(.page-ios-kit) .ann:before{content:attr(data-n);width:16px;height:16px;border-radius:50%;background:#fff;color:#ff6b3d;display:grid;place-items:center;font-size:10px}@media (max-width:1300px){:where(.page-ios-kit) .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){:where(.page-ios-kit) .mk{padding:28px 16px 40px}:where(.page-ios-kit) .mk-grid{grid-template-columns:minmax(0,1fr)}:where(.page-ios-kit) .mk-h h1{font-size:26px}:where(.page-ios-kit) .dv{transform:scale(.92);transform-origin:top center;margin-bottom:-55px}}:where(.page-ios-kit){margin:0}