/* ============================================================
   大圣云AI智能体页 - 站点适配层
   作用域限定 .baishu .content，避免影响站点公共 header/footer
   加载顺序：iconfont.css -> agent.css -> 本文件
   ============================================================ */

/* ---------- 基础重置（等价于原站 bootstrap + base.css 的最小集） ---------- */
.baishu .content{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  font-size:14px;
  line-height:1.42857143;
  color:#333;
  background:#fff;
}
.baishu .content *,
.baishu .content *:before,
.baishu .content *:after{box-sizing:border-box}
.baishu .content h1,
.baishu .content h2,
.baishu .content h3,
.baishu .content h4{
  font-family:inherit;
  font-weight:500;
  line-height:1.1;
  color:inherit;
  margin-top:20px;
  margin-bottom:10px;
}
.baishu .content h1{font-size:36px}
.baishu .content h2{font-size:30px}
.baishu .content h3{font-size:24px}
.baishu .content h4{font-size:18px}
.baishu .content p{margin:0 0 10px}
.baishu .content ul,
.baishu .content ol{margin-top:0;margin-bottom:10px}
.baishu .content ul ul,
.baishu .content ol ul,
.baishu .content ul ol,
.baishu .content ol ol{margin-bottom:0}
.baishu .content a{color:#337ab7;text-decoration:none}
.baishu .content a:hover{text-decoration:none}
.baishu .content img{vertical-align:middle}
.baishu .content svg{display:inline-block;vertical-align:middle}

/* ---------- bootstrap 栅格（container / row / col） ---------- */
.baishu .content .container{
  margin-right:auto;
  margin-left:auto;
  /* 左右内边距置零，保证容器实际内容宽度就是 1200px */
  padding-left:0;
  padding-right:0;
}
.baishu .content .container:before,
.baishu .content .container:after,
.baishu .content .row:before,
.baishu .content .row:after{content:" ";display:table}
.baishu .content .container:after,
.baishu .content .row:after{clear:both}
@media (min-width:768px){
  .baishu .content .container{width:750px}
}
@media (min-width:992px){
  .baishu .content .container{width:970px}
}
@media (min-width:1200px){
  .baishu .content .container{width:1200px}
}
.baishu .content .row{margin-left:-15px;margin-right:-15px}
.baishu .content .col-md-4,
.baishu .content .col-sm-6{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
@media (min-width:768px){
  .baishu .content .col-sm-6{float:left;width:50%}
}
@media (min-width:992px){
  .baishu .content .col-md-4{float:left;width:33.33333333%}
}

/* ---------- 站点公共头部已由 .layout 让位，取消原独立站 navbar 的顶部留白 ---------- */
.baishu .content .ag-hero{margin-top:0}

/* 滚动显现：JS 未执行时兜底可见（agent.css 默认 opacity:0） */
.baishu .content .ai-reveal{opacity:1;transform:none}
.baishu .content .ai-reveal .row > div,
.baishu .content .ai-reveal .ag-shelf-item,
.baishu .content .ai-reveal .ag-post-card,
.baishu .content .ai-reveal .ag-journey-step{opacity:1;transform:none}
html.js-reveal .baishu .content .ai-reveal{opacity:0;transform:translateY(28px)}
html.js-reveal .baishu .content .ai-reveal.ai-in{opacity:1;transform:translateY(0)}
html.js-reveal .baishu .content .ai-reveal .row > div,
html.js-reveal .baishu .content .ai-reveal .ag-shelf-item,
html.js-reveal .baishu .content .ai-reveal .ag-post-card,
html.js-reveal .baishu .content .ai-reveal .ag-journey-step{opacity:0;transform:translateY(24px)}
html.js-reveal .baishu .content .ai-reveal.ai-in .row > div,
html.js-reveal .baishu .content .ai-reveal.ai-in .ag-shelf-item,
html.js-reveal .baishu .content .ai-reveal.ai-in .ag-post-card,
html.js-reveal .baishu .content .ai-reveal.ai-in .ag-journey-step{opacity:1;transform:translateY(0)}

/* ---------- 顶部板块页签：锚点跳转避开固定头部与页签 ---------- */
.baishu .content #ag-scenes,
.baishu .content #ag-data,
.baishu .content #ag-build,
.baishu .content #ag-shelf,
.baishu .content #ag-post{
  scroll-margin-top:7.6rem;
}