:root{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#071d4b;background:#f7f9fe}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#edf2fb}button,input{font:inherit}button{cursor:pointer}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative;background:#fff;box-shadow:0 0 28px #0a23501f}.app-shell{height:100%;overflow-y:auto;padding-bottom:76px;background:#fff}.topbar{height:82px;padding:30px 28px 0;display:flex;align-items:center;justify-content:space-between}.bank-name{font-size:18px;font-weight:800;letter-spacing:-.4px}.mini-program-menu{width:78px;height:32px;border:1px solid #e1e4eb;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:4px;color:#111}.mini-program-menu span{width:3px;height:3px;background:#111;border-radius:50%}.mini-program-menu i{height:17px;width:17px;border:2px solid #111;border-radius:50%;margin-left:9px;position:relative}.mini-program-menu i:after{content:"";position:absolute;width:5px;height:5px;background:#111;border-radius:50%;top:4px;left:4px}.hero{min-height:310px;padding:67px 29px 18px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero h1{font-size:35px;line-height:1.12;letter-spacing:-1.8px;margin:0;font-weight:850}.hero p{color:#7c879e;font-size:16px;margin:16px 0 0}.ticket-art{position:absolute;right:10px;top:55px;width:162px;height:162px;object-fit:contain}.pager{margin-top:43px;display:flex;gap:13px;align-items:center}.pager b,.pager i{display:block;width:40px;height:6px;background:#e9edf5;border-radius:5px}.pager b{background:#1259cb}.benefit-card{border:1.5px solid #ff7011;border-radius:12px;margin:0 16px;padding:0 16px;box-shadow:0 8px 18px #f2680e14;position:relative}.recommend{position:absolute;top:0;left:0;padding:7px 13px;color:#fff;background:#ff7011;border-radius:10px 0;font-weight:700;font-size:14px}.benefit-main{display:grid;grid-template-columns:76px 1fr auto;gap:13px;align-items:center;padding:66px 0 22px}.merchant-mark{width:76px;height:76px;border-radius:13px;background:#ffca17;display:grid;place-items:center;color:#101010;font-size:39px;font-weight:900}.benefit-copy h2{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.5px}.benefit-copy p{color:#7c879e;margin:7px 0 0;font-size:14px}.claim-button{border:0;background:#ff7515;color:#fff;border-radius:22px;padding:10px 13px;font-weight:700;white-space:nowrap}.benefit-meta{border-top:1px solid #eef0f4;display:grid;grid-template-columns:1fr 1fr;padding:16px 0 18px}.benefit-meta>div{display:grid;grid-template-columns:25px 1fr;column-gap:5px;align-items:center;color:#ff7515}.benefit-meta>div+div{border-left:1px solid #e7eaf0;padding-left:18px}.benefit-meta svg{font-size:19px;grid-row:span 2}.benefit-meta span{color:#7d8799;font-size:12px}.benefit-meta strong{font-size:26px;line-height:1.15}.benefit-meta em{font-style:normal;color:#7d8799;margin-left:-15px;padding-top:9px;align-self:end;font-size:12px}.benefit-meta .date{font-size:16px}.my-benefits{background:#fafbfe;margin-top:18px;padding:24px 16px 21px}.section-title{width:100%;border:0;background:none;padding:0 10px 17px;display:flex;justify-content:space-between;color:#071d4b;font-size:22px;font-weight:800}.section-title small{color:#7c879e;font-size:13px;font-weight:400;padding-top:5px}.section-title small svg{font-size:11px}.summary-card{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #eef0f5;border-radius:17px;padding:24px 8px;box-shadow:0 4px 12px #172a520a}.summary-item{display:flex;align-items:center;flex-direction:column;gap:6px;color:#b2b9c7}.summary-icon{font-size:26px;color:#b4bed2}.summary-item.active .summary-icon{color:#347bed}.summary-item strong{color:#071d4b;font-size:29px;line-height:1}.summary-item small{font-size:13px}.record-row{border:1px solid #eff1f5;background:#fff;margin-top:14px;height:57px;width:100%;border-radius:10px;display:flex;align-items:center;color:#071d4b;padding:0 17px;gap:14px;text-align:left}.record-row>svg:first-child{color:#1760d5;font-size:21px}.record-row span{flex:1;font-size:16px}.record-row>svg:last-child{color:#7f8795}.tabbar{position:absolute;bottom:0;left:0;right:0;height:69px;border-top:1px solid #eff0f4;background:#fffffff7;display:grid;grid-template-columns:1fr 1fr}.tabbar button{border:0;background:none;color:#7f8795;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px}.tabbar button svg{font-size:21px}.tabbar button.active{color:#1359c9;font-weight:700}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#06112b73;display:flex;align-items:end}.card-modal{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:27px 26px 31px;text-align:center}.modal-icon{color:#1760d5;font-size:34px}.card-modal h2{margin:10px 0 8px;font-size:22px}.card-modal p{color:#778196;font-size:14px;line-height:1.55;margin:0 0 21px}.card-modal label{display:block;text-align:left;font-size:13px;margin:0 0 7px}.card-modal input{width:100%;height:46px;border:1px solid #dce2ee;border-radius:8px;padding:0 12px;outline-color:#1760d5}.error{display:block;color:#e54646;text-align:left;padding-top:6px}.primary-wide{width:100%;border:0;border-radius:23px;height:47px;background:#ff7515;color:#fff;font-size:16px;font-weight:700;margin-top:20px}.text-button{border:0;background:none;color:#6f7a90;padding:17px 10px 0;font-size:14px}.draw-modal{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:34px 26px 31px;text-align:center}.draw-prize{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 14px;border-radius:24px;background:linear-gradient(135deg,#fff4c7,#ffd65b);color:#df8210;font-size:38px;box-shadow:0 10px 22px #f5a51938}.draw-label{color:#ed6e13;font-weight:800;font-size:14px}.draw-modal h2{margin:8px 0;font-size:23px}.draw-modal p{margin:0;color:#778196;font-size:14px}.benefits-page,.success-page{padding:25px 21px 100px}.back{border:0;background:none;padding:0;color:#4e5d79;font-size:15px}.benefits-page h1{margin:27px 0 4px;font-size:30px}.page-subtitle{margin:0 0 20px;color:#7b8496}.benefit-row{border:1px solid #edf0f4;border-radius:14px;padding:15px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.row-ticket{width:44px;height:44px;background:#eef4ff;color:#155ece;display:grid;place-items:center;border-radius:10px;font-size:22px}.benefit-row div{flex:1}.benefit-row h2{margin:0;font-size:15px}.benefit-row p{margin:5px 0 0;color:#7e8798;font-size:12px}.benefit-row>strong{color:#ff7515;font-size:16px}.home-link{width:100%;border:1px solid #dce3ef;color:#155ece;background:#fff;border-radius:22px;height:44px;margin-top:15px}.success-page{padding-top:188px;text-align:center}.success-icon{color:#2fa76d;font-size:58px}.success-page h1{margin:18px 0 9px;font-size:28px}.success-page p{color:#758096;margin:0;font-size:15px}@media(max-width:360px){.hero h1{font-size:31px}.ticket-art{width:145px}.benefit-main{grid-template-columns:64px 1fr}.merchant-mark{width:64px;height:64px;font-size:34px}.claim-button{grid-column:2;justify-self:start}.benefit-meta>div+div{padding-left:10px}.benefit-meta strong{font-size:22px}}