/* =====================================================
   cqywchang.cn · 全站公共样式
   包含：基础变量 / 导航栏 / 页脚 / 按钮 / 二级页面版式
   首页工具区（表单、编辑器）的专属样式仍在 index.html 内
   ===================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#0b0e14; --panel:#141926; --panel2:#1b2233; --line:#252e44;
  --tx:#e8ecf4; --tx2:#8b96ad; --tx3:#4a5470; --brand:#4f7cff; --brand2:#38bdf8;
}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--tx); min-height:100vh;
}
a{text-decoration:none;}
.spacer{flex:1;}

/* ---------------- 顶部导航 ---------------- */
.site-nav{
  display:flex; align-items:center; gap:26px; padding:14px 28px;
  border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10;
  background:rgba(11,14,20,.92); backdrop-filter:blur(8px);
}
.site-nav .brand{display:flex; align-items:center; gap:11px; color:var(--tx);}
.logo-mark{
  width:36px; height:36px; border-radius:10px; flex:0 0 auto;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:18px; color:#fff;
}
.brand-txt b{display:block; font-size:16px; font-weight:700; line-height:1.2;}
.brand-txt span{font-size:11px; color:var(--tx2); letter-spacing:1.5px;}
.nav-links{display:flex; gap:4px;}
.nav-links a{
  color:var(--tx2); font-size:14px; padding:8px 14px; border-radius:8px; transition:.15s;
}
.nav-links a:hover{color:#fff; background:var(--panel2);}
.nav-links a.on{color:#fff; background:rgba(79,124,255,.15);}
@media(max-width:820px){ .nav-links{display:none;} }

/* ---------------- 按钮 ---------------- */
.btn{
  border:1px solid var(--line); background:var(--panel2); color:var(--tx);
  padding:9px 18px; border-radius:9px; font-size:14px; cursor:pointer;
  transition:.15s; font-family:inherit; display:inline-block;
}
.btn:hover{border-color:var(--brand); color:#fff;}
.btn.primary{background:linear-gradient(135deg,var(--brand),#3b62e0); border:none; color:#fff; font-weight:600;}
.btn.primary:hover{filter:brightness(1.15);}
.btn.big{padding:13px 34px; font-size:16px; border-radius:11px;}
.btn:disabled{opacity:.45; cursor:not-allowed;}

/* ---------------- 页脚 ---------------- */
.site-footer{border-top:1px solid var(--line); background:#0a0d13; margin-top:40px;}
.footer-inner{
  max-width:1180px; margin:0 auto; padding:46px 28px 34px;
  display:grid; grid-template-columns:1.8fr 1fr 1fr 1.6fr; gap:36px;
}
@media(max-width:860px){ .footer-inner{grid-template-columns:1fr 1fr;} }
@media(max-width:520px){ .footer-inner{grid-template-columns:1fr;} }
.footer-brand{display:flex; align-items:center; gap:10px; font-size:16px; font-weight:700; margin-bottom:14px;}
.footer-col h5{font-size:13px; color:var(--tx); margin-bottom:14px; letter-spacing:1px;}
.footer-col a{display:block; color:var(--tx2); font-size:13.5px; line-height:2.1; transition:.15s;}
.footer-col a:hover{color:#fff;}
.footer-col p{color:var(--tx2); font-size:13px; line-height:1.9; margin-bottom:6px;}
.footer-bottom{
  border-top:1px solid var(--line); padding:18px 28px 22px; text-align:center;
  font-size:12px; color:var(--tx3); line-height:2;
}
.footer-bottom a{color:var(--tx3); margin:0 8px; transition:.15s; display:inline-flex; align-items:center; gap:4px;}
.footer-bottom a:hover{color:var(--tx2);}
.footer-bottom .sep{margin:0 6px; opacity:.5;}

/* ---------------- 二级页面版式 ---------------- */
.sub-main{max-width:920px; margin:0 auto; padding:40px 24px 30px;}
.sub-hero{text-align:center; margin:16px 0 36px;}
.sub-hero h1{font-size:30px; font-weight:800; letter-spacing:1px;}
.sub-hero p{color:var(--tx2); margin-top:10px; font-size:14.5px;}
.doc-card{
  background:var(--panel); border:1px solid var(--line); border-radius:16px;
  padding:34px 38px; margin-bottom:20px;
}
@media(max-width:600px){ .doc-card{padding:24px 20px;} }
.doc-card h2{
  font-size:18px; margin:30px 0 12px; color:#fff;
  border-left:3px solid var(--brand); padding-left:11px;
}
.doc-card h2:first-child{margin-top:0;}
.doc-card h3{font-size:15px; margin:18px 0 8px; color:var(--tx);}
.doc-card p, .doc-card li{color:var(--tx2); font-size:14.5px; line-height:1.95; margin-bottom:10px;}
.doc-card ul, .doc-card ol{padding-left:22px; margin-bottom:12px;}
.doc-card li{margin-bottom:4px;}
.doc-card strong{color:var(--tx);}
.doc-card a{color:var(--brand2);}
.updated{font-size:12px; color:var(--tx3); margin-top:30px; text-align:right;}

/* 信息表格（公司信息 / 备案信息） */
.info-table{width:100%; border-collapse:collapse; margin:14px 0 4px;}
.info-table td{border:1px solid var(--line); padding:12px 16px; font-size:14px; color:var(--tx); line-height:1.7;}
.info-table td:first-child{color:var(--tx2); width:128px; background:var(--panel2); white-space:nowrap;}
.info-table a{color:var(--brand2);}

/* 联系方式卡片 */
.contact-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; margin-bottom:20px;}
.contact-card{
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:30px 24px; text-align:center; transition:.18s;
}
.contact-card:hover{border-color:var(--brand); transform:translateY(-3px);}
.contact-card .ico{
  width:52px; height:52px; margin:0 auto 14px; border-radius:14px; font-size:24px;
  background:rgba(79,124,255,.14); display:flex; align-items:center; justify-content:center;
}
.contact-card h3{font-size:16px; margin-bottom:8px;}
.contact-card p{color:var(--tx2); font-size:14px; line-height:1.8;}
.contact-card .big-txt{font-size:17px; color:#fff; font-weight:600; margin:4px 0;}

/* FAQ 折叠面板 */
.faq-list details{
  background:var(--panel); border:1px solid var(--line); border-radius:12px; margin-bottom:12px;
  transition:.15s;
}
.faq-list details:hover{border-color:var(--brand);}
.faq-list summary{
  padding:17px 22px; cursor:pointer; font-weight:600; font-size:15px; list-style:none;
  display:flex; align-items:center;
}
.faq-list summary::before{content:'＋'; color:var(--brand2); margin-right:10px; font-weight:400;}
.faq-list details[open] summary::before{content:'－';}
.faq-list details p{padding:0 22px 18px 44px; color:var(--tx2); font-size:14px; line-height:1.9;}
.faq-list details a{color:var(--brand2);}

::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-thumb{background:#2b3550; border-radius:4px;}