/* 羽飞扬上门体育 - 简洁淡蓝主题 */
:root{
  --blue:#3a8ffe;
  --blue-light:#eaf3ff;
  --blue-mid:#d6e8ff;
  --blue-deep:#1f6fe0;
  --ink:#2b3a52;
  --muted:#8aa0bd;
  --bg:#f4f8ff;
  --card:#ffffff;
  --line:#e5eefb;
  --ok:#2e9d6f;
  --warn:#e6a23c;
  --err:#f56c6c;
  --radius:14px;
  --shadow:0 4px 18px rgba(58,143,254,.10);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif;
  font-size:15px;line-height:1.6;
}
a{color:inherit;text-decoration:none;}
.bluelink{color:var(--blue);text-decoration:none;}
.bluelink:active{color:var(--blue-deep);}
img{max-width:100%;display:block;}

/* 顶部导航 */
.topbar{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:10px;
}
.topbar .back{font-size:20px;color:var(--blue);width:28px;}
.topbar .title{font-weight:600;font-size:17px;}
.topbar .right{margin-left:auto;color:var(--blue);font-size:14px;}

/* 布局 */
.wrap{max-width:760px;margin:0 auto;padding:14px;}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px;}
.row{display:flex;align-items:center;gap:10px;}
.between{justify-content:space-between;}
.muted{color:var(--muted);font-size:13px;}
.price-red{color:var(--err);font-weight:600;}
.center{text-align:center;}
.mt{margin-top:12px;} .mb{margin-bottom:12px;}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:var(--blue);color:#fff;border:none;border-radius:24px;padding:11px 18px;
  font-size:15px;font-weight:600;cursor:pointer;transition:.15s;width:100%;
}
.btn:active{transform:scale(.98);background:var(--blue-deep);}
.btn.ghost{background:var(--blue-light);color:var(--blue-deep);}
.btn.line{border:1px solid var(--blue);background:#fff;color:var(--blue);}
.btn.sm{padding:7px 14px;font-size:13px;width:auto;border-radius:18px;}
.btn[disabled]{opacity:.5;cursor:not-allowed;}
.btn.gray{background:#e9eef5;color:var(--muted);}

/* 标签 / 徽章 */
.tag{display:inline-block;background:var(--blue-light);color:var(--blue-deep);font-size:12px;padding:3px 10px;border-radius:12px;}
.tag.ok{background:#e6f7ef;color:var(--ok);}
.tag.warn{background:#fff4e6;color:var(--warn);}
.tag.gray{background:#eef1f6;color:var(--muted);}
.tag.err{background:#ffeaea;color:var(--err);}

/* 表单 */
.field{margin-bottom:14px;}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;}
.input,select,textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:15px;
  background:#fbfdff;color:var(--ink);outline:none;transition:.15s;font-family:inherit;
}
.input:focus,select:focus,textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--blue-light);}
textarea{resize:vertical;min-height:80px;}

/* 服务分类网格 */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 8px;text-align:center;cursor:pointer;border:2px solid transparent;}
.cat:active{border-color:var(--blue);}
.cat .ico{font-size:30px;}
.cat .nm{margin-top:6px;font-size:14px;}

/* 教练卡片 */
.coach{display:flex;gap:12px;align-items:center;}
.avatar{width:54px;height:54px;border-radius:50%;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--blue);overflow:hidden;flex:0 0 auto;}
.coach .name{font-weight:600;}
.stars{color:var(--warn);font-size:13px;}

/* 订单列表 */
.order{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff;}
.order .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.order .line{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;color:#5a6b85;}

/* 统计卡片 */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.stat{background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:14px;text-align:center;}
.stat .num{font-size:22px;font-weight:700;color:var(--blue-deep);}
.stat .lbl{font-size:12px;color:var(--muted);margin-top:4px;}

/* 登录页 / 大标题 */
.brand{text-align:center;padding:40px 0 24px;}
.brand .logo{width:78px;height:78px;border-radius:22px;background:linear-gradient(135deg,var(--blue),#6db1ff);display:flex;align-items:center;justify-content:center;font-size:38px;margin:0 auto 14px;box-shadow:var(--shadow);}
.brand h1{font-size:22px;margin:0;color:var(--blue-deep);}
.brand p{color:var(--muted);margin:6px 0 0;}

/* 底部导航 */
.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:760px;margin:0 auto;background:#fff;border-top:1px solid var(--line);display:flex;z-index:60;}
.tabbar a{flex:1;text-align:center;padding:8px 0;font-size:11px;color:var(--muted);}
.tabbar a .ic{font-size:20px;display:block;}
.tabbar a.active{color:var(--blue);}
.pb{padding-bottom:70px;}

/* 提示条 */
.toast{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:10px;z-index:999;font-size:14px;display:none;}

/* 弹层 */
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;}
.modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:20px;}
.modal h3{margin:0 0 14px;}

/* 表格（后台） */
table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;}
th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;}
th{background:var(--blue-light);color:var(--blue-deep);font-weight:600;}
tr:hover td{background:#fafcff;}

/* 服务介绍（可折叠） */
.svc-intro{padding:0!important;overflow:hidden;transition:box-shadow .25s ease;}
.svc-intro.open{box-shadow:0 6px 24px rgba(58,143,254,.16);}
.svc-toggle{
  display:flex;align-items:center;gap:12px;width:100%;
  background:linear-gradient(100deg,#f3f9ff 0%,#eaf3ff 55%,#f6faff 100%);
  border:none;border-radius:var(--radius);padding:13px 15px;
  cursor:pointer;font-family:inherit;text-align:left;color:var(--ink);
  -webkit-tap-highlight-color:transparent;transition:filter .18s ease;
}
.svc-toggle:active{filter:brightness(.97);}
.svc-ico{
  flex:0 0 auto;width:34px;height:34px;border-radius:11px;
  background:linear-gradient(135deg,var(--blue),#6db1ff);
  display:flex;align-items:center;justify-content:center;font-size:17px;
  box-shadow:0 3px 9px rgba(58,143,254,.28);
}
.svc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.svc-t{font-size:15px;font-weight:700;letter-spacing:.2px;color:var(--blue-deep);}
.svc-s{font-size:11.5px;color:var(--muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.svc-arw{
  flex:0 0 auto;position:relative;width:22px;height:22px;border-radius:50%;
  background:#fff;box-shadow:0 1px 5px rgba(43,58,82,.10);
  transition:transform .28s cubic-bezier(.4,0,.2,1);transform:rotate(0deg);
}
.svc-arw::before{
  content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;
  border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);
  transform:translate(-50%,-65%) rotate(-45deg);
}
.svc-toggle.open .svc-arw{transform:rotate(180deg);}
.svc-body{padding:14px 15px 15px;}
.svc-sec{
  background:#f8fbff;border:1px solid var(--line);border-radius:11px;
  padding:11px 13px;margin-bottom:10px;
}
.svc-sec:last-child{margin-bottom:0;}
.svc-sec-t{
  display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;
  color:var(--blue-deep);margin-bottom:6px;
}
.svc-sec-c{color:#5a6b85;font-size:13px;line-height:1.85;white-space:pre-wrap;}

/* 分类介绍图（标题栏下方） */
.cat-banner{position:relative;width:100%;margin:0;background:#f2f6fb;overflow:hidden;}
.cat-banner img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover;}
.cat-banner:empty{display:none;}