/* ============================================================
   TAKE X 文档协议（用户协议 / 隐私政策）样式
   1) 弹层 .doc-modal —— 登录页点击「用户协议/隐私政策」时弹出
   2) 文档页 .doc-page —— terms.html / privacy.html 独立页面
   v20261002-doc
   ============================================================ */

/* ---------- 1. 弹层 ---------- */
.doc-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;}
.doc-modal.hidden{display:none;}
.doc-modal-mask{position:absolute;inset:0;background:rgba(3,4,10,.72);backdrop-filter:blur(3px);}
.doc-modal-panel{position:relative;width:100%;max-width:820px;height:min(78vh,760px);display:flex;flex-direction:column;background:#11121b;border:1px solid #262a3d;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55);}
.doc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #232739;}
.doc-modal-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:.3px;}
.doc-modal-close{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#9aa0c0;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s;}
.doc-modal-close:hover{background:#ffffff12;color:#fff;}
.doc-modal-frame{flex:1 1 auto;width:100%;border:0;background:#0b0c12;}
@media(max-width:640px){
  .doc-modal{padding:10px;}
  .doc-modal-panel{height:88vh;border-radius:14px;}
  .doc-modal-head{padding:13px 15px;}
  .doc-modal-title{font-size:14px;}
}

/* ---------- 2. 文档页 ---------- */
.doc-page{margin:0;background:#0b0c12;color:#c3c8dc;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;}
.doc-wrap{max-width:820px;margin:0 auto;padding:44px 26px 90px;}
.doc-h1{font-size:25px;line-height:1.4;color:#fff;margin:0 0 8px;font-weight:600;letter-spacing:.4px;}
.doc-meta{font-size:13px;color:#7a8099;margin:0 0 6px;}
.doc-lead{font-size:15px;line-height:1.95;color:#b6bcd2;margin:14px 0 0;}
.doc-h2{font-size:17px;line-height:1.5;color:#fff;margin:34px 0 10px;font-weight:600;}
.doc-h3{font-size:15px;line-height:1.6;color:#dfe3f2;margin:20px 0 6px;font-weight:600;}
.doc-p{font-size:15px;line-height:2;color:#b6bcd2;margin:10px 0 0;}
.doc-p b,.doc-p strong{color:#e8ebf7;font-weight:600;}
.doc-list{margin:10px 0 0;padding-left:22px;}
.doc-list li{font-size:15px;line-height:2;color:#b6bcd2;margin:6px 0;}
.doc-hr{border:0;height:1px;background:#232739;margin:34px 0 0;}
.doc-note{margin:18px 0 0;padding:14px 16px;border:1px solid #262a3d;border-radius:12px;background:#14162299;font-size:14px;line-height:1.9;color:#a8aec6;}
.doc-table{width:100%;border-collapse:collapse;margin:14px 0 0;font-size:14px;}
.doc-table th,.doc-table td{border:1px solid #262a3d;padding:9px 12px;text-align:left;line-height:1.7;color:#b6bcd2;vertical-align:top;}
.doc-table th{background:#15182a;color:#e8ebf7;font-weight:600;}
.doc-a{color:#b7a6ff;text-decoration:none;border-bottom:1px solid #b7a6ff55;}
.doc-a:hover{color:#d6c9ff;}
.doc-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;font-size:13px;color:#9aa0c0;text-decoration:none;cursor:pointer;background:none;border:0;padding:0;font-family:inherit;}
.doc-back:hover{color:#fff;}
@media(max-width:640px){
  .doc-wrap{padding:26px 16px 70px;}
  .doc-h1{font-size:21px;}
  .doc-h2{font-size:16px;}
  .doc-p,.doc-list li,.doc-lead{font-size:14px;line-height:1.95;}
  .doc-table{font-size:13px;}
}
