:root{--blue:#1478f8;--blue2:#0866e5;--navy:#071b49;--text:#0a1d47;--muted:#7388a5;--bg:#f4f9ff;--line:#dfeaf7;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#eaf5ff}body{margin:0;background:radial-gradient(circle at 50% -40%,#fff 0,#edf8ff 38%,#e8f4ff 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block}.app-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#fbfdff 0,#f2f9ff 27%,#eff8ff 100%);padding-bottom:calc(76px + var(--safe));box-shadow:0 0 42px rgba(95,156,214,.12);overflow:hidden}.topbar{height:56px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 14px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,236,248,.78);position:sticky;top:0;z-index:30}.brand-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:900;letter-spacing:.1px}.brand-title img{width:24px;height:24px;object-fit:contain}.bell{width:38px;height:38px;display:grid;place-items:center;color:#526d91;justify-self:end}.bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.page{padding:11px 12px 20px}.hero-card{height:141px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(125deg,#d8eeff 0,#cce6ff 48%,#a9d4ff 100%);border:1px solid rgba(171,210,246,.75);box-shadow:0 10px 27px rgba(46,105,169,.08)}.hero-copy{position:relative;z-index:3;width:63%;padding:16px 0 0 16px}.hero-eyebrow{font-size:8px;font-weight:800;letter-spacing:2.2px;color:#4579b3;margin-bottom:6px}.hero-card h1{font-size:19px;line-height:1.22;margin:0 0 4px;font-weight:950;letter-spacing:-.35px;white-space:nowrap}.hero-card p{margin:0;color:#5f7d9f;font-size:11px;line-height:1.4;white-space:nowrap}.hero-btn{margin-top:10px;height:34px;min-width:110px;padding:0 17px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#258aff,#0868e7);color:#fff;font-size:12.5px;font-weight:850;box-shadow:0 8px 16px rgba(16,111,235,.22)}.hero-btn span{font-size:20px;line-height:1;margin-top:-1px}.hero-visual{position:absolute;right:-5px;top:0;width:55%;height:100%;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#d3eaff 0%,rgba(211,234,255,.72) 12%,rgba(211,234,255,0) 47%);pointer-events:none}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(.99) brightness(1.02)}.section{margin-top:14px}.section-head{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 1px;margin-bottom:7px}.section-title{display:flex;align-items:center;gap:7px;min-width:0}.section-title i{width:4px;height:20px;border-radius:99px;background:linear-gradient(#1a88ff,#0e6de5);box-shadow:0 2px 7px rgba(20,120,248,.18)}.section-title h2{font-size:18px;margin:0;font-weight:950;letter-spacing:-.35px;white-space:nowrap}.section-head>span{font-size:10px;color:#8096b3;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-card{height:78px;padding:10px 9px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(219,232,246,.95);box-shadow:0 7px 18px rgba(57,99,144,.045);display:grid;grid-template-columns:48px minmax(0,1fr) 19px;align-items:center;gap:8px;min-width:0}.quick-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;position:relative}.quick-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-icon em{position:absolute;right:2px;bottom:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#5d60df;color:#fff;font-size:7px;font-style:normal;font-weight:900;border:2px solid #f0efff}.quick-icon.blue{color:#2280f2;background:linear-gradient(145deg,#eff7ff,#dcecff)}.quick-icon.orange{color:#ef8d24;background:linear-gradient(145deg,#fff8ed,#ffead2)}.quick-icon.purple{color:#6064e8;background:linear-gradient(145deg,#f6f4ff,#e8e8ff)}.quick-icon.teal{color:#08a49b;background:linear-gradient(145deg,#effcfb,#dcf5f1)}.quick-copy{min-width:0;display:block}.quick-copy b{display:block;font-size:14.5px;line-height:1.2;font-weight:900;white-space:nowrap;margin-bottom:4px}.quick-copy small{display:block;color:#7990ad;font-size:9.8px;line-height:1.35;font-weight:500}.chev{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#f4f8fd;color:#8299b7;font-size:17px;line-height:1}.service-panel{padding:8px;border:1px solid #e4eef8;border-radius:20px;background:rgba(255,255,255,.92);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;box-shadow:0 8px 22px rgba(57,99,144,.035)}.service-item{height:57px;border-radius:15px;background:linear-gradient(180deg,#f9fcff,#f3f8fd);padding:8px 7px;display:grid;grid-template-columns:35px minmax(0,1fr) 10px;gap:7px;align-items:center;min-width:0}.service-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.service-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-icon.blue{color:#1979f1;background:#e9f4ff}.service-icon.orange{color:#ef8e23;background:#fff1df}.service-icon.teal{color:#06a398;background:#e5f8f5}.service-item>span:nth-child(2){min-width:0}.service-item b{display:block;font-size:11.3px;line-height:1.15;font-weight:900;white-space:nowrap}.service-item small{display:block;font-size:8.2px;line-height:1.15;color:#8295ae;margin-top:3px;white-space:nowrap}.service-item>i{font-style:normal;font-size:15px;color:#748aa7}.link-section{margin-top:15px}.friend-group{background:rgba(255,255,255,.94);border:1px solid #e4eef8;border-radius:18px;padding:7px 7px 8px;margin-bottom:7px;box-shadow:0 8px 22px rgba(57,99,144,.035)}.friend-group-title{height:28px;display:flex;align-items:center;gap:7px;padding:0 5px;font-size:11.5px;font-weight:900}.plane-badge,.building-badge{width:23px;height:23px;border-radius:9px;display:grid;place-items:center}.plane-badge{background:#e9f4ff;color:#1478f8}.building-badge{background:#fff1df;color:#f08f1d}.friend-group-title svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.friend-card{height:50px;border:1px solid #e1ebf7;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdff);display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:7px;align-items:center;padding:5px 7px;min-width:0}.friend-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef5ff;color:#2079ef;font-size:19px}.friend-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.friend-icon.red{background:#fff0f2;color:#e25264}.friend-icon.blue{background:#eaf4ff;color:#1878f1}.friend-icon.cyan{background:#e6fafc;color:#08a6bd}.friend-icon.violet{background:#f0efff;color:#6966ea}.friend-icon.orange{background:#fff1df;color:#f08e21}.friend-copy{min-width:0}.friend-copy b{display:block;font-size:10.3px;line-height:1.18;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-copy small{display:block;margin-top:2px;font-size:8.4px;color:#8195ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ext{width:19px;height:19px;border-radius:7px;display:grid;place-items:center;color:#1378f4;background:#f2f7fd;font-size:12px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);height:calc(66px + var(--safe));padding:5px 8px var(--safe);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #e4edf7;z-index:40;box-shadow:0 -7px 20px rgba(48,87,132,.05)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#788da8;gap:2px}.bottom-nav a>span{width:36px;height:31px;border-radius:12px;display:grid;place-items:center}.bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav em{font-style:normal;font-size:10px;font-weight:700;white-space:nowrap}.bottom-nav a.active{color:#096df0}.bottom-nav a.active>span{background:#e9f4ff}.quick-card:active,.service-item:active,.friend-card:active,.hero-btn:active{transform:scale(.985)}
@media(max-width:390px){.page{padding-left:10px;padding-right:10px}.hero-copy{width:67%;padding-left:14px}.hero-card h1{font-size:17.5px}.hero-card p{font-size:10px}.hero-visual{width:52%}.quick-card{grid-template-columns:44px minmax(0,1fr) 17px;gap:6px;padding-left:8px;padding-right:7px}.quick-icon{width:42px;height:42px}.quick-copy b{font-size:13.3px}.quick-copy small{font-size:8.9px}.service-item{grid-template-columns:31px minmax(0,1fr) 8px;padding-left:5px;padding-right:5px;gap:5px}.service-icon{width:30px;height:30px}.service-item b{font-size:10.3px}.service-item small{font-size:7.6px}.friend-card{grid-template-columns:32px minmax(0,1fr) 18px;padding-left:5px;padding-right:5px;gap:5px}.friend-icon{width:30px;height:30px}.friend-copy b{font-size:9.5px}.friend-copy small{font-size:7.8px}}