/*
Theme Name: Keyword Planner Pro
Theme URI: https://waimaiqishou.com
Author: 外卖骑手
Author URI: https://waimaiqishou.com
Description: 免费谷歌关键词规划师工具，Google Ads 风格设计，支持黑白主题自动切换。
Version: 2.8.5
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: keyword-planner
*/

/* === Variables: Light === */
:root {
  --primary:#1a73e8;--primary-hover:#1557b0;--primary-light:#e8f0fe;--primary-surface:#d2e3fc;
  --accent:#f9ab00;--accent-light:#fef7e0;
  --secondary:#34a853;--warning:#fbbc04;--danger:#ea4335;
  --bg:#fff;--bg-alt:#f8f9fa;--bg-muted:#f1f3f4;
  --surface:#fff;--surface-hover:#f8f9fa;
  --text:#202124;--text-2:#5f6368;--text-3:#80868b;--text-inv:#fff;
  --border:#dadce0;--border-lt:#e8eaed;
  --shadow-sm:0 1px 3px rgba(60,64,67,.15),0 1px 2px rgba(60,64,67,.1);
  --shadow-md:0 2px 6px rgba(60,64,67,.15),0 4px 12px rgba(60,64,67,.1);
  --shadow-lg:0 4px 12px rgba(60,64,67,.15),0 8px 24px rgba(60,64,67,.1);
  --r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-full:9999px;
  --font:'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  --font-d:'Google Sans Display','Google Sans','PingFang SC',sans-serif;
  --font-m:'JetBrains Mono',monospace;
  --max-w:1280px;--kp-hd-pad:clamp(16px,4vw,48px);--kp-g-bar-h:48px;--kp-p-bar-h:60px;--kp-safe-top:env(safe-area-inset-top,0px);--hdr-stack:calc(var(--kp-g-bar-h) + var(--kp-p-bar-h) + var(--kp-safe-top));
  --tr:200ms ease;
}

/* === Variables: Dark === */
[data-theme="dark"] {
  --primary:#8ab4f8;--primary-hover:#aecbfa;--primary-light:#1a2744;--primary-surface:#283648;
  --accent:#fdd663;--accent-light:#3e2e00;
  --secondary:#81c995;--warning:#fdd663;--danger:#f28b82;
  --bg:#1f1f1f;--bg-alt:#292a2d;--bg-muted:#35363a;
  --surface:#292a2d;--surface-hover:#35363a;
  --text:#e8eaed;--text-2:#9aa0a6;--text-3:#80868b;--text-inv:#202124;
  --border:#3c4043;--border-lt:#35363a;
  --shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 2px 6px rgba(0,0,0,.4);--shadow-lg:0 4px 12px rgba(0,0,0,.4);
}

/* === Reset === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;transition:background var(--tr),color var(--tr);overflow-x:hidden;margin:0;padding:0}
a{color:var(--primary);text-decoration:none;transition:color var(--tr)}
a:hover{color:var(--primary-hover)}
img{max-width:100%;height:auto;display:block}
button{cursor:pointer;font-family:var(--font)}

/* === Notification（Google Ads 式：全宽条 + 居中浅蓝胶囊，高度对齐顶栏行） === */
.n-banner--ads{width:100%;padding:6px var(--kp-hd-pad) 14px;background:var(--bg);position:relative;z-index:997;font-size:14px}
.n-banner__shell{max-width:min(960px,100%);margin:0 auto}
.n-banner__pill{display:flex;align-items:center;justify-content:center;gap:12px 16px;flex-wrap:wrap;min-height:var(--kp-g-bar-h);padding:8px 18px 8px 16px;background:var(--primary-light);color:var(--primary);border-radius:9999px;box-shadow:0 1px 2px rgba(60,64,67,.06)}
.n-banner--yellow .n-banner__pill{background:var(--accent-light);color:#b05a00}
[data-theme="dark"] .n-banner__pill{background:#1a2744;color:#8ab4f8;box-shadow:none}
[data-theme="dark"] .n-banner--yellow .n-banner__pill{background:#3e2e00;color:#fdd663}
.n-banner__party{flex-shrink:0;display:flex;align-items:center;line-height:0}
.n-banner__party .kp-party-ic{display:block}
.n-banner__mid{flex:1 1 200px;text-align:center;line-height:1.45;min-width:0}
.n-banner__main{font-weight:400;color:inherit}
.n-banner__terms{margin-left:6px;font-weight:500;color:var(--primary);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.n-banner--yellow .n-banner__terms{color:#1557b0}
.n-banner__terms--plain{text-decoration:none;font-weight:400;opacity:.9}
.n-banner__terms:hover{color:var(--primary-hover)}
.n-banner__cta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 8px 6px 14px;border-radius:9999px;background:var(--primary);color:var(--text-inv);font-weight:500;text-decoration:none;transition:opacity var(--tr),background var(--tr)}
.n-banner__cta:hover{color:var(--text-inv);opacity:.94}
.n-banner__cta-ic{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--primary);line-height:0}
.n-banner__cta-ic svg{display:block;width:18px;height:18px}
.n-banner__close{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;padding:6px;border-radius:var(--r-full);display:flex;align-items:center;transition:opacity var(--tr);flex-shrink:0;margin-left:2px}
.n-banner__close:hover{opacity:1}
@media(max-width:600px){
  .n-banner__pill{padding:10px 14px}
  .n-banner__mid{text-align:left}
}

/* === 双层顶栏（结构对齐 Google Ads 营销页） === */
.kp-site-hd{position:sticky;top:0;z-index:1000;margin:0;padding:0;background:var(--bg);transition:background var(--tr),box-shadow var(--tr)}
.kp-site-hd.scrolled{box-shadow:var(--shadow-sm)}
/* 上层：浅灰条 + 顶线（与 Google Ads 工具带一致），菜单紧跟 G 标靠左 */
.kp-g-bar{width:100%;min-height:calc(var(--kp-g-bar-h) + var(--kp-safe-top));height:auto;padding-top:var(--kp-safe-top);background:var(--bg-alt);border-top:1px solid #dadce0;border-bottom:1px solid var(--border-lt)}
[data-theme="dark"] .kp-g-bar{background:var(--bg-muted);border-top-color:var(--border)}
.kp-g-bar__in{max-width:none;width:100%;margin:0;padding:0 var(--kp-hd-pad);min-height:calc(var(--kp-g-bar-h) - 2px);display:flex;align-items:center;gap:10px 16px}
.kp-g-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}
.kp-g-logo:hover{opacity:.9}
.kp-g-logo__img{width:24px;height:24px;object-fit:contain;display:block;flex-shrink:0}
:root{--kp-g-logo-max-h:32px;--kp-dash-logo-max-h:28px}
.kp-g-logo__img--custom{width:auto;height:auto;max-height:var(--kp-g-logo-max-h);max-width:min(220px,42vw);object-fit:contain}
.kp-g-bar__nav{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;flex-wrap:wrap;gap:2px 8px;margin:0}
.kp-g-bar__right{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}
.kp-g-bar__link{padding:6px 10px;font-size:13px;font-weight:400;color:var(--text-2);text-decoration:none;border-radius:4px;transition:background var(--tr),color var(--tr);white-space:nowrap}
.kp-g-bar__link:hover{background:rgba(60,64,67,.06);color:var(--text)}
[data-theme="dark"] .kp-g-bar__link:hover{background:rgba(255,255,255,.06)}
.kp-g-bar__link--active{font-weight:500;color:var(--primary)}
.kp-avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-full);background:var(--primary);color:var(--text-inv);text-decoration:none;transition:opacity var(--tr),background var(--tr)}
.kp-avatar-btn:hover{color:var(--text-inv);opacity:.9}
.kp-avatar-btn svg{width:18px;height:18px}
[data-theme="dark"] .kp-avatar-btn{background:#8ab4f8;color:#202124}
[data-theme="dark"] .kp-avatar-btn:hover{color:#202124}

.kp-p-bar{width:100%;height:var(--kp-p-bar-h);background:var(--bg);border-bottom:1px solid var(--border-lt)}
.kp-p-bar__in{max-width:none;width:100%;margin:0;padding:0 var(--kp-hd-pad);height:100%;display:flex;align-items:stretch;gap:12px}
.kp-p-bar__brand{align-self:center;font-size:clamp(17px,2.2vw,22px);font-weight:600;letter-spacing:-0.02em;color:var(--text);text-decoration:none;flex-shrink:0;font-family:var(--font-d);line-height:1.15;padding-right:8px}
.kp-p-bar__brand:hover{color:var(--text);opacity:.88}
.kp-p-bar__links{display:flex;align-items:stretch;justify-content:flex-start;gap:0;flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.kp-p-bar__links::-webkit-scrollbar{display:none}
.kp-p-bar__link{padding:0 16px;font-size:14px;color:var(--text-2);text-decoration:none;border-bottom:2px solid transparent;transition:color var(--tr),border-color var(--tr);white-space:nowrap;display:inline-flex;align-items:center;flex-shrink:0}
.kp-p-bar__link:hover,.kp-p-bar__link--active{color:var(--primary);border-bottom-color:var(--primary)}
.kp-p-bar__cta{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;align-self:center}

/* 页脚品牌区仍复用 .t-logo */
.t-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}
.t-logo svg{width:24px;height:24px}
.t-logo__text{font-size:18px;font-weight:500;letter-spacing:-0.02em;white-space:nowrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 22px;font-size:14px;font-weight:500;font-family:var(--font);border-radius:var(--r-full);border:none;transition:all var(--tr);text-decoration:none;white-space:nowrap;line-height:1.4}
.btn--p{background:var(--primary);color:var(--text-inv)}.btn--p:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm);color:var(--text-inv)}
.btn--o{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn--o:hover{background:var(--primary-light);border-color:var(--primary)}
.btn--g{background:transparent;color:var(--text-2);padding:8px 12px}.btn--g:hover{background:var(--bg-muted);color:var(--text)}
.btn--lg{padding:12px 28px;font-size:15px}

/* 悬浮按钮：左下主题切换、右下返回顶部（固定视口底部） */
.kp-fab{position:fixed;z-index:996;pointer-events:none}
.kp-fab>*{pointer-events:auto}
.kp-fab--theme{left:max(14px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom))}
.kp-fab--totop{right:max(14px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
.kp-fab--totop.is-on{opacity:1;visibility:visible;transform:translateY(0)}
.kp-fab__btn{width:46px;height:46px;border-radius:var(--r-full);border:1px solid var(--border-lt);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--tr),color var(--tr),box-shadow var(--tr),transform .15s ease}
.kp-fab__btn:hover{background:var(--surface-hover);color:var(--text);box-shadow:var(--shadow-lg)}
.kp-fab__btn:active{transform:scale(.96)}
.kp-fab__btn svg{width:20px;height:20px}
.kp-fab__btn--theme .ic-s{display:none}.kp-fab__btn--theme .ic-m{display:block}
[data-theme="dark"] .kp-fab__btn--theme .ic-s{display:block}
[data-theme="dark"] .kp-fab__btn--theme .ic-m{display:none}
[data-theme="dark"] .kp-fab__btn{border-color:var(--border);background:var(--surface)}

/* Mobile toggle */
.m-toggle{display:none;width:36px;height:36px;border:none;background:transparent;color:var(--text);border-radius:var(--r-full);align-items:center;justify-content:center}
.m-toggle svg{width:20px;height:20px}

/* WordPress 管理栏 */
body.admin-bar .kp-site-hd{top:32px}
body.admin-bar .m-nav{top:calc(32px + var(--hdr-stack))}
@media screen and (max-width:782px){
  body.admin-bar .kp-site-hd{top:46px}
  body.admin-bar .m-nav{top:calc(46px + var(--hdr-stack))}
}

/* === Mobile Nav === */
.m-nav{position:fixed;top:var(--hdr-stack);left:0;right:0;bottom:0;background:var(--bg);z-index:998;padding:16px 24px;display:none;overflow-y:auto}
.m-nav.active{display:block}
.m-nav__cap{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px}
.m-nav__cap:first-of-type{margin-top:0}
.m-nav__a{display:block;padding:12px 0;font-size:16px;color:var(--text);border-bottom:1px solid var(--border-lt);text-decoration:none}
.m-nav__btns{display:flex;flex-direction:column;gap:10px;margin-top:20px}

/* === Hero（Google Ads 首屏：后台可设 min(vh)、居中 / 左对齐） === */
.hero{position:relative;overflow:hidden;background:var(--bg);min-height:var(--hero-min,min(62vh,720px));display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,40px) 0}
.hero__grid{max-width:min(1180px,100%);width:100%;margin:0 auto;padding:0 var(--kp-hd-pad);display:grid;grid-template-columns:minmax(0,1fr) min(380px,36vw);gap:clamp(20px,4vw,48px);align-items:center}
.hero__copy{position:relative;z-index:1;padding-top:0}
.hero__title{font-family:var(--font-d);font-size:clamp(34px,4.2vw,56px);font-weight:400;line-height:1.2;letter-spacing:-0.03em;margin-bottom:16px;color:var(--text)}
/* 轮播词独占一行，固定后缀换到下一行 */
.hero__title-dynamic{display:block;margin:0 0 .14em;line-height:inherit;color:var(--primary)}
.hero__title-static{display:block;margin:0;color:var(--text);line-height:inherit}
.hero__rot{display:inline-block;position:relative;overflow:hidden;vertical-align:-0.06em;height:1.12em;line-height:1.12}
.hero__rot-in{display:flex;flex-direction:column;line-height:1.12;backface-visibility:hidden;transform:translateZ(0)}
.hero__rot-item{height:1.12em;line-height:1.12;display:flex;align-items:center;font-weight:500;color:inherit}

.hero__sub{font-size:clamp(15px,1.5vw,17px);color:var(--text-2);max-width:560px;margin:0 0 24px;line-height:1.65}
.hero__btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

.hero--center .hero__copy{text-align:center;margin-left:auto;margin-right:auto;max-width:720px}
.hero--center .hero__rot-item{justify-content:center}
.hero--center .hero__sub{margin-left:auto;margin-right:auto}
.hero--center .hero__btns{justify-content:center}
.hero--center .hero__viz{width:100%;max-width:380px;justify-self:center}

.hero--left .hero__copy{text-align:left}
.hero--left .hero__rot-item{justify-content:flex-start}
.hero--left .hero__sub{margin-left:0;margin-right:auto}
.hero--left .hero__btns{justify-content:flex-start}
.hero--left .hero__grid{align-items:center;justify-items:stretch}
.hero--left .hero__viz{justify-self:end;width:100%;max-width:400px}

.hero__viz{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 0}
.hero__blob{position:absolute;width:min(100%,340px);aspect-ratio:1;border-radius:50%;background:var(--primary-light);opacity:.9;right:8%;top:50%;transform:translateY(-50%);pointer-events:none}
[data-theme="dark"] .hero__blob{opacity:.28}
.hero-card{position:relative;width:100%;max-width:300px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-lt);padding:14px;transform:translateX(-6px)}
.hero-card__ribbon{font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.hero-card__media{height:118px;border-radius:var(--r-sm);background:linear-gradient(145deg,var(--bg-muted),var(--primary-light));margin-bottom:12px}
.hero-card__line{height:7px;border-radius:4px;background:var(--bg-muted);margin-bottom:8px}
.hero-card__line--t{width:74%}
.hero-card__line--m{width:46%}
.hero-card__stars{font-size:11px;color:var(--warning);letter-spacing:1px;margin-bottom:8px;line-height:1}
.hero-card__domain{font-size:12px;color:var(--text-3)}
[data-theme="dark"] .hero-card{border-color:var(--border)}
@media(max-width:960px){
  .hero{min-height:0;padding:clamp(20px,4vw,36px) 0}
  .hero__grid{grid-template-columns:1fr;gap:28px;align-items:stretch;max-width:none}
  .hero--left .hero__copy,.hero--center .hero__copy{text-align:center}
  .hero--left .hero__rot-item,.hero--center .hero__rot-item{justify-content:center}
  .hero--left .hero__sub,.hero--center .hero__sub{margin-left:auto;margin-right:auto;text-align:center}
  .hero--left .hero__btns,.hero--center .hero__btns{justify-content:center}
  .hero__viz{order:2;padding:0 0 8px;align-self:center;justify-self:center}
  .hero__blob{right:50%;transform:translate(40%,-50%)}
  .hero-card{margin:0 auto;transform:none}
}

/* === Search Tool === */
.tool{padding:56px 0 72px;background:var(--bg-alt);border-top:1px solid var(--border-lt);transition:background var(--tr)}
/* 首页关键词工具区：指定浅蓝背景（与 Google 浅蓝系一致） */
/* 关键词工具区：Google 浅蓝底 #e8f0fe */
#keyword-tool.tool{background:#e8f0fe;border-top-color:rgba(60,64,67,.12);padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
[data-theme="dark"] #keyword-tool.tool{background:#e8f0fe;color:#202124}
[data-theme="dark"] #keyword-tool.tool .tool__title{color:#202124}
[data-theme="dark"] #keyword-tool.tool .tool__desc{color:#3c4043}
#keyword-tool .tool__in{max-width:960px;margin:0 auto;padding:clamp(28px,5vw,52px) clamp(22px,4vw,48px);background:#fff;border-radius:clamp(28px,6vw,52px);box-shadow:0 1px 2px rgba(60,64,67,.1),0 8px 28px rgba(60,64,67,.08);border:1px solid rgba(60,64,67,.06)}
[data-theme="dark"] #keyword-tool .tool__in{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1),0 12px 40px rgba(0,0,0,.08);border-color:rgba(60,64,67,.1)}
#keyword-tool .search.search--tool-row{max-width:100%;margin:0 auto;position:relative}
#keyword-tool .tool-search-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin-top:4px}
#keyword-tool .tool-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
#keyword-tool .tool-field__label{font-size:12px;font-weight:500;color:#5f6368;line-height:1.2;margin:0}
#keyword-tool .tool-field__label--placeholder{visibility:hidden;user-select:none}
#keyword-tool .tool-field--grow{flex:1 1 220px;min-width:min(100%,200px)}
#keyword-tool .tool-field--lang,#keyword-tool .tool-field--region{flex:0 1 160px;min-width:136px}
#keyword-tool .tool-field--submit{flex:0 0 auto}
#keyword-tool .tool-field__box{display:flex;align-items:center;border:1px solid #dadce0;border-radius:8px;background:#fff;padding:0 8px 0 12px;min-height:42px;transition:border-color var(--tr),box-shadow var(--tr)}
#keyword-tool .tool-field__box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}
#keyword-tool .tool-field__ic{display:flex;color:#5f6368;flex-shrink:0;margin-right:4px}
#keyword-tool .tool-field__ic svg{width:20px;height:20px}
#keyword-tool .tool-field__input{flex:1;border:none;background:transparent;font:inherit;font-size:14px;color:#202124;outline:none;min-width:0;padding:10px 8px 10px 0}
#keyword-tool .tool-field__input::placeholder{color:#80868b}
#keyword-tool .tool-field__box select{flex:1;appearance:none;-webkit-appearance:none;border:none;background:transparent;font:inherit;font-size:14px;color:#202124;cursor:pointer;outline:none;padding:10px 4px 10px 0;min-width:0}
#keyword-tool .tool-field__caret{display:flex;color:#5f6368;flex-shrink:0;pointer-events:none}
#keyword-tool .tool-field__caret svg{width:18px;height:18px}
#keyword-tool .tool-search-submit{min-height:42px;padding:0 22px;border-radius:var(--r-full);margin:0;align-self:stretch}
@media(max-width:640px){
  #keyword-tool .tool-field--grow,#keyword-tool .tool-field--lang,#keyword-tool .tool-field--region{flex:1 1 100%;min-width:0}
  #keyword-tool .tool-field--submit{flex:1 1 100%}
  #keyword-tool .tool-search-submit{width:100%;justify-content:center}
}
.tool__in{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.tool__hdr{text-align:center;margin-bottom:28px}
.tool__title{font-family:var(--font-d);font-size:26px;font-weight:400;margin-bottom:6px}
.tool__desc{color:var(--text-2);font-size:15px}

/* div.search：避免与 body.search（搜索结果页）类名冲突 */
div.search{max-width:700px;margin:0 auto;position:relative}
.search__box{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-full);padding:4px;transition:border-color var(--tr),box-shadow var(--tr)}
.search__box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}
.search__ic{padding:0 14px;color:var(--text-3);display:flex;align-items:center;flex-shrink:0}
.search__ic svg{width:20px;height:20px}
.search__input{flex:1;border:none;background:transparent;font-family:var(--font);font-size:15px;color:var(--text);outline:none;padding:10px 0;min-width:0}
.search__input::placeholder{color:var(--text-3)}
.search__btn{padding:10px 24px;background:var(--primary);color:var(--text-inv);border:none;border-radius:var(--r-full);font-family:var(--font);font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:background var(--tr)}
.search__btn:hover{background:var(--primary-hover)}
.search__btn svg{width:16px;height:16px}

.search__sug{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);display:none;overflow:hidden;z-index:10}
.search__sug.active{display:block}
.search__sug-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;color:var(--text);cursor:pointer;transition:background var(--tr)}
.search__sug-item:hover{background:var(--surface-hover)}
.search__sug-item svg{width:16px;height:16px;color:var(--text-3);flex-shrink:0}

/* === Results === */
.results{padding:36px 0;display:none}.results.active{display:block}
.results__hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.results__title{font-size:17px;font-weight:500}
.results__meta{font-size:13px;color:var(--text-3)}
.tbl-w{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;padding:11px 16px;background:var(--bg-alt);color:var(--text-2);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:0.04em;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;user-select:none}
.tbl th:hover{color:var(--primary)}
.tbl td{padding:11px 16px;border-bottom:1px solid var(--border-lt)}
.tbl tr:last-child td{border-bottom:none}
.tbl tr:hover td{background:var(--surface-hover)}
.tbl__kw{font-weight:500;color:var(--primary)}
.tbl__vol{font-family:var(--font-m);font-weight:500}
.tbl__cpc{font-family:var(--font-m)}
.comp{display:inline-flex;padding:2px 10px;border-radius:var(--r-full);font-size:12px;font-weight:500}
.comp--l{background:#e6f4ea;color:#137333}
.comp--m{background:#fef7e0;color:#b05a00}
.comp--h{background:#fce8e6;color:#c5221f}
[data-theme="dark"] .comp--l{background:#1b3626;color:#81c995}
[data-theme="dark"] .comp--m{background:#3e2e00;color:#fdd663}
[data-theme="dark"] .comp--h{background:#3c1410;color:#f28b82}

/* === Section shared === */
.sec-hdr{text-align:center;margin-bottom:44px}
.sec-hdr__over{font-size:12px;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:6px}
.sec-hdr__title{font-family:var(--font-d);font-size:clamp(22px,3vw,34px);font-weight:400}
.sec-hdr__desc{margin-top:10px;color:var(--text-2);max-width:540px;margin-left:auto;margin-right:auto;font-size:15px}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}

/* === Breadcrumb（首页不输出，见 kp_the_breadcrumbs） === */
.kp-breadcrumb--bar{padding:12px 0 10px;border-bottom:1px solid var(--border-lt);background:var(--surface)}
.kp-breadcrumb__in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;line-height:1.5;color:var(--text-3)}
.kp-breadcrumb__sep{opacity:.65;flex-shrink:0}
.kp-breadcrumb__a{color:var(--text-2);text-decoration:none;font-weight:400}
.kp-breadcrumb__a:hover{color:var(--primary)}
.kp-breadcrumb__cur{color:var(--text);font-weight:500;min-width:0}

/* === Features === */
.features{padding:72px 0;background:#e8f0fe;border-top:1px solid rgba(60,64,67,.12);transition:background var(--tr)}
[data-theme="dark"] .features{background:#e8f0fe;border-top-color:rgba(60,64,67,.12);color:#202124}
[data-theme="dark"] .features .sec-hdr__title{color:#202124}
[data-theme="dark"] .features .sec-hdr__desc{color:#3c4043}
.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
@media(min-width:1024px){
  .features__grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:640px) and (max-width:1023px){
  .features__grid{grid-template-columns:repeat(2,1fr)}
}
.f-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:26px;transition:box-shadow var(--tr),border-color var(--tr),transform var(--tr)}
.f-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}
.f-card__ic{width:42px;height:42px;border-radius:var(--r-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.f-card__ic svg{width:20px;height:20px}
.f-card__t{font-size:15px;font-weight:500;margin-bottom:5px}
.f-card__d{font-size:14px;color:var(--text-2);line-height:1.6}

/* === Stats === */
.stats{padding:44px 0;background:var(--bg-alt);border-top:1px solid var(--border-lt);border-bottom:1px solid var(--border-lt)}
.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;text-align:center}
.stat__n{font-family:var(--font-d);font-size:30px;font-weight:600;color:var(--primary)}
.stat__l{font-size:14px;color:var(--text-2);margin-top:4px}

/* === How it works === */
.how{padding:72px 0}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:step}
.step{text-align:center;padding:28px 16px}
.step__n{width:44px;height:44px;border-radius:var(--r-full);background:var(--primary);color:var(--text-inv);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;margin:0 auto 14px}
.step__t{font-size:15px;font-weight:500;margin-bottom:6px}
.step__d{font-size:14px;color:var(--text-2);line-height:1.6}

/* === Blog === */
/* section.blog：避免与 body.blog（文章列表页）类名冲突 */
section.blog{padding:72px 0}
/* 首页：博客下方的价值宣传（避免与 body 等类名冲突，使用复合类 section） */
section.benefits-promo{padding:72px 0;background:var(--bg-alt);border-top:1px solid var(--border-lt)}
.benefits-promo__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
@media(min-width:1024px){
  .benefits-promo__grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:640px) and (max-width:1023px){
  .benefits-promo__grid{grid-template-columns:repeat(2,1fr)}
}
.benefits-promo__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;transition:box-shadow var(--tr),border-color var(--tr),transform var(--tr)}
.benefits-promo__item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}
.benefits-promo__ic{width:40px;height:40px;border-radius:var(--r-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.benefits-promo__ic svg{width:20px;height:20px}
.benefits-promo__t{font-size:15px;font-weight:500;margin-bottom:5px}
.benefits-promo__d{font-size:14px;color:var(--text-2);line-height:1.6;margin:0}
.benefits-promo__cta{text-align:center;margin-top:32px}
.benefits-promo__cta .btn{display:inline-flex;align-items:center;gap:8px}
/* 首页：用户评价（浅色下为白底 surface，与上方灰底 benefits 形成对比） */
section.kp-reviews{padding:72px 0;background:var(--surface);border-top:1px solid var(--border-lt)}
.kp-reviews__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
@media(min-width:1024px){
  .kp-reviews__grid{grid-template-columns:repeat(3,1fr)}
}
.kp-review{margin:0;padding:22px 22px 20px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--tr),border-color var(--tr)}
.kp-review:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}
@supports not (border-color:color-mix(in srgb,red 50%,blue)){
  .kp-review:hover{border-color:var(--primary)}
}
.kp-review__stars{margin:0 0 10px;font-size:13px;letter-spacing:2px;color:var(--accent);line-height:1}
.kp-review__quote{margin:0 0 16px;font-size:15px;color:var(--text-2);line-height:1.65}
.kp-review__meta{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0}
.kp-review__av{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-full);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.kp-review__who{display:flex;flex-direction:column;gap:2px;min-width:0}
.kp-review__name{font-size:14px;font-weight:500;color:var(--text)}
.kp-review__role{font-size:13px;color:var(--text-3)}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.p-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:box-shadow var(--tr),transform var(--tr)}
.p-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.p-card__img{width:100%;height:200px;object-fit:cover;background:var(--bg-muted)}
.p-card__img--placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-3)}
.p-card__img--placeholder{position:relative;overflow:hidden}
.p-card__img--placeholder svg{
  width:56px !important;height:56px !important;min-width:56px;max-width:56px;min-height:56px;max-height:56px;
  flex:0 0 56px;display:block;stroke-width:1.8;opacity:.72
}
.p-card__body{padding:18px}
.p-card__cat{display:inline-block;font-size:11px;font-weight:500;color:var(--primary);background:var(--primary-light);padding:2px 10px;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:8px;text-decoration:none}
.p-card__title{font-size:16px;font-weight:500;margin-bottom:6px;line-height:1.4}
.p-card__title a{color:var(--text);text-decoration:none}.p-card__title a:hover{color:var(--primary)}
.p-card__excerpt{font-size:14px;color:var(--text-2);line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p-card__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-3)}
.p-card__avatar{width:22px;height:22px;border-radius:var(--r-full);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}

/* === Single === */
/* article.single：避免与 body.single（单篇文章页）类名冲突 */
article.single{padding:52px 0}
.single__hdr{text-align:center;max-width:780px;margin:0 auto 28px}
.single__title{font-family:var(--font-d);font-size:clamp(22px,4vw,38px);font-weight:400;letter-spacing:-0.02em;line-height:1.25;margin-bottom:10px}
.single__meta{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-2);font-size:14px}
.single__dot{width:4px;height:4px;border-radius:50%;background:var(--text-3)}
.single__feat{width:100%;max-height:460px;object-fit:cover;border-radius:var(--r-md);margin-bottom:28px}
.content{max-width:780px;margin:0 auto}
.content h2{font-size:22px;font-weight:500;margin:28px 0 10px}.content h3{font-size:18px;font-weight:500;margin:22px 0 10px}
.content p{margin-bottom:14px;line-height:1.8;color:var(--text-2)}
.content ul,.content ol{margin-bottom:14px;padding-left:22px;color:var(--text-2)}.content li{margin-bottom:5px;line-height:1.7}
.content img{border-radius:var(--r-sm);margin:20px 0}
.content blockquote{border-left:3px solid var(--primary);padding:14px 18px;margin:20px 0;background:var(--bg-alt);border-radius:0 var(--r-sm) var(--r-sm) 0;font-style:italic;color:var(--text-2)}
.content pre{background:var(--bg-muted);padding:18px;border-radius:var(--r-sm);overflow-x:auto;margin-bottom:14px;font-family:var(--font-m);font-size:14px}
.content code{font-family:var(--font-m);background:var(--bg-muted);padding:2px 5px;border-radius:var(--r-xs);font-size:.9em}
.content pre code{background:none;padding:0}

/* Post nav */
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}
.pnav__item{padding:14px;border:1px solid var(--border);border-radius:var(--r-sm);text-decoration:none;color:var(--text);transition:border-color var(--tr),background var(--tr)}
.pnav__item:hover{border-color:var(--primary);background:var(--surface-hover);color:var(--text)}
.pnav__lbl{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:3px}
.pnav__t{font-weight:500;font-size:14px}
.pnav__item--next{text-align:right}

/* === Page === */
.page-t{padding:52px 0}
.page-t__hdr{text-align:center;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.page-t__title{font-family:var(--font-d);font-size:clamp(22px,4vw,38px);font-weight:400}
.page-t--auth{padding:40px 0 64px;min-height:calc(70vh - var(--hdr-stack,120px))}
.page-t.page-t--auth.kp-auth-page--has-bg{background-color:var(--bg-alt);background-image:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.93)),var(--kp-auth-bg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}
[data-theme="dark"] .page-t.page-t--auth.kp-auth-page--has-bg{background-color:var(--bg-alt);background-image:linear-gradient(rgba(31,31,31,.88),rgba(31,31,31,.94)),var(--kp-auth-bg)}
.kp-auth{display:flex;justify-content:center;align-items:flex-start;padding:8px 0 24px}
/* 卡片内原生控件用浅色 color-scheme，避免 meta light dark + 深色 surface 下勾选框呈黑块 */
.kp-auth__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:32px 28px 28px;color-scheme:light}
.kp-auth__title{font-family:var(--font-d);font-size:26px;font-weight:500;margin:0 0 8px;color:var(--text)}
.kp-auth__lead{font-size:14px;color:var(--text-2);line-height:1.55;margin:0 0 22px}
.kp-auth__notice{font-size:14px;line-height:1.5;padding:12px 14px;border-radius:var(--r-sm);margin-bottom:18px}
.kp-auth__notice--err{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}
.kp-auth__notice--ok{background:color-mix(in srgb,var(--secondary) 14%,transparent);color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) 35%,transparent)}
@supports not (background:color-mix(in srgb,red 10%,transparent)){.kp-auth__notice--err{background:var(--primary-light);color:var(--danger);border-color:var(--border)}.kp-auth__notice--ok{background:var(--bg-muted);color:var(--secondary);border-color:var(--border)}}
.kp-auth__form{margin-top:4px}
.kp-auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 18px;font-size:13px}
.kp-auth__check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-2);user-select:none}
.kp-auth__check input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:0;flex-shrink:0;accent-color:var(--primary);vertical-align:middle;color-scheme:only light}
/* 评论等 .fg 内若出现复选框，与登录页一致 */
.fg input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:0;flex-shrink:0;accent-color:var(--primary);vertical-align:middle;color-scheme:only light}
.kp-auth__link{color:var(--primary);text-decoration:none;font-weight:500}
.kp-auth__link:hover{text-decoration:underline}
.kp-auth__submit{width:100%;margin-top:4px}
.kp-auth__foot{margin:22px 0 0;font-size:14px;color:var(--text-2);text-align:center}
.kp-auth__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.kp-pass-meter{height:4px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:8px}
.kp-pass-meter__fill{height:100%;width:0;border-radius:inherit;transition:width .2s ease,background var(--tr)}
.kp-pass-meter--weak .kp-pass-meter__fill{background:var(--danger)}
.kp-pass-meter--mid .kp-pass-meter__fill{background:var(--warning)}
.kp-pass-meter--strong .kp-pass-meter__fill{background:var(--secondary)}
.kp-pass-hint,.kp-pass-match{margin-top:6px;font-size:12px;line-height:1.45;color:var(--text-3)}
.kp-pass-match--ok{color:var(--secondary)}
.kp-pass-match--bad{color:var(--danger)}
.kp-auth__hint{font-size:12px;color:var(--text-3);margin-top:6px;line-height:1.45}

/* === Footer === */
.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:44px 0 20px;transition:background var(--tr)}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;margin-bottom:28px}
.footer__brand-col{min-width:0}
.footer__brand-d{font-size:14px;color:var(--text-2);line-height:1.7;margin-top:10px}
.footer__h{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:10px}
.footer__ul{list-style:none;margin:0;padding:0}.footer__ul li{margin-bottom:7px}.footer__ul a{font-size:14px;color:var(--text-2)}.footer__ul a:hover{color:var(--primary)}
.footer__col{min-width:0}
.footer__col-head{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0 0 8px;border:none;background:none;font:inherit;text-align:left;cursor:default;border-radius:var(--r-sm)}
.footer__col-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}
.footer__col-icon{display:none;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);color:var(--text-2);font-size:22px;line-height:1;font-weight:300;transition:background var(--tr),color var(--tr)}
.footer__col-head:hover .footer__col-icon{color:var(--text)}
.footer__col-body .menu,.footer__col-body .widget_nav_menu div > ul{list-style:none;margin:0;padding:0}
.footer__col-body .menu li,.footer__col-body .widget_nav_menu div > ul li{margin-bottom:7px}
.footer__col-body .menu a,.footer__col-body .widget_nav_menu a{font-size:14px;color:var(--text-2);text-decoration:none}
.footer__col-body .menu a:hover,.footer__col-body .widget_nav_menu a:hover{color:var(--primary)}
.footer__col-body .sub-menu{list-style:none;margin:4px 0 0;padding-left:14px;font-size:13px}
.footer__col-body .sub-menu li{margin-bottom:4px}
.footer-widget__title{font-size:12px;font-weight:600;color:var(--text-2);margin:0 0 8px}
.footer-widget{margin-bottom:12px}.footer-widget:last-child{margin-bottom:0}
@media(min-width:769px){
  .footer__col .footer__col-body{display:block!important}
  .footer__col-icon{display:none!important}
}
@media(max-width:768px){
  .footer__col{border-bottom:1px solid var(--border);padding-bottom:2px;margin-bottom:4px}
  .footer__col:last-of-type{border-bottom:none}
  .footer__col-head{padding:10px 0 10px;min-height:44px;cursor:pointer}
  .footer__col-icon{display:inline-flex!important}
  .footer__col:not(.is-open) .footer__col-body{display:none!important}
  .footer__col.is-open .footer__col-body{display:block!important;padding-bottom:8px}
  .footer__col.is-open .footer__col-icon{background:var(--bg-muted);color:var(--primary)}
}
.footer__bot{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding-top:18px;border-top:1px solid var(--border);font-size:13px;color:var(--text-3)}
.footer__bot-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;max-width:min(100%,720px);line-height:1.55}
.footer__copy-label{font-weight:600;color:var(--text-2);flex-shrink:0}
.footer__copy-text{color:var(--text-3)}
.footer__bot-links{flex-shrink:0}
.footer__bot-links a{color:var(--text-3);text-decoration:none}
.footer__bot-links a:hover{color:var(--primary)}

/* === 首页：品牌数据库宣传 === */
.kp-brand-library-page#main{padding-top:0;padding-bottom:0}
.kp-brand-hero{padding:56px 0 44px;background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);border-top:1px solid #dfe7f7;border-bottom:1px solid #e6edf8}
.kp-brand-hero__in{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.kp-brand-hero__copy{max-width:760px;margin:0 auto;text-align:center}
.kp-brand-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(26,115,232,.1);border:1px solid rgba(26,115,232,.22);font-size:13px;font-weight:500;color:#1557b0;margin:0 0 14px}
.kp-brand-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:kp-pulse 2s ease-in-out infinite}
@keyframes kp-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.kp-brand-hero__title{font-family:var(--font-d);font-size:clamp(28px,5vw,44px);line-height:1.2;font-weight:500;letter-spacing:-.02em;color:#202124;margin:6px 0 12px}
.kp-brand-hero__title-accent{display:block;margin-top:6px;background:linear-gradient(90deg,#1a73e8,#34a853);-webkit-background-clip:text;background-clip:text;color:transparent}
.kp-brand-hero__desc{font-size:16px;line-height:1.7;color:#4a5560;max-width:720px;margin:0 auto}
.kp-brand-hero__cta{margin-top:22px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.kp-brand-hero__anchors{margin-top:18px;font-size:13px;color:#5f6368}
.kp-brand-hero__anchors a{color:#1a73e8;font-weight:500;text-decoration:none}
.kp-brand-hero__anchors a:hover{text-decoration:underline}
.kp-brand-hero__anchors-sep{margin:0 6px;opacity:.55}
.kp-brand-promo{padding:48px 0 56px;background:var(--bg-alt);border-top:1px solid var(--border-lt);border-bottom:1px solid var(--border-lt)}
.kp-brand-promo--page{padding:48px 0 64px;border-top:none}
.kp-brand-promo__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.kp-brand-promo__stats{grid-template-columns:repeat(2,1fr)}}
.kp-brand-promo__stat{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-md);padding:16px 14px;text-align:center;box-shadow:var(--shadow-sm)}
.kp-brand-promo__stat-ic{display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--primary);width:36px;height:36px}
.kp-brand-promo__stat-ic svg{width:22px;height:22px}
.kp-brand-promo__stat-n{font-family:var(--font-d);font-size:22px;font-weight:500;color:var(--text)}
.kp-brand-promo__stat-l{font-size:12px;color:var(--text-2);margin-top:4px}
.kp-brand-promo__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
@media(max-width:900px){.kp-brand-promo__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.kp-brand-promo__grid{grid-template-columns:1fr}}
.kp-brand-promo__card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--shadow-sm)}
.kp-brand-promo__av{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--text-inv);flex-shrink:0}
.kp-brand-promo__av--logo{width:44px;height:44px;border-radius:var(--r-md);background:var(--surface);border:2px solid var(--kp-brand-card-accent,var(--primary));color:var(--kp-brand-card-accent,var(--primary))}
.kp-brand-promo__av-logo{display:flex;line-height:0}
.kp-brand-promo__av-logo svg{width:22px;height:22px}
.kp-brand-promo__meta{min-width:0;flex:1}
.kp-brand-promo__name{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-brand-promo__domain{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-brand-promo__vol{font-size:13px;font-weight:600;color:var(--primary);flex-shrink:0}
.kp-brand-promo__cta{margin-top:28px;text-align:center}
.kp-brand-features.kp-brand-features{border-top-color:rgba(60,64,67,.12)}
.kp-brand-preview{padding:56px 0;background:var(--surface);border-top:1px solid var(--border-lt)}
.kp-brand-preview__frame{max-width:920px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}
.kp-brand-preview__titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-lt);background:var(--bg-muted)}
.kp-brand-preview__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.kp-brand-preview__dot--r{background:#ff5f57}.kp-brand-preview__dot--y{background:#febc2e}.kp-brand-preview__dot--g{background:#28c840}
.kp-brand-preview__url{flex:1;min-width:0;margin-left:8px;padding:6px 12px;border-radius:var(--r-xs);background:var(--bg);font-family:var(--font-m);font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-brand-preview__body{padding:16px}
.kp-brand-preview__table{display:flex;flex-direction:column;gap:0}
.kp-brand-preview__row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 100px minmax(80px,1fr);gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--border-lt);font-size:13px}
.kp-brand-preview__row--head{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:2px solid var(--border)}
.kp-brand-preview__row:last-child{border-bottom:none}
.kp-brand-preview__cell--brand{display:flex;align-items:center;gap:10px;min-width:0}
.kp-brand-preview__avatar{width:32px;height:32px;border-radius:var(--r-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:var(--kp-preview-av-bg,var(--primary))}
.kp-brand-preview__name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-brand-preview__cell--domain{color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-brand-preview__cell--vol{font-family:var(--font-m);font-weight:500;color:var(--primary);text-align:right}
.kp-brand-preview__bar{display:block;height:6px;border-radius:999px;background:var(--bg-muted);overflow:hidden}
.kp-brand-preview__bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .35s ease}
.kp-brand-preview__note{margin-top:16px;text-align:center;font-size:13px;color:var(--text-3)}
@media(max-width:700px){
  .kp-brand-preview__row{grid-template-columns:1fr;gap:6px}
  .kp-brand-preview__row--head{display:none}
  .kp-brand-preview__cell--vol{text-align:left}
}
.kp-brand-sources{padding:56px 0;background:var(--bg-alt);border-top:1px solid var(--border-lt)}
.kp-brand-sources__grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}
.kp-brand-sources__card{display:flex;align-items:center;gap:16px;min-width:min(100%,280px);max-width:360px;flex:1 1 280px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--tr),border-color var(--tr),transform var(--tr)}
.kp-brand-sources__card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}
.kp-brand-sources__logo{width:48px;height:48px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}
.kp-brand-sources__logo--violet{background:linear-gradient(135deg,#7b1fa2,#e040fb)}
.kp-brand-sources__logo--blue{background:linear-gradient(135deg,#1a73e8,#4285f4)}
.kp-brand-sources__logo--amber{background:linear-gradient(135deg,#e8710a,#fbbc04)}
.kp-brand-sources__name{font-size:16px;font-weight:600;color:var(--text)}
.kp-brand-sources__desc{font-size:13px;color:var(--text-2);margin-top:2px;line-height:1.45}
.kp-brand-sources__count{font-size:14px;font-weight:600;color:var(--primary);margin-top:6px;font-family:var(--font-m)}
body.kp-brand-library-page .kp-brand-how{background:#fff;border-top:1px solid var(--border-lt)}
body.kp-brand-library-page .kp-brand-cta{padding:56px 0 72px;background:#fff;border-top:1px solid var(--border-lt)}
.kp-brand-cta__box{max-width:720px;margin:0 auto;padding:40px 32px;text-align:center;border-radius:var(--r-lg);border:1px solid rgba(26,115,232,.22);background:linear-gradient(135deg,rgba(26,115,232,.08),rgba(52,168,83,.06));box-shadow:var(--shadow-sm)}
.kp-brand-cta__title{font-family:var(--font-d);font-size:clamp(22px,3.5vw,30px);font-weight:500;margin:0 0 10px;color:var(--text)}
.kp-brand-cta__desc{margin:0 0 22px;font-size:15px;color:var(--text-2);line-height:1.65}
.kp-brand-cta__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
body.kp-brand-library-page .kp-brand-promo--page{background:#fff;border-color:#e6ebf2}
/* 深色模式下本页营销区块强制浅色底，需重置文字色变量避免“白底浅字” */
[data-theme="dark"] body.kp-brand-library-page .kp-brand-promo--page,
[data-theme="dark"] body.kp-brand-library-page .kp-brand-preview,
[data-theme="dark"] body.kp-brand-library-page .kp-brand-sources,
[data-theme="dark"] body.kp-brand-library-page .kp-brand-how,
[data-theme="dark"] body.kp-brand-library-page .kp-brand-cta{
  --text:#202124;--text-2:#4a5560;--text-3:#6b7280;--border:#dadce0;--border-lt:#e8eaed
}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-hero{background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);border-top-color:#dfe7f7;border-bottom-color:#e6edf8}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-hero__title{color:#202124}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-hero__desc{color:#4a5560}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-hero__anchors{color:#5f6368}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-promo--page{background:#fff;border-color:#e6ebf2}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-promo--page .sec-hdr__title{color:#202124}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-promo--page .sec-hdr__desc{color:#4a5560}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-preview{background:#fff;border-top-color:#e8eaed}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-preview .sec-hdr__title{color:#202124}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-preview .sec-hdr__desc{color:#4a5560}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-sources{background:#f8f9fc}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-sources .sec-hdr__title{color:#202124}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-sources .sec-hdr__desc{color:#4a5560}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-how{background:#fff}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-how .sec-hdr__title{color:#202124}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-how .step__d{color:#4a5560}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-cta{background:#fff}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-cta__title{color:#202124}
[data-theme="dark"] body.kp-brand-library-page .kp-brand-cta__desc{color:#4a5560}

/* === Archive/404/Search === */
#main{display:flow-root;margin:0;padding:0}
/* section.archive：避免与 body.archive（归档页）类名冲突 */
section.archive{padding:8px 0 56px;margin:0}
.archive__hdr{margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid var(--border)}
.archive__title{font-family:var(--font-d);font-size:26px;font-weight:400;margin:0;line-height:1.25}
.archive__desc{color:var(--text-2);margin:8px 0 0;font-size:15px;line-height:1.65}
.archive__desc p{margin:0 0 8px}.archive__desc p:last-child{margin-bottom:0}
.archive-layout{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.archive-main{min-width:0}
@media(min-width:1024px){
  .archive-layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:36px}
  .blog-sidebar{position:sticky;top:calc(var(--hdr-stack,96px) + 20px)}
}
.blog-sidebar .footer__h{margin-top:0}
.blog-sidebar__block{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border-lt)}
.blog-sidebar__block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.blog-sidebar__cats{list-style:none;margin:0;padding:0;font-size:14px}
.blog-sidebar__cats li{margin:0 0 8px;padding:0;line-height:1.45}
.blog-sidebar__cats a{color:var(--text-2);text-decoration:none}
.blog-sidebar__cats a:hover{color:var(--primary)}
.blog-sidebar__posts{list-style:none;margin:0;padding:0}
.blog-sidebar__posts li{margin:0 0 12px;padding:0;line-height:1.4}
.blog-sidebar__posts a{display:block;font-size:14px;font-weight:500;color:var(--text);text-decoration:none}
.blog-sidebar__posts a:hover{color:var(--primary)}
.blog-sidebar__post-date{display:block;font-size:12px;color:var(--text-3);margin-top:3px}
.blog-sidebar__block--search-inline{max-width:420px;margin:0 auto}
.p-card{position:relative}
.p-card__sticky{position:absolute;top:12px;right:12px;z-index:2;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--primary);color:var(--text-inv);padding:4px 10px;border-radius:var(--r-full);line-height:1}
.p-card__cats{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:8px}
.p-card__cats .p-card__cat{margin-bottom:0}
.p-card__cat-more{font-size:11px;font-weight:500;color:var(--text-3)}
.p-card__meta{flex-wrap:wrap;gap:8px 10px}
.p-card__read{color:var(--text-3);font-size:12px}
.single__cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}
.single__cats .p-card__cat{margin:0}
.single__sticky-badge{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.single__author-link{color:var(--text-2);text-decoration:none}
.single__author-link:hover{color:var(--primary)}
.single__updated{color:var(--text-3);font-size:13px}
.single__after{max-width:780px;margin:0 auto;padding-top:8px}
.single__tax{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}
.single__tax-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-start;margin-bottom:14px}
.single__tax-row:last-child{margin-bottom:0}
.single__tax-lbl{flex:0 0 auto;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);min-width:3em;padding-top:4px}
.single__tax-chips{display:flex;flex-wrap:wrap;gap:8px}
.single__chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-full);font-size:13px;font-weight:500;text-decoration:none;border:1px solid var(--border);color:var(--text-2);transition:border-color var(--tr),background var(--tr),color var(--tr)}
.single__chip:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}
.single__chip--cat{background:var(--primary-light);border-color:transparent;color:var(--primary)}
.single__chip--tag{font-size:12px}
.single__author-box{display:flex;gap:16px;margin-top:32px;padding:20px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-alt)}
.single__author-av{flex-shrink:0}
.single__author-img{border-radius:var(--r-full);display:block}
.single__author-body{min-width:0}
.single__author-name{font-size:16px;font-weight:600;color:var(--text);text-decoration:none;display:inline-block;margin-bottom:6px}
.single__author-name:hover{color:var(--primary)}
.single__author-bio{font-size:14px;color:var(--text-2);line-height:1.65;margin:0}
.single__author-bio p{margin:0 0 8px;font-size:14px;color:var(--text-2);line-height:1.65}
.single__author-bio p:last-child{margin-bottom:0}
.single__author-bio--muted{margin:0;font-size:14px}
.single__author-bio--muted a{color:var(--primary);text-decoration:none;font-weight:500}
.single__author-bio--muted a:hover{text-decoration:underline}
.single__related{margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}
.single__related-h{font-family:var(--font-d);font-size:20px;font-weight:500;margin:0 0 18px}
.single__related-grid{margin:0}
.pnav__item--empty{border:none;background:transparent;pointer-events:none;min-height:0;padding:0}
.e404{text-align:center;padding:72px 0;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.e404__code{font-family:var(--font-d);font-size:110px;font-weight:300;color:var(--primary);opacity:.2}
.e404__title{font-size:22px;font-weight:500;margin:10px 0}
.e404__desc{color:var(--text-2);margin-bottom:20px}

/* Pagination */
.pgn{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:28px}
.pgn a,.pgn span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 7px;border-radius:var(--r-full);font-size:14px;font-weight:500;color:var(--text-2)}
.pgn a:hover{background:var(--bg-muted);color:var(--primary)}
.pgn .current{background:var(--primary);color:var(--text-inv)}

/* Empty state */
.empty{text-align:center;padding:56px 20px;color:var(--text-3)}
.empty__ic{margin-bottom:14px}
.empty__ic svg{width:48px;height:48px;opacity:.4;color:var(--text-3)}
.empty__title{font-size:17px;font-weight:500;color:var(--text-2);margin-bottom:6px}
.empty__desc{font-size:14px;margin-bottom:18px}

/* Comments */
.comments{margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}
.comments__title{font-size:17px;font-weight:500;margin-bottom:18px}
.comment{display:flex;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border-lt)}
.comment__av{width:34px;height:34px;border-radius:var(--r-full);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}
.comment__name{font-weight:500;font-size:14px}.comment__date{font-size:12px;color:var(--text-3);margin-left:6px}
.comment__txt{margin-top:3px;font-size:14px;color:var(--text-2);line-height:1.6}
.fg{margin-bottom:10px}
.fg label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:3px}
.fg input,.fg textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:border-color var(--tr)}
.fg input:focus,.fg textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}
.fg textarea{min-height:90px;resize:vertical}

/* Skeleton */
.skel{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-alt) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-xs)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Toast */
.toast{position:fixed;bottom:18px;right:18px;background:var(--text);color:var(--bg);padding:10px 18px;border-radius:var(--r-sm);font-size:14px;box-shadow:var(--shadow-lg);transform:translateY(120%);transition:transform var(--tr);z-index:9999}
.toast.active{transform:translateY(0)}

/* WP */
.alignnone{margin:14px 0}.aligncenter{display:block;margin:14px auto}.alignleft{float:left;margin:0 14px 14px 0}.alignright{float:right;margin:0 0 14px 14px}
.wp-caption{max-width:100%;margin-bottom:14px}.wp-caption-text{font-size:13px;color:var(--text-3);text-align:center;margin-top:3px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Responsive */
@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
  .kp-g-bar__nav{display:none}
  .kp-p-bar__links{display:none}
  .kp-p-bar__cta{display:none}
  .m-toggle{display:flex}
  .hero__title{font-size:30px}
  .posts-grid{grid-template-columns:1fr}.pnav{grid-template-columns:1fr}
  .single__tax-row{flex-direction:column;gap:8px}
  .single__author-box{flex-direction:column;align-items:flex-start}
  .footer__grid{grid-template-columns:1fr}.footer__bot{flex-direction:column;gap:10px;text-align:center}
}
@media(max-width:480px){.search__btn span{display:none}}
@media print{.kp-site-hd,.n-banner--ads,.footer,.kp-fab{display:none!important}body{color:#000;background:#fff}}