@charset "utf-8";
/* =========================================================
   Salma Kahn 还原站样式（PbootCMS）
   复刻案例站 www.salma-kahn.com 的视觉设计
   ========================================================= */
:root{
  --accent:#e69138;          /* 主色（案例站导航/页脚橙） */
  --accent-dark:#7f6000;
  --text:#444444;
  --text-light:#666666;
  --line:#e5e5e5;
  --container:1320px;
  --serif:"Constantia","Cambria",Georgia,"Times New Roman",serif;
  --sans:"Candara","微软雅黑","Microsoft YaHei",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:var(--serif);
  font-size:16px;line-height:2;
  color:var(--text);background:#fff;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;transition:color .25s,opacity .25s;}
a:hover{color:var(--accent);}
img{max-width:100%;border:0;display:block;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5{font-weight:400;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 15px;}
.clearfix::after{content:"";display:block;clear:both;}

/* ---------------- 头部 ---------------- */
.sk-header{
  position:sticky;top:0;z-index:900;background:#fff;
}
/* 与案例站一致：logo 居中在上，导航菜单居中在下，整体高 192px */
.sk-header .inner{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  height:192px;padding:14px 15px 0;position:relative;box-sizing:border-box;
}
.sk-logo{display:block;line-height:0;}
.sk-logo img{height:60px;width:auto;}
.sk-search-ico{
  position:absolute;right:15px;top:26px;
  display:flex;align-items:center;
}
.sk-search-ico input{
  width:150px;height:34px;box-sizing:border-box;
  border:1px solid #e5e5e5;background:#fff;
  padding:0 12px;font-size:13px;color:#555;outline:none;
  font-family:var(--sans);
}
.sk-search-ico input::placeholder{color:#bbb;}
.sk-search-ico button{
  width:34px;height:34px;background:none;border:0;border-left:1px solid #e5e5e5;
  padding:0;cursor:pointer;color:var(--accent);
  display:flex;align-items:center;justify-content:center;
}
.sk-search-ico button:hover{color:var(--accent-dark);}
.sk-nav{display:flex;align-items:center;gap:0;margin-top:-9px;}
.sk-nav > li{position:relative;}
.sk-nav > li > a{
  display:block;height:80px;line-height:80px;padding:0 20px;min-width:120px;
  font-family:"Candara",var(--sans);font-size:19px;color:var(--accent);
  white-space:nowrap;text-align:center;box-sizing:border-box;
}
.sk-nav > li > a:hover{color:var(--accent-dark);}
/* 需求1：含子栏目的导航项加下拉箭头 */
.sk-nav > li.has-sub > a::after{
  content:"";display:inline-block;vertical-align:middle;
  margin-left:8px;margin-top:-4px;
  border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:6px solid currentColor;opacity:.75;
}
.sk-nav .sub{
  position:absolute;left:50%;top:100%;transform:translateX(-50%);
  min-width:190px;background:#fff;border-top:2px solid var(--accent);
  box-shadow:0 8px 26px rgba(0,0,0,.12);
  padding:8px 0;display:none;z-index:20;
}
.sk-nav li:hover .sub{display:block;}
.sk-nav .sub a{
  display:block;padding:10px 20px;font-family:var(--sans);
  font-size:15px;color:#555;text-align:center;white-space:nowrap;
}
.sk-nav .sub a:hover{background:#faf6f0;color:var(--accent);}
.sk-toggle{display:none;font-size:26px;color:var(--accent);background:none;border:0;cursor:pointer;}
/* 需求3 容器栏目「首页特色板块」：只作为数据容器，不出现在导航（scode=107） */
.sk-nav > li[data-scode="107"]{display:none !important;}

/* ---------------- 首页轮播 ---------------- */
/* 需求2：整体比例缩小，不再满屏（宽度自适应，高度按 1912:640 收缩并封顶 620px） */
.sk-banner{position:relative;width:100%;overflow:hidden;background:#f4f4f4;}
.sk-banner .slides{position:relative;width:100%;aspect-ratio:1912/640;max-height:620px;}
.sk-banner .slide{
  position:absolute;inset:0;background-position:center center;
  background-repeat:no-repeat;background-size:cover;
  opacity:0;transition:opacity 1s ease;
}
.sk-banner .slide.on{opacity:1;}
.sk-banner .dots{
  position:absolute;left:0;right:0;bottom:26px;text-align:center;z-index:5;
}
.sk-banner .dots span{
  display:inline-block;width:11px;height:11px;border-radius:50%;
  background:rgba(255,255,255,.55);margin:0 6px;cursor:pointer;
  border:1px solid rgba(0,0,0,.15);
}
.sk-banner .dots span.on{background:var(--accent);}
.sk-banner .arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:70px;line-height:70px;text-align:center;
  color:#fff;font-size:30px;background:rgba(0,0,0,.18);
  cursor:pointer;z-index:5;user-select:none;opacity:0;transition:opacity .3s;
}
.sk-banner:hover .arrow{opacity:1;}
.sk-banner .arrow.prev{left:0;}
.sk-banner .arrow.next{right:0;}

/* ---------------- 内页横幅 ---------------- */
.sk-pagebanner{
  position:relative;width:100%;overflow:hidden;background:#333;
}
.sk-pagebanner .pb-bgs{position:absolute;inset:0;overflow:hidden;
  background:linear-gradient(135deg,#e69138 0%,#b9701f 100%);}
.sk-pagebanner .pb-bg{
  position:absolute;inset:0;background-position:center center;
  background-repeat:no-repeat;background-size:cover;
  opacity:0;transition:opacity 1s ease;
}
.sk-pagebanner .pb-bg.on{opacity:1;}
.sk-pagebanner .pb-inner{
  position:relative;z-index:2;
  height:742px;display:flex;align-items:center;justify-content:center;
}
.sk-pagebanner h1{
  font-family:var(--serif);font-size:52px;color:#fff;
  letter-spacing:1px;text-shadow:0 2px 12px rgba(0,0,0,.35);
  text-align:center;
}
.sk-pagebanner .pb-line{
  width:180px;height:1px;background:rgba(255,255,255,.85);margin:14px auto 0;
}
/* 无图横幅（搜索页等） */
.sk-pagebanner-plain{background:linear-gradient(135deg,#e69138 0%,#c97a26 100%);}
.sk-pagebanner-plain .pb-inner{height:220px;}

/* ---------------- 通用区块 ---------------- */
.sk-section{padding:70px 0;}
.sk-section.grey{background:#f7f7f7;}
.sk-title{text-align:center;margin-bottom:46px;}
.sk-title h2{
  font-family:Constantia,"Times New Roman",Georgia,var(--serif);
  font-size:46px;font-weight:400;color:#555;letter-spacing:1px;
}
.sk-title .bar{width:300px;height:2px;background:var(--accent);margin:24px auto 0;}
.sk-title p{font-size:15px;color:var(--text-light);margin-top:12px;}

/* ---------------- 首页特色板块 ---------------- */
.sk-frow{padding:34px 0;}
.sk-feature{display:flex;align-items:stretch;gap:26px;}
.sk-feature.reverse{flex-direction:row-reverse;}

/* 左侧：缩略图轮播 */
.sk-feature-slider{
  flex:0 0 500px;width:500px;position:relative;background:#f2f2f2;overflow:hidden;
}
.sk-feature-slider .fs-track{position:relative;width:100%;height:100%;min-height:420px;}
.sk-feature-slider .fs-item{
  position:absolute;inset:0;opacity:0;transition:opacity .8s ease;
}
.sk-feature-slider .fs-item.on{opacity:1;}
.sk-feature-slider .fs-item img{width:100%;height:100%;object-fit:cover;}
.sk-feature-slider .fs-nav{
  position:absolute;left:0;right:0;bottom:14px;text-align:center;z-index:3;
}
.sk-feature-slider .fs-dot{
  display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;
  margin:0 5px;font-size:12px;font-family:var(--sans);color:#fff;cursor:pointer;
  background:rgba(0,0,0,.32);border-radius:2px;transition:background .3s;
}
.sk-feature-slider .fs-dot.on{background:var(--accent);}

/* 右侧：大图 + 标题 + 按钮 */
.sk-feature-hero{
  flex:1 1 auto;min-width:0;position:relative;min-height:420px;
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  background-color:#eee;overflow:hidden;
}
.sk-feature-hero .hero-mask{
  position:absolute;inset:0;background:rgba(0,0,0,.18);transition:background .4s;
}
.sk-feature-hero:hover .hero-mask{background:rgba(0,0,0,.30);}
.sk-feature-hero .hero-inner{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.sk-feature-hero h2{
  font-family:var(--serif);font-size:30px;color:#fff;font-weight:700;
  letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.4);
}
.sk-feature-hero .hero-line{
  width:180px;height:1px;background:rgba(255,255,255,.9);margin:18px 0 26px;
}
.sk-btn.light{border-color:#fff;color:#fff;}
.sk-btn.light:hover{background:#fff;color:var(--accent);}

/* 兼容旧版特性块（保留） */
.sk-feature-media{flex:1 1 55%;min-width:0;}
.sk-feature-big{overflow:hidden;background:#f2f2f2;}
.sk-feature-big img{width:100%;display:block;transition:transform .8s ease;}
.sk-feature:hover .sk-feature-big img{transform:scale(1.03);}
.sk-feature-thumbs{display:flex;gap:14px;margin-top:14px;}
.sk-feature-thumbs .thumb{
  flex:1;aspect-ratio:1/1;background-size:cover;background-position:center center;
  background-color:#f2f2f2;
}
.sk-feature-text{flex:1 1 45%;min-width:0;}
.sk-feature-text h2{font-family:var(--serif);font-size:44px;color:var(--text);letter-spacing:1px;}
.sk-feature-text .bar{width:70px;height:2px;background:var(--accent);margin:18px 0;}
.sk-feature-text p{font-size:15px;color:var(--text-light);line-height:1.9;margin-bottom:26px;}
.sk-btn{
  display:inline-block;padding:12px 40px;border:1px solid var(--accent);
  color:var(--accent);font-family:var(--sans);font-size:15px;letter-spacing:1px;
  transition:background .3s,color .3s;
}
.sk-btn:hover{background:var(--accent);color:#fff;}

/* ---------------- 产品卡片网格 ---------------- */
.sk-grid{display:grid;gap:26px;}
.sk-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.sk-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.sk-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.sk-card{
  position:relative;display:block;overflow:hidden;background:#f2f2f2;
  aspect-ratio:327/461;
}
.sk-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease;
}
.sk-card .mask{
  position:absolute;inset:0;background:rgba(204,204,204,.42);
  display:flex;align-items:center;justify-content:center;
  transition:background .35s ease;
}
.sk-card .mask h3{
  font-family:"微软雅黑",var(--sans);font-size:30px;color:#fff;
  font-weight:400;text-align:center;letter-spacing:1px;
  text-shadow:0 1px 8px rgba(0,0,0,.3);padding:0 12px;
}
.sk-card:hover img{transform:scale(1.06);}
.sk-card:hover .mask{background:rgba(230,145,56,.55);}

/* ---------------- 产品 SKU 图集 ---------------- */
.sk-skus{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px;}
.sk-sku{text-align:center;}
.sk-sku .pic{
  width:100%;aspect-ratio:1/1;background:#fff;display:flex;
  align-items:center;justify-content:center;overflow:hidden;
  border:1px solid #f0f0f0;transition:box-shadow .3s,border-color .3s;
}
.sk-sku .pic img{width:100%;height:100%;object-fit:contain;}
.sk-sku:hover .pic{box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:var(--accent);}
.sk-sku .name{
  font-family:var(--sans);font-size:15px;color:#333;margin-top:12px;
  line-height:1.5;min-height:22px;
}
.sk-sku .spec{font-size:13px;color:#888;line-height:1.7;margin-top:4px;}
.sk-empty{text-align:center;color:#999;padding:60px 0;font-size:15px;}

/* ---------------- 新闻 ---------------- */
.sk-news-list .item{
  display:flex;gap:26px;padding:26px 0;border-bottom:1px dashed var(--line);
}
.sk-news-list .item .thumb{
  width:300px;flex:0 0 300px;aspect-ratio:16/10;overflow:hidden;background:#f2f2f2;
}
.sk-news-list .item .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.sk-news-list .item:hover .thumb img{transform:scale(1.05);}
.sk-news-list .item .txt{flex:1;min-width:0;}
.sk-news-list .item .txt h3{font-size:21px;color:#333;margin-bottom:10px;font-family:var(--serif);}
.sk-news-list .item:hover .txt h3{color:var(--accent);}
.sk-news-list .item .txt p{font-size:14px;color:#777;line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.sk-news-list .item .txt .date{font-size:13px;color:#aaa;margin-top:12px;font-family:var(--sans);}

.sk-article{max-width:1000px;margin:0 auto;}
.sk-article .head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:34px;}
.sk-article .head h1{font-size:32px;color:#333;font-family:var(--serif);line-height:1.5;}
.sk-article .head .meta{font-size:13px;color:#999;margin-top:14px;font-family:var(--sans);}
.sk-article .body{font-size:16px;line-height:2.1;color:#444;}
.sk-article .body p{margin-bottom:18px;}
.sk-article .body img{margin:18px auto;max-width:100%;}
.sk-article .cover{margin-bottom:30px;}
.sk-article .cover img{width:100%;}
/* 新闻内页图集模块（后台「内容多图」上传） */
.sk-article-gallery{margin-top:44px;}
.sk-pager{display:flex;justify-content:space-between;gap:20px;margin-top:50px;
  padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:#888;}
.sk-pager a:hover{color:var(--accent);}
/* 上一篇 / 下一篇：按钮化（明细页翻页） */
.sk-pager .pg{
  flex:1 1 0;min-width:0;max-width:48%;
  display:block;padding:14px 20px;border:1px solid var(--line);background:#fff;
  transition:border-color .3s,box-shadow .3s,color .3s;
}
.sk-pager .pg em{
  display:block;font-style:normal;font-family:var(--sans);font-size:12px;
  letter-spacing:1px;text-transform:uppercase;color:#aaa;margin-bottom:6px;
}
.sk-pager .pg b{
  display:block;font-weight:400;font-family:var(--serif);font-size:15px;color:#444;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sk-pager .pg.next{text-align:right;}
.sk-pager .pg:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.06);}
.sk-pager .pg:hover b{color:var(--accent);}
.sk-pager .pg[href="javascript:;"]{opacity:.4;pointer-events:none;}

/* ---------------- 单页正文 ---------------- */
.sk-single{max-width:1080px;margin:0 auto;font-size:16px;line-height:2.2;color:#444;}
.sk-single p{margin-bottom:18px;}
.sk-single img{margin:18px auto;max-width:100%;height:auto;}
.sk-single h1,.sk-single h2,.sk-single h3,.sk-single h4{margin:24px 0 14px;font-family:var(--serif);color:#333;}
.sk-single table{width:100%;border-collapse:collapse;margin:18px 0;}
.sk-single table td,.sk-single table th{border:1px solid var(--line);padding:10px 14px;}

/* 产品详情页：案例站无横幅，仅上方留白（约 190px） */
.sk-detail-top{padding-top:190px;}
/* 新闻列表页：案例站该页无横幅，标题下移（对齐案例站 y≈348） */
.sk-list-top{padding-top:156px;}

/* 关于我们：与案例站一致的「衬线小标题 + 居中正文」版式 */
.sk-about{max-width:1270px;text-align:center;}
.sk-about p{font-size:14px;line-height:1.6;color:#555;text-align:center;margin:0 0 32px;}
.sk-about .sk-about-title{
  font-family:Constantia,"Times New Roman",Georgia,serif;
  font-size:26px;font-weight:400;line-height:1.3;color:#555;
  text-align:center;margin:0 0 6px;letter-spacing:.5px;
}
.sk-about .sk-about-line{
  font-family:Arial,"微软雅黑",sans-serif;
  font-size:36px;line-height:1;color:#555;text-align:center;
  margin:0 0 26px;letter-spacing:0;
}

/* ---------------- 下载 ---------------- */
.sk-down-list li{
  display:flex;align-items:center;gap:22px;
  padding:20px 24px;border:1px solid var(--line);margin-bottom:14px;
  transition:border-color .3s,box-shadow .3s;
}
.sk-down-list li:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.06);}
/* 封面插图：后台「内容管理 → Download」上传缩略图(ico)即显示画册封面 */
.sk-down-list li .ico{
  flex:0 0 110px;width:110px;height:146px;background:#f4f4f4;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  border:1px solid var(--line);transition:box-shadow .3s,border-color .3s;
}
.sk-down-list li .ico img{width:100%;height:100%;object-fit:cover;display:block;}
.sk-down-list li:hover .ico{border-color:var(--accent);box-shadow:0 8px 22px rgba(0,0,0,.10);}
/* 未上传封面时的兜底图标 */
.sk-down-list li .ico.plain{
  flex:0 0 46px;width:46px;height:46px;background:#fdf4e9;border:0;border-radius:50%;overflow:visible;
}
.sk-down-list li .ico .dl{
  display:block;width:14px;height:18px;position:relative;
  border:2px solid var(--accent);border-top:0;
}
.sk-down-list li .ico .dl::before{
  content:"";position:absolute;left:4px;top:-11px;width:2px;height:11px;background:var(--accent);
}
.sk-down-list li .ico .dl::after{
  content:"";position:absolute;left:1px;top:-6px;width:6px;height:6px;
  border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(45deg);
}
.sk-down-list li .txt{flex:1;min-width:0;}
.sk-down-list li .txt h3{font-family:var(--serif);font-size:19px;color:#333;margin-bottom:6px;}
.sk-down-list li:hover .txt h3{color:var(--accent);}
.sk-down-list li .txt p{font-size:14px;color:#888;line-height:1.8;}
.sk-down-list li .meta{flex:0 0 auto;text-align:right;}
.sk-down-list li .meta .date{
  display:block;font-size:13px;color:#aaa;margin-bottom:10px;font-family:var(--sans);
}
.sk-down-btn{margin-top:34px;text-align:center;}

/* ---------------- 分页 ---------------- */
.sk-pages{text-align:center;margin-top:50px;font-family:var(--sans);font-size:14px;}
.sk-pages a,.sk-pages > span{
  display:inline-block;min-width:36px;height:36px;line-height:34px;padding:0 10px;
  margin:0 4px 8px;border:1px solid var(--line);color:#666;
}
.sk-pages a:hover{border-color:var(--accent);color:var(--accent);}
.sk-pages .page-numbar a.cur,
.sk-pages .page-numbar a.on,
.sk-pages .cur{border-color:var(--accent);background:var(--accent);color:#fff;}
.sk-pages .page-status{border:0;color:#999;padding:0 12px;}
.sk-pages .page-none{border:0;color:#999;}
.sk-empty-tip{text-align:center;color:#999;padding:70px 0;font-size:15px;}

/* ---------------- 搜索框 ---------------- */
.sk-search{max-width:620px;margin:0 auto 46px;display:flex;}
.sk-search input[type=text]{
  flex:1;height:48px;border:1px solid var(--line);border-right:0;
  padding:0 18px;font-size:15px;outline:none;font-family:var(--sans);color:#444;
}
.sk-search input[type=text]:focus{border-color:var(--accent);}
.sk-search button{
  width:120px;height:48px;border:0;background:var(--accent);color:#fff;
  font-size:15px;cursor:pointer;font-family:var(--sans);
}
.sk-search button:hover{background:var(--accent-dark);}

/* ---------------- 联系我们（对齐案例站：橙底 + 白色表单卡 + 橙底信息块） ---------------- */
.sk-contact-bg{background:var(--accent);padding:56px 0 0;}
.sk-contact-bg .container{max-width:1320px;}
.sk-form-card{max-width:680px;margin:0 auto;background:#fff;padding:38px 44px 44px;
  box-shadow:0 10px 40px rgba(0,0,0,.10);}
.sk-form-card h2{
  font-family:var(--serif);font-size:36px;color:#555;text-align:center;
  margin:0 0 8px;font-weight:400;
}
.sk-form-card .sk-form-tip{font-size:20px;color:#666;text-align:center;margin:0 0 26px;font-family:var(--sans);}
.sk-form-card .sk-form label{display:none;}
.sk-form-card .sk-form input[type=text],
.sk-form-card .sk-form textarea{border:1px solid #e3e3e3;background:#fff;padding:14px 16px;font-size:14px;}
.sk-form-card .sk-form .sk-btn{
  margin-top:6px;background:#d9c07a;color:#fff;border:0;
  padding:13px 34px;font-size:14px;font-family:var(--sans);cursor:pointer;
}
.sk-form-card .sk-form .sk-btn:hover{background:#c9ad63;color:#fff;}
.sk-contact-wrap{padding:60px 0 70px;}
.sk-contact{display:block;margin:0;}
.sk-contact .c-item{
  display:flex;flex-wrap:wrap;align-items:center;gap:22px;
  padding:0;margin:0 0 34px;border:0;background:none;text-align:left;
}
.sk-contact .c-item h4{
  flex:0 0 100%;width:100%;
  font-family:var(--sans);font-size:20px;font-weight:400;color:#fff;
  letter-spacing:1px;margin:0 0 16px;padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.7);text-transform:uppercase;
}
.sk-contact .c-item img{
  width:52px;height:52px;margin:0;flex:none;padding:13px;box-sizing:border-box;
  background:rgba(255,255,255,.28);border-radius:50%;
  filter:brightness(0) invert(1);
}
.sk-contact .c-item p{font-size:14px;color:#fff;line-height:1.9;margin:0;}
.sk-form-wrap{max-width:860px;margin:60px auto 0;}
.sk-title.left{text-align:left;margin-bottom:10px;}
.sk-title.left .bar{margin:16px 0 0;}
.sk-form-tip{font-size:14px;color:#888;margin-bottom:30px;}
.sk-form .row{display:flex;gap:20px;margin-bottom:20px;}
.sk-form .col{flex:1;min-width:0;}
.sk-form label{display:block;font-size:14px;color:#666;margin-bottom:8px;font-family:var(--sans);}
.sk-form label em{color:var(--accent);font-style:normal;}
.sk-form input[type=text],
.sk-form textarea{
  width:100%;border:1px solid var(--line);padding:12px 14px;
  font-size:15px;font-family:var(--sans);color:#444;outline:none;
  background:#fff;transition:border-color .3s;
}
.sk-form textarea{resize:vertical;line-height:1.8;}
.sk-form input[type=text]:focus,
.sk-form textarea:focus{border-color:var(--accent);}
.sk-form .sk-code{display:flex;gap:12px;align-items:center;}
.sk-form .sk-code input{flex:1;}
.sk-form .sk-code img{height:44px;width:auto;cursor:pointer;border:1px solid var(--line);}
.sk-form .sk-btn{margin-top:10px;cursor:pointer;}
.sk-btn.solid{background:var(--accent);color:#fff;}
.sk-btn.solid:hover{background:var(--accent-dark);color:#fff;}
.sk-btn.sm{padding:8px 22px;font-size:14px;}
.sk-btn.disabled{color:#bbb;border-color:#e5e5e5;cursor:not-allowed;}
.sk-btn.disabled:hover{background:none;color:#bbb;}

/* ---------------- 页脚 ---------------- */
.sk-footer{background:var(--accent);color:#fff;margin-top:0;padding:46px 0 40px;text-align:center;}
.sk-footer .ft-logo{width:202px;height:35px;display:inline-block;}
.sk-footer .ft-social{margin-top:14px;}
.sk-footer .ft-social img{width:230px;height:56px;display:inline-block;}
/* 可选：页脚补充信息（默认注释掉，见 comm/foot.html） */
.sk-footer .ft-extra{margin-top:22px;}
.sk-footer .ft-links{font-family:"微软雅黑",var(--sans);font-size:14px;margin-bottom:12px;}
.sk-footer .ft-links a{color:#fff;margin:0 12px;}
.sk-footer .ft-links a:hover{color:#000;}
.sk-footer .ft-info{font-family:"微软雅黑",var(--sans);font-size:12px;line-height:2;opacity:.95;}
.sk-footer .ft-info a{color:#fff;}
.ft-copy{
  background:#fff;text-align:center;font-family:"微软雅黑",var(--sans);
  font-size:12px;color:#666;padding:12px 0;line-height:1.9;
}
.ft-copy a{color:#666;text-decoration:none;}
.ft-copy a:hover{color:var(--accent);}
.ft-copy .ft-tech{margin-top:2px;}

/* ---------------- 面包屑 ---------------- */
.sk-crumb{
  font-family:var(--sans);font-size:13px;color:#999;
  padding:18px 0;border-bottom:1px solid var(--line);
}
.sk-crumb a:hover{color:var(--accent);}

/* ---------------- 搜索 ---------------- */
.sk-search-box{max-width:560px;margin:0 auto 40px;display:flex;}
.sk-search-box input[type=text]{
  flex:1;height:46px;border:1px solid var(--line);border-right:0;
  padding:0 16px;font-size:14px;outline:none;font-family:var(--sans);
}
.sk-search-box button{
  width:110px;height:46px;border:0;background:var(--accent);color:#fff;
  font-size:15px;cursor:pointer;font-family:var(--sans);
}
.sk-search-box button:hover{background:var(--accent-dark);}

/* ---------------- 右侧悬浮快捷栏（对齐案例站 .customer-service） ---------------- */
.sk-side{
  position:fixed;right:0;top:50%;transform:translateY(-50%);
  z-index:800;background:#fff;border-radius:8px 0 0 8px;
  box-shadow:0 6px 24px rgba(0,0,0,.14);
  display:flex;flex-direction:column;overflow:visible;
}
.sk-side .sd-item{
  position:relative;width:65px;height:65px;
  display:flex;align-items:center;justify-content:center;
  color:#555;transition:color .25s;
}
.sk-side .sd-item + .sd-item{border-top:1px solid #f2f2f2;}
.sk-side .sd-item:hover{color:var(--accent);}
.sk-side .sd-ico{display:flex;align-items:center;justify-content:center;line-height:0;}
.sk-side .sd-tip{
  position:absolute;right:100%;top:50%;transform:translateY(-50%);
  background:var(--accent);color:#fff;font-family:var(--sans);
  font-size:13px;line-height:1;padding:9px 13px;white-space:nowrap;
  border-radius:4px 0 0 4px;opacity:0;visibility:hidden;
  transition:opacity .25s,visibility .25s;pointer-events:none;
}
.sk-side .sd-item:hover .sd-tip{opacity:1;visibility:visible;}
.sk-side .sd-top{display:none;}
.sk-side .sd-top.on{display:flex;}

/* ---------------- 新闻列表：交错图文 + 橙色日期方块（对齐案例站） ---------------- */
.sk-nz{margin-top:26px;}
.sk-nz .nz-item{
  display:flex;align-items:center;gap:56px;margin-bottom:52px;
}
.sk-nz .nz-item:nth-child(even){flex-direction:row-reverse;}
.sk-nz .nz-txt{flex:1;min-width:0;}
.sk-nz .nz-pic{flex:1;min-width:0;position:relative;display:block;}
.sk-nz .nz-pic img{width:100%;display:block;}
.sk-nz .nz-txt h3{
  font:700 16px/1.5 "微软雅黑",var(--sans);color:#333;margin:0 0 16px;
}
.sk-nz .nz-txt h3 a{color:#333;}
.sk-nz .nz-txt h3 a:hover{color:var(--accent);}
.sk-nz .nz-txt p{
  font:14px/1.95 "微软雅黑",var(--sans);color:#7a7a7a;margin:0;
}
.sk-nz .nz-date{
  position:absolute;right:0;top:38px;width:76px;height:76px;
  background:var(--accent);color:#fff;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
/* 案例站规律：日期块贴在「图片靠正文一侧」的边缘——图在右（奇数条）时贴左边缘 */
.sk-nz .nz-item:nth-child(odd) .nz-date{left:0;right:auto;}
.sk-nz .nz-date b{font:700 26px/1 Arial,"微软雅黑",sans-serif;display:block;}
.sk-nz .nz-date i{font:12px/1.6 Arial,"微软雅黑",sans-serif;font-style:normal;display:block;}

/* ---------------- 图集卡片（案例详情 / 新闻内页图集用） ---------------- */
.sk-proj .sk-proj-card{
  position:relative;overflow:hidden;display:block;
  aspect-ratio:3/2;background:#f2f2f2;
}
.sk-proj .sk-proj-card img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s ease;}
.sk-proj .sk-proj-card:hover img{transform:scale(1.05);}
.sk-proj .sk-proj-card .mask{
  position:absolute;left:0;right:0;bottom:0;top:0;
  background:rgba(204,204,204,.38);display:flex;align-items:center;justify-content:center;
  opacity:0;transition:.35s;
}
.sk-proj .sk-proj-card:hover .mask{opacity:1;}
.sk-proj .sk-proj-card .mask span{
  font:16px/1.6 var(--sans);color:#f3f3f3;text-align:center;padding:0 12px;
}

/* ---------------- 工程案例列表卡片：图 + 标题 + 简介（参考 tbw88.com/case） ---------------- */
.sk-proj .sk-proj-item{
  display:block;overflow:hidden;background:#f6f6f6;
  transition:box-shadow .35s ease;
}
.sk-proj .sk-proj-item:hover{box-shadow:0 12px 30px rgba(0,0,0,.10);}
.sk-proj .sk-proj-item .pc-thumb{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:3/2;background:#ececec;
}
.sk-proj .sk-proj-item .pc-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s ease;
}
.sk-proj .sk-proj-item:hover .pc-thumb img{transform:scale(1.06);}
.sk-proj .sk-proj-item .pc-view{
  position:absolute;left:0;top:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.42);opacity:0;transition:opacity .35s ease;
}
.sk-proj .sk-proj-item:hover .pc-view{opacity:1;}
.sk-proj .sk-proj-item .pc-view span{
  color:#fff;font-family:var(--sans);font-size:14px;
  letter-spacing:2px;text-transform:uppercase;text-align:center;
}
.sk-proj .sk-proj-item .pc-view span::before,
.sk-proj .sk-proj-item .pc-view span::after{
  content:"";display:block;height:1px;width:24px;background:#fff;margin:8px auto;
}
.sk-proj .sk-proj-item .pc-text{padding:16px 20px 20px;}
.sk-proj .sk-proj-item .pc-text h3{
  font-family:var(--serif);font-size:18px;font-weight:400;color:#303030;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .25s ease;
}
.sk-proj .sk-proj-item:hover .pc-text h3{color:var(--accent);}
.sk-proj .sk-proj-item .pc-text p{
  font-family:var(--sans);font-size:13.5px;line-height:1.7;color:#8a8a8a;
  border-top:1px solid #e3e3e3;margin-top:10px;padding-top:10px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:46px;
}

/* ---------------- 合作伙伴 / To be continued ---------------- */
.sk-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 40px;align-items:center;}
.sk-partners .p-item img{width:100%;display:block;}
.sk-continued{
  text-align:center;font:14px/1.8 var(--sans);color:#999;margin:46px 0 10px;
}

/* ---------------- 响应式 ---------------- */
@media (max-width:1200px){
  .sk-grid.cols-4,.sk-skus{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .sk-nz .nz-item,.sk-nz .nz-item:nth-child(even){flex-direction:column;gap:20px;}
  .sk-partners{grid-template-columns:repeat(2,1fr);}
  .sk-header .inner{height:auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 15px;}
  .sk-search-ico{position:static;}
  .sk-search-ico input{display:none;}
  .sk-search-ico button{border-left:0;}
  .sk-side{display:none;}
  .sk-toggle{display:block;}
  .sk-nav{
    display:none;flex-direction:column;width:100%;gap:0;margin-top:8px;
    border-top:1px solid var(--line);
  }
  .sk-nav.open{display:flex;}
  .sk-nav > li{width:100%;}
  .sk-nav > li > a{height:auto;line-height:1.6;padding:12px 6px;min-width:0;text-align:left;}
  .sk-nav .sub{position:static;transform:none;box-shadow:none;border-top:0;
    background:#fafafa;display:block;padding:0;}
  .sk-nav .sub a{text-align:left;padding:8px 26px;}
  .sk-grid.cols-4,.sk-grid.cols-3,.sk-skus{grid-template-columns:repeat(2,1fr);}
  .sk-news-list .item{flex-direction:column;}
  .sk-news-list .item .thumb{width:100%;flex:none;}
  .sk-pagebanner .pb-inner{height:320px;}
  .sk-banner .slides{aspect-ratio:16/9;max-height:none;}
  .sk-pagebanner h1{font-size:32px;}
  .sk-title h2{font-size:30px;}
  .sk-feature{flex-direction:column;gap:30px;}
  .sk-feature.reverse{flex-direction:column;}
  .sk-feature-slider{flex:1 1 auto;width:100%;}
  .sk-feature-slider .fs-track{min-height:300px;}
  .sk-feature-hero{min-height:300px;}
  .sk-feature-hero h2{font-size:24px;}
  .sk-form .row{flex-direction:column;gap:20px;}
  .sk-down-list li{flex-wrap:wrap;}
  .sk-down-list li .meta{text-align:left;}
  .sk-contact .c-item{flex:1 1 100%;}
}
@media (max-width:560px){
  .sk-grid.cols-4,.sk-grid.cols-3,.sk-grid.cols-2,.sk-skus{grid-template-columns:1fr 1fr;gap:14px;}
  .sk-section{padding:40px 0;}
  .sk-search{flex-direction:column;gap:10px;}
  .sk-search button{width:100%;}
  .sk-search input[type=text]{border-right:1px solid var(--line);}
}