@charset "UTF-8";
/* 科胜 单页/单频道补充样式 · 源块 ef1ecc5f · 1 页引用 */
.ks-check{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:980px;margin:0 auto}
.ks-check a{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 15px;align-items:flex-start}
.ks-check a::before{content:"\2713";flex:0 0 22px;height:22px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.ks-check b{display:block;font-size:14.5px}
.ks-check p{font-size:13px;color:var(--text-light)}
.ks-read{max-width:900px;margin:0 auto}
.ks-read details.item{border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:12px;background:#fff}
.ks-read summary{background:var(--primary);color:#fff;font-weight:700;font-size:14.5px;padding:11px 16px;cursor:pointer;list-style:none}
.ks-read summary::-webkit-details-marker{display:none}
.ks-read summary::before{content:"+ ";font-weight:800}
.ks-read details[open] summary::before{content:"− "}
.ks-read .a{padding:12px 16px;font-size:14px;color:var(--text-light)}
.ks-tl{position:relative;max-height:400px;overflow-y:auto;padding-left:26px}
.ks-tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line)}
.ks-tl .t{position:relative;padding:0 0 18px}
.ks-tl .t::before{content:"";position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 2px var(--primary)}
.ks-tl .t b{display:block;font-size:14.5px}
.ks-tl .t p{font-size:13px;color:var(--text-light)}
.ks-kb{max-height:360px;overflow-y:auto}
.ks-kb a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px dotted var(--line);font-size:14px;color:var(--text)}
.ks-kb a:hover{color:var(--primary)}
.ks-kb .cat{flex:0 0 auto;color:var(--primary);font-size:12px;border:1px solid var(--primary);border-radius:3px;padding:1px 8px;white-space:nowrap}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}

/* --- 实拍图（勿删） --- */
.thumb{position:relative;overflow:hidden}
.thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
figure.shot{margin:0 0 20px}
figure.shot img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--line)}
figure.shot figcaption{font-size:12px;color:var(--text-light);margin-top:6px;line-height:1.6}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}

.gallery figure{margin:0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
.gallery figcaption{font-size:12px;color:var(--text-light);margin-top:5px;line-height:1.6}

/* 磨具选砂参考：定高滚动区，右侧滚动条常显 */
.ks-kb{max-height:330px;overflow-y:auto;padding-right:14px}
.ks-kb::-webkit-scrollbar{width:10px}
.ks-kb::-webkit-scrollbar-track{background:#e8f0f8;border-radius:5px}
.ks-kb::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}
.ks-kb::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}

/* ---- 首页大屏：左右分栏 + 真实车间实拍 + 深色数据条 ---- */
.ks-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(90,170,205,.28),transparent 46%),linear-gradient(120deg,#14384d 0%,#20607e 52%,#2e6e8e 100%);padding:66px 0 0}
.ks-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.ks-hero .container{position:relative;z-index:1}
.ks-hero-in{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;padding-bottom:52px}
.ks-hero-kicker{display:inline-block;margin:0 0 20px;padding-left:13px;border-left:3px solid #7fd0e8;font-size:13px;letter-spacing:.6px;color:#cfe6f2}
.ks-hero h1{font-size:38px;line-height:1.34;font-weight:700;letter-spacing:.5px;margin:0 0 14px;color:#fff}
.ks-hero-sub{font-size:21px;font-weight:500;color:#dcecf4;margin:0 0 16px}
.ks-hero-lead{font-size:15px;line-height:1.9;color:#c3dbe8;max-width:560px;margin:0 0 26px}
.ks-hero-act{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.ks-hero-act .btn{padding:13px 30px}
.ks-hero-act .btn-line{margin-left:0}
.ks-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.ks-hero-links span{color:#8fb6c9;margin-right:4px}
.ks-hero-links a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);border-radius:3px;padding:7px 12px;background:rgba(255,255,255,.06)}
.ks-hero-links a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.ks-hero-visual{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 46px rgba(6,26,40,.38);aspect-ratio:4/3;background:#0e2c3e}
.ks-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04)}
.ks-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(9,32,46,.58) 100%);pointer-events:none}
.ks-hero-tag{position:absolute;left:0;bottom:0;z-index:1;font-size:12px;color:#eaf5fa;padding:10px 14px;letter-spacing:.3px}