/* =========================================================
   禅意文化博客模板  (fingerthemoon 风格 / eventbrite)
   主样式文件 css/style.css
   ---------------------------------------------------------
   配色：深灰底 #373737  主色橙红 #f96e5b  正文 #454545
   布局：大图头 + 分类导航 + 左文右栏 + 侧边挂件
   ========================================================= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.7}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
html,body{background:#373737;color:#454545;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;}
strong,b{font-weight:800}
a{text-decoration:none;color:#454545;}
img{max-width:100%;height:auto;display:block;}
.clear{clear:both;}

/* ---------- 外观变量 ---------- */
:root{
  --dark:#373737;
  --accent:#f96e5b;
  --accent-dark:#e3503d;
  --paper:#ffffff;
  --muted:#999;
}

/* ---------- 顶部大图 Header ---------- */
.ch-banner{position:relative;background:linear-gradient(135deg,#2b2b2b 0%,#4a3f3a 100%);background-size:cover;background-position:center;color:#fff;overflow:hidden;}
.ch-banner-inner{max-width:1200px;margin:0 auto;padding:56px 20px;text-align:center;}
.ch-banner h1{font-size:44px;font-weight:800;letter-spacing:2px;line-height:1.3;color:#fff;}
.ch-banner h1 a{color:#fff;}
.ch-banner h5{font-size:18px;font-weight:400;letter-spacing:4px;color:rgba(255,255,255,.8);margin-top:10px;text-transform:uppercase;}
.ch-banner .deco{display:inline-block;width:60px;height:2px;background:#f96e5b;margin:16px auto 0;}

/* ---------- 分类导航 ---------- */
.ch-nav{background:#242424;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.ch-nav ul{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center;}
.ch-nav li{position:relative;}
.ch-nav a{display:block;color:rgba(255,255,255,.85);font-size:16px;font-weight:600;padding:16px 20px;letter-spacing:1px;}
.ch-nav li:hover>a,.ch-nav a.on{color:#fff;background:rgba(249,110,91,.16);}
.ch-nav li:hover::after,.ch-nav li.on::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:#f96e5b;}
.ch-nav .sub{position:absolute;top:100%;left:0;min-width:180px;background:#2b2b2b;border:1px solid rgba(255,255,255,.1);opacity:0;visibility:hidden;transition:.2s;z-index:50;}
.ch-nav li:hover .sub{opacity:1;visibility:visible;}
.ch-nav .sub a{padding:12px 18px;font-size:14px;font-weight:400;}

/* ---------- 布局 ---------- */
.ch-container{max-width:1200px;margin:26px auto 0;padding:0 20px;}
.ch-row{display:flex;flex-wrap:wrap;gap:26px;}
.ch-main{flex:1 1 66%;min-width:0;}
.ch-sidebar{flex:0 0 300px;}
@media (max-width:900px){.ch-sidebar{flex:0 0 100%;}}
.ch-card-inner{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.12);}

/* ---------- 布告 / 栏目标题 ---------- */
.ch-sec{padding:8px 0 6px;font-size:22px;font-weight:800;color:#333;border-bottom:2px solid #f96e5b;margin-bottom:10px;}
.ch-sec em{font-style:normal;color:#f96e5b;}

/* ---------- 文章列表 ---------- */
.ch-post{padding:22px 6px;border-bottom:1px dashed #e3e3e3;}
.ch-post:last-child{border-bottom:none;}
.ch-post .ptitle{font-size:22px;font-weight:700;line-height:1.45;}
.ch-post .ptitle a{color:#3a3a3a;}
.ch-post .ptitle a:hover{color:#f96e5b;}
.ch-post .pdate{color:#f96e5b;font-size:13px;letter-spacing:1px;margin:8px 0 10px;text-transform:uppercase;}
.ch-post .pdate span{margin-right:16px;color:#999;}
.ch-post .pbody{font-size:16px;color:#555;line-height:1.95;}
.ch-post .pbody a{color:#f96e5b;}

/* ---------- 侧边挂件 ---------- */
.ch-widget{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px rgba(0,0,0,.12);margin-bottom:24px;overflow:hidden;}
.ch-widget .wtitle{padding:15px 18px;font-size:17px;font-weight:800;color:#333;border-bottom:2px solid #f96e5b;}
.ch-widget .wtitle em{font-style:normal;color:#f96e5b;}
.ch-widget .wbody{padding:16px 18px;}
.ch-widget .search input[type=text]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;box-sizing:border-box;}
.ch-widget .search input:focus{border-color:#f96e5b;}
.ch-widget .recent li{padding:10px 0;border-bottom:1px dashed #eee;}
.ch-widget .recent li:last-child{border-bottom:none;}
.ch-widget .recent a{font-size:15px;color:#555;}
.ch-widget .recent a:hover{color:#f96e5b;}
.ch-widget .recent .thumb{width:70px;height:52px;float:left;margin-right:12px;overflow:hidden;border-radius:3px;}
.ch-widget .recent .thumb img{width:100%;height:100%;object-fit:cover;}
.ch-widget .cats li{padding:7px 0;}
.ch-widget .cats a{font-size:15px;color:#555;}
.ch-widget .cats a:hover{color:#f96e5b;}
.ch-widget .cats a .num{float:right;color:#bbb;}
.ch-widget .flinks a{display:inline-block;margin:0 8px 8px 0;padding:6px 10px;border:1px solid #eee;border-radius:3px;font-size:13px;color:#666;}
.ch-widget .flinks a:hover{color:#f96e5b;border-color:#f96e5b;}

/* ---------- 内容页 ---------- */
.ch-article{background:#fff;padding:34px 30px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.12);}
.ch-article h1{font-size:30px;color:#333;line-height:1.4;text-align:center;}
.ch-article .meta{text-align:center;color:#999;font-size:14px;padding:14px 0 20px;border-bottom:1px dashed #e3e3e3;margin-bottom:8px;}
.ch-article .meta span{margin:0 14px;color:#f96e5b;}
.ch-article .meta a{color:#f96e5b;}
.ch-article .body{font-size:17px;line-height:2;color:#444;padding-top:8px;}
.ch-article .body p{margin-bottom:16px;}
.ch-article .body img{margin:14px auto;border-radius:4px;}
.ch-article .body h4{font-size:18px;color:#333;margin:20px 0 8px;font-weight:800;}
.ch-article .body a{color:#f96e5b;}
.ch-article .prenav{margin-top:24px;padding-top:16px;border-top:1px dashed #ddd;font-size:15px;color:#888;}
.ch-article .prenav a{color:#f96e5b;font-weight:700;}
.ch-related{margin-top:26px;}
.ch-related h4{font-size:18px;color:#333;border-left:4px solid #f96e5b;padding-left:12px;margin-bottom:12px;}
.ch-related li{padding:11px 0;border-bottom:1px dashed #eaeaea;}
.ch-related li a{color:#555;font-size:15px;}
.ch-related li a:hover{color:#f96e5b;}
.ch-related li a::before{content:"·";color:#f96e5b;margin-right:8px;}

/* ---------- 产品 / 案例网格 ---------- */
.ch-grid{display:flex;flex-wrap:wrap;margin:-10px;}
.ch-col{box-sizing:border-box;padding:10px;width:33.33%;}
@media (max-width:900px){.ch-col{width:50%;}}
@media (max-width:640px){.ch-col{width:100%;}}
.ch-card{border:1px solid #e2e2e2;background:#fff;overflow:hidden;transition:box-shadow .3s;height:100%;}
.ch-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.14);}
.ch-card .cimg{overflow:hidden;position:relative;}
.ch-card .cimg img{width:100%;transition:transform .5s;}
.ch-card:hover .cimg img{transform:scale(1.06);}
.ch-card .cbody{padding:16px;}
.ch-card .cbody h3{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ch-card .cbody h3 a{color:#333;}
.ch-card .cbody h3 a:hover{color:#f96e5b;}
.ch-card .cbody p{color:#888;font-size:14px;margin-top:6px;line-height:24px;}

/* ---------- 分页 ---------- */
.ch-pagebar{text-align:center;padding:26px 0 8px;}
.ch-pagebar a,.ch-pagebar span{display:inline-block;min-width:40px;padding:8px 13px;margin:0 5px;font-size:15px;line-height:22px;background:#fff;border:1px solid #ddd;color:#666;}
.ch-pagebar a:hover,.ch-pagebar .cur,.ch-pagebar .on{background:#f96e5b;color:#fff;border-color:#f96e5b;}

/* ---------- 关于 / 联系 页 ---------- */
.ch-about{display:flex;gap:30px;align-items:center;background:#fff;padding:30px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.12);}
.ch-about .img{width:44%;}
.ch-about .img img{width:100%;border-radius:4px;}
.ch-about .panel{width:56%;}
.ch-about .panel h3{font-size:22px;color:#333;margin-bottom:12px;}
.ch-about .panel p{font-size:15px;color:#555;line-height:30px;text-align:justify;}
@media (max-width:900px){.ch-about{flex-direction:column;}.ch-about .img,.ch-about .panel{width:100%;}}
.ch-contact{max-width:720px;margin:0 auto;background:#fff;padding:34px 30px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.12);}
.ch-contact .info{text-align:center;padding-bottom:20px;}
.ch-contact .info p{font-size:17px;line-height:34px;color:#555;}
.ch-contact .info p b{color:#f96e5b;}
.ch-contact form .row{margin:14px 0;}
.ch-contact form label{display:block;font-size:15px;color:#555;margin-bottom:6px;}
.ch-contact form input,.ch-contact form textarea{width:100%;padding:11px 13px;border:1px solid #ddd;border-radius:4px;font-size:15px;outline:none;box-sizing:border-box;}
.ch-contact form input:focus,.ch-contact form textarea:focus{border-color:#f96e5b;box-shadow:0 0 0 3px rgba(249,110,91,.12);}
.ch-contact form textarea{min-height:130px;resize:vertical;}
.ch-contact form button{background:#f96e5b;color:#fff;border:none;padding:12px 34px;border-radius:4px;font-size:16px;cursor:pointer;}
.ch-contact form button:hover{background:#e3503d;}

/* ---------- 页脚 ---------- */
.ch-footer{background:#242424;color:rgba(255,255,255,.72);margin-top:40px;padding:34px 20px 24px;}
.ch-footer-inner{max-width:1200px;margin:0 auto;text-align:center;}
.ch-footer .fname{font-size:20px;font-weight:800;color:#fff;letter-spacing:2px;}
.ch-footer .ftag{color:rgba(255,255,255,.55);font-size:14px;margin-top:6px;letter-spacing:2px;}
.ch-footer .flinks{margin-top:18px;}
.ch-footer .flinks a{color:rgba(255,255,255,.7);font-size:13px;margin:0 9px;display:inline-block;}
.ch-footer .flinks a:hover{color:#fff;text-decoration:underline;}
.ch-footer .copy{margin-top:18px;color:rgba(255,255,255,.5);font-size:13px;line-height:26px;}
.ch-footer .copy a{color:rgba(255,255,255,.7);}
.ch-footer .copy a:hover{color:#fff;}