:root{color-scheme:dark}html{font-size:16px}body{margin:0;padding:0 0 calc(76px + env(safe-area-inset-bottom));min-width:320px}#h5-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#101d30;border-bottom:1px solid #253b50;font-size:12px;position:sticky;top:0;z-index:25}a{color:#7fe4ef;text-decoration:none}#h5-header span{color:#9aafc6}#app{max-width:860px;margin:auto;min-height:65vh}#tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,860px);display:flex;justify-content:space-around;padding:15px 0 calc(15px + env(safe-area-inset-bottom));background:#101d30;border-top:1px solid #253b50;z-index:30}#tabs a{color:#8fa5bf;padding:5px 16px;white-space:nowrap}#tabs a.active{color:#7fe4ef}button{cursor:pointer;white-space:normal;max-width:100%;font:inherit}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{box-sizing:border-box;font:inherit;max-width:100%;color:inherit}textarea{width:100%;min-height:90px}input[type=checkbox],input[type=radio]{width:auto;display:inline-block;accent-color:#7fe4ef}scroll-view{display:block;overflow:auto}text{display:inline}view{display:block}checkbox-group,radio-group{display:block}image,img{max-width:100%;object-fit:cover}.h5-scroll-x{white-space:nowrap;overflow-x:auto}.h5-login{margin:24px;padding:24px;border:1px solid #2c455f;border-radius:16px;background:#142339}.h5-login button{display:block;margin:14px 0;padding:12px;background:#7fe4ef;color:#102332;border:0;border-radius:8px}.h5-error{padding:28px;color:#ffb1b1;white-space:pre-wrap}.h5-picker{width:100%;padding:12px;border-radius:8px;background:#15283e;border:1px solid #426580}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#243b53;color:white;border:1px solid #668ba3;border-radius:10px;padding:16px;max-width:80vw;z-index:100;pointer-events:none}#toast[hidden]{display:none}.mask{position:fixed;inset:0;z-index:80}.services-page{min-height:65vh}.category-sidebar{flex-shrink:0}.catalog-layout{height:calc(100dvh - 250px)}.h5-native-notice{margin:24px;padding:24px;border:1px solid #426580;border-radius:12px}.h5-native-notice a{display:block;padding:12px}.h5-identity-button{margin:12px}.h5-check-label{display:flex;align-items:center;gap:10px}progress{width:100%}@media(min-width:1000px){#app{padding:0 24px}.container{padding-bottom:30px}.catalog-layout{min-height:650px}.hero{min-height:320px}#h5-header{padding:16px max(30px,calc((100vw - 1050px)/2))}}@media(max-width:480px){#h5-header{padding:12px;font-size:11px;flex-wrap:wrap}#h5-header span{order:3;flex-basis:100%}.row{flex-wrap:wrap;gap:8px}button{overflow-wrap:normal}.catalog-layout{height:calc(100dvh - 275px)}}
:is(.bottom-action){bottom:calc(76px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:min(100%,860px);box-sizing:border-box;z-index:35}.with-action{padding-bottom:180px}
.h5-confirm-mask{position:fixed;inset:0;background:#000b;z-index:120;display:grid;place-items:center;padding:20px}.h5-confirm{max-width:440px;background:#15283e;border:1px solid #628399;border-radius:18px;padding:24px}.h5-confirm p{line-height:1.8}.h5-confirm button{padding:10px 24px;margin:8px;background:#7fe4ef;border:0;border-radius:8px;color:#102332}

.h5-confirm input{display:block;width:100%;padding:12px;margin:12px 0;background:#101d30;border:1px solid #628399;border-radius:8px}