/* ═══ KCK.Fabric 全站公共样式（自 layout.html 内联代码提取） ═══ */
/* ═══ 设计 Token（2026-08-25 统一引入；颜色 / 圆角 / 动效，全站统一从此取）═══ */:root{--kck-accent: #f7931e; /* 品牌橙（CTA / 徽章） */--kck-accent-dark: #e07b0a; /* 橙 深（hover） */--kck-accent-soft: rgba(247,147,30,.12);--kck-text: #1f2330;--kck-muted: #7a7f8c;--kck-line: #e9edf3;--kck-bg-soft: #f7f9fc;--kck-fav: #e57373; /* 收藏心形色 */--kck-fav-bg: rgba(229,115,115,.1);--kck-shadow-sm: 0 1px 2px rgba(20,25,40,.06), 0 1px 3px rgba(20,25,40,.04);--kck-shadow-md: 0 4px 12px rgba(20,25,40,.08), 0 2px 4px rgba(20,25,40,.04);--kck-ease: cubic-bezier(.22,.61,.36,1);--kck-dur: 180ms;
/* ── 间距 scale（4px 基准，2026-08-25 扩展） ── */--kck-space-1: 4px;--kck-space-2: 8px;--kck-space-3: 12px;--kck-space-4: 16px;--kck-space-5: 24px;--kck-space-6: 32px;--kck-space-7: 48px;
/* ── 字号（2026-08-25 扩展） ── */--kck-fs-xs: 11px;--kck-fs-sm: 13px;--kck-fs-md: 15px;--kck-fs-lg: 18px;--kck-fs-xl: 24px;--kck-fs-2xl: 32px;
/* ── 圆角（2026-08-25 扩展） ── */--kck-radius-sm: 4px;--kck-radius-md: 8px;--kck-radius-lg: 12px;--kck-radius-pill: 999px;
/* ── 字重 ── */--kck-fw-medium: 500;--kck-fw-semibold: 600;--kck-fw-bold: 700}
/* 主题切换基础设施：换一组变量即可整站换肤（[data-theme] 挂 上） */[data-theme=dark]{--kck-text: #eef0f6;--kck-muted: #a7adbc;--kck-line: #2b3248;--kck-bg-soft: #1b2249}
/* ── 工具类（OOCSS 复用层，2026-08-25）：组合进 HTML class 即可复用，避免重复声明 ── */
/* 卡片浮起（任意卡片容器 hover 通用） */.kck-elevate{transition:transform var(--kck-dur) var(--kck-ease),box-shadow var(--kck-dur) var(--kck-ease)}.kck-elevate:hover{transform:translateY(-4px);box-shadow:var(--kck-shadow-md)}
/* 主图 zoom（配合 overflow:hidden 容器） */.kck-zoom-img{transition:transform .55s var(--kck-ease);will-change:transform}.kck-elevate:hover .kck-zoom-img,.kck-zoom:hover .kck-zoom-img{transform:scale(1.06)}
/* 文本截断（1 行 / 2 行） */.kck-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kck-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 胶囊标签 */.kck-chip{display:inline-flex;align-items:center;gap:var(--kck-space-1);padding:3px 10px;border-radius:var(--kck-radius-pill);background:var(--kck-bg-soft);color:var(--kck-muted);font-size:var(--kck-fs-xs);font-weight:var(--kck-fw-medium);line-height:1.5}
/* ---- layout 内联块 #1 ---- */
/* ═══ KCK.Fabric 品牌按钮统一：Bootstrap 默认 .btn-primary 蓝 → 品牌橙 #F7931E
（contact/login/register 表单按钮均用 .btn-primary，cicigi bootstrap 默认蓝需覆盖） ═══ */.btn-primary{background-color:#f7931e;border-color:#f7931e;color:#fff;font-weight:600;letter-spacing:.04em}.btn-primary:focus,.btn-primary:hover{background-color:#e07b0a;border-color:#e07b0a;color:#fff}.btn-primary:disabled{background-color:#f0b27a;border-color:#f0b27a;cursor:not-allowed}
/* ═══ Logo 尺寸规范：真实 logo 1084×300，模板原始 logo 为 78×28 小图
不加约束会按 1084px 原尺寸铺开（实测 763×211）撑破 header。
统一约束显示高度（宽高比自动保持），与模板视觉比例一致 ═══ */.header .header-logo img,.header .header-logo img.logo{max-height:40px;width:auto}.footer .footer-logo img{max-height:36px;width:auto}@media (max-width:991px){.header .header-logo img,.header .header-logo img.logo{max-height:36px;width:auto}.header .header-mobile{min-height:60px!important;height:60px!important}.header .header-mobile .menu-bar{width:22px;height:30px}.header .header-mobile .menu-bar span{width:22px;height:2px}.header .header-mobile-left a,.header .header-mobile-right a{margin:0 4px}}
/* ═══ 移动端 header 紧凑化（≤991px）：80px → 60px，logo 24px，三栏图标间距统一 12px ═══ */
/* ═══ Cicigi Header 断点保护：桌面显式隐藏移动端三栏，移动端隐藏桌面菜单 ═══ */@media (min-width:992px){.header .header-mobile{display:none!important}.header .header-middle{display:table!important}}@media (max-width:991px){.header .header-middle{display:none!important}.header .header-mobile{display:table!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99!important;background-color:#fff!important;box-shadow:0 3px 10px rgba(0,0,0,.05)!important;/* 移动端导航栏左右间距：避免汉堡/logo/账户图标贴边（模板原始无左右 padding） *//* 紧凑化：header 高度 60px（去掉模板默认 padding-top/bottom 各 15px 撑到 80） */padding:0 15px!important;height:60px!important;min-height:60px!important}body{padding-top:60px!important}}
/* ═══ 移动端导航吸顶：≤991px 时 header-mobile fixed 顶部（白底，深色图标天然可见）
移动端 header 本来就白底占位 80px（hero 从 80px 开始），fixed + body padding-top 补偿无缝衔接；
抽屉 .cicigi-menu-clone-wrap z-index 100000 > 99，打开时正常覆盖 header ═══ */
/* ═══ Hero 轮播修复：slick slider 用 flex + opacity 控制可见性；高度自适应（模板 660/440/320） ═══ */.slide-home-01{position:relative;overflow:hidden}.slide-home-01,.slide-home-01 .slick-list{width:100%!important;min-height:660px!important}.slide-home-01 .slick-list{overflow:hidden!important;position:relative!important}.slide-home-01 .slick-track{display:flex!important;min-height:660px!important;left:0!important}.slide-home-01 .slick-slide{flex:0 0 100vw!important;min-height:660px!important;display:block!important;position:relative!important}.slide-home-01 .slide-wrap{position:relative;width:100%!important;min-height:660px!important;overflow:hidden}.slide-home-01 .slide-wrap img{inset:0!important;height:100%!important;max-width:none!important;object-fit:cover!important}.slide-home-01 .slide-info,.slide-home-01 .slide-wrap img{position:absolute!important;width:100%!important;display:block!important}.slide-home-01 .slide-info{top:50%!important;left:0!important;right:0!important;z-index:10!important;pointer-events:none;transform:translateY(-50%)!important;animation:none!important}.slide-home-01 .slide-info .container{max-width:1280px!important;margin:0 auto!important;padding:0 20px!important;pointer-events:auto;transform:none!important;animation:none!important}.slide-home-01 .slide-info a{pointer-events:auto}.slide-home-01 .slide-inner{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);max-width:620px;padding:0;transform:none!important;animation:none!important}
/* 自适应高度：≥1200px 全屏 100vh（用户要求 PC 端全屏），≤1199px 440px，≤767px 320px */@media (min-width:1200px){.slide-home-01,.slide-home-01 .slick-list,.slide-home-01 .slick-slide,.slide-home-01 .slick-track,.slide-home-01 .slide-wrap{min-height:100vh!important}}@media (max-width:1199px){.slide-home-01,.slide-home-01 .slick-list,.slide-home-01 .slick-slide,.slide-home-01 .slick-track,.slide-home-01 .slide-wrap{min-height:440px!important}}@media (max-width:767px){.slide-home-01,.slide-home-01 .slick-list,.slide-home-01 .slick-slide,.slide-home-01 .slick-track,.slide-home-01 .slide-wrap{min-height:320px!important}}
/* ---- layout 内联块 #2 ---- */
/* ═══ 移动端抽屉菜单紧凑化（≤991px）：菜单项 padding 12px 20px + 标题 13px 间距统一 ═══ */@media (max-width:991px){.cicigi-menu-clone-wrap .cicigi-menu-panel>ul>li{padding:12px 20px!important}.cicigi-menu-clone-wrap .cicigi-menu-panels-actions-wrap{height:48px!important;line-height:48px!important}.cicigi-menu-clone-wrap .cicigi-menu-panels-actions-wrap .cicigi-menu-current-panel-title{font-size:13px!important;padding:0 20px!important;letter-spacing:.04em}.cicigi-menu-clone-wrap .cicigi-menu-panel li>a{font-size:15px!important;line-height:1.4!important}}
/* ---- layout 内联块 #3 ---- */
/* ═══ 产品/博客列表图片统一尺寸：原图比例不同（横版/方图）会导致卡片高低不齐，
object-fit: cover + 固定高度强制统一，超出部分裁切 ═══ */.post-item .post-thumb img,.product-item .product-thumb a img,.product-item .product-thumb img,.product-item .thumb-link img{width:100%;height:260px;object-fit:cover;display:block}@media (max-width:767px){.post-item .post-thumb img,.product-item .product-thumb img,.product-item .thumb-link img{height:220px}}
/* ---- layout 内联块 #4 ---- */
/* ═══ 首页 Latest News（blog-grid 结构）博客卡图片统一：与博客列表同规格 ═══ */.blog-grid .post-thumb img,.post-inner .post-thumb img{width:100%;height:260px;object-fit:cover;display:block}
/* ---- layout 内联块 #5 ---- */
/* ═══ 详情页 hero 统一画幅：博客主图 16:9、产品主图 4:3，object-fit cover 防比例不一 ═══ */.kck-blog-detail .single-post-thumb .post-thumb img,.post-item.post-single .post-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cicigi-product-gallery__image img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
/* ═══ 视频/iframe 元素 100% 宽度（未来插入视频自动适配容器） ═══ */iframe,video{max-width:100%}.video-wrapper .video-img img{width:100%;object-fit:cover}
/* ---- layout 内联块 #6 ---- */
/* ═══ 移动端图片紧凑：覆盖 260px（防止顺序覆盖），≤767px 一律 220px ═══ */@media (max-width:767px){.blog-grid .post-thumb img,.post-inner .post-thumb img,.post-item .post-thumb img,.product-item .product-thumb img,.product-item .thumb-link img{height:220px!important}}
/* ---- layout 内联块 #7 ---- */
/* ═══ about 团队卡图片统一（team-img 高度固定 + cover） ═══ */.about-team img,.team-img img{width:100%;height:280px;object-fit:cover;display:block}
/* ---- layout 内联块 #8 ---- */
/* ═══ Hero ken burns 微动效：active slide 图片 6s 缓慢放大（淡入+慢推，视觉更生动） ═══ */.slide-home-01 .slide-wrap img{transition:transform 6s ease-out!important}
/* ---- layout 内联块 #9 ---- */
/* ═══ Hero ken burns 修正：slick 把 .slide-wrap 自身加 slick-active（.slide-wrap.slick-active），
选择器必须是"同级"而非"后代" ═══ */.slide-home-01 .slick-active .slide-wrap img,.slide-home-01 .slide-wrap.slick-active img{transform:scale(1.06)}
/* ---- layout 内联块 #10 ---- */
/* ═══ Hero 未初始化兜底（修正版）：first-child 只在未初始化时生效（:not(.slick-initialized)），
初始化后完全由 slick-active 接管，避免首屏 2 张同时可见 ═══ */
/* ═══ Hero 显隐策略（2026-08-18 二修）：滑动模式不用 opacity 控制 ═══
此前 .slick-slide/.slide-wrap 双重 opacity:0 导致"滑入的下一张全程透明"→ 切换白屏。
改为：未初始化时仅第一张可见兜底；初始化后全部可见（非当前张在视口外被
.slide-home-01 overflow:hidden 裁掉），滑动切换全程可见 → 无白屏。 */.slide-home-01 .slide-home:not(.slick-initialized) .slide-wrap{opacity:0!important}.slide-home-01 .slide-home.slick-initialized .slide-wrap,.slide-home-01 .slide-home:not(.slick-initialized) .slide-wrap:first-child{opacity:1!important}
/* ---- layout 内联块 #11 ---- */
/* ═══ Hero 未初始化兜底修正：first-child 只在未初始化时生效（:not(.slick-initialized)），
初始化后完全由 slick-active 接管，避免首屏 2 张同时可见 ═══ */
/* ---- layout 内联块 #11（与 #10 重复，2026-08-18 二修时合并删除）----
原三行选择器丢失花括号体（语法损坏），会把下方 :root{...} 吞成规则体导致
var(--kck-*) CSS 变量失效。现由 #10 的新显隐策略统一接管。 */
/* pages.css 拆分 → common */:root{/* Brand scale */--kck-navy-900:#141933;--kck-navy-700:#2a3158;--kck-navy-50:#f0f1f7;--kck-gold-400:#f7931e;--kck-gold-600:#e07b0a;--kck-gold-50:#fff3e6;/* Surface palette — warm off-white European feel */--kck-bg:#fbfaf7;--kck-surface:#fff;--kck-surface-2:#f4f2ec;--kck-border:#e6e2d8;--kck-ink:#1f2230;--kck-ink-soft:#565b6e;--kck-ink-muted:#8a8f9e;/* Typography scale */--font-display:"Quicksand","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Quicksand","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--fs-xs:.75rem;/* 12px */--fs-sm:.875rem;/* 14px — small labels, captions */--fs-base:.875rem;/* 14px — body text */--fs-md:1rem;/* 16px */--fs-lg:1.25rem;/* 20px */--fs-xl:1.5rem;/* 24px */--fs-2xl:2rem;/* 32px */--fs-3xl:2.5rem;/* 40px */--fs-4xl:4rem;/* 64px */--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.6;--lh-relaxed:1.75;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;/* Spacing scale */--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;/* Radii */--radius-sm:4px;--radius:8px;--radius-lg:16px;--radius-full:9999px;/* Shadows */--shadow-sm:0 1px 3px rgba(26,31,61,.06);--shadow:0 4px 12px rgba(26,31,61,.08);--shadow-md:0 8px 24px rgba(26,31,61,.1);--shadow-lg:0 18px 48px rgba(26,31,61,.14);/* Transitions */--ease-out:cubic-bezier(.4,0,.2,1);--t-fast:150ms var(--ease-out);--t:280ms var(--ease-out);--t-slow:460ms var(--ease-out);/* Layout */--container-max:1240px;--container-pad:clamp(1rem,4vw,2.5rem);--section-gap:clamp(4rem,10vw,8rem)}
/* ============================================================
============================================================ */.form-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(100%);background:#3d3a35;color:#fff;padding:14px 28px;border-radius:8px;font-size:.875rem;font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:2000;box-shadow:0 8px 32px rgba(0,0,0,.18);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.form-toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.form-toast--error{background:#c47b5a}
/* Series filter banner */.kck-series-banner{background:var(--kck-surface-2);border-left:3px solid var(--kck-gold);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6)}.kck-series-banner h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--kck-navy);margin:0 0 6px}.kck-series-banner p{font-size:var(--fs-sm);color:var(--kck-ink-soft);margin:0 0 8px}.kck-series-banner .kck-series-clear{font-size:var(--fs-sm);color:var(--kck-gold);font-weight:var(--fw-medium);text-decoration:none}.kck-series-banner .kck-series-clear:hover{color:var(--kck-gold-hover)}.pro-sidebar-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--kck-navy)}
/* ============================================================
/* ============================================================
/* ============================================================
.footer-area .Phone .img, .footer-area .Email .img, .footer-area .Location .img{width:38px;height:38px;min-width:38px;border-radius:50%;background:rgba(212, 168, 67, 0.18);display:flex;align-items:center;justify-content:center;color:var(--kck-gold-400, #e7bd5e);font-size:15px;margin-top:2px;}
.footer-area .Phone .title-box, .footer-area .Email .title-box, .footer-area .Location .title-box{flex:1;min-width:0;padding-left:0;}
.footer-area .Phone .title-box h5, .footer-area .Email .title-box h5, .footer-area .Location .title-box h5{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255, 255, 255, 0.55);margin:0 0 5px;display:block !important;line-height:1.2;}
.footer-area .Phone .title-box p, .footer-area .Email .title-box p, .footer-area .Location .title-box p{font-size:14px;font-weight:500;line-height:1.5;color:rgba(255, 255, 255, 0.95);margin:0;display:block !important;word-break:break-word;}
.footer-area .Phone .title-box p a, .footer-area .Email .title-box p a{color:rgba(255, 255, 255, 0.95);text-decoration:none;transition:color .2s ease;}
.footer-area .Phone .title-box p a:hover, .footer-area .Email .title-box p a:hover{color:var(--kck-gold-400, #e7bd5e);}
.skill-img{margin-left:50px;}
@media only screen and (min-width:768px) and (max-width:991px){.skill-img{margin-left:0px;} }
@media only screen and (max-width:767px){.skill-img{margin-left:0px;} }
.skill-img img{width:100%;}
.register-form-wrap{display:none;}
.saved-message{background-color:#fff;border-top:3px solid #1a1f3d;font-size:14px;padding:20px 0;color:#333;}
.dot-style-1 .owl-dots{text-align:center;margin-top:30px;}
.dot-style-1 .owl-dots .owl-dot{background-color:#d8d8d8;width:17px;height:17px;border-radius:100%;display:inline-block;margin:0 5px;transition:all .3s ease 0s;}
.dot-style-1 .owl-dots .owl-dot.active, .dot-style-1 .owl-dots .owl-dot:hover{background-color:#1b1b1b;}
.dot-style-1.dot-style-1-white .owl-dots .owl-dot{background-color:#fff;}
.dot-style-1.dot-style-1-white .owl-dots .owl-dot.active, .dot-style-1.dot-style-1-white .owl-dots .owl-dot:hover{background-color:#1b1b1b;}
.next-prev-wrap{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #d8d8d8;}
.next-prev-wrap .next-prev-conent > h4{font-size:18px;line-height:24px;margin:0 0 7px;color:#1d1d1d;font-family:"Quicksand","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
@media only screen and (max-width:767px){.next-prev-wrap .next-prev-conent > h4{font-size:14px;margin:0 0 3px;} }
.next-prev-wrap .next-prev-conent > h4 a{color:#1d1d1d;}
.next-prev-wrap .next-prev-conent > h4 a:hover{color:#1a1f3d;}
.next-prev-wrap .next-prev-conent > a{color:#989898;font-size:12px;}
.next-prev-wrap .next-prev-conent > a:hover{color:#1a1f3d;}
.next-prev-wrap .next-prev-conent.prev-wrap{text-align:right;}
.kck-tag{display:inline-block;font-size:var(--fs-xs);color:var(--kck-ink-soft);background:var(--kck-surface-2);border:1px solid var(--kck-border);border-radius:999px;padding:4px 12px;text-decoration:none;transition:all var(--t-fast);}
.kck-tag:hover{background:var(--kck-navy);color:#fff;border-color:var(--kck-navy);}
@media (max-width:540px){.kck-blog-detail .blog-detail-hero{aspect-ratio:4 / 3;} .kck-blog-detail .blog-detail-header, .kck-blog-detail .blog-detail-body, .kck-blog-detail .blog-detail-footer, .kck-blog-detail .blog-detail-prev-next, .kck-blog-detail .blog-comments-area, .kck-blog-detail .blog-comment-form{padding-left:18px;padding-right:18px;} .kck-blog-detail .blog-detail-footer{flex-direction:column;align-items:flex-start;} .kck-blog-detail .blog-comment-item{flex-direction:column;} }/* KCK.CASA Material page — standalone scoped styles */:root{--kck-navy-2:#162040;--kck-muted:#6b7280}.kck-mat-hero{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/static/assets/images/mat-hero.webp) 50%/cover no-repeat;color:#fff;padding:120px 0 72px;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 14px rgba(0,0,0,.65)}.kck-mat-hero .container{max-width:1140px;margin:0 auto;padding:0 20px}.kck-mat-hero .eyebrow{display:inline-block;color:#f0cc7a;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.kck-mat-hero h1{font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(32px,4.5vw,50px);font-weight:700;line-height:1.12;margin:0 0 18px;max-width:760px;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 14px rgba(0,0,0,.65);color:#fff}.kck-mat-hero p{font-size:17px;line-height:1.7;color:#fff;max-width:720px;margin:0;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.55)}.kck-mat-section{padding:72px 0}.kck-mat-section.alt{background:#f7f8fa}.kck-mat-wrap{max-width:1140px;margin:0 auto;padding:0 20px}.kck-mat-head{text-align:center;margin-bottom:48px}.kck-mat-head .eyebrow{color:var(--kck-gold);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.kck-mat-head h2{font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:600;margin:10px 0 12px;color:var(--kck-navy)}.kck-mat-head p{color:var(--kck-muted);font-size:16px;max-width:640px;margin:0 auto;line-height:1.7}
/*-------- 8. Blog style ---------*/.dot-style-1 .owl-dots{text-align:center;margin-top:30px}.dot-style-1 .owl-dots .owl-dot{background-color:#d8d8d8;width:17px;height:17px;border-radius:100%;display:inline-block;margin:0 5px;transition:all .3s ease 0s}.dot-style-1 .owl-dots .owl-dot.active,.dot-style-1 .owl-dots .owl-dot:hover{background-color:#1b1b1b}.dot-style-1.dot-style-1-white .owl-dots .owl-dot{background-color:#fff}.dot-style-1.dot-style-1-white .owl-dots .owl-dot.active,.dot-style-1.dot-style-1-white .owl-dots .owl-dot:hover{background-color:#1b1b1b}.next-prev-wrap{padding-bottom:17px;border-bottom:1px solid #d8d8d8}.next-prev-wrap .next-prev-conent>h4{font-size:18px;line-height:24px;margin:0 0 7px;color:#1d1d1d;font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media only screen and (max-width:767px){.next-prev-wrap .next-prev-conent>h4{font-size:14px;margin:0 0 3px}}.next-prev-wrap .next-prev-conent>h4 a{color:#1d1d1d}.next-prev-wrap .next-prev-conent>h4 a:hover{color:#1a1f3d}.next-prev-wrap .next-prev-conent>a{color:#989898;font-size:12px}.next-prev-wrap .next-prev-conent>a:hover{color:#1a1f3d}.next-prev-wrap .next-prev-conent.prev-wrap{text-align:right}
/* ----- blog layout -----*/
/* === KCK.CASA custom overrides === */
/* KCK.CASA Blog — list & detail pages */:root{--kck-navy:#1a1f3d;--kck-gold:#f7931e}
/* --- Blog list --- */
/* --- Blog detail --- */.next-prev-wrap{display:flex;justify-content:space-between;gap:20px;margin:28px 0;flex-wrap:wrap}.next-prev-conent h4 a{color:#1a1f3d;font-size:17px;text-decoration:none;transition:color .2s ease}.next-prev-conent h4 a:hover{color:#f7931e}.next-prev-conent>a{color:#f7931e;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.comment-name-reply{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comment-name-reply h5{color:#1a1f3d;font-size:14px;margin:0}.comment-name-reply a{color:#f7931e;font-weight:600;text-decoration:none}.leave-form input,.leave-form textarea{width:100%;border:1px solid #e2e2e2;padding:12px 14px;margin-bottom:16px;font-size:14px;border-radius:3px}.leave-form textarea{min-height:130px;resize:vertical}.text-submit input{background:#f7931e;color:#1a1f3d;border:none;padding:12px 30px;font-weight:600;cursor:pointer;border-radius:3px;transition:background .2s ease}.text-submit input:hover{background:#c0952f}
/* --- Shared sidebar --- */.sidebar-post-content h4 a{color:#1a1f3d;transition:color .2s ease}.sidebar-post-content h4 a:hover{color:#f7931e}
/*-------- 25. Order tracking style ---------*/
/*-------- 25. Order tracking style ---------*/
/* ============================================================
Homepage Mobile Layout — blog card spacing, carousel gaps
============================================================ */
/* Blog cards: add vertical spacing on mobile single-column */
/* Portfolio / Product carousel — mobile item min-height */
/* Brand logo slider — ensure logos are visible */@media only screen and (max-width:767px){.brand-logo-active.owl-carousel .owl-item img{opacity:.45;width:auto;max-height:50px;margin:0 auto}}
/* Luxury Houses area — unified mobile stacking */
/* ============================================================
CTA Contact Section — Pre-footer enquiry form
============================================================ */
/* ═══ KCK.Fabric 品牌统一：覆盖 Bootstrap 默认 .btn-link 蓝色为品牌橙 #F7931E ═══ */.btn-link,.cicigi-woocommerce-ordering .btn-link{color:#f7931e}.btn-link:hover,.cicigi-woocommerce-ordering .btn-link:hover{color:#e07b0a}.btn-link.active,.cicigi-woocommerce-ordering .btn-link.active{color:#e07b0a;font-weight:700;text-decoration:underline}
/* ═══ Hero 长文案适配（2026-08-18 三张轮播替换为 b1/b2/b3.webp 后）═══
原模板 100px 标题 + 20px/6px 字距副标题为短文案设计，
新英文长文案（Teflon 220 字符句）必须降字号、收字距，否则溢出 hero。 */.slide-home-01 .slide-inner{max-width:760px!important}.slide-home-01 .title{font-size:52px!important;line-height:1.15!important;letter-spacing:0!important;margin-bottom:18px!important;font-weight:600!important}.slide-home-01 .subtitle{font-size:18px!important;line-height:1.7!important;letter-spacing:0!important;margin-bottom:36px!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}@media (max-width:1199px){.slide-home-01 .title{font-size:38px!important}.slide-home-01 .subtitle{font-size:16px!important;line-height:1.6!important}}@media (max-width:767px){.slide-home-01 .slide-inner{max-width:100%!important}.slide-home-01 .title{font-size:26px!important}.slide-home-01 .subtitle{font-size:14px!important;line-height:1.55!important;margin-bottom:24px!important}}
/* ═══ 内联 SVG 图标统一尺寸（替代 font-awesome/pe-icon 图标字体） ═══ */.kck-ico{width:1rem;height:1rem;display:inline-block;vertical-align:-.125em;fill:#f1f1f1;overflow:visible}
/* 2026-08-20：导航栏 SVG 图标加深（默认 #F1F1F1 在白底几乎不可见；
header-light 透明在浅色 hero、header-position 吸顶后白底 都需深色图标） */.header-light .kck-ico,.header-position .kck-ico{fill:#1f2230}
/* Header icon treatment: transparent home hero uses white icons; sticky (.header-position.fixed) & inner pages stay dark.
2026-08-24 修复：.fixed 由 functions.js 加在 .header-position 上（不是 .header），
原 :not(.fixed) 永远匹配 → 首页吸顶白底后图标仍白色不可见。 */body.home .header.header-transparent .header-position:not(.fixed) .header-control-inner .kck-ico,body.home .header.header-transparent .header-position:not(.fixed) .header-search .kck-ico{fill:#fff}body.home .header.header-transparent .header-position:not(.fixed) .header-control-inner .block-link{color:#fff}
/* 吸顶（白底）统一深色：header-light 的菜单文字/图标默认白色，吸顶后必须转深，否则白底白字 */.header-position.fixed .kck-ico{fill:#1f2230}.header-position.fixed .box-header-nav .main-menu>.menu-item>a,.header-position.fixed .header-control-inner .block-link,.header-position.fixed .header-search .link-dropdown{color:#1f2230}.header-position.fixed .box-header-nav .main-menu>.menu-item>a:hover,.header-position.fixed .header-control-inner .block-link:hover{color:#f7931e}.header-control-inner .meta-dreaming,.header-control-inner .meta-dreaming>*{display:flex;align-items:center;height:50px}.header-control-inner .block-link{display:flex;align-items:center;justify-content:center;line-height:1}.header-control-inner .block-link .kck-ico{width:16px;height:16px;flex:0 0 16px;vertical-align:middle}.header-control-inner .block-link .kck-ico path{width:16px;height:16px}.header-control-inner .count{top:50%;transform:translateY(-50%);font-size:12px;line-height:16px;min-width:10px;height:16px;margin-left:3px}.header-control-inner .block-user .block-link .kck-ico,.header-control-inner .block-wishlist .block-link .kck-ico,.header-control-inner .header-search .block-link .kck-ico{width:16px;height:16px}.cicigi-dropdown .block-search .kck-ico{fill:#1f2230}@media (max-width:1024px){.header-mobile .kck-ico{vertical-align:middle}body.home .header-mobile .kck-ico{fill:#1f2230}}
/* CSS quality guardrails: prevent accidental viewport overflow and preserve keyboard visibility. */html{overflow-x:clip}img{max-width:100%}:focus-visible{outline:2px solid #f7931e;outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:767px){.cicigi-container,.container{max-width:100%;overflow-x:clip}}
/* 2026-08-20：已收藏按钮状态 */.add_to_wishlist.kck-wishlisted{color:#f7931e!important;border-color:#f7931e!important}.add_to_wishlist.kck-wishlisted:hover{color:#fff!important;background-color:#f7931e!important;border-color:#f7931e!important}
/* 2026-08-24：B2B 定位移除产品卡片购物车图标（core.css .add-to-cart a::before 是 Flaticon 购物车，
文字 Enquire 被 font-size:0 隐藏；统一隐藏，保留 Wishlist；询盘走详情页/Contact 入口） */.product-item .group-button .add-to-cart{display:none!important}
/* 2026-08-24：产品卡片 Wishlist（收藏）图标默认可见 —— 原 home.css 仅 hover 显示（opacity:0）
B2B 场景收藏是主入口，无需悬停才出现；保留 hover 橙底反馈；
!important：home.css(178 行) 在 common.css 之后加载，同特异性后者赢，需提权 */.product-item.style-01 .group-button .yith-wcwl-add-to-wishlist{opacity:1!important;visibility:visible!important;transform:translateX(0)!important}
/* 2026-08-24：产品卡片不显示分类信息（价格位原显示 Multi/Jacquard 等分类词，B2B 卡片保持
图片+名称的简洁风格；分类入口在列表页侧边栏/详情页；选择器限定 .product-info 避免误伤详情页 .price） */.product-item .product-info .price{display:none}
/* ═══ Header 吸顶过渡自然化（2026-08-18）═══
原模板 transition 仅 background-color+padding（linear 僵硬）、box-shadow 无过渡瞬时闪现，
与 common.js 类切换叠加导致"透明→白底"过程抖动。统一为 ease 并补阴影/文字颜色过渡。 */.header-position{transition:background-color .4s ease,box-shadow .4s ease,padding .4s ease!important}.box-header-nav .main-menu>.menu-item>a,.header-light .header-middle-inner .header-search .link-dropdown{transition:color .35s ease}
/* ═══ Hero 轮播入场 zoom（2026-08-18 二修）═══
用户要求"轮播图从大变到合适的动画"。2026-08-18 二修：去掉 opacity 变化 ——
滑动模式下新 slide 滑入时已完整可见，opacity 从 .4 淡入会在切换瞬间闪白；
纯 scale 1.08→1 入场，衔接滑动结束最自然（slick-active 在滑动完成后更新）。 */@keyframes kckHeroZoomIn{0%{transform:scale(1.08)}to{transform:scale(1)}}.slide-home-01 .slide-wrap.slick-active{animation:kckHeroZoomIn 1s cubic-bezier(.22,.61,.36,1) both}
/* ═══ FontAwesome 字体（仅伪元素 content 图标使用，如菜单箭头/面包屑/星级） ═══ */@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.woff2?v=4.7.0)format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0)format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0)format("truetype");font-weight:400;font-style:normal;font-display:swap}
/* ═══ Iconbox 2×2 网格行间距（2026-08-18）═══
.section-0206 用 col-6(col-md-6 col-lg-3) 在 ≤991px 呈 2×2 网格，
但 .row 的负 margin + 列 padding gutter 被暗色卡片填满看不出，
实际两行紧贴。给上半行底部加 15px margin，最后一行清零。 */@media (max-width:991px){.section-0206 .cicigi-services>[class*=col-]{margin-bottom:15px}.section-0206 .cicigi-services>[class*=col-]:nth-last-child(-n/**/+2){margin-bottom:0}}
/* ═══ 首页 Hero 轮播遮罩层（2026-08-20）═══ */.slide-home-01 .slide-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.45));z-index:5;pointer-events:none}
/* ═══ Spacing utilities — 模板原通用类在 CSS 整理时丢失（2026-08-20 全站补全）═══
模板大量使用 pt-80/pb-100/mb-30 等间距类，此前未定义导致各页模块上下紧贴。
覆盖全站视图扫描到的全部 pt/pb/mt/mb/mr/ml 取值。 */.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-60{padding-top:60px}.pt-80{padding-top:80px}.pt-100{padding-top:100px}.pt-120{padding-top:120px}.pb-60{padding-bottom:60px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-120{padding-bottom:120px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mb-0{margin-bottom:0}.mb-4{margin-bottom:4px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mr-50{margin-right:50px}.ml-20{margin-left:20px}
/* ═══ 全站收藏按钮：空心/实心爱心（2026-08-25 统一版）═══
按钮统一 class="kck-wishlist-toggle"（首页/列表页/详情页），
JS（kck-wishlist.js）注入/内置 .kck-fav-svg，CSS 负责空心 ↔ 实心切换：
- 默认：空心（fill:none + stroke:currentColor）
- .kck-wishlisted：实心（fill:currentColor） */.kck-wishlist-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px}.kck-wishlist-toggle .kck-fav-svg{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none;pointer-events:none}.kck-wishlist-toggle .kck-fav-path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;transition:fill .15s ease}.kck-wishlist-toggle.kck-wishlisted .kck-fav-path{fill:currentColor;stroke:currentColor}
/* 卡片按钮（.yith-wcwl-add-to-wishlist 内 46×46 圆形）：SVG 绝对居中，
并隐藏 core.css 的 ::before 背景心形（JS 注入 SVG 后自动加 kck-has-svg） */.yith-wcwl-add-to-wishlist .kck-wishlist-toggle .kck-fav-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.add_to_wishlist.kck-has-svg:before{display:none}
/* 详情页 kck-fav-btn 已收藏状态（与旧 .is-active 一致，JS 双写兼容） */.kck-prod-detail .kck-fav-btn.kck-wishlisted{border-color:#e57373;color:#e57373;background:rgba(229,115,115,.08)}.kck-prod-detail .kck-fav-btn.kck-wishlisted:hover{background:rgba(229,115,115,.14)}
/* ═══ 导航栏图标统一容器（2026-08-25 P2：三个图标块共用一套 hover/动效，避免视觉割裂）═══
搜索 / 用户 / 收藏 三个 .block-link 统一为圆形 hit-area，hover 时浅色圆形反馈。 */.header-control-inner .block-user .block-link,.header-control-inner .header-search .block-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background var(--kck-dur) var(--kck-ease)}.header-control-inner .block-user .block-link:hover,.header-control-inner .header-search .block-link:hover{background:var(--kck-bg-soft)}
/* 三个图标块统一 14px 水平间距（视觉紧凑、对齐） */.header-control-inner .block-user,.header-control-inner .block-wishlist,.header-control-inner .header-search{margin:0 4px}
/* ═══ 导航栏收藏徽标（2026-08-25 重做：徽章紧贴心形图标右上角，含 scale 入场 + pulse 动效；P1 修复"数字与收藏图标离太远"）═══
#kckHeaderCount 有两个（桌面 + 移动），0 时隐藏（kck-show），有收藏时显示数字。
用 .kck-count-bell 钩子统一约束，兼容旧 .count class（JS 不改）。 */.header-control-inner .block-wishlist .block-link,.meta-dreaming .block-wishlist .block-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background var(--kck-dur) var(--kck-ease)}.header-control-inner .block-wishlist .block-link:hover,.meta-dreaming .block-wishlist .block-link:hover{background:var(--kck-fav-bg)}
/* 关键修复：徽章紧贴心形右上角（之前 right:-12px 飘在图标外部 → 视觉距离过大） */.header-control-inner .block-wishlist .count,.meta-dreaming .block-wishlist .count{position:absolute;top:0;right:-2px;display:none;min-width:10px;height:10px;line-height:10px;text-align:center;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--kck-accent) 0,var(--kck-accent-dark) 100%);color:#fff;font-size:10px;font-weight:700;box-shadow:0 0 0 2px #fff,var(--kck-shadow-sm);transform-origin:center;animation:kck-badge-pop var(--kck-dur) var(--kck-ease) backwards}.header-control-inner .block-wishlist .count.kck-show,.meta-dreaming .block-wishlist .count.kck-show{display:inline-block}
/* 徽章入场 + 数字增加时弹一下 */@keyframes kck-badge-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}
/* 数字 ≥10 时变 pill 形（min-width 收 1px 不变形） */.header-control-inner .block-wishlist .count[data-count="10"],.header-control-inner .block-wishlist .count[data-count="99"],.meta-dreaming .block-wishlist .count[data-count="10"],.meta-dreaming .block-wishlist .count[data-count="99"]{border-radius:9px;padding:0 5px}
/* 父链接 hover 时心形与徽章同步微动 */.header-control-inner .block-wishlist .block-link:hover .kck-ico,.meta-dreaming .block-wishlist .block-link:hover .kck-ico{transform:scale(1.12);transition:transform var(--kck-dur) var(--kck-ease)}.kck-ico{transition:transform var(--kck-dur) var(--kck-ease)}
/* ═══ P3 统一动效（2026-08-25：卡片 hover / 按钮 glow / 卡片入场，放 common.css 全站生效）
首页(home.css)与列表页(products.css)共用同一套 .product-item，统一在此定义避免重复。 */
/* P3-1 产品卡片 hover：浮起 + 阴影 + 主图 zoom + 名称变品牌橙 */.product-item.style-01 .product-inner{transition:transform var(--kck-dur) var(--kck-ease),box-shadow var(--kck-dur) var(--kck-ease);border-radius:10px}.product-item.style-01 .product-inner:hover{transform:translateY(-4px);box-shadow:var(--kck-shadow-md)}.product-item.style-01 .product-thumb img{transition:transform .55s var(--kck-ease);will-change:transform}.product-item.style-01 .product-inner:hover .product-thumb img{transform:scale(1.06)}.product-item.style-01 .product-name a{transition:color var(--kck-dur) var(--kck-ease)}.product-item.style-01 .product-inner:hover .product-name a{color:var(--kck-accent)}.product-item.style-01 .kck-series-tag{transition:transform var(--kck-dur) var(--kck-ease)}.product-item.style-01 .product-inner:hover .kck-series-tag{transform:translateY(-2px)}
/* P3-2 按钮 hover glow */.btn-primary{transition:box-shadow var(--kck-dur) var(--kck-ease),transform var(--kck-dur) var(--kck-ease)}.btn-primary:focus,.btn-primary:hover{box-shadow:0 4px 16px rgba(247,147,30,.38),0 2px 4px rgba(247,147,30,.2);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(247,147,30,.3)}
/* P3-4 产品卡片入场渐入（列表/首页，每项错落 50ms；尊重系统减弱动效设置） */@keyframes kck-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.product-item.style-01{animation:kck-card-in .5s var(--kck-ease) backwards}.product-item.style-01:nth-child(2){animation-delay:.05s}.product-item.style-01:nth-child(3){animation-delay:.1s}.product-item.style-01:nth-child(4){animation-delay:.15s}.product-item.style-01:nth-child(5){animation-delay:.2s}.product-item.style-01:nth-child(6){animation-delay:.25s}.product-item.style-01:nth-child(7){animation-delay:.3s}.product-item.style-01:nth-child(8){animation-delay:.35s}@media (prefers-reduced-motion:reduce){.product-item.style-01,.product-item.style-01 .product-inner,.product-item.style-01 .product-thumb img{animation:none;transition:none}}
/* ═══ 联系表单样式（2026-08-26：从 home.css 复制，供详情页复用——详情页不加载 home.css）═══ */
.kck-cta-contact{padding:0 0 60px;position:relative;overflow:hidden}
.kck-cta-banner{background:#eeebe2;padding:18px 0;overflow:hidden;white-space:nowrap;border-top:1px solid #dcd7c8}
.kck-cta-banner-text{display:inline-block;color:#8a6a1f;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3em;animation:kck-marquee 35s linear infinite;white-space:nowrap;padding-left:100%}
.kck-cta-form-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:50px 0 60px;align-items:start}
.kck-cta-copy .eyebrow{display:block;font-size:13px;font-weight:500;color:var(--kck-navy,#1a1f3d);margin-bottom:8px;letter-spacing:0;font-family:var(--font-body)}
.kck-cta-copy h2{color:var(--kck-navy,#1a1f3d);font-weight:400;font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 12px;line-height:1.2;letter-spacing:-.005em}
.kck-cta-copy h2,.kck-cta-copy p{font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
.kck-cta-copy p{color:#666;font-style:italic;font-size:15px;margin:0;line-height:1.6;max-width:420px}
.kck-cta-form{gap:14px}
.kck-cta-fields,.kck-cta-form{display:flex;flex-direction:column}
.kck-cta-fields{gap:0}
.kck-cta-fields input,.kck-cta-fields textarea{width:100%;padding:14px 18px;background:#fff;border:1px solid #d6d3cb;border-radius:0;color:var(--kck-ink,#333);font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:italic;font-size:15px;line-height:1.5;outline:0;transition:border-color .25s ease}
.kck-cta-fields input::placeholder,.kck-cta-fields textarea::placeholder{color:#a8a59f;font-style:italic;font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
.kck-cta-fields input:focus,.kck-cta-fields textarea:focus{border-color:var(--kck-navy,#1a1f3d);outline:0;box-shadow:inset 0 0 0 1px var(--kck-navy,#1a1f3d)}
.kck-cta-fields input:not(:last-child),.kck-cta-fields textarea:not(:last-child){border-bottom:0}
.kck-cta-fields textarea{resize:vertical;min-height:90px}
.kck-cta-submit{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:9px 18px;background:transparent;color:var(--kck-navy,#1a1f3d);border:1px solid var(--kck-navy,#1a1f3d);border-radius:0;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease}
.kck-cta-submit:hover{background:var(--kck-navy,#1a1f3d);color:#fff}
.kck-cta-submit:disabled{opacity:.6;cursor:not-allowed}
.kck-cta-msg{font-size:13px;min-height:1.25em;transition:color .2s ease;margin-top:4px;color:#666}
@keyframes kck-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media (max-width:767px){.kck-cta-form-wrap{grid-template-columns:1fr;gap:24px;padding:32px 0 40px}}
/* ═══ 2026-08-26 Collections 页面（Editorial Magazine 风格）═══
4 个系列用不对称 12 列网格，大序号 + 衬线显示 + 暖米底 + 装饰分隔 */
.collection-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:48px 32px;padding:64px 0 96px;max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}
.collection-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--kck-line);text-decoration:none;color:inherit;overflow:hidden;transition:transform .55s var(--kck-ease),box-shadow .55s var(--kck-ease)}
.collection-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px -20px rgba(26,31,61,.18),0 8px 18px -6px rgba(26,31,61,.08)}
/* 不对称：大+小 交替排版 */
.collection-card:nth-child(1){grid-column:span 7}
.collection-card:nth-child(2){grid-column:span 5;margin-top:72px}
.collection-card:nth-child(3){grid-column:span 5;margin-top:48px}
.collection-card:nth-child(4){grid-column:span 7}
@media (max-width:991px){.collection-card,.collection-card:nth-child(n){grid-column:span 12;margin-top:0!important}}
/* 大序号（独立装饰） */
.collection-card__index{position:absolute;top:18px;left:24px;font-family:'Cormorant Garamond','Quicksand',Georgia,serif;font-style:italic;font-weight:500;font-size:88px;line-height:1;color:var(--kck-accent);opacity:.18;letter-spacing:-.02em;transition:opacity .4s ease,color .4s ease;z-index:2;pointer-events:none}
.collection-card:hover .collection-card__index{opacity:.85;color:var(--kck-accent)}
/* 封面图 3:4 比例 */
.collection-card__figure{position:relative;margin:0;aspect-ratio:3/4;background:var(--kck-bg-soft);overflow:hidden}
.collection-card__figure img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--kck-ease)}
.collection-card:hover .collection-card__figure img{transform:scale(1.06)}
.collection-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;color:var(--kck-muted);font-style:italic;background:repeating-linear-gradient(45deg,var(--kck-bg-soft),var(--kck-bg-soft) 12px,#fff 12px,#fff 24px)}
/* 卡片正文 */
.collection-card-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--kck-line);background:#fff}
.collection-card-body h2{font-family:'Cormorant Garamond','Quicksand',Georgia,serif;font-weight:500;font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.15;letter-spacing:-.01em;color:var(--kck-navy);margin:0}
.collection-card-body p{font-size:14px;line-height:1.7;color:var(--kck-muted);margin:0;max-width:38ch}
/* CTA（始终占位，hover 时右移） */
.collection-card__cta{margin-top:12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--kck-navy);display:inline-flex;align-items:center;gap:10px;transition:color .3s ease}
.collection-card__cta i{font-style:normal;display:inline-block;transition:transform .35s var(--kck-ease)}
.collection-card:hover .collection-card__cta{color:var(--kck-accent)}
.collection-card:hover .collection-card__cta i{transform:translateX(6px)}
/* Hero 区升级 */
.kck-collections-banner{padding:32px 0 24px;background:linear-gradient(180deg,#faf6ef 0%,transparent 100%)}
.kck-collections-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;padding:32px 0 24px;border-bottom:1px solid var(--kck-line)}
.kck-eyebrow{display:inline-block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--kck-muted);font-weight:500;margin-bottom:14px}
.kck-collections-title{font-family:'Cormorant Garamond','Quicksand',Georgia,serif!important;font-weight:500!important;font-size:clamp(2.75rem,5vw,4.25rem)!important;line-height:1.05!important;letter-spacing:-.015em!important;color:var(--kck-navy)!important;margin:0!important}
.kck-collections-hero__lede{font-size:15px;line-height:1.7;color:var(--kck-muted);max-width:48ch;margin:0;padding-bottom:8px}
@media (max-width:991px){.kck-collections-hero{grid-template-columns:1fr;gap:24px}}
/*KCK-FOOTER-FLINKS*/
.kck-flinks{border-top:1px solid rgba(255,255,255,.08);padding:26px 0 22px}
.kck-flinks-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 0;text-align:center}
.kck-flinks-label{position:relative;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-right:30px;padding-bottom:6px}
.kck-flinks-label::after{content:"";position:absolute;left:0;bottom:0;width:22px;border-bottom:1px solid var(--kck-accent,#f7931e)}
.kck-flinks-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.kck-flinks-list li{display:flex;align-items:center}
.kck-flinks-list li+li::before{content:"";flex:none;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.28);margin:0 18px}
.kck-flinks-list a{position:relative;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);transition:color 180ms cubic-bezier(.22,.61,.36,1)}
.kck-flinks-list a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;border-bottom:1px solid var(--kck-accent,#f7931e);transform:scaleX(0);transform-origin:left;transition:transform 240ms cubic-bezier(.22,.61,.36,1)}
.kck-flinks-list a:hover{color:#fff}
.kck-flinks-list a:hover::after{transform:scaleX(1)}
@media (max-width:767px){.kck-flinks{padding:20px 0 16px}.kck-flinks-inner{flex-direction:column;gap:14px}.kck-flinks-label{margin-right:0}}