/* ============================================================
   功能页通用样式 —— 复用 me.php 原站设计语言
   设计令牌（均取自原站 me-original2.css）：
     背景 #f5f5f5 / 卡片白底 + 5.2px 圆角 + 0 0 5.2px #ececec 阴影
     主蓝 #1098FF / #3997ea   主绿 #18b566
     粉 #ff557f   金 linear-gradient(90deg,#ffde39,#ffca0b)
     VIP 蓝 linear-gradient(90deg,#2f9bff,#3ad1ff)
     文字 #333 / 次级 #757575 / 箭头 #aaa / 弱 #b4b4b4
   ============================================================ */

/* uView 工具类（与 me.php 保持一致，未带作用域） */
.acea-row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.acea-row.row-middle{align-items:center}
.acea-row.row-between-wrapper{align-items:center;justify-content:space-between}
.text_display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m_top_10{margin-top:5px}.m_top_20{margin-top:10px}.m_top_30{margin-top:15px}.p10{padding:5px}

.uni-page-body{background:#f5f5f5;padding-bottom:64px}

/* 页面容器 */
.ap-page{padding:10px;box-sizing:border-box}
.ap-page--bottom{padding-bottom:74px}

/* 卡片（等同原站 .bjk） */
.ap-card{background:#fff;border-radius:5.2px;box-shadow:0 0 5.2px #ececec;padding:17.68px 15.6px;margin-bottom:10px;box-sizing:border-box}
.ap-card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ap-card-title{font-size:16px;font-weight:600;color:#333}
.ap-card-more{font-size:13px;color:#999}

/* 菜单列表（等同原站 .bjk2 / .tiaok） */
.ap-menu{background:#fff;border-radius:5.2px;overflow:hidden;margin-bottom:10px}
.ap-item{display:flex;align-items:center;justify-content:space-between;padding:11.44px 20.8px;box-sizing:border-box;text-decoration:none;color:inherit;background:#fff}
.ap-item + .ap-item{border-top:1px solid #f2f2f2}
.ap-item:active{background:#fafafa}
.ap-item .l{display:flex;align-items:center;font-size:15.6px;color:#333}
.ap-item .l img{width:19.76px;height:19.76px;margin-right:11.44px;display:block}
.ap-item .r{display:flex;align-items:center;color:#aaa;font-size:14px}
.ap-item .r .val{color:#757575;margin-right:6px}
.ap-item .r .arw{font-family:Arial;font-size:18px;line-height:1;color:#c8c8c8}
.ap-item .r .y_jifen{color:#5af}

/* 信息行（标签 + 值） */
.ap-info{background:#fff;border-radius:5.2px;box-shadow:0 0 5.2px #ececec;padding:6px 15.6px;margin-bottom:10px}
.ap-info-row{display:flex;align-items:center;justify-content:space-between;padding:13px 5px;font-size:15px}
.ap-info-row + .ap-info-row{border-top:1px solid #f2f2f2}
.ap-info-row .k{color:#757575}
.ap-info-row .v{color:#333;font-weight:500;max-width:60%;text-align:right}
.ap-info-row .v.blue{color:#1098FF}

/* 表单 */
.ap-form{padding:4px 0}
.ap-field{margin-bottom:14px}
.ap-field > label{display:block;font-size:14px;color:#757575;margin-bottom:7px;padding-left:2px}
.ap-input{width:100%;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:6px;padding:11px 12px;font-size:15px;color:#333;background:#fff;outline:none;transition:border-color .15s}
.ap-input:focus{border-color:#1098FF}
textarea.ap-input{resize:vertical;min-height:84px;line-height:1.5}
.ap-field .hint{font-size:12px;color:#b4b4b4;margin-top:6px;padding-left:2px}

/* 按钮 */
.ap-btn{display:block;width:100%;box-sizing:border-box;border:none;border-radius:26px;padding:12px;font-size:16px;font-weight:600;text-align:center;color:#fff;background:linear-gradient(90deg,#2f9bff,#3ad1ff);cursor:pointer}
.ap-btn:active{opacity:.88}
.ap-btn-gold{background:linear-gradient(90deg,#ffde39,#ffca0b);color:#7a4b00}
.ap-btn-green{background:#18b566}
.ap-btn-ghost{background:#fff;color:#ff6f9a;border:1px solid #ff6f9a}
.ap-btn-plain{background:#f2f3f5;color:#666}
.ap-btn-sm{display:inline-block;width:auto;padding:8px 18px;font-size:14px;border-radius:22px}
.ap-btn[disabled]{opacity:.55;cursor:not-allowed}

/* 数据列表（发布/充值明细/团队） */
.ap-list{background:#fff;border-radius:5.2px;overflow:hidden;margin-bottom:10px}
.ap-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15.6px;box-sizing:border-box}
.ap-row + .ap-row{border-top:1px solid #f2f2f2}
.ap-row .t{font-size:15px;color:#333;font-weight:500}
.ap-row .s{font-size:12.5px;color:#999;margin-top:4px}
.ap-row .rt{font-size:14px;color:#333;text-align:right}
.ap-row .rt .green{color:#18b566}
.ap-row .rt .blue{color:#1098FF}
.ap-row .del{color:#ff557f;font-size:13px;margin-left:12px;cursor:pointer}
.ap-tag{display:inline-block;font-size:12px;color:#18b566;background:rgba(24,181,102,.1);border-radius:4px;padding:1px 7px;margin-left:6px}

/* 邀请/推广横幅（等同原站 .vip 蓝渐变） */
.ap-banner{display:flex;align-items:center;justify-content:space-between;padding:15.6px 20.8px;border-radius:5.2px;background:linear-gradient(90deg,#2f9bff,#3ad1ff);color:#fff;margin-bottom:10px}
.ap-banner .bt{font-size:21.84px;font-weight:bolder}
.ap-banner .bw{margin-top:5px;font-size:13px;opacity:.95}
.ap-banner .bb{color:#3997ea;padding:8.32px 15.6px;background:#fff;border-radius:26px;font-size:15px;font-weight:600;cursor:pointer;border:none}

/* 金色调横幅（邀请有礼） */
.ap-banner-gold{display:flex;align-items:center;justify-content:space-between;padding:15.6px 20.8px;border-radius:5.2px;background:linear-gradient(90deg,#ffde39,#ffca0b);color:#7a4b00;margin-bottom:10px}
.ap-banner-gold .bt{font-size:20px;font-weight:800}
.ap-banner-gold .bw{margin-top:4px;font-size:13px}

/* 头像 / 名片 */
.ap-avatar{width:72.8px;height:72.8px;border-radius:52px;object-fit:cover;background:#eee;display:block}
.ap-card-user{display:flex;align-items:center}
.ap-card-user .u-meta{margin-left:15px;flex:1;min-width:0}
.ap-card-user .u-name{font-size:21.84px;font-weight:700;color:#333}
.ap-card-user .u-sub{font-size:14px;color:#757575;margin-top:4px;display:flex;align-items:center}
.ap-card-user .u-sub img{width:18px;height:18px;margin-right:6px}

/* 二维码框 */
.ap-qr{width:182px;height:182px;margin:14px auto;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}
.ap-qr canvas,.ap-qr img{width:100%!important;height:100%!important;display:block}

/* 邀请海报（原站 .yq_kuang 风格） */
.ap-poster{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.ap-poster .top{background:linear-gradient(130deg,#ff557f,#ff75b1);padding:20.8px;color:#fff}
.ap-poster .top .w1{font-size:24.96px;font-weight:800}
.ap-poster .top .w2{margin-top:5px;font-size:16.64px;opacity:.95}
.ap-poster .mid{padding:20.8px;text-align:center}
.ap-poster .mid .qr{width:182px;height:182px;margin:0 auto 12px;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}
.ap-poster .mid .code{font-size:15px;color:#333;margin-bottom:4px}
.ap-poster .mid .link{font-size:12px;color:#999;word-break:break-all}
.ap-poster .acts{display:flex;gap:12px;padding:0 20.8px 20.8px}
.ap-poster .acts .ap-btn{flex:1}

/* 空状态 */
.ap-empty{background:#fff;border-radius:5.2px;padding:48px 20px;text-align:center;color:#b4b4b4;margin-bottom:10px}
.ap-empty .big{font-size:46px;margin-bottom:12px}
.ap-empty .tip{font-size:14px;margin-bottom:16px}
.ap-empty a{color:#1098FF;text-decoration:none;font-size:14px}

/* “功能开发中”空状态（对齐原站 uView 风格） */
.dev-empty{max-width:300px;margin:0 auto;padding:74px 24px 40px;text-align:center;box-sizing:border-box}
.dev-empty__icon{width:120px;height:120px;margin:0 auto 22px}
.dev-empty__icon svg{width:100%;height:100%;display:block}
.dev-empty__title{font-size:17px;font-weight:600;color:#333}
.dev-empty__desc{font-size:13px;color:#999;margin-top:10px;line-height:1.6}
.dev-empty__btn{display:inline-block;width:auto;margin-top:26px;padding:9px 26px}

/* 会员提示 / 通用弹层 */
.ap-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:10000;padding:24px;box-sizing:border-box}
.ap-mask.show{display:flex}
.ap-dialog{background:#fff;border-radius:12px;width:100%;max-width:320px;overflow:hidden}
.ap-dialog .dh{padding:18px 20px 6px;font-size:18px;font-weight:700;color:#333;text-align:center}
.ap-dialog .db{padding:6px 20px 18px;font-size:14px;color:#757575;text-align:center;word-break:break-all}
.ap-dialog .df{padding:0 20px 20px;display:flex;gap:12px}
.ap-dialog .df .ap-btn{flex:1}

/* 充值套餐网格 */
.ap-grid{display:flex;flex-wrap:wrap;gap:10px}
.ap-plan{flex:1 1 calc(50% - 5px);box-sizing:border-box;border:1px solid #eef0f2;border-radius:8px;padding:16px 10px;text-align:center;background:#fff;cursor:pointer;transition:.15s}
.ap-plan:active,.ap-plan.sel{border-color:#1098FF;background:#f3faff}
.ap-plan .pp{font-size:20px;font-weight:800;color:#ff7a00}
.ap-plan .pp small{font-size:13px;font-weight:600}
.ap-plan .pn{font-size:13px;color:#999;margin-top:6px}
.ap-plan .po{font-size:12px;color:#ff557f;margin-top:2px}

/* 顶部统计条 */
.ap-stats{display:flex;background:#fff;border-radius:5.2px;box-shadow:0 0 5.2px #ececec;overflow:hidden;margin-bottom:10px}
.ap-stats .s{flex:1;text-align:center;padding:16px 4px}
.ap-stats .s + .s{border-left:1px solid #f2f2f2}
.ap-stats .sv{font-size:20px;font-weight:800;color:#333}
.ap-stats .sl{font-size:12.5px;color:#999;margin-top:6px}

/* 客服卡片 */
.ap-kf{text-align:center;padding:8px 0 4px}
.ap-kf .qr{width:160px;height:160px;margin:10px auto;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}
.ap-kf .wx{font-size:18px;font-weight:700;color:#333;margin:8px 0}
.ap-kf .wx small{font-size:13px;color:#999;font-weight:400}

/* 后台表格 */
.ap-table{width:100%;border-collapse:collapse;background:#fff;border-radius:5.2px;overflow:hidden;font-size:13px}
.ap-table th,.ap-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f2f2f2;color:#333}
.ap-table th{background:#fafafa;color:#757575;font-weight:600}
.ap-table tr:last-child td{border-bottom:none}

/* 文本按钮 */
.ap-link{color:#1098FF;text-decoration:none;font-size:14px;cursor:pointer}