/* =====================================================================
   AI·王陈说 博客 · 全站样式
   对齐主站 www.wangchenai.cn「浅色中性产品风」设计系统
   令牌来源：主站 css/tokens.css（浅色中性、主蓝 #0051c3、系统字体、正文 14px）
   ===================================================================== */

:root{
  --wc-bg:#f2f2f2;--wc-surface:#fff;--wc-surface-2:#fafafa;--wc-surface-3:#f0f0f0;--wc-sunken:#ebebeb;
  --wc-text:#1f1f1f;--wc-text-2:#5c5c5c;--wc-text-3:#8a8a8a;--wc-text-faint:#a8a8a8;
  --wc-line:rgba(0,0,0,.10);--wc-line-soft:rgba(0,0,0,.06);--wc-line-strong:rgba(0,0,0,.20);
  --wc-accent:#0051c3;--wc-accent-hover:#003da3;--wc-accent-soft:rgba(0,81,195,.08);--wc-accent-tint:#eaf1fb;--wc-accent-border:rgba(0,81,195,.35);
  --wc-font:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans SC','PingFang SC','Microsoft YaHei',Roboto,'Helvetica Neue',Arial,sans-serif;
  --wc-mono:'SFMono-Regular','Roboto Mono','Consolas',monospace;
  --wc-r-sm:6px;--wc-r-md:8px;--wc-r-lg:12px;--wc-r-xl:16px;--wc-pill:9999px;
  --wc-ring:0 0 0 1px var(--wc-line);--wc-ring-soft:0 0 0 1px var(--wc-line-soft);--wc-ring-accent:0 0 0 1px var(--wc-accent-border);
  --wc-sh-sm:0 1px 2px rgba(16,24,40,.06);--wc-sh-md:0 4px 12px -2px rgba(16,24,40,.10);
  --wc-ease:cubic-bezier(.23,1,.32,1);
  --wc-maxw:1200px;--wc-px:clamp(20px,4vw,40px);
  --wp--style--global--content-size:1200px;
  --wp--style--global--wide-size:1200px;
}

/* ---------- 基础 ---------- */
html{background-color:var(--wc-bg)}
body,.wp-site-blocks{background-color:var(--wc-bg);color:var(--wc-text);font-family:var(--wc-font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6,.wp-block-heading,.wp-block-post-title{font-weight:600;line-height:1.4}
a{text-decoration:none}
img{max-width:100%;height:auto}
::selection{background:var(--wc-accent-soft)}
.wp-block-post-content{font-family:var(--wc-font)}

/* ---------- 页头 ---------- */
.wc-header{position:sticky;top:0;z-index:100;background:var(--wc-surface);box-shadow:0 1px 0 var(--wc-line)}
.wc-header-inner{max-width:var(--wc-maxw);margin:0 auto;padding:0 var(--wc-px)}
.wc-header-bar{display:flex;align-items:center;gap:26px;height:64px}
.wc-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--wc-text)}
.wc-brand-dot{width:9px;height:9px;border-radius:9999px;background:var(--wc-accent);flex:none}
.wc-nav{display:flex;align-items:center;gap:22px;margin-left:6px}
.wc-nav a{font-size:14px;color:var(--wc-text-2)}
.wc-nav a:hover{color:var(--wc-accent)}
.wc-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}
.wc-header-ext{font-size:13px;color:var(--wc-text-2)}
.wc-header-ext:hover{color:var(--wc-accent)}
.wc-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--wc-pill);font-size:14px;font-weight:600;line-height:1.2;transition:background-color .12s,color .12s,transform .12s var(--wc-ease)}
.wc-btn-primary{background:var(--wc-accent);color:#fff;box-shadow:var(--wc-sh-sm)}
.wc-btn-primary:hover{background:var(--wc-accent-hover);color:#fff;transform:translateY(-1px)}
.wc-btn-ghost{background:rgba(0,0,0,.05);color:var(--wc-text);border:1px solid var(--wc-line-strong);font-weight:500}
.wc-btn-ghost:hover{background:var(--wc-surface-3);border-color:var(--wc-accent-border);color:var(--wc-accent)}

/* ---------- 首页：简介条 ---------- */
.wc-main{padding:0}
.wc-intro{max-width:var(--wc-maxw);margin:0 auto;padding:clamp(36px,5vw,56px) var(--wc-px) 30px}
.wc-intro-row{display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap}
.wc-eyebrow{display:inline-block;font-size:12px;font-weight:600;color:var(--wc-accent);background:var(--wc-accent-soft);padding:4px 11px;border-radius:9999px;margin-bottom:16px}
.wc-intro-title{font-size:clamp(1.6rem,3vw,2.15rem);margin-bottom:12px}
.wc-intro-lead{font-size:16px;color:var(--wc-text-2);line-height:1.8;max-width:60ch}
.wc-intro-acts{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 首页：区块 ---------- */
.wc-latest,.wc-about{max-width:var(--wc-maxw);margin:0 auto;padding:0 var(--wc-px) clamp(44px,5vw,72px)}
.wc-sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}
.wc-sec-title{font-size:clamp(1.25rem,1.8vw,1.5rem)}
.wc-sec-desc{font-size:14px;color:var(--wc-text-2)}
.wc-sec-more{margin-left:auto;font-size:14px;color:var(--wc-accent)}
.wc-sec-more:hover{color:var(--wc-accent-hover)}

/* ---------- 文章卡片（查询循环） ---------- */
.wc-query .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.wc-query .wp-block-post{display:flex;flex-direction:column;gap:10px;background:var(--wc-surface);box-shadow:var(--wc-ring);border-radius:var(--wc-r-lg);padding:24px;min-height:190px;transition:transform .3s var(--wc-ease),box-shadow .3s var(--wc-ease)}
.wc-query .wp-block-post:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--wc-accent-border),var(--wc-sh-md)}
.wc-query .wp-block-post-terms{margin:0}
.wc-query .wp-block-post-terms a{display:inline-block;font-size:11px;font-weight:600;color:var(--wc-accent);background:var(--wc-accent-soft);padding:3px 9px;border-radius:9999px}
.wc-query .wp-block-post-title{font-size:18px;line-height:1.45;margin:0}
.wc-query .wp-block-post-title a{color:var(--wc-text)}
.wc-query .wp-block-post-title a:hover{color:var(--wc-accent)}
.wc-query .wp-block-post-excerpt{font-size:14px;color:var(--wc-text-2);line-height:1.7}
.wc-query .wp-block-post-excerpt p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wc-query .wp-block-post-excerpt__more-link{display:none}
.wc-query .wp-block-post-date{font-size:12px;color:var(--wc-text-3);margin-top:auto}
.wc-query .wp-block-query-pagination{justify-content:center;margin-top:32px;gap:8px;display:flex;flex-wrap:wrap}
.wc-query .wp-block-query-pagination a,.wc-query .page-numbers{font-size:14px;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--wc-r-md);background:var(--wc-surface);box-shadow:var(--wc-ring-soft);color:var(--wc-text-2);padding:0 10px}
.wc-query .page-numbers.current{background:var(--wc-accent);color:#fff;box-shadow:none}
.wc-query .wp-block-query-pagination a:hover{color:var(--wc-accent)}

/* ---------- 首页：关于条 ---------- */
.wc-about-box{background:var(--wc-surface);box-shadow:var(--wc-ring);border-radius:var(--wc-r-xl);padding:clamp(24px,3vw,36px);display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.wc-about-avatar{width:56px;height:56px;border-radius:9999px;background:var(--wc-accent-tint);color:var(--wc-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex:none}
.wc-about-txt{flex:1;min-width:260px}
.wc-about-txt h3{font-size:18px;margin-bottom:6px}
.wc-about-txt p{font-size:14px;color:var(--wc-text-2);line-height:1.8}

/* ---------- 页脚 ---------- */
.wc-footer{background:var(--wc-surface);box-shadow:0 -1px 0 var(--wc-line);margin-top:40px}
.wc-footer-inner{max-width:var(--wc-maxw);margin:0 auto;padding:0 var(--wc-px)}
.wc-footer-cols{display:flex;gap:48px;flex-wrap:wrap;padding:56px 0 40px}
.wc-footer-brand{flex:1.4;min-width:240px}
.wc-footer-brand .wc-brand{margin-bottom:16px}
.wc-footer-brand p{font-size:14px;color:var(--wc-text-2);line-height:1.8;max-width:34ch}
.wc-footer-col h4{font-size:12px;color:var(--wc-text-3);font-weight:500;margin-bottom:14px}
.wc-footer-col a{display:block;font-size:14px;color:var(--wc-text-2);padding:5px 0}
.wc-footer-col a:hover{color:var(--wc-accent)}
.wc-footer-legal{box-shadow:inset 0 1px 0 var(--wc-line-soft);padding:22px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12px;color:var(--wc-text-3)}
.wc-filing{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}
.wc-filing a{display:inline-flex;align-items:center;gap:5px;color:var(--wc-text-3)}
.wc-filing a:hover{color:var(--wc-accent)}
.wc-filing img{height:15px;width:auto;vertical-align:-3px}
.wc-sep{color:var(--wc-text-faint)}

/* ---------- 文章详情 / 页面 ---------- */
.wp-block-post-content{font-size:15px;line-height:1.85;color:var(--wc-text)}
.wp-block-post-content p{margin-bottom:1.25em}
.wp-block-post-content h2{font-size:1.25rem;margin:1.9em 0 .7em}
.wp-block-post-content h3{font-size:1.0625rem;margin:1.5em 0 .6em}
.wp-block-post-content ul,.wp-block-post-content ol{padding-left:1.25em;margin-bottom:1.25em}
.wp-block-post-content li{margin-bottom:.5em}
.wp-block-post-content blockquote{border-left:3px solid var(--wc-accent);background:rgba(0,81,195,.04);padding:16px 20px;border-radius:0 8px 8px 0;color:var(--wc-text-2);margin:1.5em 0}
.wp-block-post-content code{font-family:var(--wc-mono);font-size:.88em;background:var(--wc-sunken);padding:2px 6px;border-radius:4px}
.wp-block-post-content pre{background:var(--wc-sunken);padding:16px;border-radius:8px;overflow:auto;font-size:13px}
.wp-block-post-title{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.35}
.wp-block-post-featured-image img{border-radius:var(--wc-r-lg)}
.wp-block-query-title{font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:8px}
.wp-block-post-author-name,.wp-block-post-date,.wp-block-post-terms{color:var(--wc-text-3)}

/* ---------- 归档 / 搜索 / 索引页 ---------- */
.wc-arch-head{max-width:var(--wc-maxw);margin:0 auto;padding:clamp(32px,4.5vw,52px) var(--wc-px) 12px}
.wc-arch-head .wp-block-query-title{font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.35;margin:0}
.wc-arch-head .wp-block-heading{font-size:clamp(1.5rem,2.6vw,1.95rem);margin:0}
.wc-arch-head .wp-block-term-description{font-size:14px;color:var(--wc-text-2);line-height:1.8;margin-top:10px;max-width:66ch}
.wc-arch-head .wp-block-term-description p{margin:0}
.wc-arch-head .wp-block-search{margin-top:22px;max-width:520px}

/* ---------- 搜索表单 ---------- */
.wp-block-search__inside-wrapper{display:flex;gap:10px;align-items:stretch}
.wp-block-search__input{flex:1;min-width:0;font-family:var(--wc-font);font-size:14px;padding:11px 18px;border-radius:var(--wc-pill);border:1px solid var(--wc-line-strong);background:var(--wc-surface);color:var(--wc-text)}
.wp-block-search__input::placeholder{color:var(--wc-text-faint)}
.wp-block-search__input:focus{outline:none;border-color:var(--wc-accent);box-shadow:0 0 0 3px var(--wc-accent-soft)}
.wp-block-search__button{margin:0;font-family:var(--wc-font);font-size:14px;font-weight:600;padding:11px 24px;border:none;border-radius:var(--wc-pill);background:var(--wc-accent);color:#fff;cursor:pointer;transition:background-color .12s}
.wp-block-search__button:hover{background:var(--wc-accent-hover)}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px 4px 4px 6px;border:1px solid var(--wc-line-strong);border-radius:var(--wc-pill);background:var(--wc-surface)}
.wp-block-search.wp-block-search__button-inside .wp-block-search__input{border:none;background:transparent;box-shadow:none}

/* ---------- 评论区 ---------- */
.wp-block-comments{margin-top:40px}
.wp-block-comments-title,.wp-block-post-comments-form .comment-reply-title{font-size:1.15rem;margin-bottom:16px}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list .comment{border-top:1px solid var(--wc-line-soft);padding:18px 0}
.comment-meta,.comment-metadata{font-size:13px;color:var(--wc-text-3);margin-bottom:8px}
.comment-author img{border-radius:9999px;margin-right:8px;vertical-align:middle}
.reply a{font-size:13px;color:var(--wc-accent)}
.wp-block-post-comments-form{margin-top:34px}
.wp-block-post-comments-form input[type=text],
.wp-block-post-comments-form input[type=email],
.wp-block-post-comments-form input[type=url],
.wp-block-post-comments-form textarea{font-family:var(--wc-font);font-size:14px;width:100%;padding:12px 15px;border:1px solid var(--wc-line-strong);border-radius:var(--wc-r-md);background:var(--wc-surface);color:var(--wc-text)}
.wp-block-post-comments-form textarea{min-height:150px}
.wp-block-post-comments-form input:focus,
.wp-block-post-comments-form textarea:focus{outline:none;border-color:var(--wc-accent);box-shadow:0 0 0 3px var(--wc-accent-soft)}
.wp-block-post-comments-form .form-submit{margin-top:18px}
.wp-block-post-comments-form .submit,
.wp-block-post-comments-form input[type=submit]{font-family:var(--wc-font);font-size:14px;font-weight:600;padding:11px 26px;border:none;border-radius:var(--wc-pill);background:var(--wc-accent);color:#fff;cursor:pointer;transition:background-color .12s}
.wp-block-post-comments-form .submit:hover,
.wp-block-post-comments-form input[type=submit]:hover{background:var(--wc-accent-hover)}

/* ---------- 文章底部：更多文章 ---------- */
.wp-block-group:has(> .wp-block-query):not(.wc-query) .wp-block-query-title{font-size:1.15rem}

/* ---------- 404 ---------- */
.wc-404{max-width:var(--wc-maxw);margin:0 auto;padding:clamp(48px,7vw,88px) var(--wc-px) clamp(56px,7vw,96px)}
.wc-404-box{background:var(--wc-surface);box-shadow:var(--wc-ring);border-radius:var(--wc-r-xl);padding:clamp(32px,5vw,56px);text-align:center;max-width:720px;margin:0 auto}
.wc-404-code{font-size:clamp(3rem,8vw,4.6rem);font-weight:700;line-height:1;color:var(--wc-accent);letter-spacing:-.02em}
.wc-404-title{font-size:clamp(1.25rem,2.4vw,1.6rem);margin:18px 0 10px}
.wc-404-desc{font-size:15px;color:var(--wc-text-2);line-height:1.8;max-width:48ch;margin:0 auto}
.wc-404-acts{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .wc-query .wp-block-post-template{grid-template-columns:repeat(2,1fr)}
  .wc-footer-cols{gap:32px}
}
@media (max-width:640px){
  .wc-query .wp-block-post-template{grid-template-columns:1fr}
  .wc-nav{display:none}
  .wc-header-bar{gap:14px}
  .wc-intro-acts{margin-left:0}
  .wc-filing{margin-left:0}
  .wc-latest,.wc-about{padding-bottom:44px}
}