/* ===========================================================
   SCOTECH 内页样式（延续原站设计系统：色 #0c55e0 / 圆角 var(--border)）
   =========================================================== */

/* —— 面包屑 banner —— */
.crumbs{border-bottom:1px solid #EEEEEE}
.crumbs .banner-content{padding:14px 0;background-color:#f5f5f5}
.crumbs .banner-content .l-wrap{display:flex;align-items:center;justify-content:space-between}
.crumbs .banner-title-h1{text-transform:capitalize;font-weight:var(--fontbold6);font-size:22px;color:#000}
.crumbs .banner-breadcrumbs{font-size:14px;color:var(--summarycolor)}
.crumbs .banner-breadcrumbs em{margin-right:6px;color:var(--color)}
.crumbs .banner-breadcrumbs a:hover{color:var(--color)}

/* —— 通用内页容器 —— */
.site-main{padding:50px 0;background:#FFFFFF}
.site-main .l-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.site-main .content-area{flex:1;min-width:0}
.site-main.no-aside .content-area{width:100%}
.inner .l-wrap{max-width:1450px}

/* —— 页面标题 —— */
.page-head{margin-bottom:30px}
.page-head .page-title{font-size:34px;font-weight:var(--fontbold6);color:#000;position:relative;padding-top:14px}
.page-head .page-title::before{content:'';position:absolute;left:0;top:0;width:48px;height:6px;background:var(--color)}

/* —— 文章/新闻网格 —— */
.post-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2%}
.post-grid .post-card{width:32%;margin-bottom:36px}
@media(max-width:1024px){.post-grid .post-card{width:48%}}
@media(max-width:640px){.post-grid .post-card{width:100%}}
.post-card .thumb{overflow:hidden;aspect-ratio:5/3;border-radius:var(--border);display:block;background:#f2f2f2}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .thumb img{transform:scale(1.05)}
.post-card .info{padding:18px 0}
.post-card .date{font-size:14px;color:#8a8f99;margin-bottom:8px}
.post-card .title{display:block;color:#000;font-size:20px;font-weight:var(--fontbold6);line-height:1.4;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card:hover .title{color:var(--color)}
.post-card .excerpt{margin-top:10px;font-size:15px;color:var(--summarycolor);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* —— 单篇文章 —— */
.single-article .article-head{margin-bottom:24px}
.single-article .article-title{font-size:34px;line-height:1.3;font-weight:var(--fontbold6);color:#000;margin-bottom:14px}
.single-article .article-meta{font-size:14px;color:#8a8f99;display:flex;gap:20px;flex-wrap:wrap}
.single-article .article-meta em{color:var(--color);margin-right:6px}
.single-article .article-cover{margin:20px 0;border-radius:var(--border);overflow:hidden}
.single-article .article-cover img{width:100%}
.article-body{font-size:16px;line-height:1.9;color:#3a3f4a}
.article-body p{margin-bottom:16px}
.article-body h2,.article-body h3,.article-body h4{margin:26px 0 12px;color:#000;font-weight:var(--fontbold6)}
.article-body h2{font-size:26px}.article-body h3{font-size:22px}.article-body h4{font-size:19px}
.article-body img{max-width:100%;height:auto;border-radius:var(--border);margin:12px 0}
.article-body a{color:var(--color);text-decoration:underline}
.article-body ul,.article-body ol{margin:0 0 16px 22px}
.article-body ul li{list-style:disc;line-height:1.9}
.article-body ol li{list-style:decimal;line-height:1.9}
.article-body blockquote{border-left:4px solid var(--color);padding:8px 18px;margin:18px 0;background:#f6f9f1;color:#444}
.article-body table{width:100%;border-collapse:collapse;margin:16px 0}
.article-body table td,.article-body table th{border:1px solid #e3e3e3;padding:8px 12px}

.entry-tags{margin-top:30px;font-size:14px}
.entry-tags a{display:inline-block;margin:0 6px 6px 0;padding:4px 12px;border:1px solid #e0e0e0;border-radius:var(--border);color:var(--summarycolor)}
.entry-tags a:hover{border-color:var(--color);color:var(--color)}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:30px;flex-wrap:wrap}
.post-nav a{flex:1;min-width:220px;padding:16px 20px;border:1px solid #eee;border-radius:var(--border);transition:all .2s}
.post-nav a:hover{border-color:var(--color);color:var(--color)}
.post-nav .nav-label{font-size:13px;color:#8a8f99;display:block;margin-bottom:4px}

/* —— 侧边栏 —— */
.sidebar{width:300px;flex-shrink:0}
@media(max-width:1024px){.sidebar{width:100%}}
.sidebar .widget{margin-bottom:30px;padding:22px;border:1px solid #eee;border-radius:var(--border);background:#FFFFFF}
.sidebar .widget-title{font-size:18px;font-weight:var(--fontbold6);color:#000;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:14px}
.sidebar .widget ul li{padding:7px 0;border-bottom:1px dashed #f0f0f0}
.sidebar .widget ul li a:hover{color:var(--color)}

/* —— 分页 —— */
.scotech-pagination{margin:30px 0 0}
.scotech-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.scotech-pagination .page-numbers{display:inline-flex;min-width:42px;height:42px;padding:0 12px;align-items:center;justify-content:center;border:1px solid #e3e3e3;border-radius:var(--border);color:#333;transition:all .2s}
.scotech-pagination .page-numbers.current,.scotech-pagination .page-numbers:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}

/* —— 页面正文（page.php）—— */
.page-content{font-size:16px;line-height:1.9;color:#3a3f4a}
.page-content p{margin-bottom:16px}

/* —— 搜索 / 404 —— */
.notfound{text-align:center;padding:80px 0}
.notfound .code{font-size:120px;font-weight:var(--fontbold7);color:var(--color);line-height:1}
.notfound .msg{font-size:22px;color:#000;margin:10px 0 24px}
.notfound .home-btn,.searchpage .home-btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:50px;border-radius:var(--border);background:var(--color);color:#FFFFFF;font-size:18px}

/* —— 评论 —— */
.comments-area{margin-top:40px}
.comments-area .comments-title,.comment-respond .comment-reply-title{font-size:22px;font-weight:var(--fontbold6);margin-bottom:20px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{padding:16px 0;border-bottom:1px solid #eee}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:var(--border);margin-bottom:14px;font-size:15px}
.comment-form .submit{padding:12px 26px;border:none;border-radius:var(--border);background:var(--color);color:#FFFFFF;font-size:16px;cursor:pointer}

/* ===========================================================
   询盘表单（联系页 #wmkcfeedback）
   =========================================================== */
.sc-inquiry{width:100%}
.sc-inquiry .sc-inquiry-row{display:flex;gap:16px;flex-wrap:wrap}
.sc-inquiry .sc-inquiry-row > *{flex:1;min-width:180px}
.sc-inquiry input,.sc-inquiry textarea{width:100%;margin-bottom:16px;padding:12px 14px;border:1px solid #dcdcdc;border-radius:var(--border);font-size:15px;font-family:var(--fontfamily);background:#fafafa;transition:border-color .2s}
.sc-inquiry input:focus,.sc-inquiry textarea:focus{outline:none;border-color:var(--color);background:#fff}
.sc-inquiry textarea{resize:vertical}
.sc-inquiry .sc-inquiry-btn{min-width:200px;height:50px;padding:0 24px;border:none;border-radius:var(--border);background:var(--color);color:#fff;font-size:17px;font-weight:var(--fontbold6);cursor:pointer;transition:opacity .2s}
.sc-inquiry .sc-inquiry-btn:hover{opacity:.9}
.sc-inquiry .sc-inquiry-ok{margin-bottom:16px;padding:14px 18px;border-radius:var(--border);background:#eef7e3;border:1px solid var(--color);color:#3d6b12;font-size:15px}
.sc-inquiry .sc-inquiry-ok em{color:var(--color);margin-right:6px}

/* 桌面悬浮联系方式 #scotech-float 的样式已迁到 assets/css/float-contact.css
   （带弹出面板，不再是单纯的圆形链接） */
