/* 智慧办公 · 会议室音视频 IP 化 —— 站点样式
   目标：AI 可解析（语义标签 + 真表格）、移动端可用、克制的 B2B 技术站观感 */

:root{
  --ink:#15202e;
  --ink-2:#4a5b70;
  --ink-3:#7b8b9e;
  --line:#e2e8f0;
  --line-2:#eef2f7;
  --bg:#ffffff;
  --bg-2:#f7f9fc;
  --brand:#0d5aa8;
  --brand-d:#094madeup;
  --brand-2:#1a7fd4;
  --accent:#b45309;
  --ok:#0f7a4d;
  --warn-bg:#fff8ec;
  --warn-line:#f0d3a0;
  --note-bg:#eef5fd;
  --note-line:#bcd8f2;
  --ok-bg:#eef9f3;
  --ok-line:#b8dfcb;
  --radius:10px;
  --wrap:1160px;
  --read:860px;        /* 文字行宽：利于阅读 */
  --article:1020px;    /* 文章容器：让表格能用满更宽的版面 */
}
:root{ --brand-d:#083f78; }

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;
  font-size:16px;line-height:1.78;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;}
a{color:var(--brand);text-decoration:none;}
a:hover{text-decoration:underline;}

.skip{position:absolute;left:-9999px;}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 14px;z-index:99;border-radius:6px;}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px;}

/* ---------- 头部 ---------- */
.site-head{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line);
}
.head-inner{display:flex;align-items:center;gap:22px;min-height:68px;}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;}
.brand:hover{text-decoration:none;}
.brand-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:9px;background:var(--brand);color:#fff;
  font-size:17px;font-weight:700;letter-spacing:.02em;flex:0 0 auto;
}
.brand-txt{display:flex;flex-direction:column;line-height:1.35;}
.brand-txt b{font-size:15.5px;font-weight:700;}
.brand-txt i{font-style:normal;font-size:12px;color:var(--ink-3);}
.site-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap;}
.site-nav a{font-size:14.5px;color:var(--ink-2);padding:4px 0;white-space:nowrap;}
.site-nav a:hover{color:var(--brand);text-decoration:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:8px;padding:10px 18px;font-size:14.5px;font-weight:600;
  border:1px solid transparent;cursor:pointer;font-family:inherit;transition:.15s;}
.btn:hover{text-decoration:none;}
.btn-primary{background:var(--brand);color:#fff;}
.btn-primary:hover{background:var(--brand-d);color:#fff;}
.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff;}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand);}
.btn-lg{padding:14px 28px;font-size:16px;}

/* ---------- 文章骨架 ---------- */
.hero{background:linear-gradient(180deg,#f2f7fd 0%,#ffffff 100%);border-bottom:1px solid var(--line);}
.hero-in{padding:52px 0 44px;max-width:var(--read);}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;
  color:var(--brand);background:#e8f1fc;border-radius:5px;padding:4px 10px;margin:0 0 16px;}
h1{font-size:33px;line-height:1.35;margin:0 0 16px;letter-spacing:-.01em;font-weight:750;}
.lead{font-size:18px;color:var(--ink-2);margin:0 0 20px;line-height:1.75;}
.hero-meta{font-size:13.5px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:14px;margin-top:24px;}

.article{max-width:var(--article);padding:38px 0 64px;}
/* 文字限宽保持可读行宽，但表格与提示块可用满容器宽度 */
.article > .wrap > p,
.article > .wrap > ul,
.article > .wrap > ol,
.article > .wrap > h2,
.article > .wrap > h3,
.article > .wrap > h4,
.article > .wrap > blockquote,
.article > .wrap > pre,
.article > .wrap > .callout,
.article > .wrap > .sources,
.article > .wrap > .faq,
.article > .wrap > .related,
.article > .wrap > .toc{max-width:var(--read);}
.article h2{font-size:23px;line-height:1.45;margin:44px 0 14px;font-weight:700;
  padding-bottom:9px;border-bottom:1px solid var(--line);scroll-margin-top:84px;}
.article h3{font-size:17.5px;line-height:1.5;margin:30px 0 10px;font-weight:700;scroll-margin-top:84px;}
.article h4{font-size:15.5px;margin:22px 0 8px;font-weight:700;color:var(--ink-2);}
.article p{margin:0 0 15px;}
.article ul,.article ol{margin:0 0 16px;padding-left:24px;}
.article li{margin:0 0 7px;}
.article hr{border:0;border-top:1px solid var(--line);margin:38px 0;}
.article code{background:#f1f5f9;border:1px solid var(--line);border-radius:4px;
  padding:1px 5px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#0b4f8f;word-break:break-word;}
.article pre{background:#0f1b2b;color:#e6edf6;border-radius:var(--radius);
  padding:16px 18px;overflow-x:auto;font-size:13.5px;line-height:1.65;}
.article pre code{background:none;border:0;color:inherit;padding:0;font-size:inherit;}
.article blockquote{margin:0 0 16px;padding:12px 18px;background:var(--bg-2);
  border-left:3px solid var(--brand-2);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-2);}
.article blockquote p:last-child{margin-bottom:0;}

/* 表格 —— 真 <table>，AI 可解析 */
.tw{overflow-x:auto;margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.tw table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.65;}
.tw th{background:var(--bg-2);color:var(--ink);font-weight:700;text-align:left;
  padding:11px 13px;border-bottom:1.5px solid var(--line);white-space:nowrap;}
.tw td{padding:11px 13px;border-bottom:1px solid var(--line-2);vertical-align:top;color:var(--ink-2);}
.tw tbody tr:last-child td{border-bottom:0;}
.tw tbody tr:nth-child(even){background:#fcfdfe;}

/* 提示块 */
.callout{padding:15px 18px;border-radius:var(--radius);margin:0 0 20px;border:1px solid;font-size:15px;}
.callout p:last-child{margin-bottom:0;}
.callout ul,.callout ol{margin-bottom:0;}
.callout-note{background:var(--note-bg);border-color:var(--note-line);}
.callout-warn{background:var(--warn-bg);border-color:var(--warn-line);}
.callout-ok{background:var(--ok-bg);border-color:var(--ok-line);}
.callout-note::before{content:"说明";display:block;font-size:12px;font-weight:700;
  letter-spacing:.1em;color:var(--brand);margin-bottom:7px;}
.callout-warn::before{content:"注意";display:block;font-size:12px;font-weight:700;
  letter-spacing:.1em;color:var(--accent);margin-bottom:7px;}
.callout-ok::before{content:"结论";display:block;font-size:12px;font-weight:700;
  letter-spacing:.1em;color:var(--ok);margin-bottom:7px;}

/* FAQ */
.faq{margin:34px 0 0;border-top:2px solid var(--ink);padding-top:20px;}
.faq h2{border:0;margin:0 0 6px;padding:0;font-size:21px;}
.faq-item{border-bottom:1px solid var(--line);padding:15px 0;}
.faq-item:last-child{border-bottom:0;}
.faq-q{font-weight:700;font-size:16.5px;margin:0 0 7px;color:var(--ink);line-height:1.55;}
.faq-a{margin:0;color:var(--ink-2);font-size:15px;}
.faq-a p{margin:0 0 8px;}
.faq-a p:last-child{margin-bottom:0;}

/* 证据等级 */
.evidence{font-size:12.5px;color:var(--ink-3);}
.ev-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:4px;
  border:1px solid currentColor;margin-right:6px;white-space:nowrap;}
.ev-spec{color:#0d5aa8;}
.ev-test{color:#0f7a4d;}
.ev-eng{color:#b45309;}
.ev-infer{color:#7b8b9e;}

/* 来源 */
.sources{font-size:14px;color:var(--ink-2);background:var(--bg-2);
  border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:30px 0 0;}
.sources h2{border:0;margin:0 0 10px;padding:0;font-size:17px;}
.sources ol{margin:0;padding-left:20px;}
.sources li{margin:0 0 7px;}

/* 内链 */
.related{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;}
.related h2{border:0;margin:0 0 12px;padding:0;font-size:18px;}
.related ul{list-style:none;padding:0;margin:0;}
.related li{margin:0 0 8px;}
.related a{font-weight:600;}

/* 表格目录 */
.toc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 20px;margin:0 0 26px;}
.toc p{font-weight:700;margin:0 0 8px;font-size:14px;}
.toc ol{margin:0;padding-left:20px;}
.toc li{margin:0 0 5px;font-size:14.5px;}
.toc a{color:var(--ink-2);}
.toc a:hover{color:var(--brand);}

/* 首页 */
.grid{display:grid;gap:18px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 24px;background:#fff;}
.card h3{margin:0 0 9px;font-size:17.5px;line-height:1.5;}
.card p{margin:0 0 12px;color:var(--ink-2);font-size:14.8px;}
.card ul{margin:0;padding-left:18px;font-size:14.5px;color:var(--ink-2);}
.card li{margin:0 0 5px;}
.card-n{font-size:12.5px;font-weight:700;color:var(--brand);letter-spacing:.1em;margin:0 0 10px;}

.section{padding:52px 0;border-top:1px solid var(--line);}
.section-alt{background:var(--bg-2);border-top:1px solid var(--line);}
.section-h{font-size:27px;margin:0 0 12px;line-height:1.4;font-weight:750;}
.section-sub{font-size:16.5px;color:var(--ink-2);margin:0 0 30px;max-width:760px;}

.cta-band{background:linear-gradient(135deg,#0d5aa8,#1a7fd4);color:#fff;border-radius:14px;
  padding:38px 40px;margin:0 0 60px;}
.cta-band h2{color:#fff;border:0;margin:0 0 10px;padding:0;font-size:25px;}
.cta-band p{color:rgba(255,255,255,.9);margin:0 0 20px;max-width:640px;}
.cta-band .btn-primary{background:#fff;color:var(--brand);}
.cta-band .btn-primary:hover{background:#eaf2fb;}
.cta-band .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff;background:transparent;}
.cta-band .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff;}

.kv{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;font-size:15px;margin:0 0 20px;}
.kv dt{color:var(--ink-3);font-size:14px;}
.kv dd{margin:0;color:var(--ink);}

/* 表单 */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin:0 0 22px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field.full{grid-column:1 / -1;}
.field label{font-size:14px;font-weight:600;color:var(--ink);}
.field label span{color:var(--accent);font-weight:400;}
.field input,.field select,.field textarea{
  font-family:inherit;font-size:15px;color:var(--ink);background:#fff;
  border:1.5px solid var(--line);border-radius:8px;padding:11px 13px;width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);}
.field textarea{min-height:110px;resize:vertical;line-height:1.7;}
.field small{font-size:12.5px;color:var(--ink-3);}
.form-note{font-size:13.5px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:16px;margin-top:8px;}

.contact-side{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.contact-side h2{border:0;margin:0 0 14px;padding:0;font-size:19px;}
.contact-side .row{margin:0 0 16px;}
.contact-side .row b{display:block;font-size:13px;color:var(--ink-3);margin-bottom:3px;font-weight:600;}
.contact-side .row span,.contact-side .row a{font-size:16px;color:var(--ink);}
.contact-side .row a{font-weight:600;}

/* 页脚 */
.site-foot{background:#0f1b2b;color:#b9c6d6;padding:44px 0 26px;font-size:14px;}
.site-foot a{color:#8fc3f2;}
.site-foot a:hover{color:#fff;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1.2fr 1.2fr 1fr;gap:28px;}
.foot-brand{color:#fff;font-size:16.5px;font-weight:700;margin:0 0 10px;}
.foot-note{margin:0 0 6px;font-size:13.5px;line-height:1.7;}
.foot-h{color:#fff;font-size:13.5px;font-weight:700;margin:0 0 12px;letter-spacing:.04em;}
.foot-col p{margin:0 0 7px;line-height:1.7;}
.foot-links{list-style:none;padding:0;margin:0;}
.foot-links li{margin:0 0 7px;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#8a99ac;}
.foot-bottom p{margin:0;max-width:720px;line-height:1.75;}

/* 面包屑 */
.crumbs{font-size:13.5px;color:var(--ink-3);padding:16px 0 0;}
.crumbs a{color:var(--ink-3);}
.crumbs a:hover{color:var(--brand);}
.crumbs span{margin:0 7px;}

/* 404 */
.nf{max-width:640px;padding:80px 0 100px;}
.nf h1{font-size:30px;}

@media (max-width:960px){
  .foot-grid{grid-template-columns:1fr 1fr;}
  .grid-4{grid-template-columns:1fr 1fr;}
  .grid-3{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  body{font-size:15.5px;}
  h1{font-size:26px;}
  .lead{font-size:16.5px;}
  .hero-in{padding:36px 0 32px;}
  .site-nav{display:none;}
  .head-cta{margin-left:auto;padding:9px 14px;font-size:14px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .kv{grid-template-columns:1fr;gap:2px 0;}
  .kv dd{margin-bottom:12px;}
  .cta-band{padding:28px 24px;}
  .foot-grid{grid-template-columns:1fr;gap:22px;}
  .article h2{font-size:21px;}
  .tw table{font-size:13.8px;}
  .tw th,.tw td{padding:9px 10px;}
  .section{padding:38px 0;}
}
@media print{
  .site-head,.site-foot,.cta-band,.head-cta{display:none;}
  body{font-size:12pt;}
}

/* --- 补充：表单单列与侧栏粘性 --- */
.form-grid.single{grid-template-columns:1fr;}
.contact-side{position:sticky;top:88px;}
@media (max-width:900px){ .contact-side{position:static;} }

/* --- 修复：CSS Grid 子项默认 min-width:auto 导致表格撑破容器 --- */
.grid > *{min-width:0;}
.tw{max-width:100%;}
.article .tw{max-width:100%;}
@media (max-width:760px){
  .article table{min-width:560px;}
}

/* --- 修复：长行内 code（含中英混排）溢出 --- */
.article code{overflow-wrap:anywhere;word-break:break-word;}
.article li code{max-width:100%;}

/* --- 修复：移动端头部 CTA 撑破布局 --- */
@media (max-width:760px){
  .head-inner{gap:10px;min-height:58px;}
  .brand{gap:8px;min-width:0;}
  .brand-mark{width:36px;height:36px;font-size:15px;border-radius:8px;}
  .brand-txt b{font-size:14px;}
  .brand-txt i{display:none;}
  .head-cta{padding:8px 12px;font-size:13.5px;white-space:nowrap;flex:0 0 auto;}
}
@media (max-width:400px){
  .brand-txt b{font-size:13px;}
  .head-cta{padding:7px 10px;font-size:13px;}
}

/* --- 表单状态提示 --- */
.form-status{margin:14px 0 0;font-size:14.5px;line-height:1.7;min-height:1px;}
.form-status.ok{color:#0f7a4d;}
.form-status.warn{color:#b45309;}