.coast-page.overlay-page{padding:0!important;background:#fff0d0;overflow:hidden}
.coast-page>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;padding:var(--safe-top,16px) var(--safe-right,16px) var(--safe-bottom,16px) var(--safe-left,16px)!important;box-shadow:none!important;background:linear-gradient(180deg,#00b9d8 0,#8de1df 15%,#fff0d0 25%,#fff4db 100%)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;color:#63351b}
.coast-page>div::before{content:'✿ 🌴';position:absolute;left:5px;top:70px;font-size:48px;opacity:.25;pointer-events:none}.coast-page>div::after{content:'🐚 ★';position:absolute;right:10px;bottom:0;font-size:40px;color:#edb46b;opacity:.35;pointer-events:none}
.coast-head{height:94px;flex:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.coast-sign{background:linear-gradient(#bd8248,#995925);border:3px solid #e4b16e;border-radius:16px;padding:6px 32px;text-align:center;color:#fff2c9;box-shadow:0 4px #72451a55;transform:rotate(-1deg)}.coast-sign h1{font-size:34px;margin:0;text-shadow:0 2px #79401d;line-height:1.2}.coast-sign small{font-size:15px;font-weight:800}.coast-head nav{display:flex;gap:10px;align-items:center;padding-top:5px}.coast-page button,.coast-wallet{font:800 19px/1.2 'Microsoft YaHei',sans-serif;cursor:pointer;border:2px solid #d5a159;border-radius:28px;padding:10px 22px;touch-action:manipulation;-webkit-touch-callout:none;user-select:none}.coast-wallet{background:#fff8e7;cursor:default}.coast-page .coast-orange{color:#fff;background:linear-gradient(#ffa43b,#ff741d);border-color:#e98124;box-shadow:inset 0 2px #ffd69b,0 2px #d78332}.coast-page .coast-teal{background:linear-gradient(#2dd3c5,#00a4a5);color:white;border-color:#05898d;box-shadow:inset 0 2px #b4f4e9}.coast-page .coast-blue{background:linear-gradient(#34c5ff,#008fea);color:white;border-color:#087eae}.coast-page button:focus-visible{outline:3px solid #103e68;outline-offset:3px}
.coast-tabs{display:flex;gap:8px;justify-content:center;margin-top:-23px;position:relative;z-index:1}.coast-tabs button{background:#f8e2bd;border-color:#d5ad6e;border-radius:16px 16px 0 0;padding:9px 38px;color:#89572e}.coast-tabs .active{background:#ffdf83;color:#683715}.coast-bag-main{display:flex;flex:1;min-height:0;flex-direction:column}.coast-filters{display:flex;gap:14px;justify-content:center;margin:8px 0}.coast-filters button{padding:5px 24px;background:#f4e1c2;color:#855b34;border-color:#e3c797;font-size:17px}.coast-filters .active{background:#05a9df;color:white;border-color:#0096c0}.coast-coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1;min-height:0;overflow-y:auto;align-content:start;padding:3px 5px 8px;overscroll-behavior:contain}.coast-coupon-card{background:#fff9e9;border:2px solid #dda64c;border-radius:22px;padding:9px;box-shadow:0 3px #e8c078;min-width:0;display:flex;flex-direction:column}.coast-photo{position:relative;overflow:hidden;border-radius:15px;background:#efddbd;min-height:0}.coast-photo img{width:100%;height:100%;object-fit:cover;display:block}.coast-coupon-card>.coast-photo{height:155px;flex:none}.coast-photo>span{display:flex;height:100%;align-items:center;justify-content:center;color:#9e7f51;font-size:17px}.coast-card-copy{padding:7px 5px 0;display:flex;flex-direction:column;gap:4px}.coast-card-copy h2{font-size:21px;line-height:1.2;margin:0;min-height:26px}.coast-status{display:inline-block;align-self:flex-start;background:#2ebc86;color:white;border-radius:20px;padding:4px 14px;font-size:15px;font-weight:800;white-space:nowrap}.coast-status.redeemed{background:#af9d82}.coast-status.expired{background:#b67d68}.coast-card-copy p,.coast-card-copy small{color:#8c806e;font-size:13px;line-height:1.3;margin:0;overflow-wrap:anywhere}.coast-card-copy button{margin-top:6px;padding:7px 14px;font-size:18px}.coast-footer{height:36px;display:flex;justify-content:center;align-items:center;background:#0cacc0;border:2px solid #fff6de;border-radius:30px;margin:8px auto 0;min-width:55%;padding:0 28px;color:#fff;font-size:17px;font-weight:800;flex:none}.coast-empty{grid-column:1/-1;text-align:center;align-self:center;padding:45px 20px}.coast-empty>strong{font-size:52px}.coast-empty h2{margin:10px}.coast-empty p{color:#927954}.coast-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;overflow:auto;padding:20px}.coast-badges article{text-align:center;border:2px solid #dfc394;border-radius:22px;background:#fff9ea;padding:18px;color:#aa9d85}.coast-badges article.unlocked{color:#68401d;background:#ffedb2}.coast-badges strong{font-size:38px}.coast-badges h3{margin:5px;font-size:20px}.coast-badges p{font-size:14px}
.coast-detail-page .coast-head{height:88px}.coast-detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);min-height:0;flex:1;border:3px solid #dfb35f;border-radius:24px;background:#fff9e9eb;box-shadow:inset 0 0 0 4px #ffedc1;padding:15px 22px;gap:24px}.coast-ticket{display:flex;flex-direction:column;min-height:0;gap:7px}.coast-detail-photo{flex:1;min-height:110px}.coast-title-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.coast-title-row .cd-name{font-size:25px;margin:0;line-height:1.25;color:#613317}.coast-code{display:flex;align-items:center;gap:20px;border-top:1px solid #dfcda8;padding-top:8px}.coast-code label{font-weight:900;font-size:19px;white-space:nowrap}.coast-code strong{font:900 25px/1.2 monospace;background:#f7e9cf;border:1px solid #dfcda8;border-radius:12px;padding:8px 16px;flex:1;overflow-wrap:anywhere;user-select:all}.coast-validity,.coast-rules{font-size:14px;margin:0;color:#8c7255}.coast-actions{display:flex;gap:16px}.coast-actions button{flex:1;font-size:21px;padding:10px}.coast-service{border-left:2px dashed #e1c99b;padding-left:24px;display:flex;flex-direction:column;align-items:center;min-height:0;gap:8px}.coast-service h2{font-size:24px;margin:0;text-align:center}.coast-service>a{display:block;min-height:0;flex:1;max-height:205px}.coast-service .cd-qr{height:100%!important;width:auto!important;max-width:100%;object-fit:contain;margin:0!important;border-radius:10px}.coast-demo-qr{background:#f5e7c8;border:1px solid #d7b476;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:34px;width:170px;min-height:100px;flex:1;max-height:160px}.coast-demo-qr strong{font-size:20px}.coast-demo-qr small{font-size:13px}.coast-steps{padding:0;margin:0;list-style:none;align-self:stretch;display:grid;gap:9px}.coast-steps li{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}.coast-steps b{display:grid;place-items:center;width:30px;height:30px;background:#00aeb8;border-radius:50%;color:#fff;flex:none}.coast-service>small{font-size:12px;color:#978369;line-height:1.4}.stage:has(.coast-page)~#rotate-hint{display:none}.public-demo-note{max-width:95%}

.coast-page>div{background:#fff0d0 url("assets/coast-bag-bg.webp") center/100% 100% no-repeat!important}.coast-page>div::before,.coast-page>div::after{display:none}.coast-sign{background:repeating-linear-gradient(4deg,#ad7038 0 13px,#a76730 14px 16px,#b87b41 17px 30px);box-shadow:inset 0 0 0 3px #d69b55,0 4px #794b2255}.stage:has(.coast-page)>.public-demo-note{display:none}body:has(.coast-page) #rotate-hint{display:none!important}