/*!
 * PixCake AI 工具箱样式 —— 全站 .aitb-* 选择器的唯一来源
 *
 * 覆盖范围：/ai-toolbox 枢纽 + 13 个工具集 + 197 个功能详情 + 萌宠拍档 12 页
 * 加载方式：wp_enqueue_style()，版本号取 filemtime()，不再内联进 wp_head
 *
 * ⚠️ 约定：
 *   1. 禁止在任何 mu-plugin 里再写 .aitb- 选择器的 <style> 块
 *   2. 禁止在 PHP 里复制本文件内容做兜底
 *   3. 改样式只改这里；上线后由 verify_ai_toolbox.py 全量校验
 */

.aitb{font-family:'Source Han Sans CN','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;color:#18191c;-webkit-font-smoothing:antialiased;line-height:1.6}
.aitb,.aitb *:not([class*="pixcake-seo-download"]){box-sizing:border-box}
.aitb h1,.aitb h2,.aitb h3,.aitb p,.aitb figure,.aitb ul,.aitb ol{margin:0;padding:0}
.aitb a{text-decoration:none;color:inherit}
.aitb img{display:block}
.aitb-wrap{width:min(100% - 40px,1200px);margin:0 auto}
.aitb-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:48px;padding:0 24px;border-radius:6px;background:#F9D547;color:#18191C!important;font-size:15px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.aitb-banner-download{width:100%;max-width:620px;margin-top:22px}
.aitb-banner-download .pixcake-seo-download-card--hub{margin:0}
.aitb-banner-download .pixcake-seo-download-card__hub-downloads{max-width:none;margin-top:0}
.aitb-banner-download .pixcake-seo-download-card__hub-item{grid-template-columns:20px minmax(0,1fr) auto;gap:5px;min-height:48px;padding:0 6px}
.aitb-banner-download .pixcake-seo-download-card__hub-item>.fa{font-size:18px}
.aitb-banner-download .pixcake-seo-download-card__hub-label strong{font-size:12px}
.aitb-banner-download .pixcake-seo-download-card__hub-action{gap:4px;padding:7px 8px;font-size:12px}
.aitb-cta-download{width:100%;max-width:840px;margin-top:24px}
.aitb-cta-download .pixcake-seo-download-card--hub{margin:0}
.aitb-cta-download .pixcake-seo-download-card__hub-downloads{max-width:none;margin-top:0}
.aitb-hero{background:#171B24;height:400px}.aitb-hero-in{height:400px;display:flex;align-items:center;justify-content:space-between}
.aitb-hero-l{max-width:620px}
.aitb-hero-t{font-size:46px;line-height:1.22;font-weight:700;color:#fff}
.aitb-hero-d{font-size:16px;color:#C7CEDA;max-width:460px;margin-top:18px}
.aitb-hero-dl{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.aitb-hero .pixcake-seo-download-form{margin:0;padding:0;display:block}
.aitb-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:156px;height:44px;border:0;border-radius:6px;background:#F9D547;color:#0B1825;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}
.aitb-hero-btn:hover,.aitb-hero-btn:focus-visible{background:#FFE066}
.aitb-hero-btn .fa{font-size:15px}
.aitb-hero-img{width:540px;height:300px;border-radius:14px;object-fit:cover;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.aitb-seohead--hub{padding:30px 0 6px}.aitb-seohead--hub p{margin-top:0}
.aitb-seohead{padding:52px 0 16px}.aitb-crumb{font-size:13px;color:#999}.aitb-crumb a,.aitb-tchead-crumb a{color:inherit;text-decoration:none}.aitb-crumb a:hover,.aitb-crumb a:focus-visible,.aitb-tchead-crumb a:hover,.aitb-tchead-crumb a:focus-visible{text-decoration:underline}.aitb-crumb-sep{margin:0 6px;color:#aaa}
.aitb-seohead h1{font-size:30px;font-weight:700;color:#18191c;margin-top:14px}
.aitb-seohead p{font-size:15px;color:#333;width:100%;max-width:960px;margin-top:16px}
.aitb-seo-p{font-size:15px;color:#333;margin-top:16px;line-height:1.8}
.aitb-eff .aitb-sec-t{margin-top:24px!important;margin-bottom:0!important}
.aitb-eff .aitb-sec-t:first-child{margin-top:0!important}
.aitb-sec{padding:16px 0}.aitb-sec-t{font-size:26px;font-weight:700}.aitb-sec-s{font-size:14px;color:#666;margin-top:10px}
.aitb-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.aitb-tset{display:block;background:#fff;border:1px solid #F0F1F3;border-radius:10px;padding:12px 12px 16px;height:236px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.aitb-tset img{width:100%;height:140px;border-radius:6px;object-fit:cover}
.aitb-tset-n{font-size:16px;font-weight:700;margin-top:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aitb-tset-d{font-size:12px;color:#999;margin-top:8px}
.aitb-hot{background:#F7F8FA;padding:52px 0 64px}
.aitb-hotcard{display:block;background:#fff;border:1px solid transparent;border-radius:10px;padding:12px 12px 16px;min-height:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.aitb-hotcard img{width:100%;height:154px;border-radius:6px;object-fit:cover}
.aitb-hotcard-n{font-size:16px;font-weight:700;min-height:48px;margin-top:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aitb-hotcard-tag{font-size:12px;font-weight:500;color:#FF6A00;margin-top:8px}
.aitb-hotcard-d{font-size:12px;color:#666;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.aitb-tchead{background:#171B24;height:360px}.aitb-tchead-in{height:360px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.aitb-tchead-l{flex:1;min-width:0;width:auto}.aitb-tchead-crumb{font-size:13px;color:#8A8F9C}
.aitb-tchead-tag{display:inline-block;font-size:13px;font-weight:500;color:#F9D547;margin-top:16px}
.aitb-tchead-t{font-size:40px;font-weight:700;color:#fff;margin-top:12px}
.aitb-tchead-d{font-size:15px;color:#B8BDC9;margin-top:18px}
.aitb-tchead-img{width:225px;height:300px;border-radius:10px;object-fit:cover}
/* 工具集页首屏（--ts）：对齐 AI 工具箱枢纽页模式，只覆盖本变体，功能详情页不受影响 */
.aitb-tchead--ts,.aitb-tchead--ts .aitb-tchead-in{height:400px}
.aitb-tchead--ts .aitb-tchead-t{font-size:46px;line-height:1.22;margin-top:14px}
.aitb-tchead--ts .aitb-tchead-d{font-size:16px;color:#C7CEDA;max-width:460px}
.aitb-tchead--ts .aitb-tchead-img{width:540px;height:300px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
/* 功能详情页首屏（--tsd）：封面为 3:4 竖图，独立变体，不影响其他页面 */
.aitb-tchead--tsd,.aitb-tchead--tsd .aitb-tchead-in{height:400px}
.aitb-tchead--tsd .aitb-tchead-t{font-size:46px;line-height:1.22;margin-top:14px}
.aitb-tchead--tsd .aitb-tchead-d{font-size:16px;color:#C7CEDA;max-width:520px}
.aitb-tchead--tsd .aitb-tchead-img{width:300px;height:400px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45);object-fit:cover}
.aitb-grid-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.aitb-toolcard{display:block;background:#fff;border:1px solid #F0F1F3;border-radius:8px;padding:12px 12px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.aitb-toolcard img{width:100%;max-width:264px;height:auto;aspect-ratio:3 / 4;border-radius:6px;object-fit:cover}
.aitb-toolcard-n{font-size:15px;font-weight:700;margin-top:10px;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aitb-toolcard-d{font-size:12px;color:#666;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aitb-tset:hover,.aitb-tset:focus-visible,.aitb-hotcard:hover,.aitb-hotcard:focus-visible,.aitb-toolcard:hover,.aitb-toolcard:focus-visible{transform:translateY(-3px);border-color:#D9DEE6;box-shadow:0 10px 24px rgba(24,32,45,.12);outline:none}
.aitb-eff{padding:32px 0}
.aitb-eff-main{background:#F4F5F7;border-radius:8px;padding:12px;margin-top:0}
.aitb-eff-main img{width:100%;max-width:1176px;height:auto;aspect-ratio:1176 / 660;border-radius:6px;object-fit:cover}
.aitb-eff-lab{font-size:14px;font-weight:500;color:#18191c;margin-top:12px}
.aitb-eff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:0}
.aitb-eff-card{background:#F4F5F7;border-radius:8px;padding:12px}
.aitb-eff-card img{width:100%;max-width:360px;height:auto;aspect-ratio:5 / 6;border-radius:6px;object-fit:cover}
.aitb-cta{background:#171B24;padding:48px 0 52px}.aitb-cta-in{height:auto;display:block}
.aitb-cta-t{font-size:28px;font-weight:700;color:#fff}.aitb-cta-d{font-size:14px;color:#B8BDC9;margin-top:10px}
@media(max-width:1100px) and (min-width:768px){
.aitb-hero,.aitb-tchead{height:auto;padding:40px 0}
.aitb-hero-in,.aitb-tchead-in{height:auto;flex-direction:column;align-items:stretch;gap:24px;padding:0}
.aitb-hero-l,.aitb-tchead-l{width:100%;max-width:100%}
.aitb-hero-img{width:100%;max-width:540px;height:auto}
.aitb-tchead--ts,.aitb-tchead--ts .aitb-tchead-in{height:auto}.aitb-tchead--ts .aitb-tchead-img{width:100%;max-width:540px;height:auto}
.aitb-tchead--tsd,.aitb-tchead--tsd .aitb-tchead-in{height:auto}.aitb-tchead--tsd .aitb-tchead-img{width:100%;max-width:300px;height:auto}
}
@media(max-width:767px){.aitb-hero-in,.aitb-tchead-in{height:auto;flex-direction:column;padding:24px 0;gap:18px}
.aitb-hero,.aitb-tchead{height:auto;padding:40px 0}
.aitb-hero-img{width:100%;height:auto;margin-top:24px}
.aitb-tchead--ts,.aitb-tchead--ts .aitb-tchead-in{height:auto}.aitb-tchead--ts .aitb-tchead-t{font-size:30px}.aitb-tchead--ts .aitb-tchead-d{max-width:none}.aitb-tchead--ts .aitb-tchead-img{width:100%;height:auto;margin-top:24px}
.aitb-tchead--tsd,.aitb-tchead--tsd .aitb-tchead-in{height:auto}.aitb-tchead--tsd .aitb-tchead-t{font-size:32px}.aitb-tchead--tsd .aitb-tchead-d{max-width:none}.aitb-tchead--tsd .aitb-tchead-img{width:100%;max-width:300px;height:auto;margin-top:24px}
.aitb-tchead-img{width:100%;max-width:360px;height:auto;margin-top:24px}
.aitb-hero-l,.aitb-tchead-l{max-width:100%}.aitb-hero-t{font-size:30px;margin-top:0}.aitb-tchead-t{font-size:32px}
.aitb-hero-d{max-width:none;margin-top:14px}.aitb-hero-dl{flex-direction:column;margin-top:22px}.aitb-hero-btn{width:100%;height:46px}
.aitb-seohead p{width:100%}.aitb-grid4,.aitb-grid-tools{grid-template-columns:repeat(2,1fr)}
.aitb-tset img,.aitb-hotcard img,.aitb-toolcard img{width:100%;height:auto}
.aitb-tset,.aitb-hotcard{height:auto}
.aitb-sec-t{font-size:22px}
.aitb-cta-btn{width:100%;min-width:0}
.aitb-eff-main img{width:100%;height:auto}.aitb-eff-row{grid-template-columns:1fr}.aitb-eff-card img{width:100%;height:auto}
}
@media(max-width:480px){.aitb-grid4,.aitb-grid-tools{grid-template-columns:1fr}.aitb-tchead--ts .aitb-tchead-img{width:100%}}
@media(prefers-reduced-motion:reduce){.aitb-tset,.aitb-hotcard,.aitb-toolcard{transition:none}.aitb-tset:hover,.aitb-tset:focus-visible,.aitb-hotcard:hover,.aitb-hotcard:focus-visible,.aitb-toolcard:hover,.aitb-toolcard:focus-visible{transform:none}}
