/* ===== WP学院 全站公共样式 style.css（自动合并生成） ===== */

/* 使用页面: ai.html,blog-base.html,blog-post-2.html,blog-post-3.html,blog-post.html,blog.html 等 44 页 */
html { scroll-behavior:smooth }

/* 使用页面: ai.html,blog-base.html,blog-post-2.html,blog-post-3.html,blog-post.html,blog.html 等 44 页 */
::-webkit-scrollbar-track { background:transparent }

/* 使用页面: ai.html,blog-post.html,blog.html,cache.html,cdn.html,company.html 等 27 页 */
::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.15);border-radius:99px }

/* 使用页面: ai.html,blog-post.html,blog.html,cache.html,cdn.html,company.html 等 27 页 */
::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.28) }

/* 使用页面: ai.html,blog-post.html,blog.html,cache.html,cdn.html,company.html 等 27 页 */
* { scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.15) transparent }

/* 使用页面: ai.html,blog-post.html,blog.html,cdn.html,company.html,ebook-post.html 等 19 页 */
::-webkit-scrollbar { width:3px;height:3px }

/* 使用页面: blog-base.html,blog-post-2.html,blog-post-3.html,edu-admin.html,edu-beginner.html,edu-faq.html 等 17 页 */
::-webkit-scrollbar { width:4px;height:4px }

/* 使用页面: blog-base.html,blog-post-2.html,blog-post-3.html,edu-admin.html,edu-beginner.html,edu-faq.html 等 17 页 */
::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.12);border-radius:99px }

/* 使用页面: blog-base.html,blog-post-2.html,blog-post-3.html,edu-admin.html,edu-beginner.html,edu-faq.html 等 17 页 */
::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.24) }

/* 使用页面: blog-base.html,blog-post-2.html,blog-post-3.html,edu-admin.html,edu-beginner.html,edu-faq.html 等 17 页 */
* { scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.12) transparent }

/* 使用页面: blog-base.html,blog-post-2.html,blog-post-3.html,edu-admin.html,edu-beginner.html,edu-faq.html 等 16 页 */
[id] { scroll-margin-top: 60px; }

/* 使用页面: blog-post.html,blog.html,cache.html,ebook.html,free.html,hot.html 等 15 页 */
body { -webkit-font-smoothing:antialiased }

/* 使用页面: blog-post.html,blog.html,cache.html,ebook.html,free.html,hot.html 等 15 页 */
.no-scrollbar::-webkit-scrollbar { display:none }

/* 使用页面: blog-post.html,blog.html,cache.html,ebook.html,free.html,hot.html 等 15 页 */
.no-scrollbar { -ms-overflow-style:none;scrollbar-width:none }

/* 使用页面: cache.html,ebook.html,free.html,hot.html,index.html,paid.html 等 10 页 */
.grid-bg { background-image:linear-gradient(to right,rgba(0,0,0,0.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,0.035) 1px,transparent 1px);
    background-size:56px 56px;
    -webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 30%,transparent 100%);
    mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 30%,transparent 100%); }

/* 使用页面: cache.html,ebook.html,free.html,hot.html,index.html,paid.html 等 10 页 */
.grad-text { background:linear-gradient(120deg,#0a0a0a 20%,#2563eb 55%,#7c3aed 85%);-webkit-background-clip:text;background-clip:text;color:transparent }

/* 使用页面: cache.html,free.html,hot.html,index.html,paid.html,review.html 等 8 页 */
/* 滚动条 3px */
  ::-webkit-scrollbar { width:3px;height:3px }

/* 使用页面: edu-admin.html,edu-faq.html,edu-plugin.html,edu-security.html,edu-seo.html,tutorial-speed.html 等 8 页 */
.path-chip { display:inline-flex; align-items:center; gap:4px; padding:2.5px 9px; border-radius:6px; background:#0a0a0a; color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:11.5px; font-weight:600; }

/* 使用页面: cache.html,free.html,hot.html,index.html,paid.html,review.html 等 7 页 */
.footer-panel > div { overflow: hidden; }

/* 使用页面: cache.html,free.html,hot.html,paid.html,review.html,seo.html */
.dot-bg { background-image:radial-gradient(circle,rgba(255,255,255,0.55) 1px,transparent 1px);background-size:18px 18px }

/* 使用页面: cache.html,free.html,hot.html,paid.html,review.html,seo.html */
.dot-bg-dark { background-image:radial-gradient(circle,rgba(37,99,235,0.18) 1px,transparent 1px);background-size:22px 22px }

/* 使用页面: cache.html,free.html,hot.html,paid.html,review.html,seo.html */
/* ========= Footer 手风琴 ========= */
  .footer-panel { display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .3s cubic-bezier(.22,.61,.36,1); }
  @media (max-width: 767px){
    .footer-panel { grid-template-rows: 0fr; }
  }

/* 使用页面: blog.html,company.html,foreign.html,hosting-post.html,woocommerce.html */
.toc-section { scroll-margin-top: 92px; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
body { font-feature-settings: "cv02","cv03","cv04","cv11"; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.mask-fade-b { -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 45%, transparent 100%); }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
::selection { background: #3b5bfd; color: #fff; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content h2 { font-size: 1.35rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 1rem; color: #0a0a0a; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content h3 { font-size: 1.1rem; font-weight: 700; margin-top: 2rem; margin-bottom: 0.75rem; color: #0a0a0a; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content p { margin-bottom: 1.25rem; line-height: 1.85; color: #374151; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content ul { margin-bottom: 1.25rem; padding-left: 1.5rem; list-style: disc; color: #374151; line-height: 1.85; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content ul li { margin-bottom: 0.4rem; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content ol { margin-bottom: 1.25rem; padding-left: 1.5rem; list-style: decimal; color: #374151; line-height: 1.85; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content ol li { margin-bottom: 0.4rem; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content code { background: #f1f5f9; padding: 0.15rem 0.4rem; border-radius: 6px; font-size: 0.875rem; font-family: ui-monospace, monospace; color: #0f172a; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content pre { background: #0f172a; color: #e2e8f0; padding: 1.25rem; border-radius: 12px; overflow-x: auto; margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.7; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content pre code { background: transparent; padding: 0; color: inherit; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content a { color: #2563eb; text-decoration: underline; text-underline-offset: 2px; }

/* 使用页面: blog-post-2.html,blog-post-3.html,special-post.html */
.article-content a:hover { color: #1d4ed8; }

/* 使用页面: blog-post.html,blog.html,special-post-4.html */
.dot-dark { background-image:radial-gradient(circle,rgba(0,0,0,0.08) 1px,transparent 1px);background-size:24px 24px }

/* 使用页面: ebook.html,plugin-name.html,theme-name.html */
.dot-bg { background-image:radial-gradient(circle,rgba(255,255,255,0.5) 1px,transparent 1px);background-size:18px 18px }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
body.modal-open { overflow: hidden; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
/* 科技感网格背景 */
  .bg-grid { background-image:
      linear-gradient(to right, rgba(15,23,42,.055) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(15,23,42,.055) 1px, transparent 1px);
    background-size: 56px 56px; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
.bg-grid-dark { background-image:
      linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 56px 56px; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
.mask-fade { -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 100%);
    mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 100%); }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
/* 滚动进场 */
  .reveal { opacity: 0;
    transform: translateY(26px);
    transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
    will-change: opacity, transform; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
.reveal.is-visible { opacity: 1; transform: none; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.text-gradient { background: linear-gradient(100deg, #1c2a8e 0%, #3b5bfd 42%, #22b8cf 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
.card-hover:hover { transform: translateY(-4px); }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训解决方案.html */
summary { list-style: none; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.tnum { font-variant-numeric: tabular-nums; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.modal.is-open { display: flex; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.modal-overlay { opacity: 0; transition: opacity .28s ease; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.modal-box { opacity: 0;
    transform: translateY(18px) scale(.975);
    transition: opacity .32s cubic-bezier(.16,1,.3,1), transform .32s cubic-bezier(.16,1,.3,1); }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.modal.is-shown .modal-overlay { opacity: 1; }

/* 使用页面: 企业级 WordPress 培训解决方案-plus.html,企业级 WordPress 培训课程大纲（完整版）  课程方案策划底稿.html */
.modal.is-shown .modal-box { opacity: 1; transform: none; }

/* 使用页面: blog-post-2.html,blog-post-3.html */
.article-content blockquote { border-left: 4px solid #3b82f6; background: #f8fafc; padding: 1rem 1.25rem; margin: 1.5rem 0; border-radius: 0 12px 12px 0; color: #4b5563; font-style: normal; }

/* 使用页面: blog-post-2.html,blog-post-3.html */
.article-content img { border-radius: 16px; margin: 1.5rem 0; }

/* 使用页面: ebook.html,theme-name.html */
.clamp-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body > * + * { margin-top: 1.35em; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body p { margin:0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body strong { color:#0a0a0a; font-weight:600; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body ul { padding-left:1.5em; margin:0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body ol { padding-left:1.5em; margin:0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body ul li::marker { color:#0d9488; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body ol li::marker { color:#0d9488; font-weight:600; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body pre code { color:inherit; background:none; border:none; padding:0; font-size:inherit; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-body { flex:1; min-width:0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-body p:first-child { margin-top:0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-body p:last-child { margin-bottom:0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-body strong { color:#0a0a0a; font-weight:600; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-tip { background:#f0fdfa; border:1px solid #99f6e4; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-tip .callout-icon { background:#ccfbf1; color:#0f766e; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-warn { background:#fffbeb; border:1px solid #fde68a; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-warn .callout-icon { background:#fef3c7; color:#b45309; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-danger { background:#fef2f2; border:1px solid #fecaca; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-danger .callout-icon { background:#fee2e2; color:#b91c1c; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-note { background:#f8fafc; border:1px solid #e2e8f0; }

/* 使用页面: special-post-3.html,special-post-4.html */
.callout-note .callout-icon { background:#e2e8f0; color:#475569; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body table thead { background:#f8fafc; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body table tbody tr:last-child td { border-bottom:none; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body table td strong { color:#0a0a0a; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body table td.tick { color:#0d9488; font-weight:700; }

/* 使用页面: special-post-3.html,special-post-4.html */
.article-body table td.cross { color:#94a3b8; }

/* 使用页面: special-post-3.html,special-post-4.html */
.progress-fill { height:100%; background:#0d9488; border-radius:99px; }