/* ===== 东方8885 内页 · 圣运视觉皮 (inner) ===== */
/* 设计令牌同圣运：主色 #C92924 / 暗红 #bc0303 / 灰阶 / 浅底 #F4F4F4 / 雅黑 */

/* —— 子栏目头图 (sub-banner) —— */
.subbanner{ width:100%; float:left; position:relative; overflow:hidden;
  background:#bc0303 url(/static/upload/dongfang/banner_lion.jpg) center/cover no-repeat;
  min-height:300px; display:flex; align-items:center; justify-content:center; padding-top:96px; box-sizing:border-box;}
.subbanner:before{ content:""; position:absolute; inset:0;
  background:linear-gradient(120deg, rgba(188,3,3,.52) 0%, rgba(201,41,36,.34) 58%, rgba(0,0,0,.30) 100%);}
.subbanner:after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.14);}
.subbanner .inner{ position:relative; z-index:2; text-align:center; color:#fff; padding:0 20px;}
.subbanner h1{ font-size:42px; letter-spacing:6px; font-weight:bold; line-height:1.2; margin:0;
  text-shadow:0 2px 10px rgba(0,0,0,.25);}
.subbanner .en{ font-size:15px; letter-spacing:4px; opacity:.85; margin-top:14px; text-transform:uppercase;}

/* —— 面包屑 —— */
.crumb{ width:100%; float:left; background:#F4F4F4; border-bottom:1px solid #eee;}
.crumb .inner{ max-width:1400px; margin:0 auto; padding:13px 20px; font-size:14px; color:#888;}
.crumb a{ color:#888;} .crumb a:hover{ color:#C92924;}
.crumb i{ margin:0 9px; color:#ccc; font-style:normal;}
.crumb .cur{ color:#C92924;}

/* —— 主体两栏布局 —— */
.inner-wrap{ width:100%; float:left; background:#fff;}
.inner-wrap .inner{ max-width:1400px; margin:0 auto; padding:50px 20px 60px; display:flex; gap:40px; align-items:flex-start;}
.inner-side{ width:240px; flex-shrink:0;}
.inner-con{ flex:1; min-width:0;}

/* —— 左侧栏目导航 (圣运红侧栏) —— */
.side-tit{ background:#C92924; color:#fff; font-size:18px; line-height:52px; padding:0 20px; font-weight:bold;
  position:relative;}
.side-tit:after{ content:""; position:absolute; left:20px; bottom:0; width:40px; height:3px; background:rgba(255,255,255,.6);}
.side-nav{ background:#fff; border:1px solid #eee; border-top:0;}
.side-nav a{ display:block; line-height:50px; padding:0 20px; color:#555; border-bottom:1px solid #f2f2f2;
  font-size:15px; transition:all .2s; position:relative;}
.side-nav a:last-child{ border-bottom:0;}
.side-nav a:hover{ background:#faf2f2; color:#C92924; padding-left:24px;}
.side-nav a.on{ background:#faf2f2; color:#C92924; border-left:3px solid #C92924; padding-left:17px; font-weight:bold;}

/* —— 区块标题 (红竖条) —— */
.sec-tit{ border-left:4px solid #C92924; padding-left:14px; margin:0 0 24px; color:#222;
  font-size:24px; font-weight:bold; line-height:1.3;}
.sec-tit small{ display:block; font-size:13px; color:#999; font-weight:normal; letter-spacing:2px; margin-top:4px;}

/* —— 文章正文排版 —— */
.article{ font-size:16px; line-height:2; color:#444;}
.article p{ margin:0 0 18px;}
.article img{ max-width:100%; height:auto; margin:10px 0; border-radius:4px;}
.article h2,.article h3,.article h4{ color:#222; margin:24px 0 12px; line-height:1.4;}
.article a{ color:#C92924;}
.article ul,.article ol{ padding-left:24px; margin:0 0 18px;}
.article table{ width:100%; border-collapse:collapse; margin:0 0 18px;}
.article td,.article th{ border:1px solid #ddd; padding:8px 12px;}

/* —— 案例 / 业务 网格 —— */
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.card{ background:#fff; border:1px solid #eee; border-radius:6px; overflow:hidden; transition:all .3s;
  display:block; color:#444;}
.card:hover{ box-shadow:0 8px 24px rgba(201,41,36,.14); transform:translateY(-4px); border-color:#f0c9c6;}
.card .pic{ width:100%; height:200px; overflow:hidden; position:relative;}
.card .pic img{ width:100%; height:100%; object-fit:cover; transition:transform .5s;}
.card:hover .pic img{ transform:scale(1.08);}
.card .pic .tag{ position:absolute; left:0; top:0; background:#C92924; color:#fff; font-size:12px;
  padding:4px 12px; border-bottom-right-radius:6px;}
.card .body{ padding:16px 18px;}
.card .body h3{ font-size:17px; color:#222; margin:0 0 8px; line-height:1.4; font-weight:bold;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.card .body p{ font-size:13px; color:#888; line-height:1.7; height:44px; overflow:hidden; margin:0;}
.card .more{ display:inline-block; margin-top:10px; color:#C92924; font-size:13px;}

/* —— 律师团队网格 —— */
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.member{ display:block; background:#fff; border:1px solid #eee; border-radius:6px; overflow:hidden;
  transition:all .3s; color:#444;}
.member:hover{ box-shadow:0 8px 24px rgba(201,41,36,.14); transform:translateY(-4px);}
.member .pic{ position:relative; width:100%; padding-top:118%; overflow:hidden; background:#f4f4f4;}
.member .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.member .info{ padding:14px 16px; text-align:center;}
.member .info h3{ font-size:18px; color:#222; margin:0 0 6px; font-weight:bold;}
.member .info span{ font-size:13px; color:#C92924; display:block;}
.member .info p{ font-size:12px; color:#999; margin:8px 0 0; line-height:1.6; height:38px; overflow:hidden;}

/* —— 新闻列表 —— */
.news-list{ border-top:1px solid #eee;}
.news-item{ display:flex; align-items:center; padding:20px 4px; border-bottom:1px solid #eee; transition:all .2s;}
.news-item:hover{ background:#fcf7f7;}
.news-item .date{ width:90px; flex-shrink:0; text-align:center; color:#C92924;}
.news-item .date b{ display:block; font-size:28px; line-height:1; font-family:"Times New Roman",serif;}
.news-item .date span{ font-size:12px; color:#999;}
.news-item .txt{ flex:1; min-width:0; padding-left:20px; border-left:1px solid #eee;}
.news-item .txt h3{ font-size:17px; color:#222; margin:0 0 6px; font-weight:bold; line-height:1.4;}
.news-item .txt h3 a{ color:#222;} .news-item .txt h3 a:hover{ color:#C92924;}
.news-item .txt p{ font-size:13px; color:#999; line-height:1.6; margin:0; height:40px; overflow:hidden;}
.news-item .arrow{ width:40px; flex-shrink:0; text-align:center; color:#ccc; font-size:18px;}

/* —— 上下篇 —— */
.newspage{ margin-top:34px; padding-top:20px; border-top:1px solid #eee; display:flex; justify-content:space-between; gap:20px; font-size:14px;}
.newspage p{ margin:0; flex:1; min-width:0;}
.newspage p:last-child{ text-align:right;}
.newspage a{ color:#666;} .newspage a:hover{ color:#C92924;}

/* —— 分页 (pboot:page) —— */
.page{ width:100%; float:left; text-align:center; margin-top:34px;}
.page a,.page span,.page strong{ display:inline-block; min-width:38px; height:38px; line-height:38px;
  margin:0 4px; padding:0 12px; border:1px solid #ddd; border-radius:4px; color:#666; font-size:14px;}
.page a:hover{ border-color:#C92924; color:#C92924;}
.page strong,.page span.pg{ background:#C92924; color:#fff; border-color:#C92924;}

/* —— 联系页 —— */
.contact-box{ display:flex; gap:36px; align-items:stretch; margin-bottom:40px;}
.contact-info{ width:340px; flex-shrink:0; background:#fafafa; border:1px solid #eee; border-radius:8px; padding:30px;}
.contact-info h3{ font-size:20px; color:#222; margin:0 0 20px; border-left:4px solid #C92924; padding-left:12px;}
.contact-info ul{ margin:0; padding:0; list-style:none;}
.contact-info li{ padding:12px 0; border-bottom:1px dashed #ddd; font-size:15px; color:#555; line-height:1.7;}
.contact-info li:last-child{ border-bottom:0;}
.contact-info li b{ color:#C92924; margin-right:8px;}
.contact-info .qr{ text-align:center; margin-top:20px;}
.contact-info .qr img{ width:150px; border:1px solid #eee; padding:6px; background:#fff;}
.contact-info .qr p{ font-size:12px; color:#999; margin-top:8px;}
.contact-map{ flex:1; min-width:0; border:1px solid #eee; border-radius:8px; overflow:hidden; min-height:340px; background:#f4f4f4;}

/* —— 律师详情 —— */
.lawyer-detail{ display:flex; gap:30px; align-items:flex-start; margin-bottom:30px;
  background:#fafafa; border:1px solid #eee; border-radius:8px; padding:24px;}
.lawyer-detail .pic{ width:240px; flex-shrink:0; border-radius:6px; overflow:hidden; position:relative; padding-top:300px; background:#eee;}
.lawyer-detail .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.lawyer-detail .info{ flex:1; min-width:0;}
.lawyer-detail .info h2{ font-size:26px; color:#222; margin:0 0 8px;}
.lawyer-detail .info .pos{ color:#C92924; font-size:16px; font-weight:bold; margin-bottom:14px;}
.lawyer-detail .info .meta{ font-size:14px; color:#666; line-height:2;}
.lawyer-detail .info .meta b{ color:#333; margin-right:6px;}
@media only screen and (max-width:600px){
  .lawyer-detail{ flex-direction:column;}
  .lawyer-detail .pic{ width:100%; padding-top:118%;}
}

/* —— 搜索结果 —— */
.search-empty{ padding:40px; text-align:center; color:#999; font-size:15px;}

/* —— 响应式 —— */
@media only screen and (max-width:1000px){
  .subbanner h1{ font-size:30px; letter-spacing:3px;}
  .inner-wrap .inner{ flex-direction:column; gap:24px; padding:30px 16px 40px;}
  .inner-side{ width:100%;}
  .side-nav{ display:flex; flex-wrap:wrap;}
  .side-nav a{ flex:1 1 33%; border:1px solid #f2f2f2; line-height:44px; text-align:center; padding:0 8px;}
  .side-nav a.on{ padding-left:8px; border-left:1px solid #f2f2f2; border-bottom:2px solid #C92924;}
  .grid{ grid-template-columns:repeat(2,1fr);}
  .team-grid{ grid-template-columns:repeat(2,1fr);}
  .contact-box{ flex-direction:column;}
  .contact-info{ width:100%;}
}
@media only screen and (max-width:600px){
  .grid,.team-grid{ grid-template-columns:1fr;}
  .news-item .txt p{ height:auto;}
}