.list:where(.astro-YJ7TBV4Y){max-width:1200px;flex-flow:row wrap;justify-content:space-between;margin:0 auto}.box:where(.astro-YJ7TBV4Y){height:calc(var(--base-height) * (600 / 10));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bg1:where(.astro-YJ7TBV4Y){background-image:linear-gradient(to right,#64748b0d 1px,transparent 1px),linear-gradient(to bottom,#64748b0d,transparent 1px);background-size:40px 40px;position:absolute;inset:0;width:100%;height:100%;opacity:.1}.bg2:where(.astro-YJ7TBV4Y){background-image:radial-gradient(rgb(229,231,235) 1px,rgba(0,0,0,0) 1px);background-size:16px 16px;mask-image:radial-gradient(50% 50%,rgb(0,0,0) 70%,rgba(0,0,0,0) 100%);position:absolute;inset:0;width:100%;height:100%;opacity:.2}.bg3:where(.astro-YJ7TBV4Y){position:absolute;inset:0;width:100%;height:100%}.cor1:where(.astro-YJ7TBV4Y){filter:blur(120px);position:absolute;top:-10%;left:-10%;width:40%;height:40%;background:#3c83f61a;border-radius:9999px}.cor2:where(.astro-YJ7TBV4Y){filter:blur(120px);position:absolute;right:-10%;bottom:-10%;width:40%;height:40%;background:#a655f71a;border-radius:9999px}.content:where(.astro-YJ7TBV4Y){z-index:10;height:calc(var(--base-height) * (600 / 10));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.title-link:where(.astro-YJ7TBV4Y){display:inline-block;text-decoration:none;cursor:pointer;margin-bottom:1rem;transition:opacity .2s}.title-link:where(.astro-YJ7TBV4Y):hover{opacity:.85}.box:where(.astro-YJ7TBV4Y) h2:where(.astro-YJ7TBV4Y){font-size:calc(var(--base-font-size-lg) * (64 / 10));color:#0f1729;text-align:center;line-height:1.2}.box:where(.astro-YJ7TBV4Y) h2:where(.astro-YJ7TBV4Y) span:where(.astro-YJ7TBV4Y){color:#3c83f6;font-size:calc(var(--base-font-size-lg) * (40 / 10));margin-left:.5em;white-space:nowrap}.box:where(.astro-YJ7TBV4Y) p:where(.astro-YJ7TBV4Y){font-size:calc(var(--base-font-size) * (20 / 10));margin-bottom:2.5rem;color:#64748b;text-align:center}.variant-page:where(.astro-YJ7TBV4Y).box h2:where(.astro-YJ7TBV4Y),.variant-page:where(.astro-YJ7TBV4Y) .title-link:where(.astro-YJ7TBV4Y) h2:where(.astro-YJ7TBV4Y){color:#fff}.variant-page:where(.astro-YJ7TBV4Y).box h2:where(.astro-YJ7TBV4Y) span:where(.astro-YJ7TBV4Y){color:#fcd34d}.variant-page:where(.astro-YJ7TBV4Y).box p:where(.astro-YJ7TBV4Y){color:#f8fafc;text-shadow:0 1px 4px rgba(0,0,0,.3)}.variant-page:where(.astro-YJ7TBV4Y) .btn:where(.astro-YJ7TBV4Y){border-color:#fff6;color:#fff}.variant-page:where(.astro-YJ7TBV4Y) .primary:where(.astro-YJ7TBV4Y){background:#fff;color:#1e3a8a;border-color:#fff}.variant-page:where(.astro-YJ7TBV4Y) .btn:where(.astro-YJ7TBV4Y):hover{background:#fff;color:#1e3a8a;border-color:#fff}.variant-page:where(.astro-YJ7TBV4Y) .btn:where(.astro-YJ7TBV4Y).primary:hover{background:#e0f2fe;color:#1e3a8a;border-color:#e0f2fe}.step-hint:where(.astro-YJ7TBV4Y){font-size:calc(var(--base-font-size) * (16 / 10));color:#3c83f6;margin-bottom:.75rem;text-align:center;font-weight:500;letter-spacing:.05em}.step-badge:where(.astro-YJ7TBV4Y){display:inline-block;width:24px;height:24px;border-radius:50%;background:#3c83f6;color:#fff;font-size:calc(var(--base-font-size) * (12 / 10));font-weight:700;line-height:24px;text-align:center;margin-right:6px;flex-shrink:0}.variant-page:where(.astro-YJ7TBV4Y) .step-hint:where(.astro-YJ7TBV4Y){color:#fcd34d}.variant-page:where(.astro-YJ7TBV4Y) .step-badge:where(.astro-YJ7TBV4Y){background:#fff;color:#1e3a8a}.btn-group:where(.astro-YJ7TBV4Y){display:flex;gap:1rem;align-items:center}.btn:where(.astro-YJ7TBV4Y){display:inline-flex;align-items:center;justify-content:center;padding:0 calc(var(--base-padding) * (50 / 10));height:calc(var(--base-height) * (60 / 10));text-align:center;font-size:calc(var(--base-font-size) * (18 / 10));border-radius:9999px;border:1px solid #3c83f633;color:#3c83f6;background:transparent;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.primary:where(.astro-YJ7TBV4Y){color:#fff;background:#3c83f6;border-color:#3c83f6}.btn:where(.astro-YJ7TBV4Y):hover{background:#3c83f6;color:#fff;border-color:#3c83f6}.modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center}.modal.active{display:flex}.modal-mask{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9998}.modal-box{position:relative;background:#fff;border-radius:16px;padding:40px 60px;text-align:center;max-width:90vw;z-index:9999}.modal-box-wide{min-width:360px;padding:40px 32px}.modal-box h3{font-size:calc(var(--base-font-size) * (22 / 10));color:#0f1729;margin-bottom:12px}.modal-box p{font-size:calc(var(--base-font-size) * (14 / 10));color:#64748b;margin-bottom:24px}.modal-box .qrcode{width:240px;height:240px;object-fit:contain}.support-section .qrcode{width:300px;height:300px}.modal-close{position:absolute;top:12px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;line-height:1;color:#999;cursor:pointer}.modal-close:hover{color:#333}.package-options{text-align:left}.package-options li{border-bottom:1px solid #f1f5f9}.package-options li:last-child{border-bottom:none}.package-options li a{display:flex;align-items:center;gap:12px;padding:16px 8px;color:#333;border-radius:8px;transition:background .2s}.package-options li a:hover{background:#3c83f614}.package-options .pkg-name{flex:1;font-size:calc(var(--base-font-size) * (16 / 10));color:#0f1729}.package-options .pkg-price{font-size:calc(var(--base-font-size) * (18 / 10));color:#3c83f6;font-weight:700}.package-options .pkg-arrow{color:#3c83f6;font-size:calc(var(--base-font-size) * (16 / 10))}.support-section{margin-top:28px;padding-top:24px;border-top:1px solid #f1f5f9}.support-title{font-size:calc(var(--base-font-size) * (15 / 10));color:#0f1729;font-weight:600;margin-bottom:16px}.support-tip{font-size:calc(var(--base-font-size) * (12 / 10));color:#94a3b8;margin-top:12px;line-height:1.6}@media screen and (max-width: 640px){.btn-group:where(.astro-YJ7TBV4Y){flex-direction:column;gap:12px}.btn:where(.astro-YJ7TBV4Y){padding:0 calc(var(--base-padding) * (30 / 10))}.modal-box{padding:30px 24px}.modal-box .qrcode{width:200px;height:200px}}
