/* QLP 旧站样式 —— 刻意做成「老展会官网」的样子：
   深灰 #1F1F1F + 米白 + 中灰，衬线标题、信息密排、处处边框、方角按钮（不用红）。
   目的：和 cornerstone-life.com（深藏青 + 铜金、大留白、无边框）明显区分，
   访客一眼看出这是另一套体系，不会觉得被悄悄换成了新品牌。 */

:root{
  --brand:#1F1F1F; --brand-d:#191919; --gold:#8A8A8A;
  --ink:#1F1F1F; --sub:#6B6B6B; --line:#D5D5D0;
  --paper:#F1F1EF; --blue:#3A3A3A;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);
  font:13.5px/1.85 "PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif}
img{max-width:100%;display:block}
a{color:var(--blue)}
.in{max-width:1180px;margin:0 auto;padding:0 20px}

/* 顶部导流条：深红底，金链接 */
.xbar{background:var(--brand-d);color:#E8E8E4;font-size:12.5px;border-bottom:1px solid #2A2A2A}
.xbar .in{display:flex;gap:12px;align-items:center;justify-content:center;
  flex-wrap:wrap;padding:8px 20px}
.xbar a{color:#F0F0EC;text-decoration:none;border-bottom:1px solid rgba(227,200,138,.5)}
.xbar a:hover{color:#fff;border-color:#fff}

/* 导航：白底 + 底部粗红线，菜单用细分隔线 */
.nav{background:#fff;border-bottom:3px solid var(--ink)}
.nav .in{display:flex;align-items:center;gap:16px;padding:13px 20px}
.logo{font-family:"Songti SC","SimSun",serif;font-size:27px;font-weight:700;
  letter-spacing:1px;color:var(--ink);text-decoration:none;white-space:nowrap}
.logo i{font-style:normal;font-size:11px;letter-spacing:3px;color:#9A9A9A;margin-left:7px}
.menu{display:flex;margin-left:auto;flex-wrap:wrap}
.menu a{padding:2px 13px;font-size:13.5px;color:var(--ink);text-decoration:none;
  border-right:1px solid var(--line)}
.menu a:last-child{border-right:0}
.menu a:hover{color:var(--brand)}
.lang{font-size:12px;color:var(--blue);text-decoration:none;padding-left:6px}
.cta{background:var(--ink);color:#fff;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;border:2px solid var(--ink)}
.cta:hover{background:var(--brand-d)}

/* 首屏：米底 + 左文右卡（卡带红色顶条） */
.hero{background:linear-gradient(#FAFAF8,#F0F0EC);border-bottom:1px solid var(--line)}
.hero .in{display:grid;grid-template-columns:1fr 330px;gap:34px;padding:32px 20px 34px}
.hero .k{display:inline-block;background:var(--brand);color:#fff;font-size:11px;
  letter-spacing:2px;padding:4px 10px}
.hero h1{font-family:"Songti SC","SimSun",serif;font-size:41px;line-height:1.3;
  margin:15px 0 12px;color:var(--brand-d);font-weight:700}
.hero .sub{font-size:13.5px;color:#4A4A4A;line-height:1.95;margin:0;max-width:650px}
.when{display:flex;flex-wrap:wrap;margin-top:16px;padding-top:12px;
  border-top:1px dashed var(--line)}
.when span{font-size:12.5px;color:#5A5A5A;padding:0 14px;border-right:1px solid var(--line)}
.when span:first-child{padding-left:0}
.when span:last-child{border-right:0}
.when b{color:var(--brand)}
.panel{background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);padding:18px}
.panel h3{font-size:15px;margin:0 0 7px;color:var(--brand-d)}
.panel p{font-size:12.5px;color:var(--sub);line-height:1.9;margin:0}
.btns{display:flex;gap:8px;margin-top:13px}
.btn{display:block;flex:1;text-align:center;padding:10px 6px;font-size:13px;
  font-weight:600;text-decoration:none;border:2px solid var(--ink)}
.btn.solid{background:var(--brand);color:#fff}
.btn.solid:hover{background:var(--brand-d)}
.btn.ghost{background:#fff;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}

/* 数据条：整条红底，数字金色衬线 */
.stats{background:var(--brand);color:#fff}
.stats .in{display:grid;grid-template-columns:repeat(5,1fr);padding:0 20px}
.stats .in>div{padding:17px 10px;text-align:center;border-left:1px solid rgba(255,255,255,.18)}
.stats .in>div:first-child{border-left:0}
.stats b{display:block;font-family:"Songti SC","SimSun",serif;font-size:27px;
  color:#F0F0EC;line-height:1.25}
.stats span{font-size:12px;color:#C9C9C4}

/* 双栏：正文 + 侧栏 */
.layout{display:grid;grid-template-columns:1fr 312px;gap:30px;
  max-width:1180px;margin:0 auto;padding:26px 20px 42px}
article,aside{min-width:0}

/* 章节：标签 + 衬线标题 + 红色下划线 */
.sec{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.sec:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.tag{display:inline-block;background:var(--paper);border-left:3px solid var(--brand);
  color:var(--brand);font-size:12px;letter-spacing:1px;padding:3px 10px}
.sec h2{font-family:"Songti SC","SimSun",serif;font-size:22px;color:var(--brand-d);
  margin:8px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--brand);font-weight:700}
.sec p{font-size:13.5px;line-height:1.95;color:#3D3D3D;margin:0 0 12px}
.sec b{color:var(--brand-d)}

/* 双块：米色底 + 边框 + 虚线小节标题 */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.box{background:var(--paper);border:1px solid var(--line);padding:14px}
.box h3{font-size:14px;margin:0 0 8px;color:var(--brand-d);
  border-bottom:1px dashed var(--line);padding-bottom:6px}
.plain{list-style:none;margin:0;padding:0}
.plain li{position:relative;padding-left:13px;font-size:12.5px;line-height:2;color:#4A4A4A}
.plain li:before{content:"■";position:absolute;left:0;top:5px;font-size:8px;color:var(--gold)}

/* 合作伙伴：表格感两列 */
.partners{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:12px}
.partners>div{padding:11px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.partners>div:nth-child(2n){border-right:0}
.partners b{display:block;font-size:13px;color:var(--brand-d);margin-bottom:3px}
.partners span{font-size:12px;color:var(--sub);line-height:1.8}

/* 新闻：年份标签 + 标题 */
.news{margin-top:10px}
.news a{display:flex;gap:10px;align-items:flex-start;padding:8px 0;
  border-bottom:1px dashed var(--line);text-decoration:none;color:#3D3D3D;font-size:13px}
.news a:hover{color:var(--brand)}
.news i{flex:0 0 auto;font-style:normal;background:var(--gold);color:#fff;
  font-size:11px;padding:1px 6px;margin-top:2px}

/* 侧栏卡片 */
.side{background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);
  padding:14px;margin-bottom:16px}
.side h4{margin:0 0 9px;font-size:14px;color:var(--brand-d)}
.ph{height:96px;display:flex;align-items:center;justify-content:center;font-size:12px;
  color:#8A8A84;border:1px dashed #CFCFC9;
  background:repeating-linear-gradient(45deg,#F2F2EE,#F2F2EE 8px,#E8E8E3 8px,#E8E8E3 16px)}
.socials{display:flex;gap:8px}
.socials span{border:1px solid var(--line);padding:6px 14px;font-size:12px;color:#555}

/* 表单：方角、密排 */
.side.form form{margin:0}
.side form label{display:block;font-size:12px;color:#555;margin:10px 0 4px}
.side input,.side select,.side textarea{width:100%;border:1px solid #CFCFCA;border-radius:0;
  padding:8px;font-size:13px;font-family:inherit;background:#FFFFFF;color:var(--ink)}
.side textarea{min-height:66px;resize:vertical}
.side input:focus,.side select:focus,.side textarea:focus{outline:0;border-color:var(--brand)}
.side button.btn{width:100%;margin-top:12px;padding:11px;border:0;background:var(--brand);
  color:#fff;font-size:14px;cursor:pointer;font-family:inherit}
.side button.btn:hover{background:var(--brand-d)}
.ok{display:none;margin-top:10px;padding:8px 10px;background:var(--paper);
  border-left:3px solid var(--gold);font-size:12.5px;color:#2A2A2A}
.err{display:none;margin-top:10px;padding:8px 10px;background:#ECECEA;
  border-left:3px solid var(--brand);font-size:12.5px;color:#1F1F1F}
.note{font-size:11.5px;color:#8A8A8A;line-height:1.75;margin:9px 0 0}

/* 页脚 */
footer{background:#191919;color:#B4B4AE}
footer .in{max-width:1180px;margin:0 auto;padding:26px 20px 20px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
footer h5{margin:0 0 8px;font-size:13px;color:#F0F0EC;letter-spacing:1px;font-weight:600}
footer a{display:block;font-size:12.5px;line-height:2;color:#B0B0AA;text-decoration:none}
footer a:hover{color:#fff}
.bottom{max-width:1180px;margin:0 auto;padding:14px 20px 18px;display:flex;gap:12px;
  justify-content:space-between;flex-wrap:wrap;font-size:12px;
  border-top:1px solid rgba(255,255,255,.12);color:#8F8F89}

/* 底部导流块（去新站展会板块） */
.xcta{background:var(--brand);color:#fff;padding:34px 0;border-bottom:1px solid #3C3C3C}
.xcta .in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.xcta .k{font-size:11px;letter-spacing:2px;color:#F0F0EC}
.xcta h2{font-family:"Songti SC","SimSun",serif;font-size:24px;margin:7px 0 8px;color:#fff}
.xcta p{margin:0;font-size:13px;line-height:1.9;color:#D6D6D1;max-width:640px}
.xbtn{flex:0 0 auto;background:#fff;color:#111;padding:13px 24px;border:2px solid #fff;
  text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.5px}
.xbtn:hover{background:#F0F0EC}

/* 手机 */
@media(max-width:900px){
  .hero .in{grid-template-columns:1fr;gap:22px;padding:24px 18px 26px}
  .hero h1{font-size:30px}
  .stats .in{grid-template-columns:repeat(2,1fr)}
  .stats .in>div{border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .stats .in>div:nth-child(-n+2){border-top:0}
  .layout{grid-template-columns:1fr;gap:22px;padding:20px 18px 34px}
  .grid2{grid-template-columns:1fr}
  .partners{grid-template-columns:1fr}
  .partners>div{border-right:0}
  .nav .in{flex-wrap:wrap;gap:10px}
  .menu{order:3;width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:8px}
  .menu a{border-right:0;padding:4px 10px 4px 0}
  .lang{margin-left:auto;padding-left:0;padding-right:6px}
  .cta{padding:8px 14px;font-size:12.5px}
  .logo{font-size:23px}
  .sec h2{font-size:19px}
  .xcta h2{font-size:20px}
  .xbtn{width:100%;text-align:center}
  footer .in{grid-template-columns:1fr 1fr;gap:16px}
  .bottom{flex-direction:column;gap:6px}
}
