@charset "UTF-8";:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#1d2939;background:#f4f7ff}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;max-width:680px;margin:auto;padding:26px 18px 42px;background:radial-gradient(circle at 50% -10%,#dcecff 0,transparent 33%),#f4f7ff}header{padding:8px 6px 28px;text-align:center}.brand{color:#1677ff;font-size:15px;font-weight:750;letter-spacing:.4px}h1{margin:14px 0 8px;font-size:29px}header p{margin:0;color:#667085;font-size:14px}.lookup{display:flex;gap:10px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #2050a017}input{flex:1;min-width:0;padding:0 12px;border:0;outline:0;font-size:16px}button{border:0;border-radius:10px;padding:12px 16px;color:#fff;cursor:pointer;font-weight:650;background:#1677ff}button:disabled{cursor:default;background:#cbd5e1}.message{padding:12px 3px;color:#d92d20;text-align:center;font-size:14px}.vouchers{margin-top:20px}.summary{display:flex;justify-content:space-between;margin:0 2px 12px;color:#667085;font-size:13px}.summary strong{color:#344054;font-size:15px}.list{display:grid;gap:11px}.voucher{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-radius:14px;background:#fff;box-shadow:0 5px 16px #2050a012}.voucher>div{display:grid;gap:3px}.voucher small,.voucher span{color:#98a2b3;font-size:12px}.voucher b{color:#98a2b3;font-size:16px}.voucher em{font-size:28px;font-style:normal}.voucher button{min-width:86px;font-size:13px}.voucher.active{border:1px solid #8cbcff;background:linear-gradient(110deg,#fff,#f0f7ff)}.voucher.active b,.voucher.active span{color:#1677ff}footer{padding-top:32px;color:#98a2b3;text-align:center;font-size:12px}@media(min-width:681px){body{background:#e8eef9}.page{box-shadow:0 0 32px #00000014}}:root{--accent: #2878ed}.page:before{content:"¥";position:absolute;top:86px;left:calc(50% - 32px);display:grid;width:64px;height:64px;place-items:center;border-radius:20px;color:#fff;font-size:32px;font-weight:800;background:linear-gradient(135deg,#4ba3ff,#2468ee);box-shadow:0 16px 28px #2468ee42;transform:rotate(-7deg)}header{padding-top:96px!important}.brand{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(22,119,255,.15);border-radius:999px;background:#ffffffb8;box-shadow:0 8px 20px #3773c812}.brand:before{content:"◆";font-size:10px;margin-right:7px}h1{font-size:31px!important;letter-spacing:-.7px}.lookup{padding:14px!important;border:1px solid rgba(255,255,255,.85);border-radius:21px!important;box-shadow:0 18px 40px #2d5ba81f!important}.lookup:before{content:"查询我的权益  ·  输入购买时填写的手机号码";position:absolute;margin-top:-43px;color:#536a91;font-size:12px;font-weight:650}.lookup{margin-top:26px;background:#fffffff0!important}.lookup input{border:1px solid #e4ebf8;border-radius:12px;background:#f8faff}.lookup button{background:linear-gradient(135deg,#338cff,#1768ee);box-shadow:0 7px 14px #1768ee33}.page{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 15% -5%,#cfe8ff 0,transparent 30%),radial-gradient(circle at 110% 30%,#e1d4ff 0,transparent 24%),linear-gradient(180deg,#eef5ff,#f7f9ff 45%,#f4f7ff)!important}.vouchers{margin-top:26px!important}.summary{padding:16px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#2f7df4,#5c58e9);box-shadow:0 13px 26px #2f7df43b}.summary strong,.summary span{color:#fff!important}.voucher{border-radius:16px!important;border:1px solid #edf1f8}.voucher.active{border-color:#a9ceff!important}footer{margin:28px 0 0;padding:13px;border-radius:11px;background:#e7eefab8}:root{background:#fff5eb}body{background:#fff5eb}.page{background:radial-gradient(circle at 0 4%,#ffe0a3 0,transparent 28%),radial-gradient(circle at 100% 36%,#ffd6ce 0,transparent 30%),#fff8f1!important}.page:before{display:none}header{position:relative;margin:0 -5px 20px;padding:25px 17px 28px!important;overflow:hidden;border-radius:24px;color:#fff;background:linear-gradient(140deg,#a90d20,#d8222d 58%,#ed4d38);box-shadow:0 16px 34px #b115223d}header:before{content:"福";position:absolute;top:-23px;right:-8px;color:#fd83;font-family:serif;font-size:132px;font-weight:800;transform:rotate(12deg)}header:after{content:"✦  ✦  ✦";position:absolute;left:20px;bottom:14px;color:#ffd777;font-size:12px;letter-spacing:10px}.brand{position:relative;z-index:1;color:#ffe7ad!important;border-color:#ffe7ad5c!important;background:#7e000f33!important;box-shadow:none!important}.brand:before{color:#ffd777}h1{position:relative;z-index:1;margin-top:18px!important;color:#fff!important;text-shadow:0 2px 0 rgba(110,0,16,.18)}header p{position:relative;z-index:1;color:#ffe8ce!important}.lookup{position:relative;margin-top:0!important;padding:11px!important;border:1px solid #ffe0b5!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 12px 26px #973d171c!important}.lookup:before{content:"领取你的专属话费权益";top:-37px;right:0;left:0;margin:0;color:#bd6220;font-size:12px;font-weight:750;text-align:center}.lookup input{border-color:#f5dfc8!important;color:#58321e;background:#fff9f3!important}.lookup button{background:linear-gradient(135deg,#c51728,#e7412e)!important;box-shadow:0 7px 14px #be192833!important}.summary{background:linear-gradient(135deg,#b50f22,#df3a2a)!important;box-shadow:0 13px 26px #b4142138!important}.voucher{border-color:#f4e0ca!important;box-shadow:0 6px 18px #86451512!important}.voucher.active{border-color:#efb45e!important;background:linear-gradient(110deg,#fffdf9,#fff3dd)!important}.voucher.active b,.voucher.active span{color:#bd4a19!important}.voucher button{background:linear-gradient(135deg,#c51728,#e7412e)}.voucher button:disabled{color:#a68b78;background:#ecd9c4}footer{color:#9e704e;background:#fff0df!important}@media(min-width:681px){body{background:#f1ded1}}
