@charset "UTF-8";
/*
 * @//file/: template11.css
 * @//description/: 模板11「童趣集市」整站皮肤：清新简约欧美童趣外贸风。
 *                 暖白底 + 天空蓝/珊瑚红/阳光黄/薄荷绿点缀 + 大圆角软阴影卡 + Fredoka 圆标题 +
 *                 透明 PNG 童趣贴纸 + 圆角彩色区块带。所有文字/图片/数据取自后台系统。
 *                 全部规则限定在 html[data-template="template11"] 作用域内。
 * @//author/: Junwen
 * @//email/: 565897782@qq.com
 * @//contact/: WeChat:Awoowo
 * @//version/: 1.0.0
 * @//date/: 2026-11-11
 * @//copyright/: Copyright (c) 2026 Junwen All rights reserved.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
@font-face { font-family:'Fredoka'; src:url('/static/fonts/fredoka-latin.woff2') format('woff2'); font-weight:500 700; font-display:swap; }

/* 0. 设计变量 */
html[data-template="template11"] {
    --k11-bg:#FFFDF7; --k11-ink:#35405A; --k11-ink2:#7A8199;
    --k11-blue:#3BA7E6; --k11-sky:#EAF6FD; --k11-coral:#FF7B7B; --k11-coral-d:#F25F5F;
    --k11-sun:#FFD65C; --k11-mint:#A9E5CF; --k11-lilac:#DCD1F5; --k11-peach:#FFE3D0;
    --k11-card:#FFFFFF; --k11-line:#EDF0F6;
    --k11-shadow:0 10px 30px rgba(53,64,90,.10);
    --k11-shadow-sm:0 4px 14px rgba(53,64,90,.08);
    --k11-r:22px; --k11-r-sm:14px;
    --primary:var(--k11-coral); --bg-page:var(--k11-bg); --bg-card:var(--k11-card);
    --text-primary:var(--k11-ink); --text-secondary:var(--k11-ink2); --radius:var(--k11-r);
}
html[data-template="template11"] body { position:relative; background:var(--k11-bg); color:var(--k11-ink); font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
html[data-template="template11"] .container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
html[data-template="template11"] a { color:inherit; }
html[data-template="template11"] .theme-toggle,
html[data-template="template11"] .site-footer,
html[data-template="template11"] .float-inquiry { display:none !important; }
html[data-template="template11"] .reveal { opacity:1; transform:none; }

/* 1. 公共组件 */
html[data-template="template11"] .t11-h1 { margin:0; font-family:'Fredoka',sans-serif; font-weight:600; font-size:clamp(30px,3.6vw,48px); line-height:1.1; letter-spacing:-.5px; color:var(--k11-ink); }
html[data-template="template11"] .t11-h2 { margin:0; font-family:'Fredoka',sans-serif; font-weight:600; font-size:clamp(24px,2.4vw,34px); line-height:1.15; color:var(--k11-ink); }
html[data-template="template11"] .t11-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:54px; padding:13px 30px; border:0; border-radius:999px; font-family:'Fredoka',sans-serif; font-weight:600; font-size:17px; line-height:1; text-decoration:none; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
html[data-template="template11"] .t11-btn-coral { background:var(--k11-coral); color:#fff; box-shadow:0 8px 20px rgba(255,123,123,.4); }
html[data-template="template11"] .t11-btn-coral:hover { background:var(--k11-coral-d); transform:translateY(-2px); box-shadow:0 12px 24px rgba(255,123,123,.45); }
html[data-template="template11"] .t11-btn-ghost { background:var(--k11-white,#fff); color:var(--k11-ink); box-shadow:var(--k11-shadow-sm); border:2px solid var(--k11-sky); }
html[data-template="template11"] .t11-btn-ghost:hover { transform:translateY(-2px); box-shadow:var(--k11-shadow); }
html[data-template="template11"] .t11-btn-sm { min-height:42px; padding:9px 20px; font-size:14px; }
html[data-template="template11"] .t11-sticker { position:absolute; pointer-events:none; z-index:5; }
html[data-template="template11"] .t11-float-a { animation:t11-float 3.6s ease-in-out infinite; }
html[data-template="template11"] .t11-float-b { animation:t11-float 4.6s ease-in-out infinite reverse; }
html[data-template="template11"] .t11-float-c { animation:t11-float 5.4s ease-in-out infinite .5s; }
html[data-template="template11"] .t11-pager { display:flex; justify-content:center; gap:10px; margin:44px 0 8px; }
html[data-template="template11"] .t11-pager a { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border-radius:999px; background:var(--k11-white,#fff); box-shadow:var(--k11-shadow-sm); font-size:14px; font-weight:700; text-decoration:none; color:var(--k11-ink); }
html[data-template="template11"] .t11-pager a.active { background:var(--k11-coral); color:#fff; }
html[data-template="template11"] .t11-empty { text-align:center; padding:64px 20px; }
html[data-template="template11"] .t11-empty i { font-size:54px; color:var(--k11-blue); }
html[data-template="template11"] .t11-empty h3 { font-family:'Fredoka',sans-serif; font-size:26px; margin:14px 0 6px; }
html[data-template="template11"] .t11-form-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; }
html[data-template="template11"] .t11-field { margin-bottom:16px; }
html[data-template="template11"] .t11-field label { display:block; font-size:14px; font-weight:600; margin-bottom:6px; }
html[data-template="template11"] .t11-input { width:100%; min-height:46px; padding:11px 14px; box-sizing:border-box; border:2px solid var(--k11-line); border-radius:var(--k11-r-sm); background:var(--k11-white,#fff); color:var(--k11-ink); font-family:inherit; font-size:15px; outline:none; transition:border-color .15s, box-shadow .15s; }
html[data-template="template11"] .t11-input:focus { border-color:var(--k11-blue); box-shadow:0 0 0 4px rgba(59,167,230,.15); }
html[data-template="template11"] textarea.t11-input { min-height:110px; resize:vertical; }

/* 2. 站点框：公告条 / 白色圆角导航 / 抽屉 */
html[data-template="template11"] .site-header { position:relative; z-index:50; background:var(--k11-white,#fff); border-bottom:1px solid var(--k11-line); padding-top:32px; min-height:100px; margin-bottom:52px; }
html[data-template="template11"] .header-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:68px; width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
html[data-template="template11"] .logo { grid-column:2; justify-self:center; }
html[data-template="template11"] .logo .logo-img { max-height:42px; width:auto; }
html[data-template="template11"] .logo-img-dark { display:none; }
html[data-template="template11"] .site-nav { display:none; position:absolute; top:100%; left:0; right:0; justify-content:center; flex-wrap:wrap; gap:10px; padding:14px 16px 0; }
html[data-template="template11"] .site-nav a { padding:8px 20px; background:var(--k11-sky); border-radius:999px; font-size:13px; font-weight:800; text-decoration:none; color:var(--k11-ink); }
html[data-template="template11"] .site-nav a:hover { background:var(--k11-blue); color:#fff; }
html[data-template="template11"] .header-tools { grid-column:3; justify-self:end; display:flex; align-items:center; gap:12px; }
html[data-template="template11"] .lang-switch a { border-radius:999px; padding:3px 10px; font-size:12px; font-weight:800; background:var(--k11-sky); color:var(--k11-ink); }
html[data-template="template11"] .lang-switch a.active { background:var(--k11-ink); color:#fff; }
html[data-template="template11"] .header-account a { display:inline-flex; align-items:center; padding:6px 14px; background:var(--k11-coral); color:#fff; border-radius:999px; font-size:12px; font-weight:700; text-decoration:none; }

html[data-template="template11"] .t11-announce { position:absolute; top:0; left:0; right:0; height:32px; z-index:60; background:var(--k11-sun); overflow:hidden; }
html[data-template="template11"] .t11-announce-track { display:flex; width:max-content; animation:t11-marquee 34s linear infinite; will-change:transform; }
html[data-template="template11"] .t11-announce-track.t11-js { animation:none; }
html[data-template="template11"] .t11-announce-unit { white-space:nowrap; padding-right:36px; font-size:12px; font-weight:800; line-height:31px; color:var(--k11-ink); }
html[data-template="template11"] .t11-announce-unit i { color:var(--k11-coral); margin:0 6px; }

html[data-template="template11"] .t11-menu-btn { position:absolute; top:52px; left:max(24px,calc((100vw - 1180px)/2)); z-index:70; width:40px; height:38px; display:flex; flex-direction:column; justify-content:center; gap:5px; padding:0 8px; border:0; background:transparent; cursor:pointer; }
html[data-template="template11"] .t11-menu-btn span { display:block; width:24px; height:3px; border-radius:3px; background:var(--k11-ink); transition:transform .2s, opacity .2s; }
html[data-template="template11"] .site-header.nav-open .t11-menu-btn span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
html[data-template="template11"] .site-header.nav-open .t11-menu-btn span:nth-child(2) { opacity:0; }
html[data-template="template11"] .site-header.nav-open .t11-menu-btn span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
html[data-template="template11"] .t11-drawer { position:fixed; top:12px; left:12px; bottom:12px; width:min(300px,82vw); z-index:95; background:var(--k11-white,#fff); border-radius:28px; box-shadow:0 24px 60px rgba(53,64,90,.25); transform:translateX(-110%); transition:transform .28s ease; padding:70px 26px 24px; overflow-y:auto; }
html[data-template="template11"] .t11-drawer.open { transform:none; }
html[data-template="template11"] .t11-drawer-close { position:absolute; top:14px; right:14px; width:36px; height:36px; border:0; border-radius:50%; background:var(--k11-sky); font-size:18px; cursor:pointer; color:var(--k11-ink); }
html[data-template="template11"] .t11-drawer-sticker { width:110px; height:110px; margin:0 auto 10px; }
html[data-template="template11"] .t11-drawer-sticker2 { position:absolute; right:18px; bottom:18px; width:44px; height:44px; margin:0; }
html[data-template="template11"] .t11-drawer-nav a { display:block; font-family:'Fredoka',sans-serif; font-weight:600; font-size:19px; padding:10px 16px; margin-bottom:4px; border-radius:14px; text-decoration:none; color:var(--k11-ink); }
html[data-template="template11"] .t11-drawer-nav a:hover,
html[data-template="template11"] .t11-drawer-nav a.active { background:var(--k11-sky); color:var(--k11-blue); }
html[data-template="template11"] .t11-menu-mask { display:none; position:fixed; inset:0; z-index:85; background:rgba(53,64,90,.35); }
html[data-template="template11"] body.nav-open .t11-menu-mask { display:block; }

/* 3. 页头与区块 */
/* 页头改为顶部贴边的浅蓝圆角色带，贴纸漂浮其上 */
html[data-template="template11"] .t11-page-head { position:relative; overflow:hidden; margin:14px auto 6px; width:min(1280px,calc(100% - 32px)); background:var(--k11-sky); border-radius:0 0 44px 44px; padding:52px 0 42px; text-align:center; }
html[data-template="template11"] .t11-page-head::before { content:''; position:absolute; left:-46px; bottom:-58px; width:150px; height:150px; border-radius:50%; background:var(--k11-white,#fff); opacity:.6; }
html[data-template="template11"] .t11-page-head::after { content:''; position:absolute; right:-40px; top:-52px; width:130px; height:130px; border-radius:50%; background:#FFF6DE; opacity:.8; }
html[data-template="template11"] .t11-page-head .container { position:relative; z-index:2; }
html[data-template="template11"] .t11-page-head h1 { margin-bottom:10px; }
html[data-template="template11"] .t11-page-head p { margin:0; font-size:16px; font-weight:600; color:var(--k11-ink2); }
html[data-template="template11"] .t11-st-page-a { width:74px; height:74px; left:4%; top:8px; }
html[data-template="template11"] .t11-st-page-b { width:52px; height:52px; right:7%; top:34px; }
html[data-template="template11"] .t11-sec { padding:30px 0; }
html[data-template="template11"] .t11-band-sky { background:var(--k11-sky); border-radius:44px; margin:14px auto; width:min(1280px,calc(100% - 32px)); padding:44px 0; }
html[data-template="template11"] .t11-band-mint { background:#E7F8F0; border-radius:44px; margin:14px auto; width:min(1280px,calc(100% - 32px)); padding:44px 0; }
html[data-template="template11"] .t11-band-sky .container,
html[data-template="template11"] .t11-band-mint .container { width:min(1120px,calc(100% - 48px)); }
html[data-template="template11"] .t11-sec-head { text-align:center; margin-bottom:30px; }
html[data-template="template11"] .t11-sec-head p { margin:8px 0 0; font-size:15px; font-weight:600; color:var(--k11-ink2); }

/* 4. Hero */
html[data-template="template11"] .t11-hero { position:relative; padding:0 0 24px; overflow:hidden; }
html[data-template="template11"] .t11-hero-viewport { overflow:hidden; }
html[data-template="template11"] .t11-hero-track { display:flex; transition:transform .55s cubic-bezier(.22,.61,.36,1); }
html[data-template="template11"] .t11-slide { flex:0 0 100%; min-width:100%; }
html[data-template="template11"] .t11-slide-inner { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:44px; min-height:460px; }
html[data-template="template11"] .t11-slide-art { position:relative; height:400px; width:min(430px,100%); margin-inline:auto; display:flex; align-items:flex-end; justify-content:center; }
/* 干净的大圆舞台：产品立在天蓝正圆上，底部一轮柔和椭圆投影 */
html[data-template="template11"] .t11-slide-art::before { content:''; position:absolute; left:50%; top:44px; transform:translateX(-50%); width:min(78%,340px); aspect-ratio:1/1; border-radius:50%; background:var(--k11-sky); }
html[data-template="template11"] .t11-slide-art::after { content:''; position:absolute; left:50%; bottom:18px; transform:translateX(-50%); width:46%; height:22px; border-radius:50%; background:rgba(53,64,90,.10); }
html[data-template="template11"] .t11-slide-photo { position:relative; z-index:2; width:64%; height:82%; margin-bottom:26px; display:flex; align-items:center; justify-content:center; }
html[data-template="template11"] .t11-slide-photo img { max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(53,64,90,.16)); }
html[data-template="template11"] .t11-slide-copy { position:relative; z-index:3; }
html[data-template="template11"] .t11-kicker { display:inline-block; padding:7px 16px; border-radius:999px; background:var(--k11-peach); font-size:13px; font-weight:800; color:var(--k11-ink); margin-bottom:14px; }
html[data-template="template11"] .t11-slide-copy h1 { font-size:clamp(28px,3.4vw,46px); margin:0 0 12px; }
html[data-template="template11"] .t11-slide-copy p { font-size:16px; color:var(--k11-ink2); max-width:100%; margin:0 0 16px; }
html[data-template="template11"] .t11-hero-product-name { font-size:14px; font-weight:700; color:var(--k11-ink2); line-height:1.45; max-width:100%; margin:-4px 0 12px; }
html[data-template="template11"] .t11-slide-price { display:flex; align-items:baseline; gap:12px; margin-bottom:22px; }
html[data-template="template11"] .t11-slide-price b { font-family:'Fredoka',sans-serif; font-weight:600; font-size:28px; color:var(--k11-coral); }
html[data-template="template11"] .t11-slide-price span { font-size:13px; font-weight:700; color:var(--k11-ink2); }
html[data-template="template11"] .t11-slide-actions { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
html[data-template="template11"] .t11-slide-actions .t11-btn { width:280px; max-width:100%; }
html[data-template="template11"] .t11-st-hero-cloud { width:88px; height:88px; right:6%; top:24px; }
html[data-template="template11"] .t11-st-hero-sun { width:70px; height:70px; left:4%; bottom:30px; }
html[data-template="template11"] .t11-st-slide-star { width:46px; height:46px; left:6%; top:6%; }
html[data-template="template11"] .t11-hero-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:8; width:40px; height:40px; border:0; border-radius:50%; background:rgba(255,255,255,.9); color:var(--k11-ink); font-size:15px; cursor:pointer; box-shadow:0 2px 10px rgba(53,64,90,.22); }
html[data-template="template11"] .t11-hero-arrow:hover { background:#fff; transform:translateY(-50%) scale(1.08); }
html[data-template="template11"] .t11-hero-prev { left:14px; }
html[data-template="template11"] .t11-hero-next { right:14px; }
html[data-template="template11"] .t11-hero-dots { display:flex; justify-content:center; gap:8px; margin-top:4px; }
html[data-template="template11"] .t11-hero-dots button { width:9px; height:9px; padding:0; border:0; border-radius:999px; background:var(--k11-line); cursor:pointer; }
html[data-template="template11"] .t11-hero-dots button.is-active { background:var(--k11-coral); width:22px; }

/* 5. 分类彩卡 / 商品卡 */
html[data-template="template11"] .t11-cat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
html[data-template="template11"] .t11-cat-card { display:block; text-decoration:none; background:var(--k11-white,#fff); border-radius:var(--k11-r); overflow:hidden; box-shadow:var(--k11-shadow-sm); transition:transform .15s ease, box-shadow .15s ease; }
html[data-template="template11"] .t11-cat-card:hover { transform:translateY(-4px); box-shadow:var(--k11-shadow); }
html[data-template="template11"] .t11-cat-c1 { background:linear-gradient(160deg,#fff 55%,var(--k11-sky) 55%); }
html[data-template="template11"] .t11-cat-c2 { background:linear-gradient(160deg,#fff 55%,var(--k11-peach) 55%); }
html[data-template="template11"] .t11-cat-c3 { background:linear-gradient(160deg,#fff 55%,#EFFBF4 55%); }
html[data-template="template11"] .t11-cat-media { height:190px; display:flex; align-items:center; justify-content:center; padding:20px; }
html[data-template="template11"] .t11-cat-media img { max-width:100%; max-height:100%; object-fit:contain; }
html[data-template="template11"] .t11-cat-media i { font-size:56px; color:var(--k11-blue); }
html[data-template="template11"] .t11-cat-band { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; font-family:'Fredoka',sans-serif; font-weight:600; font-size:18px; color:var(--k11-ink); }
html[data-template="template11"] .t11-prod-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
html[data-template="template11"] .t11-prod-card { position:relative; display:block; text-decoration:none; background:var(--k11-white,#fff); border-radius:var(--k11-r); overflow:hidden; box-shadow:var(--k11-shadow-sm); transition:transform .15s ease, box-shadow .15s ease; }
html[data-template="template11"] .t11-prod-card:hover { transform:translateY(-5px); box-shadow:var(--k11-shadow); }
html[data-template="template11"] .t11-hot-badge { position:absolute; left:14px; top:14px; z-index:3; display:inline-flex; align-items:center; gap:6px; background:var(--k11-white,#fff); color:var(--k11-coral); padding:6px 14px 6px 11px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.5px; box-shadow:var(--k11-shadow-sm); }
html[data-template="template11"] .t11-hot-badge i { font-size:11px; color:var(--k11-sun); line-height:1; -webkit-text-fill-color:var(--k11-sun); }
html[data-template="template11"] .t11-prod-media { height:210px; display:flex; align-items:center; justify-content:center; padding:18px; background:var(--k11-sky); }
html[data-template="template11"] .t11-prod-media img { max-width:100%; max-height:100%; object-fit:contain; }
html[data-template="template11"] .t11-prod-media > i { font-size:56px; color:var(--k11-blue); }
html[data-template="template11"] .t11-prod-body { padding:14px 18px 18px; }
html[data-template="template11"] .t11-prod-name { font-weight:700; font-size:15px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.8em; }
html[data-template="template11"] .t11-chip { display:inline-block; padding:4px 12px; border-radius:999px; background:var(--k11-mint); color:var(--k11-ink); font-size:12px; font-weight:700; }
html[data-template="template11"] .t11-prod-foot { display:flex; justify-content:space-between; align-items:center; margin-top:12px; }
html[data-template="template11"] .t11-price small { font-size:11px; color:var(--k11-ink2); display:block; }
html[data-template="template11"] .t11-price b { font-family:'Fredoka',sans-serif; font-weight:600; font-size:20px; color:var(--k11-coral); }
html[data-template="template11"] .t11-more { font-size:12px; font-weight:800; color:var(--k11-blue); }
html[data-template="template11"] .t11-filters { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
html[data-template="template11"] .t11-filter { padding:9px 20px; border-radius:999px; background:var(--k11-white,#fff); box-shadow:var(--k11-shadow-sm); font-size:14px; font-weight:700; text-decoration:none; color:var(--k11-ink); }
html[data-template="template11"] .t11-filter.active { background:var(--k11-coral); color:#fff; }
html[data-template="template11"] .t11-count { text-align:center; font-size:12px; color:var(--k11-ink2); margin-bottom:18px; }

/* 6. 评价 / 照片墙 / 文章 */
html[data-template="template11"] .t11-review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
html[data-template="template11"] .t11-review-card { display:block; background:var(--k11-white,#fff); border-radius:var(--k11-r); box-shadow:var(--k11-shadow-sm); padding:16px; text-decoration:none; overflow:hidden; transition:transform .15s ease; }
html[data-template="template11"] .t11-review-card:hover { transform:translateY(-4px); }
html[data-template="template11"] .t11-review-img { width:100%; height:160px; object-fit:cover; border-radius:var(--k11-r-sm); display:block; margin-bottom:14px; }
html[data-template="template11"] .t11-review-card p { font-size:13px; line-height:1.6; margin:0 0 10px; color:var(--k11-ink); }
html[data-template="template11"] .t11-review-card span { font-size:12px; font-weight:700; color:var(--k11-blue); }
html[data-template="template11"] .t11-photo-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:16px; }
html[data-template="template11"] .t11-factory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
html[data-template="template11"] .t11-factory-more { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; aspect-ratio:1/1; background:var(--k11-white,#fff); border-radius:var(--k11-r-sm); box-shadow:var(--k11-shadow-sm); text-decoration:none; color:var(--k11-ink); transition:transform .15s ease; }
html[data-template="template11"] .t11-factory-more:hover { transform:translateY(-4px); }
html[data-template="template11"] .t11-factory-more i { font-size:30px; color:var(--k11-blue); }
html[data-template="template11"] .t11-factory-more b { font-family:'Fredoka',sans-serif; font-weight:600; font-size:15px; text-align:center; }
html[data-template="template11"] .t11-factory-more span { font-size:12px; font-weight:700; color:var(--k11-blue); }
html[data-template="template11"] .t11-photo-item { position:relative; aspect-ratio:1/1; border-radius:var(--k11-r-sm); overflow:hidden; background:var(--k11-white,#fff); box-shadow:var(--k11-shadow-sm); }
html[data-template="template11"] .t11-photo-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
html[data-template="template11"] .t11-photo-item:hover img { transform:scale(1.06); }
html[data-template="template11"] .t11-photo-item span { position:absolute; left:0; right:0; bottom:0; padding:7px 10px; background:linear-gradient(transparent, rgba(53,64,90,.75)); color:#fff; font-size:12px; font-weight:700; }
html[data-template="template11"] .t11-photo-item i { font-size:40px; color:var(--k11-blue); display:flex; height:100%; align-items:center; justify-content:center; }
html[data-template="template11"] .t11-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
html[data-template="template11"] .t11-post-card { display:block; background:var(--k11-white,#fff); border-radius:var(--k11-r); box-shadow:var(--k11-shadow-sm); padding:16px; text-decoration:none; overflow:hidden; transition:transform .15s ease; }
html[data-template="template11"] .t11-post-card:hover { transform:translateY(-4px); }
html[data-template="template11"] .t11-post-img { width:100%; height:160px; object-fit:cover; border-radius:var(--k11-r-sm); display:block; margin-bottom:14px; }
html[data-template="template11"] .t11-post-title { display:block; font-family:'Fredoka',sans-serif; font-weight:600; font-size:17px; line-height:1.3; margin-bottom:8px; color:var(--k11-ink); }
html[data-template="template11"] .t11-post-excerpt { display:block; font-size:13px; color:var(--k11-ink2); margin-bottom:10px; }
html[data-template="template11"] .t11-post-card small { font-size:11px; color:var(--k11-ink2); }

/* 7. CTA / 详情页 */
html[data-template="template11"] .t11-cta-box { position:relative; text-align:center; background:var(--k11-sky); border-radius:36px; padding:52px 30px; }
html[data-template="template11"] .t11-cta-box p { margin:12px 0 22px; font-size:16px; font-weight:700; }
html[data-template="template11"] .t11-cta-sticker { width:64px; height:64px; right:8%; top:-16px; }
html[data-template="template11"] .t11-detail-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:42px; align-items:start; }
html[data-template="template11"] .t11-gallery { min-width:0; }
html[data-template="template11"] .t11-gallery-main { position:relative; background:var(--k11-sky); border-radius:var(--k11-r); min-height:420px; display:flex; align-items:center; justify-content:center; padding:34px; }
html[data-template="template11"] .t11-gallery-main > img { max-width:100%; max-height:400px; object-fit:contain; transition:opacity .2s ease; }
html[data-template="template11"] .t11-gallery-main > i { font-size:80px; color:var(--k11-blue); }
html[data-template="template11"] .t11-gal-arrow { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:rgba(255,255,255,.9); color:var(--k11-ink); font-size:15px; cursor:pointer; box-shadow:0 2px 10px rgba(53,64,90,.22); z-index:3; }
html[data-template="template11"] .t11-gal-arrow:hover { background:#fff; transform:translateY(-50%) scale(1.08); }
html[data-template="template11"] .t11-gal-prev { left:12px; }
html[data-template="template11"] .t11-gal-next { right:12px; }
html[data-template="template11"] .t11-thumbs { display:flex; overflow-x:auto; gap:10px; margin-top:14px; padding-bottom:6px; scrollbar-width:thin; }
html[data-template="template11"] .t11-thumbs::-webkit-scrollbar { height:6px; }
html[data-template="template11"] .t11-thumbs::-webkit-scrollbar-thumb { background:var(--k11-blue); border-radius:3px; }
html[data-template="template11"] .t11-thumb { flex:0 0 92px; width:92px; height:92px; padding:5px; box-sizing:border-box; background:var(--k11-white,#fff); border:2px solid transparent; border-radius:var(--k11-r-sm); cursor:pointer; box-shadow:var(--k11-shadow-sm); }
html[data-template="template11"] .t11-thumb img { width:100%; height:100%; object-fit:cover; border-radius:8px; display:block; }
html[data-template="template11"] .t11-thumb.active { border-color:var(--k11-coral); }
html[data-template="template11"] .t11-buy .t11-h1 { font-size:clamp(26px,2.8vw,40px); margin-bottom:8px; }
html[data-template="template11"] .t11-full-name { font-size:12px; color:var(--k11-ink2); margin:0 0 12px; line-height:1.4; }
html[data-template="template11"] .t11-price { font-family:'Fredoka',sans-serif; font-weight:600; font-size:30px; color:var(--k11-coral); margin-bottom:12px; }
html[data-template="template11"] .t11-buy-desc { font-size:14px; line-height:1.65; color:var(--k11-ink2); margin:0 0 16px; }
html[data-template="template11"] .t11-ship { display:flex; align-items:center; gap:10px; padding:11px 14px; background:var(--k11-mint); border-radius:999px; font-size:13px; font-weight:700; margin-bottom:18px; }
html[data-template="template11"] .t11-qty-row { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px; }
html[data-template="template11"] .t11-qty { display:flex; align-items:center; border:2px solid var(--k11-line); border-radius:999px; background:var(--k11-white,#fff); height:54px; overflow:hidden; }
html[data-template="template11"] .t11-qty button { width:40px; height:100%; border:0; background:transparent; font-size:19px; cursor:pointer; color:var(--k11-ink); }
html[data-template="template11"] .t11-qty input { width:46px; height:100%; border:0; background:transparent; text-align:center; font-size:16px; font-weight:700; color:var(--k11-ink); -moz-appearance:textfield; }
html[data-template="template11"] .t11-qty input::-webkit-outer-spin-button,
html[data-template="template11"] .t11-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
html[data-template="template11"] .t11-add-cart { flex:1; min-width:210px; }
html[data-template="template11"] .t11-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
html[data-template="template11"] .t11-facts > div { background:var(--k11-sky); border-radius:var(--k11-r-sm); padding:11px 8px; text-align:center; }
html[data-template="template11"] .t11-facts span { display:block; font-size:10px; letter-spacing:.5px; text-transform:uppercase; color:var(--k11-ink2); margin-bottom:3px; }
html[data-template="template11"] .t11-facts b { font-family:'Fredoka',sans-serif; font-size:14px; overflow-wrap:anywhere; }
html[data-template="template11"] .t11-accs { border-top:2px solid var(--k11-line); }
html[data-template="template11"] .t11-acc { border-bottom:1px solid var(--k11-line); }
html[data-template="template11"] .t11-acc summary { list-style:none; cursor:pointer; padding:15px 2px; font-size:15px; font-weight:800; display:flex; justify-content:space-between; align-items:center; }
html[data-template="template11"] .t11-acc summary::-webkit-details-marker { display:none; }
html[data-template="template11"] .t11-acc summary::after { content:'+'; font-size:20px; font-weight:500; color:var(--k11-blue); }
html[data-template="template11"] .t11-acc[open] summary::after { content:'\2212'; }
html[data-template="template11"] .t11-acc-body { padding:0 2px 16px; font-size:13px; line-height:1.65; color:var(--k11-ink2); }
html[data-template="template11"] .t11-spec-table { width:100%; border-collapse:collapse; font-size:13px; }
html[data-template="template11"] .t11-spec-table th,
html[data-template="template11"] .t11-spec-table td { padding:7px 8px; border-bottom:1px dashed var(--k11-line); text-align:left; }
html[data-template="template11"] .t11-spec-table th { width:40%; font-weight:700; color:var(--k11-ink); }
html[data-template="template11"] .t11-order-panel { margin-top:36px; background:var(--k11-white,#fff); border-radius:var(--k11-r); box-shadow:var(--k11-shadow); padding:26px; }
html[data-template="template11"] .t11-order-panel h3 { font-size:24px; margin-bottom:18px; }
html[data-template="template11"] .t11-sp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
html[data-template="template11"] .t11-sp-card { display:flex; gap:12px; align-items:flex-start; background:var(--k11-white,#fff); border-radius:var(--k11-r-sm); box-shadow:var(--k11-shadow-sm); padding:14px 16px; }
html[data-template="template11"] .t11-sp-icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:var(--k11-sun); border-radius:50%; color:var(--k11-ink); font-size:16px; }
html[data-template="template11"] .t11-sp-title { display:block; font-family:'Fredoka',sans-serif; font-weight:600; font-size:15px; line-height:1.3; margin-bottom:4px; color:var(--k11-ink); }
html[data-template="template11"] .t11-sp-desc { margin:0; font-size:12.5px; line-height:1.6; color:var(--k11-ink2); }
html[data-template="template11"] .t11-aplus { display:grid; gap:16px; }
html[data-template="template11"] .t11-aplus img { width:100%; border-radius:var(--k11-r-sm); box-shadow:var(--k11-shadow-sm); }
html[data-template="template11"] .t11-video-wrap { border-radius: var(--k11-r); overflow: hidden; box-shadow: var(--k11-shadow-sm); }
html[data-template="template11"] .t11-video-wrap video { width:100%; display:block; }
html[data-template="template11"] .t11-rich { font-size:15px; line-height:1.8; color:var(--k11-ink); }
html[data-template="template11"] .t11-rich img { max-width:100%; border-radius:var(--k11-r-sm); }
html[data-template="template11"] .t11-rich h2,
html[data-template="template11"] .t11-rich h3 { font-family:'Fredoka',sans-serif; font-size:22px; margin:26px 0 12px; }

/* 8. 文章详情 / 联系 / 关于 */
html[data-template="template11"] .t11-post-inner { width:min(720px,calc(100% - 40px)); margin-inline:auto; }
html[data-template="template11"] .t11-back { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:900; letter-spacing:1px; text-transform:uppercase; text-decoration:none; color:var(--k11-blue); margin-bottom:18px; }
html[data-template="template11"] .t11-post-cover { border-radius:var(--k11-r); overflow:hidden; box-shadow:var(--k11-shadow-sm); margin-bottom:22px; }
html[data-template="template11"] .t11-post-cover img { display:block; width:100%; max-height:420px; object-fit:cover; }
html[data-template="template11"] .t11-post-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
html[data-template="template11"] .t11-post-tags span { padding:5px 14px; background:var(--k11-sky); border-radius:999px; font-size:12px; font-weight:700; }
html[data-template="template11"] .t11-post-meta { display:flex; gap:18px; font-size:12px; color:var(--k11-ink2); margin-bottom:16px; }
html[data-template="template11"] .t11-post-rule { border-top:1px solid var(--k11-line); margin:18px 0 26px; }
html[data-template="template11"] .t11-contact-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
html[data-template="template11"] .t11-contact-card { border-radius:var(--k11-r); padding:18px 20px; min-height:150px; box-shadow:var(--k11-shadow-sm); }
html[data-template="template11"] .t11-card-sky { background:var(--k11-sky); }
html[data-template="template11"] .t11-card-peach { background:var(--k11-peach); }
html[data-template="template11"] .t11-card-mint { background:#EFFBF4; }
html[data-template="template11"] .t11-card-lilac { background:var(--k11-lilac); }
html[data-template="template11"] .t11-contact-card h3 { display:flex; align-items:center; gap:8px; font-family:'Fredoka',sans-serif; font-size:16px; font-weight:600; margin:0 0 8px; color:var(--k11-ink); }
html[data-template="template11"] .t11-contact-card h3 i { color:var(--k11-blue); }
html[data-template="template11"] .t11-contact-card p { font-size:13px; line-height:1.55; margin:0; }
html[data-template="template11"] .t11-contact-card p a { text-decoration:none; font-weight:700; color:var(--k11-blue); }
html[data-template="template11"] .t11-contact-form { background:var(--k11-white,#fff); border-radius:var(--k11-r); box-shadow:var(--k11-shadow-sm); padding:28px; margin-top:30px; }
html[data-template="template11"] .t11-contact-form .t11-sec-head { margin-bottom:20px; text-align:left; }
html[data-template="template11"] .t11-form-msg { display:inline-block; margin-left:14px; font-size:13px; font-weight:700; color:var(--k11-blue); }
html[data-template="template11"] .t11-about-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:42px; align-items:center; }
html[data-template="template11"] .t11-about-text h2 { margin-bottom:14px; }
html[data-template="template11"] .t11-about-media { position:relative; background:var(--k11-white,#fff); border-radius:var(--k11-r); box-shadow:var(--k11-shadow); padding:16px; }
html[data-template="template11"] .t11-about-media > img:first-child { width:100%; display:block; border-radius:var(--k11-r-sm); object-fit:cover; max-height:330px; }
html[data-template="template11"] .t11-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:34px; }
html[data-template="template11"] .t11-stat-card { background:var(--k11-white,#fff); border-radius:var(--k11-r-sm); box-shadow:var(--k11-shadow-sm); padding:18px 10px; text-align:center; }
html[data-template="template11"] .t11-stat-card b { display:block; font-family:'Fredoka',sans-serif; font-weight:600; font-size:24px; color:var(--k11-blue); }
html[data-template="template11"] .t11-stat-card small { font-size:11px; color:var(--k11-ink2); }
html[data-template="template11"] .t11-photo-group { margin-bottom:32px; }
html[data-template="template11"] .t11-photo-group-title { font-family:'Fredoka',sans-serif; font-weight:600; font-size:19px; margin:0 0 14px; display:flex; align-items:center; gap:8px; color:var(--k11-ink); }
html[data-template="template11"] .t11-photo-group-title i { color:var(--k11-blue); }
html[data-template="template11"] .t11-qual-row { display:flex; gap:24px; justify-content:center; flex-wrap:wrap; }
html[data-template="template11"] .t11-qual-card { background:var(--k11-white,#fff); border-radius:var(--k11-r); box-shadow:var(--k11-shadow-sm); padding:22px; width:min(330px,100%); text-align:center; }
html[data-template="template11"] .t11-qual-card img { width:100%; max-height:220px; object-fit:contain; display:block; }
html[data-template="template11"] .t11-qual-card small { display:block; margin-top:12px; font-size:12px; color:var(--k11-ink2); }

/* 9. 页脚 */
html[data-template="template11"] .t11-footer { position:relative; background:var(--k11-sky); border-radius:44px 44px 0 0; padding:52px 0 20px; margin-top:30px; }
html[data-template="template11"] .t11-footer-sticker { position:absolute; width:96px; height:96px; right:7%; top:-30px; }
html[data-template="template11"] .t11-footer-grid { display:grid; grid-template-columns:1.05fr 1fr 1fr 1.2fr; gap:30px; align-items:start; }
html[data-template="template11"] .t11-foot-brand { position:relative; }
html[data-template="template11"] .t11-foot-logo { max-height:44px; width:auto; display:block; }
html[data-template="template11"] .t11-foot-name { font-family:'Fredoka',sans-serif; font-weight:600; font-size:17px; margin:12px 0 6px; color:var(--k11-ink); }
html[data-template="template11"] .t11-foot-intro { font-size:12px; line-height:1.65; color:var(--k11-ink2); max-width:250px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
html[data-template="template11"] .t11-foot-sticker { width:52px; height:52px; right:4px; top:-12px; }
html[data-template="template11"] .t11-footer h4 { font-family:'Fredoka',sans-serif; font-weight:600; font-size:17px; margin:0 0 12px; color:var(--k11-ink); }
html[data-template="template11"] .t11-foot-col a { display:block; font-size:13px; margin-bottom:7px; text-decoration:none; color:var(--k11-ink); }
html[data-template="template11"] .t11-foot-col a:hover { text-decoration:underline; }
html[data-template="template11"] .t11-foot-mail { font-size:13px; margin:0 0 8px; }
html[data-template="template11"] .t11-foot-mail a { text-decoration:none; font-weight:700; color:var(--k11-ink); }
html[data-template="template11"] .t11-foot-mail a:hover { color:var(--k11-coral); }
html[data-template="template11"] .t11-social { display:flex; gap:10px; margin-top:22px; }
html[data-template="template11"] .t11-social a { width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:var(--k11-white,#fff); border-radius:50%; box-shadow:var(--k11-shadow-sm); font-size:17px; text-decoration:none; color:var(--k11-blue); }
html[data-template="template11"] .t11-foot-bottom { border-top:1px solid rgba(53,64,90,.15); margin-top:34px; padding-top:16px; font-size:11px; color:var(--k11-ink2); display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
html[data-template="template11"] .t11-foot-sitemap { display:inline-flex; gap:14px; }
html[data-template="template11"] .t11-foot-sitemap a { color:var(--k11-ink2); text-decoration:none; font-weight:600; }
html[data-template="template11"] .t11-foot-sitemap a:hover { color:var(--k11-coral); text-decoration:underline; }

/* 产品详情主图放大镜（童趣白圆钮，右下角） */
html[data-template="template11"] .t11-gal-zoom {
    position: absolute; right: 12px; bottom: 12px; z-index: 3;
    width: 42px; height: 42px; border: 0; border-radius: 50%;
    background: rgba(255,255,255,.92); color: var(--k11-blue);
    font-size: 17px; cursor: pointer;
    box-shadow: 0 2px 10px rgba(53,64,90,.22);
    transition: transform .15s ease, background .15s ease;
}
html[data-template="template11"] .t11-gal-zoom:hover { background:#fff; transform: scale(1.1); }
html[data-template="template11"] .t11-gallery-main > img { cursor: zoom-in; }

/* 视频与图区同宽 */
html[data-template="template11"] .t11-video-wrap video { width: 100%; max-width: 100%; }

/* 12. 悬浮询盘按钮：呼吸动画 + 气球贴纸（卡通引导） */
html[data-template="template11"] .t11-inquiry-fab { position:fixed; right:22px; bottom:22px; z-index:90; display:inline-flex; align-items:center; gap:9px; padding:14px 22px; border-radius:999px; background:linear-gradient(135deg,#FF9B9B,var(--k11-coral)); color:#fff; text-decoration:none; font-family:'Fredoka',sans-serif; font-weight:600; font-size:15px; box-shadow:0 10px 24px rgba(255,123,123,.45); animation:t11-breath 2.4s ease-in-out infinite; }
html[data-template="template11"] .t11-inquiry-fab i { font-size:17px; }
html[data-template="template11"] .t11-inquiry-fab-sticker { position:absolute; left:-16px; top:-30px; width:44px; height:44px; pointer-events:none; }
html[data-template="template11"] .t11-inquiry-fab:hover { animation:none; transform:scale(1.06); box-shadow:0 14px 32px rgba(255,123,123,.55); }
@keyframes t11-breath { 0%,100%{ transform:scale(1); box-shadow:0 10px 24px rgba(255,123,123,.45); } 50%{ transform:scale(1.06); box-shadow:0 14px 34px rgba(255,123,123,.62); } }

/* 10. 动效与响应式 */
@keyframes t11-marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes t11-float { 0%,100%{transform:translateY(0) rotate(-4deg)} 50%{transform:translateY(-10px) rotate(4deg)} }
@media (max-width:1024px) {
    html[data-template="template11"] .t11-detail-grid,
    html[data-template="template11"] .t11-about-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
    html[data-template="template11"] .t11-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-template="template11"] .t11-slide-inner { gap:24px; min-height:0; grid-template-columns:minmax(0,1fr); }
    html[data-template="template11"] .t11-slide-art { height:330px; }
    html[data-template="template11"] .t11-slide-copy,
    html[data-template="template11"] .t11-slide-art { min-width:0; max-width:100%; }
}
@media (max-width:760px) {
    html[data-template="template11"] .container,
    html[data-template="template11"] .header-inner { width:calc(100% - 32px); }
    html[data-template="template11"] .t11-slide-copy p,
    html[data-template="template11"] .t11-hero-product-name { max-width:100%; font-size:13px; }
    html[data-template="template11"] .t11-hero-product-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:-4px; }
    html[data-template="template11"] .site-header { padding-top:28px; min-height:88px; margin-bottom:56px; }
    html[data-template="template11"] .header-inner { height:60px; }
    html[data-template="template11"] .t11-announce { height:28px; }
    html[data-template="template11"] .t11-announce-unit { line-height:27px; font-size:11px; }
    html[data-template="template11"] .logo .logo-img { max-height:34px; }
    html[data-template="template11"] .t11-menu-btn { top:44px; left:16px; }
    html[data-template="template11"] .site-nav { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; padding:12px 16px 0; scrollbar-width:none; }
    html[data-template="template11"] .site-nav::-webkit-scrollbar { display:none; }
    html[data-template="template11"] .site-nav a { flex:0 0 auto; font-size:12px; padding:7px 16px; }
    html[data-template="template11"] .t11-slide-inner { grid-template-columns:minmax(0,1fr); }
    html[data-template="template11"] .t11-slide-art { height:250px; border-radius:24px; }
    html[data-template="template11"] .t11-slide-copy p { font-size:14px; }
    html[data-template="template11"] .t11-slide-actions .t11-btn { width:100%; }
    html[data-template="template11"] .t11-hero-arrow { width:34px; height:34px; }
    html[data-template="template11"] .t11-hero-prev { left:4px; }
    html[data-template="template11"] .t11-hero-next { right:4px; }
    html[data-template="template11"] .t11-h1 { font-size:clamp(24px,6vw,34px); }
    html[data-template="template11"] .t11-h2 { font-size:clamp(20px,5vw,26px); }
    html[data-template="template11"] .t11-band-sky,
    html[data-template="template11"] .t11-band-mint { border-radius:28px; padding:30px 0; }
    html[data-template="template11"] .t11-cat-grid,
    html[data-template="template11"] .t11-prod-grid,
    html[data-template="template11"] .t11-review-grid,
    html[data-template="template11"] .t11-post-grid,
    html[data-template="template11"] .t11-contact-cards,
    html[data-template="template11"] .t11-footer-grid { grid-template-columns:minmax(0,1fr); }
    html[data-template="template11"] .t11-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-template="template11"] .t11-factory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-template="template11"] .t11-inquiry-fab { right:14px; bottom:14px; padding:15px; border-radius:50%; font-size:0; gap:0; }
    html[data-template="template11"] .t11-inquiry-fab i { font-size:19px; }
    html[data-template="template11"] .t11-inquiry-fab-sticker { width:36px; height:36px; left:-8px; top:-22px; }
    html[data-template="template11"] .t11-sp-grid { grid-template-columns:minmax(0,1fr); }
    html[data-template="template11"] .t11-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-template="template11"] .t11-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-template="template11"] .t11-form-row { grid-template-columns:minmax(0,1fr); gap:0; }
    html[data-template="template11"] .t11-filters { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; padding:0 16px 6px; gap:8px; scrollbar-width:none; }
    html[data-template="template11"] .t11-filters::-webkit-scrollbar { display:none; }
    html[data-template="template11"] .t11-filter { flex:0 0 auto; white-space:nowrap; }
    html[data-template="template11"] .t11-st-hero-cloud { width:60px; height:60px; right:2%; top:8px; }
    html[data-template="template11"] .t11-st-hero-sun { width:50px; height:50px; left:2%; bottom:8px; }
    html[data-template="template11"] .t11-st-page-a { width:56px; height:56px; left:6%; }
    html[data-template="template11"] .t11-st-page-b { width:40px; height:40px; right:6%; }
    html[data-template="template11"] .t11-cta-sticker { width:48px; height:48px; right:3%; top:-10px; }
    html[data-template="template11"] .t11-footer { border-radius:28px 28px 0 0; padding-top:38px; }
    html[data-template="template11"] .t11-footer-sticker { width:56px; height:56px; right:6%; top:-16px; }
    html[data-template="template11"] .t11-footer-grid { grid-template-columns:minmax(0,1fr); text-align:center; gap:24px; }
    html[data-template="template11"] .t11-foot-logo { margin-inline:auto; }
    html[data-template="template11"] .t11-foot-intro { margin-inline:auto; }
    html[data-template="template11"] .t11-foot-sticker { display:none; }
    html[data-template="template11"] .t11-foot-brand .t11-float-a { width:64px; height:64px; }
    html[data-template="template11"] .t11-foot-col h4 { margin-bottom:10px; }
    html[data-template="template11"] .t11-foot-col a { display:inline-block; margin:0 5px 8px; padding:7px 16px; background:var(--k11-white,#fff); border-radius:999px; box-shadow:var(--k11-shadow-sm); font-size:13px; }
    html[data-template="template11"] .t11-foot-sub .t11-btn { width:auto; }
}
@media (max-width:390px) {
    html[data-template="template11"] .t11-btn { min-height:50px; font-size:16px; padding:12px 20px; }
    html[data-template="template11"] .t11-slide-art { height:220px; }
    html[data-template="template11"] .t11-filters { padding:0 12px; }
}
@media (prefers-reduced-motion:reduce) {
    html[data-template="template11"] .t11-hero-track { transition:none; }
    html[data-template="template11"] .t11-btn,
    html[data-template="template11"] .t11-prod-card,
    html[data-template="template11"] .t11-review-card,
    html[data-template="template11"] .t11-post-card { transition:none; }
    html[data-template="template11"] .t11-sticker { animation:none !important; }
    html[data-template="template11"] .t11-announce-track { animation:none; }
    html[data-template="template11"] .t11-inquiry-fab { animation:none !important; }
}


/* 13. 图片弹窗预览（童趣风格）与发货/资质页组件 */
html[data-template="template11"] .t11-lightbox { position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center; }
html[data-template="template11"] .t11-lightbox-mask { position: absolute; inset: 0; background: rgba(53,64,90,.55); }
html[data-template="template11"] .t11-lightbox-card {
    position: relative; z-index: 2; max-width: min(880px, calc(100% - 48px)); max-height: calc(100vh - 80px);
    background: var(--k11-white,#fff); border-radius: 28px; box-shadow: 0 30px 70px rgba(53,64,90,.35);
    padding: 18px; display: flex; align-items: center; justify-content: center;
}
html[data-template="template11"] .t11-lightbox-img { max-width: 100%; max-height: calc(100vh - 130px); object-fit: contain; border-radius: 16px; display: block; }
html[data-template="template11"] .t11-lightbox-close {
    position: absolute; top: -14px; right: -14px; width: 40px; height: 40px;
    border: 0; border-radius: 50%; background: var(--k11-coral); color: #fff;
    font-size: 16px; cursor: pointer; box-shadow: 0 6px 16px rgba(255,123,123,.4);
}
html[data-template="template11"] .t11-lightbox-close:hover { transform: scale(1.08); }
html[data-template="template11"] .t11-lightbox-sticker { position: absolute; left: -18px; bottom: -16px; width: 56px; height: 56px; pointer-events: none; }

/* 发货与售后页 */
html[data-template="template11"] .t11-ship-sec {
    background: var(--k11-white,#fff); border-radius: 28px; box-shadow: var(--k11-shadow-sm);
    padding: 26px 28px; margin-bottom: 22px;
}
html[data-template="template11"] .t11-ship-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
html[data-template="template11"] .t11-ship-head .t11-h2 { font-size: clamp(20px,2vw,26px); margin: 0; }
html[data-template="template11"] .t11-ship-icon {
    width: 46px; height: 46px; border-radius: 14px; flex: 0 0 auto;
    display: flex; align-items: center; justify-content: center;
    background: var(--k11-sky); color: var(--k11-blue); font-size: 20px;
}
html[data-template="template11"] .t11-ship-intro { margin: 0 0 18px; font-size: 14px; line-height: 1.7; color: var(--k11-ink2); }
html[data-template="template11"] .t11-ship-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
html[data-template="template11"] .t11-ship-item {
    border: 1px solid var(--k11-line); border-radius: 16px; padding: 14px 16px; background: var(--k11-sky);
}
html[data-template="template11"] .t11-ship-item:nth-child(even) { background: #FFF6DE; }
html[data-template="template11"] .t11-ship-item-label { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
html[data-template="template11"] .t11-ship-item-label span {
    font-size: 10px; padding: 1px 8px; border-radius: 999px; background: rgba(53,64,90,.08); color: var(--k11-ink2); font-weight: 700;
}
html[data-template="template11"] .t11-ship-item-label b { font-size: 14px; color: var(--k11-ink); }
html[data-template="template11"] .t11-ship-item-value { font-size: 13px; line-height: 1.6; color: var(--k11-ink); word-break: break-word; }
html[data-template="template11"] .t11-ship-item-value.muted { color: var(--k11-ink2); font-size: 12px; }

/* 资质认证页 */
html[data-template="template11"] .t11-cert-catalog {
    display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
    background: var(--k11-white,#fff); border-radius: 28px; box-shadow: var(--k11-shadow-sm); padding: 26px 30px;
}
html[data-template="template11"] .t11-cert-catalog-icon {
    width: 62px; height: 62px; border-radius: 18px; flex: 0 0 auto;
    display: flex; align-items: center; justify-content: center;
    background: var(--k11-peach); color: var(--k11-coral); font-size: 26px;
}
html[data-template="template11"] .t11-cert-catalog-copy { flex: 1; min-width: 220px; }
html[data-template="template11"] .t11-cert-catalog-copy p { margin: 6px 0 0; font-size: 14px; color: var(--k11-ink2); }
html[data-template="template11"] .t11-cert-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
html[data-template="template11"] .t11-cert-card {
    display: block; text-decoration: none; background: var(--k11-white,#fff);
    border-radius: var(--k11-r); box-shadow: var(--k11-shadow-sm);
    padding: 22px 18px; text-align: center; transition: transform .15s ease, box-shadow .15s ease;
}
html[data-template="template11"] .t11-cert-card:hover { transform: translateY(-4px); box-shadow: var(--k11-shadow); }
html[data-template="template11"] .t11-cert-icon {
    width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--k11-mint); color: var(--k11-blue); font-size: 24px;
}
html[data-template="template11"] .t11-cert-code { display: block; font-family: 'Fredoka',sans-serif; font-weight: 600; font-size: 18px; color: var(--k11-ink); margin-bottom: 6px; }
html[data-template="template11"] .t11-cert-desc { font-size: 12.5px; line-height: 1.6; color: var(--k11-ink2); margin: 0 0 12px; }
html[data-template="template11"] .t11-cert-view { font-size: 12px; font-weight: 800; color: var(--k11-blue); }
@media (max-width: 900px) { html[data-template="template11"] .t11-cert-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px) {
    html[data-template="template11"] .t11-cert-grid { grid-template-columns: minmax(0,1fr); }
    html[data-template="template11"] .t11-lightbox-card { padding: 12px; }
}