/* WSD 深色科技风覆盖层 —— token 与主页/workdisk/world 统一
   仅作用于前台（后台与登录页不加载）。纯覆盖，不改主题文件，可随时停用。 */
:root{
  --w-bg:#0b1020; --w-panel:#131c31; --w-ink:#eaf0fb; --w-sub:#b9c6e6;
  --w-mut:#8fa2c8; --w-gold:#ffd166; --w-blue:#6ea8ff; --w-line:#263a6b;
}
/* ① 基础：底色与字体 */
body{background:var(--w-bg)!important;color:var(--w-ink)!important;
  font:16px/1.85 -apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important}
body:before,body:after{display:none!important}

/* ② 主题白底卡片透明化（否则深底上浮白板） */
.site,.site-content,#content,#primary,.site-main,.hentry,.type-post,.type-page,
.page-header,.comments-area,.comment-respond,.navigation,.error-404,
.site-footer,.site-header,.widget,.page-content{background:transparent!important;box-shadow:none!important}

/* ③ 文字与链接 */
h1,h2,h3,h4,h5,h6,p,li,dt,dd,td,th,label,legend,figcaption,caption,
.entry-content,.comment-content,.entry-summary{color:var(--w-ink)!important}
.entry-title,.entry-title a,.page-title{color:#fff!important}
.entry-meta,.entry-meta a,.comment-metadata,.comment-metadata a,.site-info,.site-info a,
.reply a,.logged-in-as,.comment-notes,.form-allowed-tags,.nav-links .meta-nav{color:var(--w-mut)!important}
a{color:var(--w-gold)!important;text-decoration:none}
a:hover{color:#ffe6a3!important;text-decoration:underline}
hr{background:#1b2748!important;border:0!important;height:1px!important}

/* ④ 结构精简：隐藏左侧栏/站名区/小工具，内容全宽居中 */
#sidebar,.site-branding,.secondary-toggle,#widget-area{display:none!important}
#page,#content,#primary,.site-main{max-width:880px;margin:0 auto!important;float:none!important;width:auto!important;padding:0!important}
.site-content{padding:0 20px!important}

/* ⑤ 文章 */
.hentry,.type-post,.type-page{padding:22px 0!important}
.entry-header{border-bottom:1px solid var(--w-line)!important;padding-bottom:14px!important}
.entry-footer{border-top:1px solid var(--w-line)!important}
blockquote{border-left:3px solid var(--w-gold)!important;background:var(--w-panel)!important;
  color:var(--w-sub)!important;padding:10px 16px!important;border-radius:0 8px 8px 0}
pre,code,kbd,tt{background:var(--w-panel)!important;color:var(--w-blue)!important;
  border:1px solid var(--w-line)!important;border-radius:6px}
pre{padding:12px 14px!important;overflow:auto}
img,figure,iframe{max-width:100%;height:auto;border-radius:10px}
table,th,td{border-color:var(--w-line)!important}

/* ⑥ 评论：卡片式 */
.comment-list{margin:18px 0!important;list-style:none!important;padding:0!important}
.comment-body{background:var(--w-panel)!important;border:1px solid var(--w-line)!important;
  border-radius:12px!important;padding:14px 16px!important;margin-bottom:12px!important}
.comment-author .fn,.comment-author a{color:var(--w-ink)!important;font-weight:600}
.comment-author .avatar{border-radius:50%;border:1px solid var(--w-line)}
#respond{background:var(--w-panel)!important;border:1px solid var(--w-line)!important;
  border-radius:12px!important;padding:18px!important;margin-top:18px!important}
.comment-form label{display:block;margin:8px 0 6px;color:var(--w-sub)!important}

/* ⑦ 表单控件 */
input[type=text],input[type=email],input[type=url],input[type=search],textarea,select{
  background:#0f172e!important;color:var(--w-ink)!important;border:1px solid var(--w-line)!important;
  border-radius:8px!important;padding:9px 12px!important;width:100%;box-sizing:border-box}
input:focus,textarea:focus{border-color:var(--w-gold)!important;outline:none}
input[type=submit],button,.submit,.search-submit{background:var(--w-gold)!important;color:#1b2338!important;
  border:0!important;border-radius:8px!important;padding:9px 18px!important;font-weight:700;cursor:pointer}
input[type=submit]:hover{background:#ffe08a!important}

/* ⑧ 上下篇与分页 */
.nav-links{display:flex;gap:12px;flex-wrap:wrap}
.nav-previous a,.nav-next a,.page-numbers{background:var(--w-panel)!important;
  border:1px solid var(--w-line)!important;border-radius:10px!important;padding:10px 14px!important;
  color:var(--w-sub)!important;display:inline-block}
.page-numbers.current{background:var(--w-gold)!important;color:#1b2338!important}

/* ⑨ 页脚 */
.site-footer{border-top:1px solid var(--w-line)!important;margin-top:30px!important;padding:18px 0!important;text-align:center}

/* ⑩ 顶栏（由 mu-plugin 注入） */
.wsd-topbar{position:sticky;top:0;z-index:99;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  background:rgba(11,16,32,.92);border-bottom:1px solid var(--w-line);padding:10px 20px;backdrop-filter:blur(8px)}
.wsd-topbar a{color:var(--w-sub)!important;font-size:15px}
.wsd-topbar a:hover{color:var(--w-gold)!important;text-decoration:none}
.wsd-brand{font-weight:800;color:var(--w-gold)!important;letter-spacing:1px}
.wsd-back{margin-left:auto}
.wsd-menu ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}
@media screen and (max-width:600px){
  .site-content{padding:0 14px!important}
  .wsd-topbar{gap:10px;padding:9px 14px}
  .wsd-menu ul{gap:12px;flex-wrap:wrap}
  body{font-size:15px!important}
}

/* 补丁：主题白底遗漏项（input聚焦变白、分页容器、上下篇容器等） */
input:focus,textarea:focus,select:focus{background:#0f172e!important}
.pagination,.post-navigation,.secondary,.widecolumn{background:transparent!important;box-shadow:none!important;border:0!important}

/* 元数据栏（发布日期/作者/分类/标签）：主题是 #f7f7f7 浅灰底 + rgba(51,51,51,.7) 深灰字
   教训：覆盖要按「属性」检查，不能只看选择器有没有出现过 */
.entry-footer{background:transparent!important;color:var(--w-mut)!important;
  border-top:1px solid var(--w-line)!important;padding:14px 0!important;margin-top:18px!important}
.entry-footer span,.entry-footer time,.entry-footer a{color:var(--w-sub)!important}
.entry-footer a:hover,.entry-footer a:focus{color:var(--w-gold)!important;border-bottom:0!important}
.entry-footer .posted-on:before,.entry-footer .byline:before,.entry-footer .cat-links:before,
.entry-footer .tags-links:before,.entry-footer .comments-link:before,.entry-footer .edit-link:before{color:var(--w-mut)!important}
/* 兜底：其它浅灰底控件 */
select,.dropdown-toggle,.dropdown-toggle:focus{background:#0f172e!important;color:var(--w-ink)!important}
/* .entry-footer 自带 font-family:"Noto Sans"，需显式继承才能与全站字体一致 */
.entry-footer{font-family:inherit!important}


/* ===== ⑧ 案例文章统一版式 .case-* （2026-09-30 新增，全站复用） =====
   用法：正文 HTML 套 class 即可，无需每篇内联 style。 */
.case-sec{background:var(--w-panel)!important;border:1px solid var(--w-line)!important;border-radius:12px!important;padding:22px 24px!important;margin:18px 0!important}
@media(max-width:600px){.case-sec{padding:16px 14px!important}}
.case-h2{font-size:19px!important;color:#fff!important;border-left:4px solid var(--w-blue)!important;padding-left:12px!important;margin:0 0 14px!important;line-height:1.5}
.case-h3{font-size:16px!important;color:var(--w-blue)!important;margin:18px 0 8px!important}
.case-p{font-size:15px!important;line-height:1.85!important;color:var(--w-sub)!important;margin:0 0 12px!important}
.case-lead{font-size:16px!important;color:var(--w-ink)!important;border-left:3px solid var(--w-gold)!important;background:rgba(255,209,102,.06)!important;border-radius:0 8px 8px 0!important;padding:12px 16px!important;margin:0 0 18px!important}
.case-note{background:rgba(255,209,102,.08)!important;border:1px solid rgba(255,209,102,.35)!important;border-radius:8px!important;padding:12px 16px!important;font-size:14px!important;color:var(--w-sub)!important;margin:14px 0 0!important}
.case-note b{color:var(--w-gold)!important}
.case-cmp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:16px 0!important}
@media(max-width:700px){.case-cmp{grid-template-columns:1fr!important}}
.case-fig{margin:0!important;text-align:center}
.case-fig img{width:100%!important;height:230px;object-fit:contain;background:#0f172e;border:1px solid var(--w-line)!important;border-radius:10px!important}
.case-fig-wide img{height:auto!important}
.case-cap{font-size:13px!important;color:var(--w-mut)!important;margin-top:8px!important;line-height:1.7}
.case-lab{display:inline-block!important;font-size:12.5px!important;font-weight:700;border-radius:14px!important;padding:2px 12px!important;margin-bottom:8px!important}
.lab-old{background:rgba(240,149,149,.12)!important;color:#f09595!important;border:1px solid rgba(240,149,149,.4)!important}
.lab-new{background:rgba(93,202,165,.14)!important;color:#9fe1cb!important;border:1px solid rgba(93,202,165,.4)!important}
.case-tbl{width:100%!important;border-collapse:collapse!important;font-size:14px!important;margin:14px 0!important}
.case-tbl th{background:rgba(110,168,255,.12)!important;color:#fff!important;text-align:left!important}
.case-tbl th,.case-tbl td{border:1px solid var(--w-line)!important;padding:9px 12px!important;vertical-align:top!important}
.case-tbl td{color:var(--w-sub)!important}
.case-bad{color:#f09595!important}
.case-good{color:#9fe1cb!important}
.case-list{margin:0 0 12px 20px!important}
.case-list li{margin-bottom:6px!important;font-size:15px!important;line-height:1.8;color:var(--w-sub)!important}
.case-list b,.case-list strong{color:var(--w-ink)!important}
.case-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;margin:16px 0!important}
.case-grid div{background:rgba(19,28,49,.7)!important;border:1px solid var(--w-line)!important;border-radius:8px!important;padding:12px 14px!important;font-size:14px!important;color:var(--w-sub)!important}
.case-grid b{display:block;color:var(--w-gold)!important;margin-bottom:4px}
.case-cta{background:#12203c!important;border:1px solid var(--w-line)!important;border-radius:12px!important;padding:24px!important;text-align:center;margin:18px 0}
.case-cta h2{font-size:19px!important;color:#fff!important;margin:0 0 10px!important}
a.case-btn{display:inline-block!important;background:var(--w-gold)!important;color:#1b2338!important;font-weight:700;padding:11px 28px!important;border-radius:8px!important;text-decoration:none!important;margin:10px 0}

/* ⑨ 相关阅读（wsd-related mu-plugin，2026-10-03 追加） */
.wsd-rel { margin: 32px 0; padding: 20px 24px; background: #131c31; border: 1px solid #263a6b; border-radius: 10px; }
.wsd-rel-title { margin: 0 0 12px; font-size: 18px; color: #6ea8ff; border-left: 4px solid #6ea8ff; padding-left: 10px; }
.wsd-rel-list { margin: 0; padding: 0; list-style: none; }
.wsd-rel-item { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 8px 0; border-bottom: 1px dashed #263a6b; }
.wsd-rel-item:last-child { border-bottom: none; }
.wsd-rel-link { color: #eaf0fb; text-decoration: none; line-height: 1.5; }
.wsd-rel-link:hover { color: #ffd166; }
.wsd-rel-date { color: #8fa3c8; font-size: 13px; white-space: nowrap; flex-shrink: 0; }