*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100%;display:flex;align-items:center;justify-content:center;padding:88px 24px;color:#163033;background-color:#e7f1ef;background-image:radial-gradient(900px 420px at 50% 36%,rgba(16,148,136,.16),transparent 68%),linear-gradient(180deg,#f7fbfa 0,#e4efed 100%);font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden;overflow-y:auto}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.scene img,.scene .mark{position:absolute;width:72px;height:72px;border-radius:22%;object-fit:cover;background:#fff;box-shadow:0 10px 24px rgba(18,52,56,.12)}.scene .mark{display:flex;align-items:center;justify-content:center}.scene .mark svg{width:58%;height:58%;display:block}.i1{top:8%;left:7%;width:84px;height:84px;transform:rotate(-8deg)}.i2{top:12%;right:8%;width:70px;height:70px;transform:rotate(7deg)}.i3{top:44%;left:4%;width:62px;height:62px;transform:rotate(6deg)}.i4{top:40%;right:4%;width:68px;height:68px;transform:rotate(-6deg)}.i5{bottom:10%;left:10%;width:70px;height:70px;transform:rotate(8deg)}.i6{bottom:12%;right:9%;width:80px;height:80px;transform:rotate(-7deg)}.gate-wrap{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.gate-mark{width:78px;height:78px;margin:0 0 28px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.92),0 14px 30px rgba(14,70,66,.16)}.gate{width:100%;background:#fff;border:1px solid rgba(14,90,84,.08);border-radius:22px;box-shadow:0 22px 50px rgba(16,54,52,.10);overflow:hidden}.gate-body{padding:36px 32px 28px;border-top:4px solid #0d6f66;text-align:center}.gate-kicker{margin:0;color:#0d6f66;font-size:12px;font-weight:700;letter-spacing:.28em}h1{margin:12px 0 0;font-size:2.05rem;font-weight:800;letter-spacing:.06em;line-height:1.2;color:#0b3d3a}.gate-lead{margin:12px 0 0;color:#3d5560;font-size:15px;font-weight:500;line-height:1.65}form{margin:28px 0 0}button{width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#0e8074 0,#0a5c55 100%);color:#fff;font:inherit;font-size:17px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 24px rgba(12,122,112,.34);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}button:hover{background:linear-gradient(180deg,#0d7d72 0,#08564f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 28px rgba(12,122,112,.4)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #0d6f66;outline-offset:3px}.gate-foot{margin:0;padding:14px 32px 16px;border-top:1px solid #e5f0ee;background:#f5faf9;color:#4e6770;font-size:13px;line-height:1.5;text-align:center}@media(max-width:860px){body{padding:96px 20px 88px}.i1,.i2,.i3,.i4,.i5,.i6{width:56px;height:56px}.i1{top:18px;left:16px}.i2{top:22px;right:18px}.i3{top:auto;bottom:18px;left:16px}.i4{top:auto;bottom:22px;right:18px}.i5{top:18px;left:50%;right:auto;transform:translateX(-50%)}.i6{top:auto;bottom:18px;left:50%;right:auto;transform:translateX(-50%)}}@media(max-width:480px){body{padding:92px 16px 84px}.scene img,.scene .mark{width:48px;height:48px;border-radius:24%}.gate-mark{width:68px;height:68px;margin-bottom:22px}.gate-body{padding:30px 20px 24px}.gate-foot{padding:13px 20px 15px}h1{font-size:1.85rem}button{height:50px;letter-spacing:.1em}}@media(max-height:700px){body{padding-top:76px;padding-bottom:72px}.gate-mark{width:60px;height:60px;margin-bottom:16px;box-shadow:0 0 0 4px rgba(255,255,255,.92),0 10px 20px rgba(14,70,66,.14)}.gate-body{padding-top:26px;padding-bottom:20px}form{margin-top:20px}.scene img,.scene .mark{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){button{transition:none}}