/* host.css —— 桌面版（exe）宿主界面：试用胶囊 / 授权弹层 / 授权页卡片
   仅由 js/host.js 在有宿主时渲染，Web 版不会出现这些元素。 */

/* ---------------- 顶部试用胶囊 ---------------- */
.host-chip{
  display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;margin-right:8px;
  border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.3px;cursor:default;
  background:rgba(255,214,120,.14);border:1px solid rgba(255,214,120,.45);color:var(--gold-l,#ffe6a6);
  white-space:nowrap;user-select:none;
}
.host-chip[hidden]{display:none;}
.host-chip.is-low{background:rgba(255,120,120,.16);border-color:rgba(255,140,140,.55);color:#ffd0d0;}
.host-chip.is-full{background:rgba(120,220,160,.16);border-color:rgba(120,220,160,.5);color:#c8f5d8;}

/* ---------------- 激活 / 提示弹层 ---------------- */
.host-modal{
  position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:rgba(12,10,14,.62);backdrop-filter:blur(2px);
}
.host-modal-box{
  width:min(520px,92vw);max-height:86vh;overflow:auto;border-radius:16px;padding:22px 24px 18px;
  background:#fff;color:#22303c;box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.host-modal-head{font-size:17px;font-weight:800;margin-bottom:12px;color:#a3121d;}
.host-modal-p{font-size:14px;line-height:1.7;margin:0 0 8px;color:#33414f;}
.host-modal-p.dim{color:#7b8794;font-size:13px;}
.host-modal-code{
  margin-top:12px;padding:10px 12px;border-radius:10px;background:#f5f7fa;border:1px solid #e6eaf0;
  font-size:14px;letter-spacing:.6px;
}
.host-modal-code b{font-family:"DIN Alternate","Roboto Mono",Consolas,monospace;color:#a3121d;}
.host-modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;}

/* ---------------- 后台「授权与版本」页 ---------------- */
.host-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px;margin-bottom:22px;}
.host-card{
  background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:16px 18px;
  box-shadow:0 2px 10px rgba(20,22,30,.04);
}
.host-card-t{font-size:12.5px;font-weight:700;color:#8b98a6;letter-spacing:.4px;margin-bottom:8px;}
.host-card-v{font-size:19px;font-weight:800;color:#22303c;line-height:1.35;word-break:break-all;}
.host-card-d{font-size:12.5px;color:#7b8794;line-height:1.65;margin-top:8px;}
.host-card-b{margin-top:12px;}
.host-sec-title{font-size:15px;font-weight:800;color:#22303c;margin:6px 0 12px;}
.host-activate{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:16px 18px;}
.host-code-input{
  width:100%;box-sizing:border-box;border:1px solid #dfe5ec;border-radius:10px;padding:10px 12px;
  font-family:"DIN Alternate","Roboto Mono",Consolas,monospace;font-size:12.5px;line-height:1.6;
  letter-spacing:.5px;resize:vertical;color:#22303c;background:#fbfcfe;
}
.host-code-input:focus{outline:none;border-color:#a3121d;background:#fff;}
.host-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.host-note{font-size:12px;color:#8b98a6;line-height:1.7;margin:14px 0 0;}

@media (max-width:640px){
  .host-chip{height:28px;padding:0 9px;font-size:11.5px;margin-right:6px;}
}