
/* ===== 全局基础 ===== */
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html { font-size: 13.3333333333vw; } /* 100rpx = 1rem */
body { font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', sans-serif; background: #f5f6fa; color: #333; margin: 0; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; }
img { display: block; }
input, textarea, button { font-family: inherit; outline: none; border: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
/* 通用工具 */
.hidden { display: none !important; }
.flex { display: flex; align-items: center; }
.between { justify-content: space-between; }
.center { justify-content: center; }
.col { flex-direction: column; }
.grow { flex: 1; }
.mt10 { margin-top: .2rem; }
.mt20 { margin-top: .4rem; }

@charset "UTF-8";
















.ithui-bullet .bullet-box{background-color:#fff;width:6.2000remrem;height:60vh;border-radius:0.2000remrem;border-width:0.1000remrem;border-style:solid}.ithui-bullet .bullet-box .top{font-size:0.3800remrem;text-align:center;font-weight:700;margin-top:0.6000remrem}.ithui-bullet .bullet-box .scroll-Y{margin-top:0.2000remrem;height:48vh}.ithui-bullet .bullet-box .scroll-Y .content{margin:0 0.3000remrem}.ithui-bullet .bullet-close{margin-top:0.2000remrem;display:flex;justify-content:center}@charset "UTF-8";
















.logo{width:1.4000remrem;height:1.4000remrem}.buy{width:100%;height:100%}.buy .title{display:flex;align-items:center;padding:0.0100remrem 0 0.1000remrem 0.3500remrem;background-color:#fff}.buy .title > img{width:0.3000remrem;height:0.3000remrem}.buy .title > span{font-size:0.2800remrem;font-family:PingFangSC-Regular,PingFang SC;font-weight:500;color:#666;line-height:0.4000remrem}.buy .title .num{color:#ff4141}
.tab-switch-wrap{padding:0.1600remrem 0.6000remrem 0 0.6000remrem;background-color:#fff}.tab-switch{display:flex;position:relative;background-color:#f5f5f5;border-radius:0.5000remrem;padding:0.0600remrem;height:0.6400remrem}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:0.5000remrem;transition:all .3s ease}.tab-item.active{background-color:#fff;box-shadow:0 0.0200remrem 0.0800remrem rgba(0,0,0,.1)}.tab-text{font-size:0.2600remrem;font-weight:500;color:#999;transition:all .3s ease}.tab-item.active .tab-text{color:#333;font-weight:600}
.search-bar-wrap{padding:0.1600remrem 0.3000remrem 0.1200remrem 0.3000remrem;background-color:#fff}.search-bar{display:flex;flex-direction:row;align-items:center;background-color:#f5f5f5;border-radius:0.5000remrem;padding:0 0.2000remrem;height:0.7200remrem;box-shadow:0 0.0200remrem 0.1000remrem rgba(0,0,0,.06)}.search-icon-emoji{font-size:0.3200remrem;margin-right:0.1200remrem;flex-shrink:0;opacity:.6}.search-input{flex:1;font-size:0.2600remrem;color:#333;background:transparent;height:0.7200remrem;line-height:0.7200remrem}.search-placeholder{color:#bbb;font-size:0.2400remrem}.search-clear{width:0.4000remrem;height:0.4000remrem;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;margin-left:0.0800remrem;flex-shrink:0}.clear-icon{font-size:0.2000remrem;color:#fff}.search-submit{margin-left:0.1200remrem;background-color:#ff7d00;border-radius:0.3000remrem;padding:0 0.2000remrem;height:0.5200remrem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-submit-text{color:#fff;font-size:0.2400remrem;white-space:nowrap}
.search-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);z-index:2000;display:flex;align-items:flex-end;justify-content:center}.search-result-panel{width:100%;background-color:#fff;border-radius:0.2400remrem 0.2400remrem 0 0;padding:0 0 0.4000remrem 0;min-height:3rem}.search-result-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0.3200remrem 0.3200remrem 0.2000remrem 0.3200remrem;border-bottom:0.0100remrem solid #f0f0f0}.search-result-title{font-size:0.2800remrem;font-weight:700;color:#333}.search-result-close{font-size:0.3200remrem;color:#999;padding:0 0.1000remrem}.search-result-loading,
.search-result-empty{display:flex;align-items:center;justify-content:center;padding:0.6000remrem 0;color:#999;font-size:0.2600remrem}.search-result-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0.2400remrem 0.3200remrem;border-bottom:0.0100remrem solid #f7f7f7;active-background-color:#f5f5f5}.result-item-left{display:flex;flex-direction:row;align-items:center;flex:1}.result-app-icon{width:0.7200remrem;height:0.7200remrem;border-radius:0.1200remrem;margin-right:0.2000remrem;flex-shrink:0}.result-info{display:flex;flex-direction:column}.result-app-name{font-size:0.2800remrem;font-weight:700;color:#222}.result-phone{font-size:0.2400remrem;color:#666;margin-top:0.0400remrem}.result-vip{font-size:0.2200remrem;margin-top:0.0400remrem}.vip-on{color:#4caf50}.vip-off{color:#f44336}.result-arrow{font-size:0.4000remrem;color:#ccc;margin-left:0.1000remrem}
.no-app-hint{padding:0.1600remrem 0.3000remrem 0.0800remrem 0.3000remrem;text-align:center}.hint-text{font-size:0.2400remrem;color:#b45309;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:0.2000remrem;padding:0.1000remrem 0.2400remrem;display:inline-block;transition:opacity .2s}.hint-text:active{opacity:.7}
.copy-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);z-index:3000;display:flex;align-items:flex-end;justify-content:center}.copy-panel{width:100%;background-color:#fff;border-radius:0.2400remrem 0.2400remrem 0 0;padding:0.2400remrem 0.3000remrem 0.4000remrem 0.3000remrem;box-sizing:border-box}.copy-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:0.1800remrem}.copy-title{font-size:0.3000remrem;font-weight:700;color:#333}.copy-close{font-size:0.3600remrem;color:#999;padding:0 0.1000remrem}.copy-textarea{width:100%;height:3.6000remrem;background:#f6f7f9;border-radius:0.1600remrem;padding:0.2000remrem;font-size:0.2600remrem;line-height:1.6;color:#222;box-sizing:border-box;white-space:pre-wrap;word-break:break-all}.copy-actions{display:flex;flex-direction:row;gap:0.2000remrem;margin-top:0.2400remrem}.copy-btn{flex:1;height:0.8000remrem;line-height:0.8000remrem;text-align:center;border-radius:0.4000remrem;font-size:0.2800remrem;color:#666;background:#f0f0f0}.copy-btn-primary{color:#fff;background:#1890ff}.copy-tip{display:block;margin-top:0.1600remrem;font-size:0.2200remrem;color:#bbb;text-align:center}@charset "UTF-8";

















div{box-sizing:border-box;display:block}

.h-flex-x{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center
  
  
  
  
  
  
  
  
  }.h-flex-x.h-flex-left{justify-content:flex-start}.h-flex-x.h-flex-center{justify-content:center}.h-flex-x.h-flex-right{justify-content:flex-end}.h-flex-x.h-flex-space{justify-content:space-between}.h-flex-x.h-flex-top{align-items:flex-start;align-content:flex-start}.h-flex-x.h-flex-bottom{align-items:flex-end;align-content:flex-end}.h-flex-x.h-flex-wrap{flex-wrap:wrap}.h-flex-x.h-flex-2 > div{width:50%}.h-flex-x.h-flex-3 > div{width:33.33333%}.h-flex-x.h-flex-4 > div{width:25%}.h-flex-x.h-flex-5 > div{width:20%}.h-flex-x.h-flex-6 > div{width:16.66667%}.h-flex-x > .h-flex-item-grow{flex-grow:1;width:0}
.h-flex-y{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start
  
  
  
  
  
  
  
  }.h-flex-y.h-flex-center{justify-content:center;align-items:center;align-content:center}.h-flex-y.h-flex-left{align-items:flex-start;align-content:flex-start}.h-flex-y.h-flex-right{align-items:flex-end;align-content:flex-end}.h-flex-y.h-flex-space{justify-content:space-between}.h-flex-y.h-flex-top{justify-content:flex-start}.h-flex-y.h-flex-bottom{justify-content:flex-end}.h-flex-y.h-flex-2 > div{height:50%}.h-flex-y.h-flex-3 > div{height:33.33333%}.h-flex-y.h-flex-4 > div{height:25%}.h-flex-y.h-flex-5 > div{height:20%}.h-flex-y.h-flex-6 > div{height:16.66667%}.h-flex-y > .h-flex-item-grow{flex-grow:1;height:0}.list{background-color:var(--background)}.list-item{position:relative;height:1rem}.list-item.cross-line + .list-item{border-top-style:solid;border-top-width:1px;border-top-color:var(--minor)}.list .avatar{width:0.7000remrem;height:0.7000remrem;background-color:var(--general);margin-right:0.2400remrem;border-radius:0.0800remrem}.list .avatar.round{border-radius:50%}.list .name{background-color:var(--general);width:70%;height:0.2400remrem;border-radius:0}.list .desc{background-color:var(--general);width:50%;height:0.1800remrem;border-radius:0}.list .arrows{height:0.2000remrem;width:0.2000remrem;border-width:2px 2px 0 0;border-style:solid;border-color:var(--general);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center}
@charset "UTF-8";
















.ithui-content{margin:0;padding:0;min-height:100vh;background-color:#f5f5f5}
.top-nav-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.2000remrem 0.3000remrem;background-color:#fff;border-bottom:0.0100remrem solid #eee}.top-nav-left,
.top-nav-right{padding:0.1000remrem 0.2000remrem;border-radius:0.2000remrem;background-color:#f0f0f0}.top-nav-text{font-size:0.2600remrem;color:#666}.top-nav-center{flex:1;text-align:center}.top-nav-title{font-size:0.3200remrem;font-weight:700;color:#333}
.step-indicator{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0.3000remrem;background-color:#fff}.step-item{display:flex;flex-direction:column;align-items:center}.step-circle{width:0.5000remrem;height:0.5000remrem;border-radius:50%;background-color:#ddd;color:#fff;font-size:0.2400remrem;display:flex;align-items:center;justify-content:center;margin-bottom:0.0800remrem}.step-item.active .step-circle{background-color:#07c160}.step-item.completed .step-circle{background-color:#07c160}.step-label{font-size:0.2200remrem;color:#999}.step-item.active .step-label{color:#07c160;font-weight:700}.step-line{width:0.8000remrem;height:0.0400remrem;background-color:#ddd;margin:0 0.1000remrem;margin-bottom:0.3000remrem}.step-line.active{background-color:#07c160}
.step-content{padding:0.3000remrem}.section-title{font-size:0.3000remrem;font-weight:700;color:#333;margin-bottom:0.2000remrem}
.company-list{background-color:#fff;border-radius:0.1600remrem;overflow:hidden;margin-top:0.2000remrem}
.search-box{display:flex;flex-direction:row;align-items:center;background-color:#fff;border-radius:0.4000remrem;padding:0.1600remrem 0.2400remrem;margin-top:0.2000remrem}.search-icon{font-size:0.3200remrem;margin-right:0.1600remrem}.search-input{flex:1;font-size:0.2800remrem;height:0.4800remrem}.search-clear{font-size:0.2800remrem;color:#999;padding:0.0800remrem}.search-loading{text-align:center;padding:0.3000remrem;color:#07c160;font-size:0.2600remrem}
.search-notice{display:flex;flex-direction:row;align-items:flex-start;background-color:#fff8e1;border-radius:0.1200remrem;padding:0.1800remrem 0.2400remrem;margin-top:0.1600remrem;border-left:0.0600remrem solid #ffc107}.search-notice-icon{font-size:0.2800remrem;margin-right:0.1200remrem;flex-shrink:0;line-height:1.6}.search-notice-content{flex:1}.search-notice-text{font-size:0.2400remrem;color:#795548;line-height:1.6}
.empty-tip{text-align:center;padding:0.6000remrem;color:#999;font-size:0.2800remrem}.hospital-notice-arrow{font-size:0.2400remrem;color:#1565c0;margin-left:0.1600remrem;margin-top:0.0400remrem;flex-shrink:0;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.sign-company-notice{display:flex;flex-direction:row;align-items:flex-start;background-color:#f3e5f5;border-radius:0.1600remrem;padding:0.2400remrem;margin-bottom:0.2000remrem;border-left:0.0600remrem solid #9c27b0}.sign-company-notice-icon{font-size:0.4000remrem;margin-right:0.1600remrem;margin-top:0.0400remrem}.sign-company-notice-content{flex:1}.sign-company-notice-title{font-size:0.2800remrem;font-weight:700;color:#6a1b9a;display:block;margin-bottom:0.0800remrem}.sign-company-notice-desc{font-size:0.2400remrem;color:#546e7a;line-height:1.6}
.sign-steps-box{background-color:#fce4ec;border-radius:0.1200remrem;padding:0.2400remrem;margin-top:0.1600remrem;margin-bottom:0.1600remrem;border-left:0.0600remrem solid #e91e63}.sign-steps-title{font-size:0.2800remrem;font-weight:700;color:#c2185b;margin-bottom:0.1600remrem}.sign-step-item{display:flex;flex-direction:row;align-items:center;margin-bottom:0.1200remrem}.sign-step-item:last-child{margin-bottom:0}.sign-step-num{width:0.4000remrem;height:0.4000remrem;border-radius:50%;background-color:#e91e63;color:#fff;font-size:0.2200remrem;display:flex;align-items:center;justify-content:center;margin-right:0.1600remrem;flex-shrink:0}.sign-step-text{font-size:0.2600remrem;color:#333;line-height:1.6}
.sign-company-capital{color:#9c27b0!important}.company-item{display:flex;flex-direction:row;align-items:center;padding:0.3000remrem;border-bottom:0.0100remrem solid #f0f0f0;position:relative}.company-item.selected{background-color:#f0faf4}.company-info{flex:1}.company-name{font-size:0.2800remrem;color:#333;display:block;margin-bottom:0.0800remrem}.company-desc{font-size:0.2400remrem;color:#999;display:block}.company-price{margin-right:0.4000remrem}.price-text{font-size:0.2800remrem;color:#07c160;font-weight:700}.selected-check{position:absolute;right:0.3000remrem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0.4000remrem;height:0.4000remrem;border-radius:50%;background-color:#07c160;color:#fff;font-size:0.2400remrem;display:flex;align-items:center;justify-content:center}
.stamp-type-wrap{display:flex;flex-direction:row;gap:0.2000remrem;margin-top:0.2000remrem}.stamp-type-item{flex:1;padding:0.3000remrem;background-color:#fff;border-radius:0.1600remrem;text-align:center;border:0.0200remrem solid #eee;transition:all .3s}.stamp-type-item.selected{border-color:#07c160;background-color:#f0faf4}.stamp-type-icon{font-size:0.4800remrem;display:block;margin-bottom:0.1600remrem}.stamp-type-name{font-size:0.2800remrem;color:#333;font-weight:700}
.service-card{background-color:#fff;border-radius:0.1600remrem;padding:0.3000remrem;margin-bottom:0.2000remrem;border:0.0200remrem solid #eee;transition:all .3s}.service-card.selected{border-color:#07c160;background-color:#f0faf4}.service-header{display:flex;flex-direction:row;align-items:center;margin-bottom:0.1600remrem}.service-icon{font-size:0.4800remrem;margin-right:0.2000remrem}.service-name{font-size:0.3000remrem;font-weight:700;color:#333;display:block}.service-desc{font-size:0.2400remrem;color:#999;display:block;margin-top:0.0800remrem}.service-tags{display:flex;flex-direction:row;gap:0.1200remrem}.tag{padding:0.0600remrem 0.1600remrem;background-color:#f0f0f0;border-radius:0.2000remrem;font-size:0.2200remrem;color:#666}.service-card.selected .tag{background-color:#d4efdf;color:#07c160}
.btn-row{display:flex;flex-direction:row;gap:0.2000remrem;padding:0.3000remrem}.prev-btn{flex:1;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#f0f0f0;color:#666;border-radius:0.4400remrem;font-size:0.3000remrem}.next-btn{flex:1;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#07c160;color:#fff;border-radius:0.4400remrem;font-size:0.3000remrem}.next-btn-full{width:100%;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#07c160;color:#fff;border-radius:0.4400remrem;font-size:0.3000remrem}.next-btn-full[disabled]{background-color:#ccc}.submit-btn{flex:1;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#07c160;color:#fff;border-radius:0.4400remrem;font-size:0.3000remrem}.confirm-btn{flex:1;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#07c160;color:#fff;border-radius:0.4400remrem;font-size:0.3000remrem}
.form-section{background-color:#fff;border-radius:0.1600remrem;padding:0.3000remrem;margin-bottom:0.2000remrem}.form-section-title{font-size:0.3000remrem;font-weight:700;color:#333;margin-bottom:0.2400remrem;padding-bottom:0.1600remrem;border-bottom:0.0100remrem solid #f0f0f0}.form-item{display:flex;flex-direction:row;align-items:center;margin-bottom:0.2400remrem}.form-item.column{flex-direction:column;align-items:flex-start}.form-label{width:1.8000remrem;font-size:0.2800remrem;color:#333;flex-shrink:0}.form-input{flex:1;height:0.7200remrem;background-color:#f8f8f8;border-radius:0.1200remrem;padding:0 0.2000remrem;font-size:0.2800remrem}.form-textarea{width:100%;min-height:1.6000remrem;background-color:#f8f8f8;border-radius:0.1200remrem;padding:0.2000remrem;font-size:0.2800remrem;margin-top:0.1200remrem}
.radio-group{display:flex;flex-direction:row;gap:0.1600remrem}.radio-group.vertical{flex-direction:column;gap:0.1200remrem}.radio-item{padding:0.1200remrem 0.2400remrem;background-color:#f0f0f0;border-radius:0.0800remrem;font-size:0.2600remrem;color:#666;transition:all .3s}.radio-item.selected{background-color:#07c160;color:#fff}.radio-item.full{display:flex;flex-direction:column;align-items:flex-start}.radio-hint{font-size:0.2200remrem;color:#999;margin-top:0.0400remrem}.radio-item.selected .radio-hint{color:#d4efdf}
.switch-wrap{flex:1;display:flex;justify-content:flex-end}
.checkbox-group{display:flex;flex-direction:row;gap:0.1600remrem;margin-top:0.1200remrem}.checkbox-item{padding:0.1200remrem 0.2400remrem;background-color:#f0f0f0;border-radius:0.0800remrem;font-size:0.2600remrem;color:#666;transition:all .3s}.checkbox-item.selected{background-color:#07c160;color:#fff}
.upload-area{background-color:#f8f8f8;border-radius:0.1600remrem;padding:0.4000remrem;text-align:center;border:0.0200remrem dashed #ddd;transition:all .3s}.upload-area:active{background-color:#f0f0f0}.upload-placeholder{display:flex;flex-direction:column;align-items:center}.upload-icon{font-size:0.8000remrem;margin-bottom:0.1600remrem}.upload-text{font-size:0.2800remrem;color:#333;margin-bottom:0.0800remrem}.upload-hint{font-size:0.2400remrem;color:#999}
.file-list{display:flex;flex-direction:column;gap:0.1600remrem}.file-item-wrap{background-color:#f8f8f8;border-radius:0.1200remrem;padding:0.1600remrem;margin-bottom:0.1200remrem}.file-item{display:flex;flex-direction:row;align-items:center;padding:0.1200remrem;background-color:#fff;border-radius:0.0800remrem}.file-icon{font-size:0.4000remrem;margin-right:0.1600remrem}.file-name{flex:1;font-size:0.2600remrem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-status{font-size:0.2400remrem;margin-right:0.1200remrem}.file-status.uploading{color:#ff9800}.file-status.success{color:#07c160}.file-status.fail{color:#f44336}.file-remove{font-size:0.2800remrem;color:#999;padding:0.0800remrem}
.file-settings{margin-top:0.1200remrem;padding:0.1600remrem;background-color:#fff;border-radius:0.0800remrem}.file-setting-row{display:flex;flex-direction:row;align-items:center;margin-bottom:0.1600remrem}.file-setting-row:last-child{margin-bottom:0}.file-setting-label{width:1.4000remrem;font-size:0.2600remrem;color:#666;flex-shrink:0}.file-setting-input{width:1.2000remrem;height:0.5600remrem;background-color:#f8f8f8;border-radius:0.0800remrem;padding:0 0.1600remrem;font-size:0.2600remrem;text-align:center}
.sf-info-box{background-color:#f0faf4;border-radius:0.1200remrem;padding:0.2400remrem;margin-bottom:0.2000remrem}.sf-id-label{font-size:0.2600remrem;color:#666;margin-bottom:0.1200remrem}.sf-id-value{display:flex;flex-direction:row;align-items:center;gap:0.1600remrem}.sf-id-value span:first-child{font-size:0.3200remrem;font-weight:700;color:#07c160}.copy-btn{font-size:0.2400remrem;color:#07c160;padding:0.0400remrem 0.1600remrem;background-color:#fff;border-radius:0.2000remrem}.sf-notice{font-size:0.2400remrem;color:#ff9800;margin-top:0.1200remrem}
.mail-review-notice{display:flex;flex-direction:row;align-items:flex-start;background-color:#e3f2fd;border-radius:0.1600remrem;padding:0.2400remrem;margin-bottom:0.2000remrem;border-left:0.0600remrem solid #2196f3}.mail-review-icon{font-size:0.4000remrem;margin-right:0.1600remrem;margin-top:0.0400remrem}.mail-review-content{flex:1}.mail-review-title{font-size:0.2800remrem;font-weight:700;color:#1565c0;display:block;margin-bottom:0.0800remrem}.mail-review-desc{font-size:0.2400remrem;color:#546e7a;line-height:1.6}
.notice-box{background-color:#fff8e1;border-radius:0.1200remrem;padding:0.2400remrem;margin-bottom:0.2000remrem}.notice-title{font-size:0.2600remrem;font-weight:700;color:#f57c00;display:block;margin-bottom:0.1200remrem}.notice-list{display:flex;flex-direction:column;gap:0.0800remrem;margin-bottom:0.1200remrem}.notice-list span{font-size:0.2400remrem;color:#666}.notice-tip{font-size:0.2400remrem;color:#999;line-height:1.6}.notice-content{font-size:0.2600remrem;color:#666;line-height:1.6}
.order-summary{background-color:#fff;border-radius:0.1600remrem;padding:0.2400remrem}.summary-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.1600remrem 0;border-bottom:0.0100remrem solid #f0f0f0}.summary-item:last-child{border-bottom:none}.summary-label{font-size:0.2600remrem;color:#999;flex-shrink:0;width:1.6000remrem}.summary-value{font-size:0.2600remrem;color:#333;flex:1;text-align:right}.summary-value.file-url{font-size:0.2200remrem;color:#07c160;word-break:break-all}.summary-file-block{background-color:#f8f8f8;border-radius:0.1200remrem;padding:0.1600remrem;margin-bottom:0.1600remrem}.summary-file-block .summary-item{padding:0.0800remrem 0}
.add-more-files{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0.2000remrem;margin-top:0.1600remrem;background-color:#f0f0f0;border-radius:0.1200remrem;border:0.0200remrem dashed #ddd}.add-more-icon{font-size:0.3600remrem;color:#07c160;margin-right:0.1200remrem}.add-more-text{font-size:0.2600remrem;color:#666}
.pay-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.pay-modal-box{background-color:#fff;border-radius:0.2400remrem;margin:0 0.4000remrem;width:calc(100% - 0.8000remrem);overflow:hidden}.pay-modal-header{padding:0.4000remrem 0.4000remrem 0.2000remrem;border-bottom:0.0100remrem solid #f0f0f0}.pay-modal-title{font-size:0.3200remrem;font-weight:700;color:#333}.pay-modal-body{padding:0.3000remrem 0.4000remrem}.pay-info-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0.1600remrem 0;border-bottom:0.0100remrem solid #f8f8f8}.pay-info-row.column{flex-direction:column;align-items:flex-start}.pay-info-label{font-size:0.2600remrem;color:#999;width:1.5000remrem;flex-shrink:0}.pay-info-value{font-size:0.2600remrem;color:#333;flex:1;text-align:right}.pay-info-price{font-size:0.4800remrem;font-weight:700;color:#e03c2e;flex:1;text-align:right}.pay-info-remark{font-size:0.2400remrem;color:#666;margin-top:0.0800remrem;line-height:1.6}.pay-notice{margin-top:0.2000remrem;padding:0.2000remrem;background-color:#fff8e1;border-radius:0.1200remrem;font-size:0.2400remrem;color:#f57c00;line-height:1.6}.pay-modal-footer{display:flex;flex-direction:row;gap:0.2000remrem;padding:0.2000remrem 0.4000remrem 0.4000remrem}.pay-cancel-btn{flex:1;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#f0f0f0;color:#666;border-radius:0.4400remrem;font-size:0.2800remrem}.pay-confirm-btn{flex:2;height:0.8800remrem;line-height:0.8800remrem;text-align:center;background-color:#e03c2e;color:#fff;border-radius:0.4400remrem;font-size:0.2800remrem;font-weight:700}
@charset "UTF-8";
















.homepage{width:100%;min-height:100vh;background-color:#fff}.homepage span{color:#333;font-family:PingFangSC-Semibold,PingFang SC}.homepage .bar .right{display:flex}.homepage .bar .right div{width:0.5200remrem;height:0.5200remrem;margin-left:0.2600remrem;border-radius:0.2600remrem;background:#f0eeff;display:flex;justify-content:center;align-items:center;box-shadow:0rem %?-2?% 0.0200remrem 0.0400remrem hsla(0,0%,100%,.5),0rem 0.0400remrem 0.0400remrem 0rem rgba(197,183,211,.5),inset 0rem 0.0200remrem 0.0600remrem 0rem hsla(0,0%,100%,.5)}.homepage .bar .right div > img{width:0.3200remrem;height:0.3200remrem}.homepage .people{width:100%;height:1.3500remrem;display:flex;flex-direction:row;align-items:center;justify-content:center}.homepage .people .info{flex:1}.homepage .people .info .nick{display:flex}.homepage .people .info .nick > span{font-size:0.3600remrem;font-weight:600;line-height:0.5000remrem}.homepage .people .info .nick .sex{width:0.2400remrem;height:0.2400remrem;border-radius:0.1200remrem;background:#61c9fd}.homepage .people .info .grade{display:flex;flex-direction:row;width:5rem;align-items:center}.homepage .people .info .grade > div{display:flex;align-items:center;margin-right:0.1200remrem}.homepage .people .info .grade > div span{font-size:0.2000remrem;font-weight:600;color:#fff;line-height:0.2800remrem;text-shadow:0rem 0.0200remrem 0.0400remrem rgba(0,0,0,.5)}.homepage .people .info .grade > div img{width:0.5000remrem;height:0.5000remrem}.homepage .people .info .grade > div:last-child > img{width:0.4000remrem;height:0.4000remrem}.homepage .people .info .grade > div:last-child > span{margin-left:%?-6?%}.homepage .people .info .userId{width:2.6000remrem;display:flex;background:#f5f5ff;border-radius:0.0800remrem;box-shadow:0rem 0.0200remrem 0.0600remrem 0rem rgba(0,0,0,.14),0rem %?-4?% 0.0600remrem 0rem #fff}.homepage .people .info .userId > img{width:0.3600remrem;height:0.4000remrem}.homepage .people .space{display:flex;align-items:center}.homepage .people .space > span{font-size:0.2800remrem;line-height:0.4000remrem}.homepage .list{width:100%;display:flex;padding:0 0.4400remrem;box-sizing:border-box}.homepage .list .item{width:25%;display:flex;justify-content:space-evenly;align-items:center}.homepage .list .item .text{display:flex;flex-direction:column;align-items:center}.homepage .list .item .text > span:first-child{font-size:0.3600remrem;font-family:CloudHeiChaoGBK;line-height:0.4800remrem;font-weight:600}.homepage .list .item .text > span:last-child{font-size:0.2400remrem;color:#999;line-height:0.3400remrem}.homepage .infos{padding:0 0.4000remrem}.homepage .infos .open-vip{width:100%;height:0.7200remrem;background:linear-gradient(180deg,#f7e5b4,#ffe6af 2%,#ebc075);border-radius:0.4900remrem;display:flex;align-items:center;margin-top:0.3600remrem;padding:0 0.2400remrem 0 0.3400remrem;box-sizing:border-box}.homepage .infos .open-vip > img{width:0.4800remrem;height:0.4800remrem}.homepage .infos .open-vip .text{flex:1;font-size:0.2400remrem;line-height:0.3400remrem;margin-left:0.1400remrem}.homepage .infos .open-vip .button{width:1.2800remrem;height:0.4200remrem;background:linear-gradient(90deg,#4d4d4d,#151515);border-radius:0.2200remrem;font-size:0.2200remrem;color:#ffdfa9;line-height:0.4200remrem;text-align:center}.homepage .infos .tool{display:flex;width:100%;height:1.7200remrem;background:#fff;box-shadow:0rem 0.0200remrem 0.2200remrem 0rem rgba(114,118,206,.27);border-radius:0.2800remrem;justify-content:space-evenly;margin:0.2200remrem 0}.homepage .infos .tool > div{display:flex;flex-direction:column}.homepage .infos .tool > div span{font-size:0.2200remrem;font-weight:600;color:#666;line-height:0.3200remrem;text-shadow:0rem 0.0400remrem 0.1400remrem rgba(222,148,247,.6)}.homepage .infos .tool > div img{width:0.9800remrem;height:0.9600remrem;margin-top:0.1000remrem}.homepage .infos .set{width:100%;padding:0.3400remrem 0.2400remrem 0.0100remrem 0.3400remrem;background:#fff;box-shadow:0rem 0.0200remrem 0.2800remrem 0rem rgba(142,146,230,.27);border-radius:0.2800remrem;display:flex;height:auto;flex-direction:column;justify-content:space-between;box-sizing:border-box}.homepage .infos .set > div{display:flex;align-items:center;margin-bottom:0.3000remrem}.homepage .infos .set > div span{flex:1;font-size:0.2800remrem;line-height:0.4000remrem;margin-left:0.3000remrem}.homepage .infos .set > div .icon{width:0.4000remrem;height:0.4000remrem}.homepage .infos .set > div .right{width:0.4000remrem;height:0.4000remrem}.homepage .infos .service{background:#fff;box-shadow:0rem 0.0200remrem 0.2800remrem 0rem rgba(142,146,230,.27);border-radius:0.2800remrem;margin-top:0.1000remrem;padding:0.2000remrem 0.2400remrem 0rem 0.3400remrem;display:flex;flex-direction:column;justify-content:space-between}.homepage .infos .service > div{display:flex;align-items:center;margin-bottom:0.4000remrem}.homepage .infos .service > div span{flex:1;font-size:0.2800remrem;line-height:0.4000remrem;margin-left:0.3000remrem}.homepage .infos .service > div .icon{width:0.3600remrem;height:0.3600remrem}.homepage .infos .service > div .right{width:0.4000remrem;height:0.4000remrem}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);
  display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.overlay-content{background-color:#fff;display:flex;width:70%;flex-direction:column;align-items:center;justify-content:center;padding:0.5000remrem;border-radius:10px;text-align:center}input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.bind-button{background-color:#007bff;color:#fff;border:none;width:2.3000remrem;margin-left:0.1000remrem;padding:0.1000remrem 0.2000remrem;font-size:0.2000remrem;border-radius:5px;cursor:pointer;outline:none}.number{background-color:#ccc;width:auto;border-radius:0.1000remrem;height:0.4000remrem;display:flex;flex-direction:row;justify-content:center;align-items:center}
@charset "UTF-8";
















.container{padding:0.3000remrem;background:#f0f4ff;min-height:100vh}
.vip-card{position:relative;border-radius:0.2400remrem;overflow:hidden;margin-bottom:0.2400remrem;box-shadow:0 0.1200remrem 0.4000remrem rgba(0,0,0,.12)}.vip-card .vip-card-shine{position:absolute;top:%?-80?%;right:%?-60?%;width:2.6000remrem;height:2.6000remrem;border-radius:50%;background:hsla(0,0%,100%,.08)}.vip-card .vip-card-content{position:relative;z-index:1;padding:0.4000remrem 0.3600remrem 0.3600remrem;display:flex;flex-direction:column;align-items:center}.vip-card .vip-badge-row{display:flex;align-items:center;margin-bottom:0.2000remrem}.vip-card .vip-badge-row .vip-badge{padding:0.0800remrem 0.2800remrem;border-radius:0.3000remrem}.vip-card .vip-badge-row .vip-badge .vip-badge-text{font-size:0.2800remrem;color:#fff;font-weight:700;letter-spacing:0.0200remrem}.vip-card .vip-badge-row .vip-name{font-size:0.3200remrem;color:#fff;font-weight:600;margin-left:0.1800remrem}.vip-card .vip-multiplier-row{display:flex;align-items:baseline;margin-bottom:0.1200remrem}.vip-card .vip-multiplier-row .vip-multiplier-value{font-size:0.8000remrem;color:#fff;font-weight:800;line-height:1}.vip-card .vip-multiplier-row .vip-multiplier-unit{font-size:0.3000remrem;color:hsla(0,0%,100%,.9);font-weight:600;margin-left:0.0800remrem}.vip-card .vip-bonus-text{font-size:0.3000remrem;color:hsla(0,0%,100%,.9);font-weight:500}.vip-card .vip-divider{width:0.8000remrem;height:0.0200remrem;background:hsla(0,0%,100%,.3);margin:0.2000remrem 0 0.1600remrem}.vip-card .vip-desc{font-size:0.2400remrem;color:hsla(0,0%,100%,.7)}
.preview-card{background:#fff;border-radius:0.2000remrem;padding:0.3200remrem;margin-bottom:0.2400remrem;box-shadow:0 0.0400remrem 0.1600remrem rgba(0,0,0,.04)}.preview-card .preview-label{font-size:0.2400remrem;color:#999;margin-bottom:0.1200remrem}.preview-card .preview-row{display:flex;align-items:baseline;margin-bottom:0.1200remrem}.preview-card .preview-row .preview-amount{font-size:0.5600remrem;color:#333;font-weight:800;line-height:1}.preview-card .preview-row .preview-unit{font-size:0.2800remrem;color:#666;font-weight:500;margin-left:0.1000remrem}.preview-card .preview-formula{font-size:0.2400remrem;color:#aaa}
.input-section{background:#fff;border-radius:0.2000remrem;padding:0.3000remrem;box-shadow:0 0.0400remrem 0.1600remrem rgba(0,0,0,.04)}.input-section .tips{font-size:0.2600remrem;color:#888;margin-top:0.2000remrem;text-align:center}
.bottom-links{display:flex;flex-direction:column;align-items:center;margin-top:0.4000remrem}.bottom-links .link-item{font-size:0.2600remrem;color:#3b82f6;padding:0.1600remrem 0;text-decoration:underline}
@charset "UTF-8";
















.recharge-settings{min-height:100vh;background-color:#f5f7fa;padding:0.3000remrem}.page-header{margin-bottom:0.3000remrem}.page-title{font-size:0.4800remrem;font-weight:600;color:#1a1a1a}.status-card{display:flex;align-items:center;background:linear-gradient(135deg,#4a6cf7,#6a8eff);border-radius:0.2000remrem;padding:0.4000remrem 0.3000remrem;margin-bottom:0.3000remrem;color:#fff;box-shadow:0 0.1000remrem 0.3000remrem rgba(74,108,247,.2)}.status-icon{margin-right:0.2000remrem}.status-icon .icon{font-size:0.6000remrem}.status-content{flex:1}.status-title{display:block;font-size:0.3200remrem;font-weight:500;margin-bottom:0.1000remrem}.status-desc{display:block;font-size:0.2800remrem;opacity:.9}.setting-card{background-color:#fff;border-radius:0.2000remrem;padding:0.3000remrem;margin-bottom:0.3000remrem;box-shadow:0 0.0500remrem 0.2000remrem rgba(0,0,0,.03)}.card-header{margin-bottom:0.3000remrem;padding-bottom:0.2000remrem;border-bottom:0.0100remrem solid #f0f0f0}.card-title{display:block;font-size:0.3600remrem;font-weight:600;color:#1a1a1a;margin-bottom:0.1000remrem}.card-subtitle{display:block;font-size:0.2600remrem;color:#999}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:0.3000remrem 0;border-bottom:0.0100remrem solid #f5f5f5}.contact-item:last-child{border-bottom:none}.contact-left{display:flex;align-items:center;flex:1}.contact-icon{width:0.8000remrem;height:0.8000remrem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:0.2000remrem;background-color:#f0f5ff}.contact-icon .icon{font-size:0.3600remrem}.contact-info{flex:1}.contact-type{display:block;font-size:0.2800remrem;color:#666;margin-bottom:0.0800remrem}.contact-value{display:block;font-size:0.3200remrem;font-weight:500;color:#1a1a1a}.contact-edit{padding:0.1200remrem 0.2400remrem;border:0.0100remrem solid #4a6cf7;border-radius:0.0800remrem}.edit-text{font-size:0.2600remrem;color:#4a6cf7}.switch-section{display:flex;justify-content:space-between;align-items:center;padding:0.2000remrem 0}.switch-info{flex:1;margin-right:0.2000remrem}.switch-label{display:block;font-size:0.3200remrem;font-weight:500;color:#1a1a1a;margin-bottom:0.1000remrem}.switch-desc{display:block;font-size:0.2600remrem;color:#999}.profit-comparison{background-color:#f8f9ff;border-radius:0.1200remrem;padding:0.3000remrem;margin-top:0.3000remrem}.profit-title{display:block;font-size:0.2800remrem;font-weight:500;color:#1a1a1a;margin-bottom:0.2000remrem}.profit-item{display:flex;justify-content:space-between;margin-bottom:0.1500remrem}.profit-label{font-size:0.2800remrem;color:#666}.profit-value{font-size:0.2800remrem;font-weight:500}.profit-low{color:#ff6b6b}.profit-high{color:#4cd964}.action-bar{margin-top:0.4000remrem;padding:0 0.3000remrem}.save-button{background:linear-gradient(135deg,#4a6cf7,#6a8eff);color:#fff;border:none;border-radius:0.5000remrem;padding:0.2500remrem;font-size:0.3200remrem;font-weight:500;width:100%;box-shadow:0 0.1000remrem 0.3000remrem rgba(74,108,247,.3)}
.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:999}.modal-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.modal-content{position:relative;background-color:#fff;border-radius:0.2000remrem;width:80%;max-width:6rem;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:0.4000remrem 0.3000remrem 0.2000remrem;border-bottom:0.0100remrem solid #f0f0f0}.modal-title{font-size:0.3600remrem;font-weight:600;color:#1a1a1a}.modal-close{width:0.6000remrem;height:0.6000remrem;display:flex;align-items:center;justify-content:center;font-size:0.4000remrem;color:#999}.modal-body{padding:0.4000remrem 0.3000remrem}.input-group{margin-bottom:0.3000remrem}.input-label{display:block;font-size:0.2800remrem;color:#666;margin-bottom:0.2000remrem}.input-field{width:100%;padding:0.2000remrem;border:0.0100remrem solid #e0e0e0;border-radius:0.0800remrem;font-size:0.2800remrem}.modal-footer{display:flex;padding:0 0.3000remrem 0.4000remrem}.modal-button{flex:1;padding:0.2000remrem;text-align:center;border-radius:0.0800remrem;font-size:0.2800remrem;margin:0 0.1000remrem}.modal-button.cancel{background-color:#f5f5f5;color:#666}.modal-button.confirm{background-color:#4a6cf7;color:#fff}
@charset "UTF-8";
















.changePwd{width:100vw;height:100vh;background-color:#f1f1f1;padding:40px 16px;box-sizing:border-box}.changePwd_title{width:100%;font-size:28px}.changePwd_form_wrap{width:100%;margin-top:28px;margin-bottom:18px;border-bottom:1px solid #ccc;padding:12px 0}.changePwd_form_wrap .row span{width:1.6rem;text-align:left}input{margin-top:0.1200remrem;border:0;background-color:#f1f1f1}.tips{color:#666}.btn{width:100%;display:flex;justify-content:center;margin-top:0.4000remrem}.btn button{width:92%;height:40px;border-radius:4px;margin-top:28px;color:#fff;background-color:#5677fc;border:0}.err{position:absolute;top:0;left:0;width:100%;height:0;line-height:46px;background-color:#e65557;transition:all .5s;overflow:hidden;color:#fff;padding-left:8px}.errShow{height:46px;transition:all .5s;z-index:999999999}
@charset "UTF-8";
















.avatar-tags-sex{position:absolute;z-index:1;width:0.4000remrem;height:0.4000remrem;right:0;bottom:0;border-radius:50%}.avatar-tags-vip{position:absolute;z-index:1;width:0.4000remrem;height:0.4000remrem;right:0;top:0;border-radius:50%}
@charset "UTF-8";
















.simple-login{width:100%;min-height:94vh;background:#f8fafc;
  position:relative;overflow:hidden}
.status-bar{height:0;background:transparent}
.decor-top{position:absolute;top:0;right:0;width:3rem;height:3rem;background:#e3f2fd;
  border-radius:0 0 0 3rem;z-index:0}.decor-bottom{position:absolute;bottom:0;left:0;width:2rem;height:2rem;background:#e3f2fd;
  border-radius:0 2rem 0 0;z-index:0}
.logo-section{display:flex;flex-direction:column;align-items:center;padding:0.6000remrem 0 0.8000remrem;position:relative;z-index:1}.logo-circle{width:1.4000remrem;height:1.4000remrem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:0.2400remrem;box-shadow:0 0.0800remrem 0.2000remrem rgba(79,195,247,.3)}.logo-text{font-size:0.6400remrem;color:#fff;font-weight:700;font-family:Arial,sans-serif}.app-name{font-size:0.4800remrem;color:#37474f;
  font-weight:500;letter-spacing:0.0400remrem}
.form-card{background:#fff;border-radius:0.2400remrem;margin:0 0.4000remrem;padding:0.6000remrem 0.4000remrem;box-shadow:0 0.0800remrem 0.3000remrem rgba(0,0,0,.05);position:relative;z-index:1}
.login-tabs{display:flex;flex-direction:row;background:#f0f6fb;border-radius:0.1600remrem;padding:0.0800remrem;margin-bottom:0.5000remrem}.login-tab{flex:1;text-align:center;height:0.7600remrem;line-height:0.7600remrem;font-size:0.3000remrem;color:#546e7a;border-radius:0.1200remrem;transition:all .3s}.login-tab.active{background:#4fc3f7;color:#fff;font-weight:500;box-shadow:0 0.0400remrem 0.1200remrem rgba(79,195,247,.35)}
.picker-field{display:flex;align-items:center;color:#37474f}.input-box{margin-bottom:0.5000remrem;position:relative}.input-label{display:block;font-size:0.2800remrem;color:#546e7a;
  margin-bottom:0.1600remrem;font-weight:500}.input-field{width:90%;height:0.9600remrem;background:#f8fafc;
  border:0.0200remrem solid #e1f5fe;
  border-radius:0.1200remrem;padding:0 0.3000remrem;font-size:0.3200remrem;color:#37474f;transition:all .3s}.input-field:focus{border-color:#4fc3f7;
  background:#fff;box-shadow:0 0 0 0.0400remrem rgba(79,195,247,.1)}.placeholder{color:#b0bec5;
  font-size:0.2800remrem}.eye-icon{position:absolute;right:0.3000remrem;bottom:0.2000remrem;width:0.6000remrem;height:0.6000remrem;display:flex;align-items:center;justify-content:center}.eye-icon span{font-size:0.4000remrem;color:#90a4ae;
  opacity:.8}
.login-button{width:100%;height:1rem;background:#bbdefb;
  border-radius:0.1600remrem;display:flex;align-items:center;justify-content:center;margin-top:0.2000remrem;transition:all .3s}.login-button span{font-size:0.3600remrem;color:#fff;font-weight:500;letter-spacing:0.0400remrem}.login-button.active{background:#4fc3f7;
  box-shadow:0 0.0600remrem 0.2000remrem rgba(79,195,247,.4)}.login-button.active:active{-webkit-transform:translateY(0.0200remrem);transform:translateY(0.0200remrem);box-shadow:0 0.0400remrem 0.1200remrem rgba(79,195,247,.4)}.login-button.loading{background:#81d4fa;
  opacity:.9}
.setting-btn{position:absolute;right:0.4000remrem;bottom:0.6000remrem;width:0.8000remrem;height:0.8000remrem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0.0400remrem 0.1500remrem rgba(0,0,0,.08);z-index:2}.gear-icon{font-size:0.4000remrem;color:#90a4ae;
  -webkit-animation:rotateGear-data-v-5a950ebe 20s linear infinite;animation:rotateGear-data-v-5a950ebe 20s linear infinite;opacity:.8}@-webkit-keyframes rotateGear-data-v-5a950ebe{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateGear-data-v-5a950ebe{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.action-links{display:flex;justify-content:center;align-items:center;gap:0.2000remrem}.action-link{font-size:0.2400remrem;color:#666;text-decoration:none}.action-link:active{color:#1890ff;opacity:.8}.action-link.register-link{color:#1890ff;font-weight:500}.action-link.forgot-link{color:#666}.action-link.app-download-link{color:#52c41a;font-weight:500}.action-link.copy-link{color:#666}.link-separator{color:#ddd;font-size:0.2000remrem}
.sp-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:flex;flex-direction:column;justify-content:flex-end}.sp-panel{background:#fff;border-radius:0.1600remrem 0.1600remrem 0 0;height:75vh;display:flex;flex-direction:column;overflow:hidden}.sp-header{display:flex;align-items:center;justify-content:space-between;padding:0.2400remrem 0.3000remrem 0.1000remrem 0.3000remrem}.sp-title{font-size:0.3000remrem;color:#333;font-weight:700}.sp-close{font-size:0.3000remrem;color:#999;padding:0.0600remrem 0.1600remrem}.sp-search{padding:0.1000remrem 0.3000remrem 0.1600remrem 0.3000remrem}.sp-search input{box-sizing:border-box;width:100%;height:0.6800remrem;line-height:0.6800remrem;font-size:0.2800remrem;padding:0 0.2000remrem;background:#f5f5f5;border:1px solid #e8e5e6;border-radius:0.3400remrem}.sp-list{flex:1;height:0}.sp-item{display:flex;align-items:center;justify-content:space-between;padding:0.2400remrem 0.3000remrem;font-size:0.2800remrem;color:#333;border-bottom:1px solid #f2f2f2}.sp-item:active{background:#f8f8f8}.sp-item-active{color:#07c160}.sp-item-check{color:#07c160;margin-left:0.2000remrem}.sp-empty{padding:0.3000remrem;text-align:center;font-size:0.2600remrem;color:#999}
@charset "UTF-8";
















.team-container{padding:0.2000remrem;background-color:#f8f9fa;min-height:100vh;padding-bottom:1.2000remrem}
.team-header{margin-bottom:0.2000remrem}.stats-card{background:#fff;border-radius:0.1600remrem;padding:0.3000remrem;display:flex;justify-content:space-between;box-shadow:0 0.0200remrem 0.1000remrem rgba(0,0,0,.05)}.stat-item{flex:1;text-align:center}.stat-value{font-size:0.4000remrem;font-weight:700;color:#1890ff;display:block;line-height:1.4}.stat-label{font-size:0.2400remrem;color:#666}.stat-divider{width:0.0100remrem;background:#eee;margin:0 0.2000remrem}
.level-tabs{display:flex;background:#fff;border-radius:0.1600remrem;margin-bottom:0.2000remrem;box-shadow:0 0.0200remrem 0.1000remrem rgba(0,0,0,.05)}.tab-item{flex:1;text-align:center;padding:0.2000remrem 0;font-size:0.2600remrem;color:#666;position:relative}.tab-item.active{color:#1890ff;font-weight:700}.tab-item.active::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60%;height:0.0400remrem;background:#1890ff;border-radius:0.0400remrem}.badge{display:inline-block;background:#ff4d4f;color:#fff;font-size:0.2000remrem;padding:0.0200remrem 0.0800remrem;border-radius:0.2000remrem;margin-left:0.0600remrem;-webkit-transform:translateY(%?-6?%);transform:translateY(%?-6?%)}
.member-list{background:#fff;border-radius:0.1600remrem;padding:0.2000remrem;box-shadow:0 0.0200remrem 0.1000remrem rgba(0,0,0,.05)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.2000remrem;padding-bottom:0.2000remrem;border-bottom:0.0100remrem solid #f0f0f0}.header-text{font-size:0.2800remrem;font-weight:700}.filter-box{display:flex;align-items:center;background:#f5f5f5;border-radius:0.3000remrem;padding:0.1000remrem 0.2000remrem;width:2.5000remrem}.search-input{flex:1;font-size:0.2400remrem;margin-left:0.1000remrem;height:0.4000remrem}.member-item{display:flex;padding:0.2000remrem 0;border-bottom:0.0100remrem solid #f5f5f5}.member-item:last-child{border-bottom:none}.member-avatar{width:1rem;height:1rem;border-radius:50%;overflow:hidden;margin-right:0.2000remrem}.member-avatar img{width:100%;height:100%}.member-info{flex:1}.info-top{display:flex;align-items:center;margin-bottom:0.1000remrem}.member-name{font-size:0.2800remrem;font-weight:700;margin-right:0.1500remrem}.member-level{font-size:0.2200remrem;padding:0.0400remrem 0.1200remrem;border-radius:0.2000remrem}.member-level.level-L1{background:#ffeaa7;color:#e17055}.member-level.level-L2{background:#81ecec;color:#0984e3}.member-level.level-L3{background:#55efc4;color:#00b894}.info-bottom{display:flex;font-size:0.2200remrem;color:#999}.member-id{margin-right:0.2000remrem}.member-stats{display:flex;flex-direction:column;justify-content:center;width:1.2000remrem}.stat-item{text-align:right;margin-bottom:0.1000remrem}.stat-item:last-child{margin-bottom:0}.stat-label{font-size:0.2200remrem;color:#999;margin-right:0.0600remrem}.stat-value{font-size:0.2400remrem;color:#333}
.empty-state{padding:0.6000remrem 0;text-align:center}.empty-state img{width:2rem;height:2rem;margin-bottom:0.2000remrem;opacity:.6}.empty-text{display:block;font-size:0.2800remrem;color:#666;margin-bottom:0.1000remrem}.empty-tip{font-size:0.2400remrem;color:#999}
.action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:0.2000remrem;display:flex;box-shadow:0 %?-2?% 0.1000remrem rgba(0,0,0,.05)}.action-btn{flex:1;height:0.8000remrem;line-height:0.8000remrem;border-radius:0.4000remrem;font-size:0.2800remrem;display:flex;align-items:center;justify-content:center}.action-btn.invite-btn{background:#1890ff;color:#fff;margin-right:0.2000remrem}.action-btn.export-btn{background:#fff;color:#1890ff;border:0.0100remrem solid #1890ff}.action-btn span{margin-left:0.1000remrem}
/* ===== Toast ===== */
.toast { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.9); background: rgba(0,0,0,.78); color: #fff; padding: .24rem .4rem; border-radius: .16rem; font-size: .28rem; z-index: 99999; opacity: 0; transition: all .25s; max-width: 70%; text-align: center; line-height: 1.6; pointer-events: none; }
.toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.toast.success { background: rgba(22,173,90,.92); }
.toast.error { background: rgba(230,60,60,.92); }

/* ===== 底部导航 ===== */
.tabbar { position: fixed; left: 0; right: 0; bottom: 0; height: 1.1rem; background: #fff; display: flex; z-index: 9999; border-top: 1px solid #eee; box-shadow: 0 -2px 16px rgba(0,0,0,.05); }
.tabbar-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; cursor: pointer; user-select: none; }
.tabbar-item img { width: .46rem; height: .46rem; margin-bottom: .02rem; }
.tabbar-item span { font-size: .2rem; line-height: 1.2; text-align: center; }
.tabbar-item.active { color: #5b6cf0; font-weight: 600; }
.tabbar-placeholder { height: 1.1rem; }

/* ===== 顶部导航（公告 / 定制 / 报告库 / 工单 / 信息中台） ===== */
.top-nav-bar { display: flex; align-items: center; justify-content: space-between; padding: .18rem .28rem .14rem; background: #fff; position: sticky; top: 0; z-index: 100; }
.top-nav-left { display: flex; align-items: center; gap: .06rem; background: linear-gradient(135deg, #667eea, #764ba2); padding: .1rem .28rem; border-radius: .34rem; box-shadow: 0 4px 14px rgba(102,126,234,.32); }
.top-nav-left .nav-horn { font-size: .22rem; line-height: 1; }
.top-nav-left .top-nav-text { color: #fff; font-size: .24rem; font-weight: 600; letter-spacing: .02rem; }
.top-nav-right-group { display: flex; align-items: center; gap: .34rem; }
.top-nav-apply .top-nav-text-apply { color: #ff7d00; font-size: .24rem; font-weight: 700; }
.top-nav-report .top-nav-text-report, .top-nav-center .top-nav-text-center, .top-nav-right .top-nav-text { color: #333; font-size: .24rem; font-weight: 600; background: transparent; padding: 0; }

/* ===== 公告滚动条 ===== */
.marquee-bar { display: flex; align-items: center; background: #fff7e6; padding: .14rem .3rem; gap: .16rem; }
.marquee-icon { width: .28rem; height: .28rem; background: #ff7d00; border-radius: 50%; position: relative; flex-shrink: 0; }
.marquee-icon::after { content: '📢'; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: .2rem; }
.marquee-viewport { flex: 1; overflow: hidden; }
.marquee-text { font-size: .24rem; color: #d48806; white-space: nowrap; display: inline-block; animation: marquee 18s linear infinite; }
@keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

/* ===== 本站运行 ===== */
.runtime-row { display: flex; align-items: center; padding: .2rem .3rem; background: #fff; }
.runtime-row .runtime-icon { width: .5rem; height: .5rem; display: flex; align-items: center; justify-content: center; }
.runtime-row .runtime-icon img { width: .44rem; }
.runtime-text { font-size: .28rem; color: #333; margin-left: .2rem; font-weight: 500; }

/* ===== 首页 APP 网格 ===== */
.apps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .2rem; padding: .2rem .3rem; background: #fff; }
.app-card { background: #fff; border-radius: .24rem; padding: .3rem .16rem; text-align: center; cursor: pointer; border: 1px solid #f2f2f2; transition: all .25s; }
.app-card:active { transform: scale(.96); }
.app-card img { width: .9rem; height: .9rem; border-radius: .22rem; margin: 0 auto .16rem; }
.app-card .app-name { font-size: .26rem; font-weight: 600; color: #333; line-height: 1.4; margin-bottom: .08rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.app-card .app-price { font-size: .28rem; font-weight: 700; color: #ff4757; }
.app-card .app-price span { font-size: .22rem; font-weight: 400; color: #999; }
.apps-loading, .empty-state { text-align: center; padding: .8rem .3rem; color: #999; font-size: .26rem; }

/* ===== 我的页 ===== */
.homepage { width: 100%; min-height: 100vh; background: #fff; padding-bottom: .4rem; }
.homepage .bar { padding: .3rem .34rem .06rem; display: flex; justify-content: space-between; align-items: center; }
.homepage .bar .logo { font-size: .36rem; font-weight: 700; }
.homepage .bar .right { display: flex; gap: .2rem; }
.homepage .bar .right .icon-btn { width: .56rem; height: .56rem; border-radius: 50%; background: #f0eeff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,.06); }
.homepage .bar .right .icon-btn img { width: .34rem; height: .34rem; }
.homepage .people { width: 100%; display: flex; align-items: center; padding: .3rem .4rem .1rem; }
.homepage .people .avatar { width: 1.2rem; height: 1.2rem; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right: .26rem; box-shadow: 0 6px 18px rgba(91,108,240,.35); }
.homepage .people .avatar img { width: 100%; height: 100%; }
.homepage .people .info { flex: 1; min-width: 0; }
.homepage .people .info .nick { display: flex; align-items: center; font-size: .36rem; font-weight: 600; line-height: .5rem; }
.homepage .people .info .nick .id-badge { margin-left: .1rem; font-size: .2rem; color: #fff; background: #5b6cf0; border-radius: .08rem; padding: .02rem .12rem; line-height: .32rem; }
.homepage .people .info .grade { display: flex; align-items: center; margin-top: .08rem; }
.homepage .people .info .grade .vip-tag { background: linear-gradient(90deg,#f6d365,#fda085); color: #7c4a03; font-size: .2rem; font-weight: 600; padding: .02rem .14rem; border-radius: .08rem; line-height: .3rem; }
.homepage .people .info .grade .user-id { display: flex; align-items: center; margin-left: .16rem; background: #f5f5ff; border-radius: .08rem; padding: .02rem .16rem; font-size: .24rem; color: #666; line-height: .34rem; }
.homepage .balance-card { margin: .2rem .34rem; border-radius: .3rem; background: linear-gradient(135deg,#667eea,#764ba2); color: #fff; padding: .34rem .4rem; position: relative; overflow: hidden; }
.homepage .balance-card::after { content: ''; position: absolute; top: -60%; right: -20%; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: rgba(255,255,255,.08); }
.homepage .balance-card .label { font-size: .24rem; opacity: .85; margin-bottom: .1rem; }
.homepage .balance-card .amount { font-size: .64rem; font-weight: 700; line-height: 1; }
.homepage .balance-card .amount span { font-size: .3rem; font-weight: 500; margin-right: .04rem; }
.homepage .balance-card .btn-recharge { position: absolute; right: .34rem; top: 50%; transform: translateY(-50%); background: #fff; color: #667eea; font-size: .26rem; font-weight: 600; padding: .14rem .34rem; border-radius: .4rem; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.homepage .infos { padding: 0 .34rem; }
.homepage .infos .tool { display: flex; width: 100%; background: #fff; box-shadow: 0 2px 22px rgba(114,118,206,.27); border-radius: .28rem; justify-content: space-around; padding: .34rem 0 .3rem; margin: .2rem 0; }
.homepage .infos .tool .tool-item { display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }
.homepage .infos .tool .tool-item img { width: .68rem; height: .68rem; margin-bottom: .08rem; }
.homepage .infos .tool .tool-item span { font-size: .22rem; font-weight: 600; color: #666; line-height: 1.2; }
.homepage .infos .set, .homepage .infos .service { width: 100%; padding: .2rem .24rem 0 .34rem; background: #fff; box-shadow: 0 2px 28px rgba(142,146,230,.27); border-radius: .28rem; display: flex; flex-direction: column; box-sizing: border-box; margin-bottom: .2rem; }
.homepage .infos .set > div, .homepage .infos .service > div { display: flex; align-items: center; padding: .24rem 0; border-bottom: 1px solid #f6f6f8; cursor: pointer; }
.homepage .infos .set > div:last-child, .homepage .infos .service > div:last-child { border-bottom: none; }
.homepage .infos .set img.icon, .homepage .infos .service img.icon { width: .4rem; height: .4rem; }
.homepage .infos .set span, .homepage .infos .service span { flex: 1; font-size: .28rem; margin-left: .2rem; }
.homepage .infos .set img.right, .homepage .infos .service img.right { width: .32rem; height: .32rem; }
.footer-brand { text-align: center; color: #bbb; font-size: .22rem; padding: .3rem 0 .1rem; }

/* ===== 登录页 ===== */
.auth-page { min-height: 100vh; background: linear-gradient(160deg,#667eea 0%,#764ba2 100%); display: flex; align-items: center; justify-content: center; padding: .4rem; }
.auth-card { width: 100%; max-width: 420px; background: #fff; border-radius: .36rem; padding: .6rem .5rem; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.auth-header { text-align: center; margin-bottom: .5rem; }
.auth-header .logo { font-size: .9rem; }
.auth-header h1 { font-size: .44rem; margin: .12rem 0 .06rem; }
.auth-header p { color: #999; font-size: .26rem; }
.auth-tabs { display: flex; background: #f5f5f5; border-radius: .5rem; padding: .06rem; margin-bottom: .4rem; }
.auth-tab { flex: 1; text-align: center; padding: .18rem 0; border-radius: .5rem; font-size: .28rem; color: #666; cursor: pointer; }
.auth-tab.active { background: #fff; color: #667eea; font-weight: 600; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.form-group { margin-bottom: .3rem; }
.form-group label { display: block; font-size: .26rem; color: #666; margin-bottom: .1rem; }
.form-group input { width: 100%; height: .86rem; border: 1px solid #e5e5e5; border-radius: .14rem; padding: 0 .26rem; font-size: .28rem; background: #fafafa; }
.btn { border: none; border-radius: .14rem; cursor: pointer; font-size: .3rem; }
.btn-primary { background: linear-gradient(135deg,#667eea,#764ba2); color: #fff; padding: .24rem 0; width: 100%; font-weight: 600; }
.btn:disabled { opacity: .6; }
.auth-footer { text-align: center; margin-top: .3rem; color: #999; font-size: .24rem; }
.auth-footer a { color: #667eea; }

/* ===== 通用卡片 ===== */
.page-container { padding: .3rem; padding-bottom: .4rem; }
.card { background: #fff; border-radius: .24rem; padding: .3rem; margin-bottom: .24rem; box-shadow: 0 2px 12px rgba(0,0,0,.04); }
.card-title { font-size: .3rem; font-weight: 600; margin-bottom: .2rem; }
.section-title { font-size: .28rem; font-weight: 600; margin: .2rem 0; color: #333; }
.loading { text-align: center; color: #999; padding: .6rem 0; font-size: .26rem; }
.loading .spinner { display: inline-block; width: .4rem; height: .4rem; border: 3px solid #e0e0e0; border-top-color: #667eea; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: .12rem; }
@keyframes spin { to { transform: rotate(360deg); } }
.empty-state { text-align: center; padding: .8rem .3rem; color: #999; font-size: .26rem; }
.empty-state .empty-icon { font-size: .6rem; margin-bottom: .16rem; }

/* ===== 顶部区域压缩（首页更紧凑协调） ===== */
.top-nav-bar { padding: .12rem .24rem .08rem; }
.marquee-bar { padding: .08rem .24rem; gap: .12rem; }
.marquee-icon { width: .24rem; height: .24rem; }
.marquee-text { font-size: .22rem; }
.runtime-row { padding: .08rem .24rem .12rem; }
.runtime-row .runtime-icon { width: .34rem; height: .34rem; }
.runtime-row .runtime-icon img { width: .3rem; }
.runtime-text { font-size: .22rem; margin-left: .14rem; }
.tab-switch-wrap { padding-top: .1rem; }
.tab-switch { height: .56rem; }
.tab-text { font-size: .24rem; }
.search-bar-wrap { padding-top: .1rem; }
.search-bar { height: .6rem; }
.search-input { height: .6rem; line-height: .6rem; font-size: .24rem; }
.search-icon-emoji { font-size: .28rem; }
.search-submit { height: .44rem; }
.search-submit-text { font-size: .22rem; }

/* ===== 宽屏/桌面适配：以手机宽度居中，修复图标文字错位 ===== */
@media (min-width: 520px) {
    html { font-size: 62.4px; }
    body { max-width: 480px; margin: 0 auto; min-height: 100vh; background: #f0f0f2; box-shadow: 0 0 40px rgba(0,0,0,.18); }
    .tabbar,
    .overlay { position: fixed; left: 50%; transform: translateX(-50%); width: 100%; max-width: 480px; }
    .toast { left: 50%; transform: translate(-50%,-50%); }
    .toast.show { transform: translate(-50%,-50%) scale(1); }
}

/* ===== 打卡页顶部（新版规范） ===== */
/* 1. 顶部标题栏：居中大字 */
.page-title { text-align: center; font-size: .4rem; font-weight: 800; color: #222; padding: .26rem 0 .16rem; background: #fff; letter-spacing: .01rem; }
/* 2. 功能标签导航：横向圆角彩色标签 */
.nav-tags { display: flex; gap: .14rem; padding: 0 .24rem .2rem; background: #fff; }
.nav-tag { flex: 1; text-align: center; padding: .13rem 0; border-radius: .4rem; color: #fff; font-size: .22rem; font-weight: 600; white-space: nowrap; cursor: pointer; transition: all .2s; box-shadow: 0 3px 10px rgba(0,0,0,.12); }
.nav-tag:active { transform: scale(.95); }
.nav-tag.tag-announce { background: linear-gradient(135deg, #667eea, #764ba2); }
.nav-tag.tag-custom { background: linear-gradient(135deg, #ff9a44, #fc6076); }
.nav-tag.tag-lib { background: linear-gradient(135deg, #2196f3, #00bcd4); }
.nav-tag.tag-ticket { background: linear-gradient(135deg, #07c160, #05a050); }
.nav-tag.tag-platform { background: linear-gradient(135deg, #f5576c, #f093fb); }
/* 3. 公告提示横幅：浅米色通栏 + 文字向左循环 */
.notice-bar { background: #fdf6ec; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #f7ecd8; }
.notice-track { flex-shrink: 0; white-space: nowrap; padding-left: 100%; animation: noticeScroll 22s linear infinite; font-size: .2rem; color: #a86614; line-height: 1.5; }
@keyframes noticeScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
/* 4. 站点运行状态：绿色对勾 + 动态时间 */
.runtime-row { display: flex; align-items: center; padding: .14rem .24rem; background: #fff; }
.ok-icon { width: .36rem; height: .36rem; border-radius: 50%; background: linear-gradient(135deg, #07c160, #05a050); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .22rem; font-weight: 700; margin-right: .14rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(7,193,96,.35); }
.runtime-text { font-size: .22rem; color: #444; }

/* ===== 布局修复（手机/电脑一致） ===== */
/* 站点运行状态：一行居中展示 */
.runtime-row { justify-content: center; }
.runtime-text { white-space: nowrap; font-size: .22rem; }
/* 公告提示横幅：更矮更协调 */
.notice-bar { padding: .04rem 0; }
.notice-track { font-size: .2rem; line-height: 1.5; }
/* 搜索框：与页面两边保持距离 */
.search-bar-wrap { padding-left: .36rem; padding-right: .36rem; }
/* 我的页功能宫格：高度自适应，图标文字严格居中 */
.homepage .infos .tool { height: auto; padding: .36rem 0 .32rem; }
.homepage .infos .tool .tool-item { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.homepage .infos .tool .tool-item img { width: .66rem; height: .66rem; margin-bottom: .08rem; display: block; }
.homepage .infos .tool .tool-item span { font-size: .22rem; font-weight: 600; color: #666; line-height: 1.3; display: block; text-align: center; }
/* 底部导航安全区适配（iPhone 底部横条） */
.tabbar { padding-bottom: env(safe-area-inset-bottom); height: calc(1.1rem + env(safe-area-inset-bottom)); }
.tabbar-placeholder { height: calc(1.1rem + env(safe-area-inset-bottom)); }

/* ===== 搜索按钮美化 ===== */
.search-submit { margin-left: .16rem; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: .4rem; padding: 0 .34rem; height: .56rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 3px 10px rgba(102,126,234,.35); cursor: pointer; transition: all .2s; }
.search-submit:active { transform: scale(.94); }
.search-submit-text { color: #fff; font-size: .24rem; font-weight: 600; letter-spacing: .02rem; white-space: nowrap; }

/* ===== 公告弹窗（修复布局） ===== */
.modal-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.55); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.modal-box { background: #fff; border-radius: .26rem; width: calc(100% - .9rem); max-width: 6.2rem; overflow: hidden; animation: modalIn .25s ease; }
@keyframes modalIn { from { transform: scale(.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.modal-box .modal-title { font-size: .32rem; font-weight: 700; color: #333; text-align: center; padding: .36rem .3rem .2rem; position: relative; }
.modal-box .modal-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: .6rem; height: .05rem; border-radius: .03rem; background: linear-gradient(90deg, #667eea, #764ba2); }
.modal-box .modal-body { font-size: .26rem; color: #555; line-height: 1.9; padding: .28rem .36rem .34rem; text-align: left; word-break: break-word; }
.modal-box .modal-footer { padding: .1rem .3rem .38rem; display: flex; justify-content: center; }
.modal-box .modal-footer > div { padding: .18rem .72rem; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; border-radius: .44rem; font-size: .26rem; font-weight: 600; cursor: pointer; box-shadow: 0 6px 18px rgba(102,126,234,.35); }
.modal-box .modal-footer > div:active { transform: scale(.96); }

/* ===== 公告弹窗按钮（按键样式） ===== */
.modal-box .modal-footer { padding: .06rem .3rem .4rem; display: flex; justify-content: center; }
.modal-box .modal-footer > div { display: none; }
.modal-btn-ok { min-width: 2.8rem; height: .86rem; border: none; border-radius: .45rem; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; font-size: .28rem; font-weight: 700; cursor: pointer; box-shadow: 0 8px 22px rgba(102,126,234,.4); transition: all .2s; letter-spacing: .04rem; }
.modal-btn-ok:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(102,126,234,.5); }
.modal-btn-ok:active { transform: scale(.96); }

/* ===== 弹窗遮罩全屏居中（修复电脑端弹窗靠左问题） ===== */
.modal-mask,
.pay-modal-mask { position: fixed; top: 0; left: 0 !important; right: 0; bottom: 0; width: 100%; height: 100%; max-width: none; margin: 0; transform: none !important; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.modal-mask .modal-box,
.pay-modal-mask .pay-modal-box { position: relative; margin: 0; }
