/* front-appui.css — 前台页面（首页 / 开发文档 / 对接插件 / 用户协议 / 接口测试）
   全部使用 AppUI 原生组件，这里只放少量 hm- / ag- 补充样式 */

/* ============ 通用 ============ */
.hm-footer{text-align:center;color:#9ea6b1;font-size:12.5px;padding:22px 0 12px;border-top:1px solid #dbe1e8;margin-top:10px;}
.hm-footer-links{margin-bottom:6px;}
.hm-footer-links a{display:inline-block;margin:0 10px 4px;}

/* 桌面端粘性侧栏（目录） */
@media(min-width:1200px){
  .hm-sticky{position:sticky;top:70px;}
  .hm-toc-collapse{display:block !important;height:auto !important;}
}

/* 目录导航 */
.hm-toc{margin:0 -4px;}
.hm-toc > li > a{padding:8px 10px;color:#5a6470;font-size:13px;border-radius:4px;}
.hm-toc > li > a:hover{background:#f5f6f8;}
.hm-toc > li + li{margin-top:2px;}
.hm-toc-num{display:inline-block;min-width:20px;height:20px;line-height:20px;margin-right:8px;border-radius:10px;background:#eef0f4;color:#8a94a0;font-size:11px;text-align:center;font-weight:600;}
.hm-toc > li.active > a .hm-toc-num{background:rgba(255,255,255,.25);color:#fff;}

/* 表格 */
.hm-table{font-size:13px;}
.hm-table > thead > tr > th{background:#f9fafc;font-weight:600;}
.hm-table > tbody > tr > th{background:#f9fafc;font-weight:600;color:#5a6470;}
.hm-table code{white-space:nowrap;}
.hm-break{white-space:normal !important;word-break:break-all;}

/* 提示条 */
.hm-alert{margin:14px 0 0;}
.hm-alert code{background:rgba(255,255,255,.6);}

/* 列表型提示 */
.hm-tips{margin:0 0 4px;padding-left:20px;color:#5a6470;font-size:13px;line-height:1.9;}

/* 代码块 */
.hm-code{margin:0;border:0;border-radius:4px;background:#2b2f3a;color:#d6dbe5;font-family:Consolas,"SF Mono",Menlo,monospace;font-size:12.5px;line-height:1.85;padding:16px 18px;white-space:pre;overflow-x:auto;}
.hm-code .c{color:#7f8799;font-style:italic;}
.hm-code .k{color:#c792ea;}
.hm-code .s{color:#a5d6a7;}
.hm-code .v{color:#ffcb6b;}
.hm-code .f{color:#82aaff;}
.hm-code.hm-url{white-space:pre-wrap;word-break:break-all;padding:12px 16px;}
.hm-code-tip{margin:12px 0 0;font-size:12.5px;color:#999;}

/* ============ 首页 ============ */
.hm-welcome{position:relative;overflow:hidden;border-radius:6px;padding:30px 30px 26px;margin-bottom:20px;color:#fff;}
.hm-welcome::after{content:"";position:absolute;right:-50px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07);}
.hm-welcome::before{content:"";position:absolute;right:140px;bottom:-110px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.05);}
.hm-welcome > *{position:relative;z-index:1;}
.hm-welcome h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff;}
.hm-welcome p{margin:0 0 20px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.85);max-width:680px;}
.hm-welcome .btn{margin:0 8px 6px 0;}
.hm-welcome .btn-default{border-color:transparent;}
.hm-welcome-meta{position:absolute;right:30px;top:30px;text-align:right;}
.hm-welcome-meta .label{display:inline-block;font-size:12px;padding:5px 10px;background:rgba(255,255,255,.18);font-weight:500;}

.hm-steps{margin:0 -10px;}
.hm-step{padding:6px 10px 16px;}
.hm-step-num{width:38px;height:38px;border-radius:50%;line-height:38px;text-align:center;font-weight:700;font-size:15px;color:#fff;margin-bottom:12px;}
.hm-step h4{font-size:14px;font-weight:600;margin:0 0 6px;}
.hm-step p{font-size:12.5px;color:#888;margin:0;line-height:1.7;}

/* 登录平台卡片（首页 / 接口测试） */
.hm-platform{display:block;text-align:center;padding:18px 8px 14px;border:1px solid #eaedf1;border-radius:6px;background:#fff;margin-bottom:20px;transition:all .15s ease;}
.hm-platform:hover{border-color:#c9bde2;box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-2px);}
.hm-platform img{width:36px;height:36px;border-radius:8px;margin-bottom:10px;}
.hm-platform strong{display:block;font-size:13px;color:#454e59;font-weight:600;}
.hm-platform small{display:block;margin-top:4px;font-size:11.5px;color:#9ea6b1;}
a.hm-platform-btn,a.hm-platform-btn:hover,a.hm-platform-btn:focus{text-decoration:none;cursor:pointer;}
a.hm-platform-btn:hover small{color:inherit;opacity:.8;}

.hm-feat{padding:18px 20px !important;}
.hm-feat .widget-icon{margin-right:14px;}
.hm-feat h4{margin:2px 0 6px;font-size:14px;font-weight:600;color:#454e59;}
.hm-feat p{margin:0;font-size:12.5px;color:#888;line-height:1.7;}

.hm-plan-price{font-size:26px;font-weight:700;margin:4px 0 2px;}
.hm-plan-sub{color:#999;font-size:12.5px;margin-bottom:10px;}
.hm-plan-list{margin:0 0 18px;}
.hm-plan-list td{padding:7px 0 !important;border:0 !important;font-size:13px;}
.hm-plan-list td i{width:18px;}

.hm-notice{margin:0;}
.hm-notice .list-group-item{border-left:0;border-right:0;padding:11px 4px;font-size:13px;}
.hm-notice .list-group-item:first-child{border-top:0;}
.hm-notice .list-group-item:last-child{border-bottom:0;}
.hm-notice small{display:block;margin-top:3px;}

.hm-friend a{display:inline-block;margin:0 14px 6px 0;}

/* ============ 开发文档 ============ */
.hm-doc-step{font-size:15px;font-weight:600;margin:26px 0 12px;padding-top:18px;border-top:1px dashed #e3e7ec;}
.hm-doc-step:first-of-type{margin-top:4px;padding-top:0;border-top:0;}
.hm-doc-step .label{vertical-align:2px;margin-right:6px;}
.hm-doc-label{font-weight:600;color:#5a6470;font-size:13px;margin:14px 0 8px;}
.hm-type-ic{width:18px;height:18px;border-radius:4px;vertical-align:-4px;margin-right:4px;}

/* ============ 对接插件 ============ */
.hm-plug-table td{vertical-align:top !important;padding-top:14px !important;padding-bottom:14px !important;}
.hm-plug-table td strong{color:#454e59;}
.hm-plug-file{font-size:11.5px;margin-top:4px;word-break:break-all;}
.hm-plug-usage{color:#5a6470;line-height:1.75;min-width:260px;}
.hm-pf{display:inline-block;font-weight:500;margin:0 3px 5px 0;padding:3px 7px;}
.hm-tabs .badge{font-size:11px;padding:2px 6px;margin-left:2px;}

/* ============ 用户协议 ============ */
.ag-meta{display:flex;flex-wrap:wrap;gap:6px 22px;color:#8a94a0;font-size:12.5px;margin:-4px 0 18px;padding-bottom:14px;border-bottom:1px solid #eaedf1;}
.ag-doc{font-size:14px;line-height:1.95;color:#454e59;}
.ag-intro{background:#f9fafc;border-left:3px solid #dbe1e8;border-radius:4px;padding:14px 18px;margin-bottom:10px;}
.ag-intro p{margin:0 0 6px;}
.ag-intro p:last-child{margin-bottom:0;}
.ag-sec{padding-top:10px;}
.ag-sec h2{font-size:17px;font-weight:600;margin:22px 0 12px;padding-bottom:10px;border-bottom:1px solid #eaedf1;}
.ag-sec h2 .sec-num{display:inline-block;width:26px;height:26px;line-height:26px;margin-right:10px;border-radius:50%;background:#454e59;color:#fff;font-size:13px;text-align:center;vertical-align:1px;}
.ag-sec h3{font-size:14.5px;font-weight:600;margin:18px 0 8px;}
.ag-sec h3 .sub-num{color:#9ea6b1;margin-right:8px;font-weight:500;}
.ag-sec p{margin:0 0 10px;}
.ag-sec ul{margin:0 0 12px;padding-left:22px;}
.ag-sec li{margin-bottom:4px;}
.ag-callout{margin:12px 0 14px;line-height:1.8;font-size:13.5px;}
.ag-callout > i{margin-right:6px;}
.ag-end{text-align:center;margin:30px 0 6px;padding:24px 10px 4px;border-top:1px dashed #dbe1e8;color:#8a94a0;}
.ag-end p{margin:0 0 6px;}
.ag-end .btn{margin:10px 4px 0;}

/* ============ 接口测试 ============ */
.hm-test-avatar{width:48px;height:48px;border-radius:8px;}

/* ============ 手机端 ============ */
@media(max-width:767px){
  .hm-tabs.pull-right{float:none !important;}
  .hm-tabs > li > a{padding-left:10px;padding-right:10px;}
  .hm-welcome{padding:24px 20px 20px;}
  .hm-welcome h2{font-size:20px;}
  .hm-welcome-meta{display:none;}
  .hm-step{border-bottom:1px dashed #eaedf1;padding-bottom:14px;margin-bottom:10px;}
  .ag-doc{font-size:13.5px;}
  .hm-plug-usage{min-width:220px;}
}