:root { --blue:#3e80dc; --light-blue:#67a9f4; --text:#5c6268; }
* { box-sizing:border-box; }
html { background:#f2f3f5; scroll-behavior:smooth; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:#111; }
.page-error { width:min(100%,750px); margin:120px auto; padding:30px; color:#777; text-align:center; }
body.modal-open{overflow:hidden}.modal[hidden],.bank-modal[hidden]{display:none}.modal,.bank-modal{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center}.modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.72)}.info-dialog{position:relative;z-index:1;width:min(680px,92vw);padding:72px 44px 32px;background:#fff;border-radius:26px}.dialog-close{position:absolute;right:24px;top:20px;border:0;background:none;color:#c8cdcf;font-size:52px;font-weight:200;line-height:1;cursor:pointer}.field{display:flex;width:100%;height:76px;margin:0 0 24px;padding:0 28px;border:1px solid #e0e5e8;border-radius:999px;background:#fff;color:#222;font:25px inherit;outline:none}.field:focus{border-color:#3d83df}.bank-trigger{align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.bank-trigger b{font-size:29px;font-weight:400}.confirm-button{width:100%;height:76px;border:0;border-radius:999px;background:#2777e6;color:#fff;font-size:31px;cursor:pointer}.dialog-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:20px auto 0;max-width:520px}.dialog-links a{color:#2473c4;text-decoration:none;font-size:20px}.info-message{min-height:25px;margin:12px 0 0;text-align:center}.bank-modal{z-index:1100}.bank-dialog{position:relative;z-index:1;width:min(650px,88vw);max-height:86vh;overflow:auto;background:#fff;box-shadow:0 8px 40px rgba(0,0,0,.35)}.bank-dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 28px;background:#f5b928;font-size:27px}.bank-dialog header button{border:0;background:none;font-size:34px;cursor:pointer}.bank-option{display:flex;width:100%;height:104px;align-items:center;justify-content:space-between;padding:0 30px;border:0;border-bottom:1px solid #d8dcde;background:#fff;font-size:28px;text-align:left;cursor:pointer}.bank-option i{width:42px;height:42px;border:3px solid #858d90;border-radius:50%}.bank-option.selected{background:#ffc32b}.bank-option.selected i{border:11px solid #fff;box-shadow:0 0 0 3px #806b2d}
.page { width:min(100%,750px); min-height:100vh; margin:0 auto; padding:66px 56px 100px; background:#fff; overflow:hidden; }
.product-line { text-align:center; color:#62686d; font-size:22px; line-height:1.55; letter-spacing:.3px; }
.product-line strong { font-weight:600; }
.product-line span { margin-left:8px; font-size:13px; font-weight:700; }
.product-line p { margin:0; font-size:25px; }
.login-panel { text-align:center; padding-top:78px; }
.badge { position:relative; width:390px; height:390px; max-width:72vw; max-height:72vw; margin:auto; border:18px solid rgba(132,190,255,.22); border-radius:45% 55% 52% 48%/52% 45% 55% 48%; background:linear-gradient(145deg,#72b4fb,#5394ea); box-shadow:inset 18px 18px 0 rgba(255,255,255,.09),0 0 0 18px rgba(104,172,248,.09); transform:rotate(-5deg); }
.badge::after { content:""; position:absolute; inset:12%; border-radius:50%; background:rgba(59,128,222,.18); }
.bell-top,.bell-body,.bell-line,.bell-dot { position:absolute; z-index:1; display:block; background:#fff; transform:rotate(5deg); }
.bell-top { top:24%; left:47%; width:10%; height:7%; border-radius:50% 50% 15% 15%; }
.bell-body { top:33%; left:36%; width:32%; height:29%; border-radius:48% 48% 4% 4%; }
.bell-line { top:63%; left:27%; width:50%; height:12%; border-radius:999px; }
.bell-dot { top:75%; left:47%; width:10%; height:7%; border-radius:0 0 50% 50%; }
h1 { margin:86px 0 30px; font-size:68px; line-height:1; letter-spacing:3px; }
.login-subtitle { margin:0 0 62px; color:#6a6f73; font-size:31px; }
#login-form input[type=tel],#mobile { display:block; width:100%; height:92px; padding:0 52px; border:1.5px solid #c8cdce; border-radius:999px; outline:none; color:#333; font-size:27px; }
#mobile:focus { border-color:#559bea; box-shadow:0 0 0 4px rgba(70,141,230,.1); }
#login-form button { width:100%; height:91px; margin-top:35px; border:0; border-radius:999px; color:#fff; background:linear-gradient(100deg,#63a8f7,#3777d2); font-size:34px; font-weight:700; cursor:pointer; }
.agreement { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:126px; color:#747b80; font-size:20px; }
.agreement input { appearance:none; width:24px; height:24px; margin:0; border:2px solid #76a2d9; border-radius:50%; }
.agreement input:checked { border:6px solid #4989dc; }
.agreement a { color:#3193d5; text-decoration:none; font-weight:600; }
#message { min-height:28px; margin:12px 0 0; color:#e14242; font-size:18px; }
.details { padding-top:42px; text-align:center; }
.price { margin:0 0 16px; color:#686d71; font-size:20px; }
.disclaimer { color:#73787b; font-size:21px; line-height:1.45; }
.details h2 { display:flex; align-items:center; justify-content:center; gap:24px; margin:44px 0 28px; font-size:28px; font-weight:600; }
.details h2 i { width:27px; height:20px; background:linear-gradient(135deg,#2c81df,#7bc7ff); transform:rotate(42deg); box-shadow:8px -4px 0 rgba(78,171,244,.45); }
.benefit { min-height:225px; display:grid; grid-template-columns:180px 1fr; align-items:center; padding:28px 42px; text-align:left; border-radius:8px; }
.blue-card { background:linear-gradient(115deg,#eafaff,#dff5ff 55%,#eefaff); }
.benefit-icon { font-size:94px; text-align:center; filter:drop-shadow(0 8px 8px rgba(30,100,180,.15)); }
.benefit h3 { margin:0 0 12px; color:#1d70cb; font-size:31px; line-height:1.45; }
.benefit p { margin:5px 0; font-size:22px; }
.legal { margin-top:58px; padding:28px; color:#777; background:#f7f9fb; border-radius:12px; text-align:left; }
.legal h3 { margin:0 0 10px; color:#444; font-size:21px; }
.legal p { margin:0; font-size:17px; line-height:1.7; }
.agreement-modal[hidden]{display:none}.agreement-modal{position:fixed;z-index:1200;inset:0;display:flex;align-items:center;justify-content:center}.agreement-dialog{position:relative;z-index:1;width:min(650px,90vw);max-height:82vh;overflow:auto;background:#fff;border-radius:16px}.agreement-dialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f5f7fa;border-bottom:1px solid #e4e8ed}.agreement-dialog header button{border:0;background:none;font-size:30px}.agreement-dialog article{padding:26px;line-height:1.8;color:#3f4752}.agreement-item{display:flex;align-items:center;margin:5px 0}.agreement-item input{width:18px;height:18px;flex:0 0 auto}.agreement-item button{border:0;background:none;color:#2473c4;font-size:18px;cursor:pointer}.confirm-button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){
  .page{padding:34px 24px 70px}.product-line{font-size:15px}.product-line p{font-size:18px}.login-panel{padding-top:48px}.badge{border-width:12px}.login-panel h1{margin:56px 0 22px;font-size:46px}.login-subtitle{margin-bottom:38px;font-size:22px}#mobile{height:68px;padding:0 30px;font-size:20px}#login-form button{height:67px;margin-top:26px;font-size:25px}.agreement{margin-top:82px;font-size:14px}.agreement input{width:19px;height:19px}.details{padding-top:26px}.price{font-size:15px}.disclaimer{font-size:15px}.details h2{gap:16px;margin:34px 0 20px;font-size:20px}.details h2 i{width:20px;height:14px}.benefit{grid-template-columns:110px 1fr;min-height:165px;padding:22px 18px}.benefit-icon{font-size:62px}.benefit h3{font-size:21px}.benefit p{font-size:15px}
  .info-dialog{padding:56px 24px 24px;border-radius:20px}.dialog-close{right:18px;top:14px;font-size:42px}.field{height:60px;margin-bottom:18px;padding:0 22px;font-size:19px}.confirm-button{height:60px;font-size:24px}.dialog-links{gap:7px 12px}.dialog-links a{font-size:15px}.bank-dialog header{height:58px;font-size:21px}.bank-option{height:78px;font-size:22px}.bank-option i{width:33px;height:33px}
}