/* 卡奈尔家纺 - 主样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#3a2e24;background:#faf7f2;line-height:1.7;font-size:15px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;border:0}
ul,ol{list-style:none}

.kn-topbar{background:#3a2e24;color:#d9c9b5;font-size:12px;padding:6px 0}
.kn-topbar .kn-wrap{display:flex;justify-content:space-between;align-items:center}
.kn-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

.kn-header{background:#fff;box-shadow:0 2px 12px rgba(107,68,35,.08);position:sticky;top:0;z-index:100}
.kn-nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.kn-logo img{height:48px;width:auto}
.kn-menu{display:flex;gap:36px}
.kn-menu a{font-size:15px;color:#3a2e24;font-weight:500;padding:8px 0;position:relative;transition:color .2s}
.kn-menu a:hover,.kn-menu a.kn-on{color:#6b4423}
.kn-menu a.kn-on:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:#6b4423}
.kn-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.kn-burger span{width:24px;height:2px;background:#3a2e23;display:block}

.kn-banner{position:relative;overflow:hidden;height:520px}
.kn-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.kn-slide.kn-act{opacity:1}
.kn-slide img{width:100%;height:100%;object-fit:cover}
.kn-slide .kn-cap{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:#fff;max-width:480px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.kn-slide .kn-cap h2{font-size:42px;font-weight:600;margin-bottom:16px;line-height:1.3}
.kn-slide .kn-cap p{font-size:16px;opacity:.92;margin-bottom:24px}
.kn-btn{display:inline-block;padding:12px 36px;background:#6b4423;color:#fff;font-size:14px;letter-spacing:2px;transition:background .2s}
.kn-btn:hover{background:#543317}
.kn-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.kn-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.kn-dots i.kn-act{background:#fff}

.kn-sec{padding:64px 0}
.kn-sec-t{text-align:center;margin-bottom:40px}
.kn-sec-t h3{font-size:28px;color:#3a2e24;font-weight:600;letter-spacing:4px}
.kn-sec-t p{color:#9a8a78;font-size:13px;margin-top:8px;letter-spacing:2px}

.kn-cat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kn-cat a{background:#fff;padding:30px 20px;text-align:center;transition:transform .2s,box-shadow .2s}
.kn-cat a:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(107,68,35,.12)}
.kn-cat img{width:100%;height:180px;object-fit:cover;margin-bottom:14px}
.kn-cat h4{font-size:16px;color:#3a2e24;margin-bottom:4px}
.kn-cat span{font-size:12px;color:#9a8a78}

.kn-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.kn-card{background:#fff;overflow:hidden;transition:box-shadow .2s}
.kn-card:hover{box-shadow:0 8px 28px rgba(107,68,35,.14)}
.kn-card .kn-img{height:220px;overflow:hidden}
.kn-card .kn-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.kn-card:hover .kn-img img{transform:scale(1.06)}
.kn-card .kn-info{padding:18px}
.kn-card h4{font-size:16px;color:#3a2e24;margin-bottom:6px}
.kn-card p{font-size:13px;color:#9a8a78;line-height:1.5}

.kn-adv{background:#3a2e24;color:#d9c9b5;padding:48px 0}
.kn-adv .kn-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.kn-adv h5{color:#fff;font-size:16px;margin:12px 0 6px;letter-spacing:1px}
.kn-adv p{font-size:12px;opacity:.75}
.kn-adv .kn-ic{width:48px;height:48px;margin:0 auto;border:1px solid #a67b4e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#c9a876}

.kn-news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kn-ncard{background:#fff;transition:transform .2s}
.kn-ncard:hover{transform:translateY(-3px)}
.kn-ncard img{width:100%;height:180px;object-fit:cover}
.kn-ncard .kn-ninfo{padding:18px}
.kn-ncard .kn-date{font-size:12px;color:#b0a090;margin-bottom:8px}
.kn-ncard h4{font-size:15px;color:#3a2e24;line-height:1.5;margin-bottom:8px}
.kn-ncard p{font-size:13px;color:#8a7a68;line-height:1.6}

.kn-about-sec{background:#fff;padding:64px 0}
.kn-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.kn-about-grid img{width:100%;height:340px;object-fit:cover}
.kn-about-grid h3{font-size:26px;color:#3a2e24;margin-bottom:18px}
.kn-about-grid p{color:#6a5a48;font-size:14px;margin-bottom:12px;text-indent:2em}

.kn-foot{background:#2a1f16;color:#9a8a78;padding:50px 0 20px;font-size:13px}
.kn-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:30px}
.kn-foot h5{color:#d9c9b5;font-size:15px;margin-bottom:16px;letter-spacing:1px}
.kn-foot a{display:block;padding:4px 0;color:#9a8a78;transition:color .2s}
.kn-foot a:hover{color:#fff}
.kn-foot-b{border-top:1px solid #3a2e24;padding-top:18px;text-align:center;font-size:12px;opacity:.7}

.kn-pg{padding:40px 0 60px;background:#fff;min-height:60vh}
.kn-pg h1{font-size:30px;color:#3a2e24;text-align:center;margin-bottom:10px;letter-spacing:2px}
.kn-crumb{text-align:center;font-size:12px;color:#9a8a78;margin-bottom:40px}
.kn-crumb a{color:#9a8a78}
.kn-crumb a:hover{color:#6b4423}

.kn-pd-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.kn-pd-detail img{width:100%;height:440px;object-fit:cover;background:#f5f0e8}
.kn-pd-info h2{font-size:26px;color:#3a2e24;margin-bottom:16px}
.kn-pd-info .kn-desc{color:#6a5a48;font-size:14px;margin-bottom:24px;line-height:1.9}
.kn-spec{width:100%;border-collapse:collapse;margin-bottom:24px}
.kn-spec td{padding:10px 14px;border:1px solid #e8ddd0;font-size:13px}
.kn-spec td:first-child{background:#faf7f2;color:#6b4423;width:120px;font-weight:500}

.kn-art{max-width:820px;margin:0 auto}
.kn-art img{width:100%;height:380px;object-fit:cover;margin-bottom:28px}
.kn-art .kn-meta{font-size:12px;color:#9a8a78;margin-bottom:20px}
.kn-art p{color:#4a3e30;font-size:15px;line-height:2;margin-bottom:18px;text-indent:2em}
.kn-art h3{font-size:18px;color:#3a2e24;margin:24px 0 12px}

.kn-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kn-list .kn-ncard{display:flex;flex-direction:column}

.kn-404{text-align:center;padding:80px 20px}
.kn-404 h1{font-size:120px;color:#6b4423;line-height:1;margin-bottom:10px}
.kn-404 h2{font-size:22px;color:#3a2e24;margin-bottom:16px}
.kn-404 p{color:#9a8a78;margin-bottom:28px}

.kn-contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.kn-contact .kn-box{background:#faf7f2;padding:30px}
.kn-contact h4{font-size:16px;color:#3a2e24;margin-bottom:14px}
.kn-contact p{font-size:14px;color:#6a5a48;padding:6px 0}

@media(max-width:768px){
    .kn-menu{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 20px;border-top:1px solid #eee}
    .kn-menu.kn-open{display:flex}
    .kn-menu a{padding:14px 0;border-bottom:1px solid #f0e8dc}
    .kn-burger{display:flex}
    .kn-banner{height:320px}
    .kn-slide .kn-cap h2{font-size:26px}
    .kn-slide .kn-cap p{font-size:14px}
    .kn-cat,.kn-prod{grid-template-columns:repeat(2,1fr);gap:14px}
    .kn-adv .kn-wrap{grid-template-columns:repeat(2,1fr);gap:24px}
    .kn-news,.kn-list{grid-template-columns:1fr}
    .kn-about-grid,.kn-pd-detail,.kn-contact{grid-template-columns:1fr;gap:30px}
    .kn-foot-grid{grid-template-columns:1fr 1fr;gap:24px}
    .kn-sec{padding:40px 0}
    .kn-card .kn-img{height:180px}
    .kn-pd-detail img{height:280px}
}