/* Source-derived icon assets and dimensions: docs/300站-UI图/模板34/bonus.png. */
.t34-bonus-page{padding-bottom:62px}
.t34-bonus-page+.bottom-nav{position:fixed;z-index:20;bottom:0}
.t34-bonus-tabs img{width:22px;height:22px;object-fit:contain}.t34-offers aside .offer-stars{width:45px;height:11px;object-fit:contain;margin:0}.t34-claim-steps article img{width:28px;height:28px;object-fit:contain}

/* Breadcrumb belongs in the header band on the reference canvas; it must not push the hero down. */
.t34-bonus-page{position:relative}.t34-bonus-page .breadcrumbs{position:absolute;z-index:2;top:38px;left:15px;margin:0;height:16px}

/* The generic card selector previously stretched the section's “View All” link to card height. */
.t34-promotion-types>.section-title,.t34-bonus-faq>.section-title{height:19px;min-height:19px;margin-bottom:6px;display:flex;align-items:center}.t34-promotion-types>.section-title h2,.t34-bonus-faq>.section-title h2{height:auto;margin:0;font-size:14px;line-height:1}.t34-promotion-types>.section-title a{height:auto;min-height:0;padding:0;display:block;border:0;background:transparent;color:#f8cc00;font-size:8px}
.t34-promotion-types>div:last-child>a{min-height:62px;padding:5px 2px;display:grid;justify-items:center;align-content:center;gap:4px;border:1px solid #292929;border-radius:6px;background:#0e0e0e;color:#f2f0e9;text-decoration:none;font-size:7px}.t34-promotion-types>div:last-child>a img{width:21px;height:21px;object-fit:contain}.t34-promotion-types>div:last-child>a b{font-size:8px}.t34-promotion-types>div:last-child>a span{font-size:7px;color:#c6c2b9}
.t34-bonus-faq>div{gap:4px}.t34-bonus-faq summary{min-height:20px;height:20px;padding:4px 7px;font-size:6px}

/* Compact source rows, preserving every DOM line and CTA rather than clipping content. */
.t34-offers article{height:64px;grid-template-columns:12px 76px minmax(0,1fr) 82px}.t34-offers article>img{height:50px}.t34-offers h3{font-size:9px}.t34-offers p{max-height:15px;font-size:6px}.t34-offers aside a{height:19px}.t34-offers aside button{font-size:6px}
.t34-claim-steps{padding:5px}.t34-claim-steps h2{margin:0 0 4px;font-size:13px}.t34-claim-steps>div{min-height:54px}.t34-claim-steps article img{width:23px;height:23px;margin-bottom:2px}.t34-claim-steps article b{font-size:6px}.t34-claim-steps article p{margin:2px 0 0;font-size:5px;line-height:1.15}
.t34-promotion-types>div:last-child>a{min-height:54px}.t34-bonus-faq{margin-top:8px}.t34-bonus-faq>div{gap:3px}.t34-bonus-faq summary{min-height:11px;height:11px;padding:1px 6px;font-size:5px}
.t34-trusted-cta{min-height:44px;height:44px;padding:5px;grid-template-columns:30px 1fr 75px;gap:6px}.t34-trusted-cta>img{width:27px;height:27px}.t34-trusted-cta h2{font-size:10px}.t34-trusted-cta p{font-size:6px;line-height:1.15}.t34-trusted-cta a{height:21px;font-size:7px}
.t34-bonus-page{padding-bottom:31px}.t34-bonus-page+.bottom-nav{height:42px;padding:3px 10px}.t34-bonus-page+.bottom-nav img{width:17px;height:17px}.t34-bonus-page+.bottom-nav a{font-size:6px}
/* Keep the visual header compact while reserving the source's 21px breadcrumb
   band before the hero. */
body[data-page="bonus"] .t34-home-header{height:39px;padding:0 12px;grid-template-columns:27px 1fr auto;gap:7px}
body[data-page="bonus"] .header-icon{width:25px;height:25px}body[data-page="bonus"] .header-icon img{width:21px;height:21px}
body[data-page="bonus"] .t34-logo{font-size:22px;letter-spacing:-1.3px}body[data-page="bonus"] .t34-logo img{left:7px;top:-5px;width:11px;height:11px}
body[data-page="bonus"] .t34-head-actions{gap:4px}body[data-page="bonus"] .t34-locale{height:24px;padding:0 6px;font-size:8px}body[data-page="bonus"] .t34-locale img{width:15px;height:15px}
body[data-page="bonus"] .t34-bonus-hero{margin-top:21px}
.t34-bonus-hero>div{position:static;width:60%}.t34-bonus-hero h1{position:relative;z-index:3;font-size:18px!important;white-space:nowrap}.t34-bonus-hero p{position:relative;z-index:3}.t34-bonus-hero .searchbar{position:absolute;z-index:3;left:13px;bottom:14px;width:190px;margin:0}.t34-bonus-hero>img{right:4px;width:48%;height:100%;object-fit:contain;object-position:right bottom;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
.t34-offers>.section-title h2,.t34-promotion-types>.section-title h2,.t34-claim-steps h2,.t34-bonus-faq>.section-title h2{font-size:12px}