:root{--rpx:calc(100vw / 750);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:light dark}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent}body{background:#f5f6f8;color:#000}wx-page{display:block;box-sizing:border-box;min-height:100dvh}body.has-tabbar wx-page{padding-bottom:calc(50px + var(--safe-bottom))}body.has-navigation wx-page{padding-top:44px}view,navigator,scroll-view,swiper,swiper-item,cover-view,movable-area,movable-view,form,rich-text,wx-component,wx-image{display:block}wx-text{display:inline;white-space:pre-wrap}view,navigator{box-sizing:border-box}navigator,button{cursor:pointer}button{font-family:inherit;border:0;font-size:18px;color:inherit;line-height:2.55555556;background:#f8f8f8;border-radius:5px;text-align:center;box-sizing:border-box;display:block}input,textarea,select{font-family:inherit;font-size:16px;box-sizing:border-box;background:transparent;color:inherit;border:0;outline:none}textarea{width:300px;height:150px;resize:none}input{height:1.4rem}wx-image{display:inline-block;position:relative;width:300px;height:225px;overflow:hidden;vertical-align:middle}wx-image>img{display:block;width:100%;height:100%;object-fit:fill}wx-image[data-mode="widthFix"]{height:auto}wx-image[data-mode="widthFix"]>img{height:auto}wx-image[data-mode="aspectFit"]>img{object-fit:contain}wx-image[data-mode="aspectFill"]>img{object-fit:cover}wx-image[data-mode="heightFix"]{width:auto}wx-image[data-mode="heightFix"]>img{width:auto;height:100%}video{display:block;width:300px;height:225px;object-fit:contain;background:#000}swiper{display:block;position:relative;height:150px;overflow:hidden}swiper-item{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;transition:transform .3s ease}scroll-view{overflow:auto;overscroll-behavior:contain;scrollbar-width:none}scroll-view::-webkit-scrollbar{display:none}picker{display:block}wx-component{display:contents}rich-text{overflow-wrap:anywhere}rich-text img{max-width:100%}[hidden]{display:none!important}.swiper-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:8px;pointer-events:none}.swiper-dots i{width:6px;height:6px;border-radius:50%;background:var(--dot-color,#ccc)}.swiper-dots i.active{background:var(--dot-active,#333)}#navigation{height:44px;position:fixed;top:0;left:0;right:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-size:17px}#back{position:absolute;left:8px;top:0;width:38px;height:44px;background:none;font-size:34px;font-weight:300;line-height:40px}#tabbar{box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;height:calc(50px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;z-index:1000000;display:flex;border-top:1px solid rgba(0,0,0,.06)}#tabbar button{flex:1;min-width:0;border-radius:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;line-height:1.2;font-weight:400;color:#a0a2a7}#tabbar img{width:27px;height:27px;object-fit:contain}#toast{position:fixed;z-index:2000000;top:45%;left:50%;transform:translate(-50%,-50%);max-width:80%;background:rgba(0,0,0,.8);color:white;font-size:14px;padding:14px 20px;border-radius:8px;text-align:center}#overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2000001;display:flex;align-items:center;justify-content:center}.dialog{width:min(320px,85vw);background:#fff;color:#111;border-radius:12px;overflow:hidden;text-align:center}.dialog-title{padding:22px 18px 10px;font-size:18px;font-weight:600}.dialog-content{padding:8px 22px 24px;font-size:15px;line-height:1.5;white-space:pre-wrap}.dialog-actions{display:flex;border-top:1px solid #eee}.dialog-actions button{flex:1;font-size:17px;background:none;line-height:48px;border-radius:0}.image-preview{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#000}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.preview-close{position:absolute;top:20px;right:15px;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:38px}web-view iframe{position:fixed;inset:44px 0 0;width:100%;height:calc(100dvh - 44px);border:0}wx-map{display:block;background:#e7e7e7;position:relative;min-height:200px}wx-map iframe{border:0;width:100%;height:100%}wx-camera{display:block;background:#111;position:relative;min-height:200px}wx-camera video{height:100%;width:100%;object-fit:cover}wx-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000000;display:flex;align-items:center;justify-content:center}wx-modal>.native-modal{width:80%;background:#fff;color:#000;border-radius:8px;padding:20px;box-sizing:border-box;text-align:center}wx-modal .native-modal-title{font-weight:bold;margin-bottom:18px}wx-modal .native-modal-action{margin-top:18px;color:#576b95}@media(prefers-color-scheme:dark){body{background:#000;color:#fff}.dialog{background:#222;color:#fff}.dialog-actions{border-color:#444}}

input[data-wx-control="switch"]{appearance:none;-webkit-appearance:none;display:inline-block;width:51px;height:31px;position:relative;border-radius:16px;border:1px solid #e5e5e5;background:#e5e5e5;vertical-align:middle;transition:background .2s}input[data-wx-control="switch"]::after{content:"";position:absolute;width:27px;height:27px;left:1px;top:1px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}input[data-wx-control="switch"]:checked{background:#04be02;border-color:#04be02}input[data-wx-control="switch"]:checked::after{transform:translateX(20px)}input[data-wx-control="slider"]{width:100%;height:28px;accent-color:#1aad19}input[data-wx-control="checkbox"],input[data-wx-control="radio"]{width:22px;height:22px;accent-color:#09bb07;vertical-align:middle}

.hideTypeBtn{clear:both}
html{scroll-padding-bottom:calc(var(--tabbar-height,0px) + 90px);scroll-padding-top:var(--navigation-height,0px)}

/* Native modal footers use the component layout, independent of app button resets. */
wx-modal {
  background: rgba(0, 0, 0, .6);
}
wx-modal > .native-modal {
  width: 85%;
  padding: 0;
  overflow: hidden;
  background: #fafafc;
  color: #000;
  border-radius: 3px;
  text-align: center;
}
wx-modal .native-modal-title {
  margin: 0;
  padding: 19.2px 20px 8px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
wx-modal .native-modal-body {
  padding: 0 20px;
  color: #888;
  font-size: 15px;
  line-height: normal;
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-all;
}
wx-modal .native-modal-actions {
  position: relative;
  display: flex;
  width: 100%;
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 42px;
}
wx-modal .native-modal-actions::before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #d5d5d6;
  transform: scaleY(.5);
  transform-origin: 0 0;
  pointer-events: none;
}
wx-modal .native-modal-action {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: 0;
  min-width: 0;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  background: transparent;
  color: #3cc51f;
  font-size: 17px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
wx-modal .native-modal-cancel {
  color: #000;
}
wx-modal .native-modal-cancel::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #d5d5d6;
  transform: scaleX(.5);
  transform-origin: 100% 0;
  pointer-events: none;
}
wx-modal .native-modal-action:active {
  background: #eee;
}
.dialog-actions {
  position: relative;
  width: 100%;
  border-top: 0;
}
.dialog-actions::before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #eee;
  transform: scaleY(.5);
  transform-origin: 0 0;
  pointer-events: none;
}
.dialog-actions > button {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: 0;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 48px;
  text-align: center;
}
.dialog-actions > button + button::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #eee;
  transform: scaleX(.5);
  transform-origin: 0 0;
  pointer-events: none;
}
@media (prefers-color-scheme: dark) {
  .dialog-actions::before,
  .dialog-actions > button + button::before {
    border-color: #444;
  }
}

#tabbar{bottom:var(--viewport-bottom-inset,0px)}

/* Explicit geometry prevents unloaded widthFix media from collapsing on iOS. */
wx-image[data-sized="true"] > img{position:absolute;inset:0;width:100%;height:100%}
wx-page{min-height:100vh;min-height:100dvh}