@charset "utf-8";
/*
Theme Name: Thea Neo
Description: A clean, fast WordPress theme built for WinDiscover. Features dark mode, built-in SEO, responsive layout, and a customizable header panel.
Version: 1.2.2
Author: realsijin
Author URI: https://windiscover.com
*/

/* =================================================
   CRITICAL CSS - 优先加载，减少LCP
   ================================================= */

/* YUI Reset - 精简版 */
html{color:#333;background:#FFF;overflow-y:scroll;}
a,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img,button{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}

/* 基础UI样式 */
body,button,input,select,textarea{font:15.4px/1.98 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",\5FAE\8F6F\96C5\9ED1\0020UI,\5FAE\8F6F\96C5\9ED1,DengXian,Tahoma,Arial,sans-serif;}
body {background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

/* 通用工具类 */
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;}
.hide{display:none;}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.ti{text-indent:-10998.9px;}
.pa{position:absolute;}
.pr{position:relative;}
.offscreen{display:block;left:-10998.9px;position:absolute;top:-10998.9px;}
.wrapper{width:92%;max-width:1056px;margin:0 auto;padding:0;}
.large{font-size:1.76em;}

/* =================================================
   LCP关键元素优化 - FEATURED ITEM
   ================================================= */

.featured-item {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-sizing: border-box;
    /* LCP性能优化 */
    transform: translate3d(0,0,0);
    will-change: transform;
    contain: layout style;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* 统一卡片样式移至 #featured .wrapper */
#featured .wrapper {
    background: white;
    border: 1.1px solid #eaeaea;
    border-radius: 13.2px;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.08);
    padding: 16.5px;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
#featured .wrapper:hover {
    box-shadow: 0 8.8px 22px rgba(0,0,0,0.12);
    transform: translate3d(3.3px,0,0);
}

/* 标题样式优化 */
.post-heading {
    line-height: 100%;
    margin-bottom: 8.8px;
    /* 避免重排 */
    contain: layout;
}

.post-heading,
.post h2 a,
.post h1 a {
    font-weight: bold;
    font-size: 22px;
    color: #333;
    padding-bottom: 3.3px;
    text-decoration: none;
}

/* 导航按钮优化 */
.abs, .abs a {
    font-size: 14.3px;
    line-height: 24.2px;
    color: #999;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
}

.abs ul {
    margin: 0;
    padding: 0;
    /* 优化列表渲染 */
    contain: layout;
}

.abs ul li {
    margin: 5.5px 0;
    /* 避免重排 */
    contain: layout;
}

.abs ul li a {
    font-weight: normal;
    color: #d13b00;
    /* GPU加速 */
    transform: translateZ(0);
}

/* =================================================
   布局样式
   ================================================= */

#header{height:77px;display:flex;align-items:center;}
#header .wrapper{display:flex;align-items:center;}
#header .logo{float:none;flex:1;min-width:0;}
#header .logo a{transition:opacity 0.2s ease,transform 0.2s ease;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;vertical-align:middle;}
#header .logo a:hover{opacity:0.75;transform:translate3d(2.2px,0,0);text-decoration:none;}
#featured{background:#f4f4f4;padding:33px 0;}
#build{background:#0278D8;text-align:center;}
#e3{background:#107C10;text-align:center;}
#win9{background:#4668C5;text-align:center;}
#mwc2015{background:#0178D6;text-align:center;}
#build2015{background:#00BCF2;text-align:center;}
#promotioanlbar{background:#00BCF2;text-align:center;}
#slider{overflow-x:hidden;}
#single{flex:1 1 0;min-width:0;}
#page{margin:0 auto;}
#content{margin-top:44px;margin-bottom:44px;}
#content .wrapper{display:flex;align-items:flex-start;gap:22px;}
#sidebar{flex:0 0 286px;width:286px;}
#footer{background:#f5f5f5;padding:22px 0;}

/* 通知框 */
#notification{width:561px;height:93.5px;background:#fcfcfc;z-index:999;}
.metrobox{font-size:17.6px;width:462px;padding:22px 55px 22px 44px;line-height:22px;color:#999;}
.metroboxt{font-size:26.4px;line-height:48.4px;color:#333;}
.ntbox{padding:7.7px 0 7.7px 19.8px;}
.btn-close{background:#ccc;font-size:13.2px;right:0;top:5.5px;padding:4.4px 17.6px;color:#fff;}
.bing-bg{padding-top:4.4px;background:#333 url(images/header-bg.png) no-repeat;}

/* 导航栏 */
.nav{line-height:26.4px;list-style:none;}
.nav li{float:left;margin-left:2.2px;}
.nav li a{font-size:13.2px;color:#333;padding:4.4px 13.2px;text-decoration:none;}
.nav li:hover{background:#eee;}
.nav .nav-btn{color:#fff;font-size:13.2px;padding:4.4px 16.5px;}
.controls{width:26.4px;background:transparent url(images/controls.png) no-repeat center center;}

/* 搜索框 */
.form-search{width:110px;height:30.8px;border:2.2px solid #eee;background:#eee;}
.form-search .search-input{color:#444;width:60.5px;height:24.2px;line-height:22px;outline:none;border:none;background:#fff;padding:3.3px 7.7px;}
.form-search:hover{background:#ddd;}
.form-search .search-submit{width:28.6px;height:28.6px;border:none;cursor:pointer;margin:1.1px;background-position:6.6px -19.8px;}

/* =================================================
   文章样式优化
   ================================================= */

.post {
    width: 100%;
    max-width: 100%;
    margin: 0 0 8.8px;
    padding: 16.5px;
    overflow: hidden;
    border-radius: 13.2px;
    background: white;
    border: 1.1px solid #eaeaea;
    box-shadow: 0 2.2px 11px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    
    /* 性能优化 */
    transform: translate3d(0,0,0);
    contain: layout style;
    transition: all 0.3s ease;
}

.post:hover {
    transform: translate3d(6.6px,0,0);
    box-shadow: 0 8.8px 22px rgba(0, 0, 0, 0.12);
    background: #fafafa;
}

.post h2,.post h1{padding-right:44px;}
.post h2 a:hover,.post h1 a:hover{color:#333;text-decoration:none;border-bottom:2.2px solid #333;}

/* 文章内容 */
.entry{font-size:16.5px;line-height:33px;margin-top:5.5px;word-wrap:break-word;overflow:visible;}
.entry::after{content:"";display:table;clear:both;}
.entry a{color:#d13b00;text-decoration:none;}
.entry a:hover{color:#333;text-decoration:underline;}
.entry .more-link,.entry .post-tags a{text-decoration:none;}
.entry .more-link:hover{text-decoration:none;}
.entry img{background:transparent url(images/loading.gif) no-repeat center center;max-width:100%;height:auto;border-radius:8.8px;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.entry img:hover{transform:translate3d(3.3px,0,0);box-shadow:0 6.6px 22px rgba(0,0,0,0.14);}
.entry img.emoji,.entry img.wp-smiley{border-radius:0;background:none;max-width:none;width:1em;height:1em;transform:none !important;box-shadow:none !important;transition:none;}
.entry h3{font-size:19.8px;line-height:26.4px;font-weight:bold;}
.entry h4{font-size:17.6px;line-height:24.2px;font-weight:bold;}
.entry h5,.entry h6{font-size:15.4px;line-height:22px;font-weight:bold;}
.entry p{margin:17.6px 0;}
.entry strong,.entry b{font-weight:bold;}
.entry ul,ol{margin:30.8px;}
.entry ul li{list-style:disc inside;margin-bottom:5.5px;}
.entry ol li{list-style:decimal inside;margin-bottom: 5.5px;}
.entry i,.entry em{font-style:normal;background:#fff8d0;padding:0 3.3px;}
.entry blockquote,.entry code{padding-left:57.2px;border-left:4.4px solid #dcdcdc;margin:33px 0;border-radius:8.8px;}
.entry pre{background:#f6f6f6;border:1.1px solid #e0e0e0;border-radius:8.8px;padding:16.5px;overflow-x:auto;margin:22px 0;}
.entry table{font-size:14.3px;border-color:#ccc;border-style:solid;border-width:0 1.1px 1.1px 0;width:100%;}
.entry table tr td{border-color:#ccc;border-style:solid;border-width:1.1px 0 0 1.1px;padding:5.5px 11px;}
.entry .more-link{color:#fff;display:block;border-radius:3.3px;width:132px;border:none;text-align:center;padding:5.5px;background:#d13b00;font-weight: 600;font-size: 19.8px;}
.entry .more-link:hover{color:#fff;border:none;text-decoration:none;background:#B83E21;}
.entry small,.entry small a,.post-tags a,.post-meta{font-size:13.2px;color:#767676;}

/* 标签和元数据 */
.post-tags a{line-height:100%;display:inline-block;margin-right:11px;}
.post-tags a:before{content:"#";}

/* =========================================================
   Dracula 插件颜色覆盖 — 精准恢复主题原始配色
   只针对 .dracula-style-link，不影响其他链接
   ========================================================= */

/* 文章标题 */
.post h2 a.dracula-style-link,.post h1 a.dracula-style-link{color:#333 !important;background:transparent !important;}
.post h2 a.dracula-style-link:hover,.post h1 a.dracula-style-link:hover{color:#333 !important;text-decoration:none !important;}

/* 文章元信息（分类、标签、编辑链接） */
.post-meta a.dracula-style-link,
.post-tags a.dracula-style-link,
a[rel~="category"].dracula-style-link,
a[rel~="tag"].dracula-style-link{
    color:var(--thea-cat-color,#d13b00) !important;
    background:transparent !important;
    border-color:transparent !important;
    text-decoration:none !important;
}
.post-meta a.dracula-style-link:hover,
.post-tags a.dracula-style-link:hover,
a[rel~="category"].dracula-style-link:hover,
a[rel~="tag"].dracula-style-link:hover{
    color:var(--thea-cat-color,#d13b00) !important;
    text-decoration:none !important;
}

/* 文章正文内容链接 */
.entry a.dracula-style-link{color:#d13b00 !important;background:transparent !important;}
.entry a.dracula-style-link:hover{color:#333 !important;}

/* 评论数标签（白字红底） */
.post-cmt a.dracula-style-link{color:#fff !important;background:#d13b00 !important;}
.post-cmt a.dracula-style-link:hover{background:#681D00 !important;}

/* 阅读全文按钮（白字红底） */
.entry .more-link.dracula-style-link{color:#fff !important;background:#d13b00 !important;}
.entry .more-link.dracula-style-link:hover{background:#B83E21 !important;text-decoration:none !important;}

/* 暗色模式下的 Dracula 覆盖
   注意顺序：post-meta 用更高 specificity 压过通用 entry a 规则 */
body.dark-mode .post h2 a.dracula-style-link,body.dark-mode .post h1 a.dracula-style-link{color:#f0f0f0 !important;}
/* 正文链接在暗色模式用蓝色（可读性更好） */
body.dark-mode .entry a.dracula-style-link{color:#d13b00 !important;}
/* 元信息链接（分类/标签/编辑）在暗色模式仍用主题红色
   .entry .post-meta 比 .entry 多一级 class，specificity 更高，覆盖上方规则 */
body.dark-mode .entry .post-meta a.dracula-style-link,
body.dark-mode .entry .post-tags a.dracula-style-link,
body.dark-mode .entry a[rel~="category"].dracula-style-link,
body.dark-mode .entry a[rel~="tag"].dracula-style-link{color:var(--thea-cat-color,#d13b00) !important;}
body.dark-mode .post-cmt a.dracula-style-link{background:#b03000 !important;}
body.dark-mode .entry .more-link.dracula-style-link{background:#b03000 !important;}
.post-cmt{height:29.7px;top:8.8px;right:0;position:absolute;}
.post-cmt a{display:block;border-radius:3.3px;color:#fff;width:33px;height:14.3px;font-size:14.3px;text-align:center;line-height:14.3px;padding:4.4px 0;background:#d13b00;position:relative;}
.post-cmt a::before{content:'';position:absolute;top:-12px;right:-5px;bottom:-12px;left:-5px;}
.post-cmt a:hover{background:#681D00;text-decoration:none;}

/* 相关文章 */
.yarpp-related{width:100%;}
.entry .yarpp-related .related-list-ul{margin:22px 0;}
.related-list-ul .related-list{width:19%;min-height:132px;padding:2%;margin:1%;background:#F5F6F7;list-style:none;}
.navigation{text-align:center;}
.corner{display:inline-block;right:0px;bottom:0px;height:0;width:0;font-size:0;line-height:0;border-width:3.3px 3.3px;border-style:solid;border-color:#681D00 #ffffff #ffffff #681D00;z-index:-1;}

/* =================================================
   侧边栏样式
   ================================================= */

.sidebar-div{padding:0;margin-bottom:11px;background:transparent;}
.sidebar-div:hover{box-shadow:none;}
.sidebar-div .sidebar-title{color:#333;font-size:19.8px;line-height:140%;font-weight:bold;padding:13.2px 16.5px;margin:0 0 11px;border-radius:13.2px;background:#f4f4f4;border:1.1px solid #eaeaea;box-shadow:0 2.2px 11px rgba(0, 0, 0, 0.08);}
.btn-scroll{display:block;border-radius:13.2px;text-decoration:none;}
.btn-scroll:hover{text-decoration:none;}
.btn-scroll .sidebar-title{display:block;margin-bottom:0;}
.sidebar-subtitle{color:#e3e3e3;font-size:13.2px;line-height:120%;}
.sidebar-widget{width:100%;font-size:14.3px;margin-bottom:22px;box-sizing:border-box;}
.sidebar-widget a{color:#999;}
.sidebar-widget a:hover{color:#333;}
.sidebar-widget select{width:100%;padding:8.8px 13.2px;border:1.1px solid #eaeaea;margin:5.5px 0;border-radius:13.2px;background-color:#fff;box-shadow:0 2.2px 11px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;}
.sidebar-widget select:hover{transform:translateX(6.6px);border-color:#eaeaea;box-shadow:0 8.8px 22px rgba(0, 0, 0, 0.12);}
.sidebar-list li{margin-bottom:6.6px;}
.sidebar-list li a{list-style:none;color:#666;display:block;padding:11px 16.5px;border-radius:13.2px;border:1.1px solid #f0f0f0;box-shadow:0 2.2px 6.6px rgba(0, 0, 0, 0.04);transition:all 0.3s ease;text-decoration:none;}
.sidebar-list li a:hover{color:#333;background:#f8f9fa;transform:translateX(5.5px);box-shadow:0 3.3px 8.8px rgba(0, 0, 0, 0.08);}

/* 友情链接 */
.friend-links{padding:0;margin:0;list-style:none;}
.friend-links li{margin-bottom:6.6px;}
.friend-links li a{display:block;padding:11px 16.5px;border-radius:13.2px;border:1.1px solid #f0f0f0;background:#fff;box-shadow:0 2.2px 6.6px rgba(0,0,0,0.04);color:#555;text-decoration:none;transition:all 0.3s ease;font-size:14.3px;}
.friend-links li a:hover{color:#d13b00;background:#fff8f6;border-color:#f5c4b8;transform:translateX(5.5px);box-shadow:0 3.3px 8.8px rgba(0,0,0,0.08);}

/* 搜索框 */
.search-container{padding:0;margin:0;}
.search-form{position:relative;margin:0;padding:0;}
.search-field{width:100%;padding:12px 45px 12px 15px;border:1.1px solid #eaeaea;border-radius:13.2px;font-size:15.4px;transition:all 0.3s ease;background:#fff;box-shadow:0 2.2px 11px rgba(0,0,0,0.06);box-sizing:border-box;color:#333;}
.search-field:focus{border-color:#0078d4;outline:none;box-shadow:0 4px 8px rgba(0,120,212,0.1);}
.search-field::placeholder{color:#aaa;}
.search-submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;}
.search-submit::before{content:"🔍";font-size:15px;color:#999;line-height:1;display:block;}
.search-submit:hover::before{color:#0078d4;}
.ui-autocomplete{position:absolute;z-index:1000;background:#fff;border:1.1px solid #eaeaea;border-radius:0 0 13.2px 13.2px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:5px 0;margin-top:-2px;width:calc(100% - 2px) !important;left:1px !important;}
.ui-menu-item{padding:8px 15px;cursor:pointer;}
.ui-menu-item:hover{background:#f5f5f5;}

/* 移动端搜索切换按钮 */
#search-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:4px 8px;margin-left:8px;color:#555;font-size:20px;line-height:1;flex-shrink:0;transition:color 0.2s;}
#search-toggle:hover{color:#d13b00;}
body.dark-mode #search-toggle{color:#bbb;}
body.dark-mode #search-toggle:hover{color:#e8785a;}

/* 搜索展开面板 */
#search-panel{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;background:#fff;border-bottom:1.1px solid transparent;}
#search-panel.open{max-height:80px;padding:11px 0;border-bottom-color:#eaeaea;}
#search-panel .wrapper{padding-left:0;padding-right:0;}
body.dark-mode #search-panel{background:#1e1e1e;}
body.dark-mode #search-panel.open{border-bottom-color:#333;}

@media screen and (max-width:1100px){
    #search-toggle{display:flex;align-items:center;}
    .sidebar-widget.search-widget{display:none;}
}

/* 归档瓦片 */
.archive-tiles .tiles{width:115.5px;height:115.5px;padding:11px;margin:0 0 3.3px 3.3px;background:#F5F6F7;float:left;text-decoration:none;border-radius:13.2px;}
.archive-tiles a.tiles:hover{color:#F5F6F7;text-decoration:none;background:#555;border-radius:13.2px;}
.archive-tiles .tiles .year{color:#999;line-height:120%;}
.archive-tiles .tiles .num{font-size:39.6px;line-height:220%;}

/* =================================================
   评论系统优化
   ================================================= */

.comment-list{margin-left:49.5px;}
.comment-list li{list-style:none;margin:22px 0;}
.comment-content{margin-left:3.3px;padding-left:5.5px;border-left:#ddd 1.1px solid;}
.comment-content p{margin-top:11px;}
.comment-meta{font-size:11px;}
.comment-author{font-size:16.5px;}
.children{margin-left:55px;}
.comment-reply-link{background:url(images/img.png) no-repeat 0 -61.6px;padding-left:16.5px;display:block;}
.gravatar{margin-top:2.2px;padding:2.2px;left:-49.5px;line-height:100%;}
.visitor{border:1.1px solid #bbb;margin:2.2px 1.1px;}
.admin{border:2.2px solid #5ad504;}
.comment-form p{margin:11px 0;}
.form-input,.form-textarea{padding:8px 11px;border:1.1px solid #ddd;border-radius:8.8px;background:#fff;color:#333;}
.form-textarea{width:98%;overflow:auto;}
.form-btn{padding:6.6px 22px;border-radius:8.8px;cursor:pointer;}
.form-cancel{padding:6.6px 22px;border-radius:8.8px;}
.opt{color:#009900;}
.req{color:#cb5c11;}

/* 分页导航 */
.page_navi{padding:16.5px 0px;}
.page_navi a,.page_navi .page-numbers,.page_navi .dots{padding:11px 14px;margin:0 2.2px;color:#666;border-radius:13.2px;}
.page_navi a:hover,.page_navi .current{background:#666;color:#fff;text-decoration:none;border-radius:13.2px;}

/* =================================================
   广告样式
   ================================================= */

.ads{padding:16.5px 0 11px 0;background:#fcfcfc;text-align:center;}
/* featured 区 flex 布局（桌面端） */
@media screen and (min-width:1101px){
    #featured .wrapper{display:flex;align-items:stretch;gap:0;}
    .featured-item{flex:1 1 auto;width:auto;}
    .featured-ads{flex:0 0 286px;width:286px;display:flex;flex-direction:column;gap:11px;border-left:1.1px solid #eaeaea;padding-left:16.5px;margin-left:16.5px;}
}
.featured-ads{height:auto;}
.featured-ad-item{border-radius:13.2px;overflow:hidden;box-shadow:0 2.2px 11px rgba(0,0,0,0.08);display:block;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.featured-ad-item:hover{transform:translate3d(3.3px,0,0);box-shadow:0 6.6px 22px rgba(0,0,0,0.14);}
.featured-ad-item img{width:100%;height:auto;display:block;}
.post-ads{width:100%;max-width:704px;height:auto;margin:11px auto;}
.page-ads{width:100%;max-width:1056px;height:auto;margin:11px auto;}
.sidebar-ads{width:100%;max-width:286px;margin:5.5px auto;}
.sidebar-widget a img{width:100%;height:auto;display:block;border-radius:13.2px;}
.sidebar-widget a{border-radius:13.2px;display:block;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.sidebar-widget a:has(img):hover{transform:translate3d(3.3px,0,0);box-shadow:0 6.6px 22px rgba(0,0,0,0.14);}

/* 页脚 */
.legal,.legal a{color:#767676;font-size:13.2px;}
.legal .sep{padding:0 11px;color:#ccc;}

/* =================================================
   Colorbox (图片弹窗)
   ================================================= */

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#colorbox{border-radius:13.2px;box-shadow:0 8.8px 33px rgba(0,0,0,0.35);}
#cboxOverlay{background:rgba(15,15,15,0.82);position:fixed;width:100%;height:100%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
#cboxWrapper{border-radius:13.2px;overflow:hidden;background:#fff;}
/* 9宫格边框格子：不用装饰边框，全部折叠透明 */
#cboxTopLeft,#cboxTopCenter,#cboxTopRight,
#cboxMiddleLeft,#cboxMiddleRight,
#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight{
    width:0 !important;height:0 !important;padding:0 !important;
    background:transparent !important;border:none !important;overflow:hidden;
}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxSlideshow{cursor:pointer;}
#cboxClose{display:none !important;}
#cboxTitle{display:none;}
#cboxCurrent{display:none;}
#cboxContent{position:relative;background:#FFF;}
.cboxPhoto{display:block;float:none;margin:auto;border:0;max-width:100%;border-radius:13.2px;}
.cboxIframe{width:100%;height:100%;display:block;border:0;}
#cboxLoadedContent{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FFF;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}

/* 原生导航按钮隐藏，由 #cboxContent 底部留白区替代 */
#cboxPrevious,#cboxNext,#cboxSlideshow{display:none !important;}
#cboxTitle,#cboxCurrent{display:none !important;}

/* 底部导航栏：绝对定位贴底，背景遮住与图片的重叠 */
#cboxNav{
    position:absolute;bottom:0;left:0;width:100%;
    display:flex;align-items:stretch;justify-content:center;gap:14px;
    padding:6px 20px;box-sizing:border-box;
    background:#fff;white-space:nowrap;
}
#cboxNavPrev,#cboxNavNext{
    background:none;border:none;color:#555;
    font-size:16px;cursor:pointer;padding:0 8px;
    display:flex;align-items:center;justify-content:center;
    transition:opacity 0.3s ease;flex-shrink:0;
}
#cboxNavPrev:hover,#cboxNavNext:hover{opacity:0.45;}
#cboxNavCenter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
#cboxDots{display:flex;align-items:center;gap:5px;}
.cbox-dot{
    width:7px;height:7px;border-radius:50%;
    background:rgba(0,0,0,0.2);
    transition:background 0.3s ease,transform 0.3s ease;
}
.cbox-dot.active{background:#555;transform:scale(1.35);}
#cboxCounter{
    font-size:12px;color:#999;letter-spacing:0.03em;min-width:36px;text-align:center;
}



#cboxZoom{display:none;}

/* =================================================
   文章目录 TOC
   ================================================= */
.thea-toc{background:#f9f9f9;border-radius:13.2px;border-left:3.3px solid #d13b00;padding:18px 22px;margin:24px 0;max-width:460px;box-shadow:0 2.2px 11px rgba(0,0,0,0.06);}
.thea-toc-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e8e8e8;margin-bottom:14px;}
.thea-toc-title{font-weight:600;font-size:19.8px;color:#333;}
.thea-toc-toggle{background:none;border:none;cursor:pointer;font-size:14.5px;color:#aaa;padding:0;line-height:1;transition:color 0.2s;}
.thea-toc-toggle:hover{color:#d13b00;}
.thea-toc-list{margin:0;padding:0 0 0 22px;list-style:decimal;}
.thea-toc-list li{margin:7px 0;line-height:1.5;}
.thea-toc-list .thea-toc-list{margin:6px 0 4px;padding-left:20px;}
.thea-toc-list a{color:#555;font-size:16.5px;text-decoration:none !important;transition:color 0.2s;}
.thea-toc-list .thea-toc-list a{font-size:15.4px;color:#777;}
.thea-toc-list a:hover,.thea-toc-list a.active{color:#d13b00;}

/* =================================================
   分享按钮
   ================================================= */
.thea-share{margin:24px 0;}
.thea-share-label{display:block;font-size:19.8px;line-height:26.4px;font-weight:bold;color:#333;margin-bottom:14px;}
.thea-share-btns{display:flex;flex-wrap:wrap;gap:8px;}
.thea-share-btn{display:inline-block;color:#fff !important;font-size:16px;padding:5px 10px;border-radius:5.5px;border:none;cursor:pointer;text-decoration:none !important;line-height:1.5;white-space:nowrap;transition:opacity 0.15s,transform 0.15s;}
.thea-share-btn:hover{opacity:0.82;transform:translateY(-1px);}
.thea-share-btn:active{transform:translateY(0);opacity:1;}
/* 微信二维码弹窗（挂在 body，fixed 定位，JS 控制位置） */
.thea-wechat-popup{display:none;position:fixed;z-index:9998;background:#fff;border-radius:13.2px;padding:16px;box-shadow:0 8px 28px rgba(0,0,0,0.18);text-align:center;}
.thea-wechat-popup.open{display:block;}
.thea-wechat-popup img{display:block;border-radius:13.2px;}
.thea-wechat-popup p{margin:10px 0 0;font-size:15px;color:#666;}
.thea-share-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(10px);background:#222;color:#fff;padding:9px 20px;border-radius:8.8px;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity 0.2s,transform 0.2s;z-index:9999;white-space:nowrap;}
.thea-share-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* =================================================
   评论系统优化 (多说)
   ================================================= */

.ds-recent-comments{margin:0;padding:0;}
.ds-recent-comments li{
    list-style:none;
    margin:0 0 6.6px;
    padding:11px 16.5px;
    background:white;
    border:1.1px solid #f0f0f0;
    box-shadow:0 2.2px 4.4px rgba(0, 0, 0, 0.03);
    border-radius:13.2px;
    transition:all 0.3s ease;
    transform: translateZ(0);
    contain: layout;
}
.ds-recent-comments li:hover{transform:translate3d(3.3px,0,0);box-shadow:0 2.2px 6.6px rgba(0, 0, 0, 0.06);background:#fafafa;}
.ds-recent-comments li a{color:#666;text-decoration:none;display:inline;white-space:normal;word-break:break-all;overflow:hidden;}
.ds-recent-comments li a:hover{color:#333;text-decoration:none;}

/* 置顶文章样式 */
.post.sticky-post {
    position: relative;
    overflow: visible;
    padding-top: 33px;
    /* 性能优化 */
    contain: layout;
}

.sticky-badge {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e74c3c;
    color: white;
    padding: 5.5px 11px;
    font-size: 13.2px;
    z-index: 10;
    display: flex;
    align-items: center;
    box-shadow: 0 2.2px 4.4px rgba(0,0,0,0.2);
    border-radius: 4.4px;
    /* GPU加速 */
    transform: translateZ(0);
}

.sticky-badge svg {
    margin-right: 4.4px;
    width: 15.4px;
    height: 15.4px;
}

/* 迷你布局 */
.mini{}
.mini .post{width:48%;float:left;}
.mini .post:nth-child(odd){margin-right:2%;}
.mini .post:nth-child(even){margin-left:2%;}

/* 幻灯片 */
.slider-wrapper{width:880px;margin:0 auto;padding:11px;}
.slide,.hslide{height:137.5px;margin:2.2px;}
.pinned{background:#50308F url(images/pinned.png) no-repeat top right;}
.panel{width:49.5px;height:93.5px;left:-110px;border-radius:3.3px;}

/* 其他小组件 */
.wumii-widget-title,.wumii-hook{display:none;}

/* =================================================
   响应式设计 - 合并和优化
   ================================================= */

@media screen and (max-width:1100px){
    #content .wrapper{display:block;}
    #single,#slider,#sidebar{width:100%;float:none;display:block;flex:none;}
    .featured-item{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}
    .post{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}
    .n640{display:none;}
    .logo-tagline{display:none;}
}

@media screen and (max-width:845px){
    .post{padding:16.5px;margin:0 0 22px;width:100%;box-sizing:border-box;}
    .featured-item{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}
    .mini .post{width:100%;float:none;margin:0 0 16.5px;}
    .mini .post:nth-child(odd){margin-right:0;}
    .mini .post:nth-child(even){margin-left:0;}
}


@media screen and (max-width:748px){
    .featured-item{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}
    .post{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}
    .ads,.n320{display:none;}
    .related-list-ul .related-list{width:46%;margin:2%;}
    .comment-list{margin-left:0;}
    .gravatar{position:static;float:left;margin-right:8.8px;margin-bottom:4.4px;}
    #618-promo{padding:5px 35px !important;}
    .archive-tiles .tiles{width:calc(50% - 6.6px);height:auto;box-sizing:border-box;}
}

/* =================================================
   性能优化 - 预加载动画
   ================================================= */

/* 避免CLS的预加载状态 */
.loading {
    opacity: 0;
    animation: fadeInContent 0.3s ease-in-out forwards;
}

@keyframes fadeInContent {
    to { opacity: 1; }
}

/* 关键元素的预加载优化 */
.featured-item.loading {
    transform: translate3d(0,0,0);
    opacity: 0;
}

/* =================================================
   GPU加速优化
   ================================================= */

/* 为关键动画元素启用硬件加速 */
.post,
.featured-item,
.sidebar-list li a,
.ds-recent-comments li {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/* =================================================
   暗色模式
   ================================================= */

/* 防闪烁：FOUC 预防，html 加类时立即生效 */
html.dark-mode { background-color: #1a1a1a; }
html.dark-mode body { background-color: #1a1a1a; color: #ddd; }

/* 全局 */
body.dark-mode { background-color: #1a1a1a; color: #ddd; }
body.dark-mode a { color: #d13b00; }
body.dark-mode a:hover { color: #ff5a1f; }
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 { color: #f0f0f0; }

/* 布局区块 */
body.dark-mode #header { border-bottom: 1px solid #2e2e2e; }
body.dark-mode #featured { background: #1f1f1f; }
body.dark-mode .featured-ad-item { box-shadow: 0 2.2px 11px rgba(0,0,0,0.3); }
body.dark-mode #footer { background: #111; }
body.dark-mode .ads { background: #1a1a1a; }

/* 文章卡片 */
body.dark-mode .post {
    background-color: #252525;
    border-color: #383838;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.35);
}
body.dark-mode .post:hover {
    background-color: #2d2d2d;
    box-shadow: 0 8.8px 22px rgba(0,0,0,0.5);
}
/* 顶部统一卡片暗色模式 */
body.dark-mode #featured .wrapper {
    background: #252525;
    border-color: #383838;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.35);
}
body.dark-mode #featured .wrapper:hover {
    background: #2d2d2d;
    box-shadow: 0 8.8px 22px rgba(0,0,0,0.5);
    transform: translate3d(3.3px,0,0);
}
body.dark-mode .featured-ads { border-left-color: #383838; }
body.dark-mode .post h2 a,
body.dark-mode .post h1 a,
body.dark-mode .post-heading { color: #f0f0f0; }
body.dark-mode .post h2 a:hover,
body.dark-mode .post h1 a:hover { color: #fff; border-bottom-color: #fff; }
body.dark-mode .post-meta,
body.dark-mode .entry small,
body.dark-mode .entry small a { color: #888; }
/* 文章正文 */
body.dark-mode .entry { color: #ddd; }
body.dark-mode .entry a { color: #d13b00; }
body.dark-mode .entry a:hover { color: #ff5a1f; }
/* 分类/标签/编辑链接：放在 .entry a 之后 + !important，双重保险 */
body.dark-mode .entry .post-meta a,
body.dark-mode .entry .post-tags a,
body.dark-mode .entry a[rel~="category"],
body.dark-mode .entry a[rel~="tag"] { color: #d13b00 !important; }
body.dark-mode .entry strong,
body.dark-mode .entry b { color: #f0f0f0; }
body.dark-mode .entry i,
body.dark-mode .entry em { background: #3a3200; }
body.dark-mode .entry blockquote { border-left-color: #555; background: #252525; color: #bbb; }
body.dark-mode .entry img { opacity: 0.92; }
body.dark-mode .entry table { border-color: #4a4a4a; }
body.dark-mode .entry table tr td { border-color: #3a3a3a; color: #ddd; }
body.dark-mode .entry p { color: #ddd; }
/* specificity (0,3,1) 赢过 body.dark-mode .entry a (0,2,2) */
body.dark-mode .entry .more-link { color: #fff; background: #b03000; }
body.dark-mode .entry .more-link:hover { color: #fff; background: #8a2500; }

/* 代码块（兼容额外 CSS 的变量） */
body.dark-mode .entry code { background: #2d2d2d; border-color: #444; color: #ccc; }
body.dark-mode .entry pre code { background: transparent; }
body.dark-mode .entry p code,
body.dark-mode .entry li code { background: #2d2d2d; border-color: #444; color: #ccc; }
body.dark-mode .entry ol li code { background: #2d2d2d; border-color: #444; }

/* 评论数标签 */
body.dark-mode .post-cmt a { background: #b03000; color: #fff; }
body.dark-mode .post-cmt a:hover { background: #5a1500; color: #fff; }
/* .corner 用白色边框模拟切角，dark mode 下改为卡片背景色 */
body.dark-mode .corner { border-color: #8a1e00 #252525 #252525 #8a1e00; }

/* 置顶徽章 */
body.dark-mode .sticky-badge { background-color: #c0392b; }

/* 侧边栏 */
body.dark-mode .sidebar-div .sidebar-title {
    background: #252525;
    border-color: #383838;
    color: #f0f0f0;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.3);
}
body.dark-mode .sidebar-list li a {
    color: #bbb;
    border-color: #2e2e2e;
    background: transparent;
    box-shadow: none;
}
body.dark-mode .sidebar-list li a:hover {
    color: #fff;
    background: #303030;
    box-shadow: 0 3.3px 8.8px rgba(0,0,0,0.25);
}
body.dark-mode .sidebar-widget a { color: #aaa; }
body.dark-mode .sidebar-widget a:hover { color: #fff; }
body.dark-mode .sidebar-widget select {
    background: #252525;
    border-color: #444;
    color: #ddd;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.3);
}

/* 最近评论列表 */
body.dark-mode .ds-recent-comments li {
    background: #252525;
    border-color: #333;
    box-shadow: 0 2.2px 4.4px rgba(0,0,0,0.25);
}
body.dark-mode .ds-recent-comments li:hover {
    background: #2d2d2d;
    box-shadow: 0 2.2px 6.6px rgba(0,0,0,0.35);
}
body.dark-mode .ds-recent-comments li a { color: #aaa; }
body.dark-mode .ds-recent-comments li a:hover { color: #ddd; }

/* 评论区 */
body.dark-mode .comment-content { border-left-color: #444; }
body.dark-mode .comment-author-name { color: #e0e0e0; }
body.dark-mode .comment-meta,
body.dark-mode .comment-meta a { color: #777; }
body.dark-mode .visitor { border-color: #444; }
body.dark-mode .admin { border-color: #3a7a00; }
body.dark-mode .form-input,
body.dark-mode .form-textarea {
    background: #252525;
    border-color: #444;
    color: #ddd;
}
body.dark-mode .form-btn {
    background: #444;
    color: #eee;
    border-color: #555;
}
body.dark-mode .comments-title { color: #f0f0f0; }

/* pre 代码块暗色 */
body.dark-mode .entry pre {
    background: #1e1e1e;
    border-color: #3a3a3a;
    color: #ccc;
}

/* 分页 */
body.dark-mode .page_navi a,
body.dark-mode .page_navi .page-numbers,
body.dark-mode .page_navi .dots { color: #aaa; }
body.dark-mode .page_navi a:hover,
body.dark-mode .page_navi .current { background: #555; color: #fff; }

/* 导航按钮区（#featured 里的 .abs） */
body.dark-mode .abs,
body.dark-mode .abs a { color: #999; }
body.dark-mode .abs ul li a { color: #ff8a6e; }

/* 页脚 */
body.dark-mode .legal,
body.dark-mode .legal a { color: #666; }
body.dark-mode .legal .sep { color: #444; }

/* 归档瓦片 */
body.dark-mode .archive-tiles .tiles {
    background: #252525;
    color: #ddd;
}
body.dark-mode .archive-tiles a.tiles:hover { background: #3a3a3a; color: #fff; }
body.dark-mode .archive-tiles .tiles .year { color: #777; }
body.dark-mode .archive-tiles .tiles .num { color: #f0f0f0; }

/* 相关文章 */
body.dark-mode .related-list-ul .related-list { background: #252525; color: #ddd; }
body.dark-mode .related-list-ul .related-list a { color: #d13b00; }

/* 搜索框暗色 */
body.dark-mode .search-field {
    background: #252525;
    border-color: #444;
    color: #ddd;
}
body.dark-mode .search-field::placeholder { color: #666; }
body.dark-mode .search-field:focus { border-color: #0078d4; }
body.dark-mode .ui-autocomplete {
    background: #252525;
    border-color: #444;
}
body.dark-mode .ui-menu-item { color: #ddd; }
body.dark-mode .ui-menu-item:hover { background: #333; }

/* 友链暗色 */
body.dark-mode .friend-links li a { background: #252525; border-color: #3a3a3a; color: #aaa; }
body.dark-mode .friend-links li a:hover { background: #2e1a15; border-color: #6b2d1f; color: #e8785a; }

/* ez-toc 目录插件暗色 */
body.dark-mode #ez-toc-container {
    background: #252525 !important;
    border-color: #3a3a3a !important;
    color: #ddd !important;
}
body.dark-mode #ez-toc-container .ez-toc-title { color: #f0f0f0 !important; }
body.dark-mode #ez-toc-container .ez-toc-list a,
body.dark-mode #ez-toc-container .ez-toc-link { color: #aaa !important; }
body.dark-mode #ez-toc-container .ez-toc-list a:hover,
body.dark-mode #ez-toc-container .ez-toc-link:hover { color: #fff !important; }
body.dark-mode #ez-toc-container .ez-toc-btn-default {
    background: #333 !important;
    border-color: #555 !important;
    color: #aaa !important;
}
body.dark-mode #ez-toc-container svg { fill: #aaa !important; color: #aaa !important; }

/* =================================================
   wpDiscuz 评论插件 — 卡片化
   ================================================= */

.wpd-thread-list .wpd-comment {
    background: #fff;
    border: 1.1px solid #eaeaea;
    border-radius: 13.2px;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.06);
    margin-bottom: 8.8px;
    padding: 16.5px;
    transition: box-shadow 0.2s ease;
}
.wpd-thread-list .wpd-comment:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.wpd-comment-wrap { display: flex; gap: 11px; }
.wpd-comment-right { flex: 1; min-width: 0; }
.wpd-comment-author { font-weight: bold; color: #333; font-size: 15.4px; }
.wpd-comment-date { font-size: 12px; color: #999; margin-top: 2px; }
.wpd-comment-text { margin: 11px 0; color: #444; line-height: 1.8; }
.wpd-comment-footer { display: flex; align-items: center; gap: 11px; font-size: 13.2px; color: #999; }
.wpd-vote { display: flex; align-items: center; gap: 4px; }
.wpd-vote svg { width: 18px; height: 18px; fill: #999; cursor: pointer; }
.wpd-vote-up:hover svg, .wpd-vote-down:hover svg { fill: #d13b00; }
.wpd-reply-button { display: flex; align-items: center; gap: 4px; cursor: pointer; color: #999; }
.wpd-reply-button svg { width: 16px; height: 16px; fill: #999; }
.wpd-reply-button:hover, .wpd-reply-button:hover svg { color: #d13b00; fill: #d13b00; }

/* wpDiscuz — Quill 编辑器 */
.ql-container.ql-snow { border-radius: 0 0 8.8px 8.8px; border-color: #ddd; }
.ql-toolbar.ql-snow { border-radius: 8.8px 8.8px 0 0; border-color: #ddd; background: #f9f9f9; }
.ql-editor { min-height: 100px; color: #333; }

/* =================================================
   wpDiscuz — 暗色模式
   ================================================= */

body.dark-mode #comments,
body.dark-mode #respond,
body.dark-mode .comments-area,
body.dark-mode #wpdcom { color: #ddd !important; }

body.dark-mode .wpd-thread-list .wpd-comment {
    background: #252525;
    border-color: #383838;
    box-shadow: 0 2.2px 11px rgba(0,0,0,0.35);
}
body.dark-mode .wpd-thread-list .wpd-comment:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.5);
}
body.dark-mode .wpd-comment-author { color: #f0f0f0; }
body.dark-mode .wpd-comment-date { color: #666; }
body.dark-mode .wpd-comment-text,
body.dark-mode .wpd-comment-text p { color: #ddd; }
body.dark-mode .wpd-comment-footer { color: #666; }
body.dark-mode .wpd-vote svg { fill: #666; }
body.dark-mode .wpd-vote-up:hover svg,
body.dark-mode .wpd-vote-down:hover svg { fill: #d13b00; }
body.dark-mode .wpd-vote-result { color: #888; }
body.dark-mode .wpd-reply-button { color: #666; }
body.dark-mode .wpd-reply-button svg { fill: #666; }
body.dark-mode .wpd-reply-button:hover,
body.dark-mode .wpd-reply-button:hover svg { color: #d13b00; fill: #d13b00; }
body.dark-mode .wpd-follow-link i { color: #555; }
body.dark-mode .wpd-comment-link i,
body.dark-mode .wpd-comment-share i { color: #555; }

/* Quill 编辑器暗色 */
body.dark-mode .ql-toolbar.ql-snow {
    background: #2a2a2a;
    border-color: #444;
}
body.dark-mode .ql-container.ql-snow {
    background: #1e1e1e;
    border-color: #444;
}
body.dark-mode .ql-editor {
    color: #ddd;
    background: #1e1e1e;
}
body.dark-mode .ql-editor.ql-blank::before { color: #555; }
body.dark-mode .ql-toolbar .ql-stroke { stroke: #aaa; }
body.dark-mode .ql-toolbar .ql-fill { fill: #aaa; }
body.dark-mode .ql-toolbar button:hover .ql-stroke,
body.dark-mode .ql-toolbar button.ql-active .ql-stroke { stroke: #fff; }
body.dark-mode .ql-toolbar button:hover .ql-fill,
body.dark-mode .ql-toolbar button.ql-active .ql-fill { fill: #fff; }
body.dark-mode .ql-toolbar button { color: #aaa; }
body.dark-mode .ql-toolbar button:hover { color: #fff; background: #333; border-radius: 4.4px; }
body.dark-mode .ql-tooltip {
    background: #2a2a2a;
    border-color: #444;
    color: #ddd;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.dark-mode .ql-tooltip input[type=text] {
    background: #1e1e1e;
    border-color: #444;
    color: #ddd;
}

/* wpDiscuz 评论表单输入框暗色 */
body.dark-mode .wpdiscuz-item { background: transparent; }
body.dark-mode .wpd-field {
    background: #1e1e1e !important;
    border-color: #444 !important;
    color: #ddd !important;
}
body.dark-mode .wpd-field::placeholder { color: #555 !important; }
body.dark-mode .wpd-field:focus {
    border-color: #666 !important;
    outline: none;
}
body.dark-mode .wpdlb { color: #888; }
body.dark-mode .wpd-field-icon i { color: #666; }
body.dark-mode .wpd-form-col-left,
body.dark-mode .wpd-form-col-right { background: transparent; }
body.dark-mode .wpd-editor-toolbar-wrap,
body.dark-mode #wpd-editor-toolbar-0_0,
body.dark-mode [id^="wpd-editor-toolbar"] {
    background: #2a2a2a;
    border-color: #444;
}
body.dark-mode .wpd-editor-buttons-right { background: transparent; }

/* wpDiscuz 表单容器、提交按钮、通知订阅 */
body.dark-mode .wpd_comm_form,
body.dark-mode .wpd-secondary-form-wrapper,
body.dark-mode .wpd-field-comment,
body.dark-mode .wpdiscuz-textarea-wrap,
body.dark-mode .wpd-textarea-wrap,
body.dark-mode .wpd-form-foot,
body.dark-mode .wpdiscuz-textarea-foot,
body.dark-mode .wpd-form-row { background: transparent; }

body.dark-mode textarea.wpd-field {
    background: #1e1e1e !important;
    border-color: #444 !important;
    color: #ddd !important;
}
body.dark-mode .autogrow-textarea-mirror { background: #1e1e1e; color: #ddd; }

body.dark-mode .wc_comm_submit,
body.dark-mode .wpd-prim-button {
    background: #d13b00 !important;
    color: #fff !important;
    border-color: #d13b00 !important;
}
body.dark-mode .wc_comm_submit:hover,
body.dark-mode .wpd-prim-button:hover {
    background: #b83200 !important;
    border-color: #b83200 !important;
}

body.dark-mode .wpd_label { color: #888; }
body.dark-mode .wpd_label__check { color: #666; }
body.dark-mode .wpdicon { color: #666; }

/* Colorbox 弹窗深色模式 */
/* 用 html.dark-mode 覆盖两种场景（FOUC 脚本仅给 html 加类，body 由后续脚本补充） */
html.dark-mode #cboxWrapper,
body.dark-mode #cboxWrapper  { background: #1a1a1a; }
html.dark-mode #cboxContent,
body.dark-mode #cboxContent  { background: #1a1a1a; }
html.dark-mode #cboxLoadedContent,
body.dark-mode #cboxLoadedContent { background: #1a1a1a; }
html.dark-mode #colorbox,
body.dark-mode #colorbox     { box-shadow: 0 8.8px 33px rgba(0,0,0,0.6); }
html.dark-mode #cboxNav,
body.dark-mode #cboxNav      { background: #1a1a1a; }
html.dark-mode #cboxNavPrev,
html.dark-mode #cboxNavNext,
body.dark-mode #cboxNavPrev,
body.dark-mode #cboxNavNext { color: #aaa; }
html.dark-mode .cbox-dot,
body.dark-mode .cbox-dot { background: rgba(255,255,255,0.25); }
html.dark-mode .cbox-dot.active,
body.dark-mode .cbox-dot.active { background: #aaa; }
html.dark-mode #cboxCounter,
body.dark-mode #cboxCounter { color: #777; }
html.dark-mode #cboxLoadingGraphic,
body.dark-mode #cboxLoadingGraphic { filter: invert(1); }

/* TOC 暗色模式 */
html.dark-mode .thea-toc,body.dark-mode .thea-toc{background:#252525;box-shadow:0 2.2px 11px rgba(0,0,0,0.25);}
html.dark-mode .thea-toc-header,body.dark-mode .thea-toc-header{border-bottom-color:#333;}
html.dark-mode .thea-toc-title,body.dark-mode .thea-toc-title{color:#e0e0e0;}
html.dark-mode .thea-toc-toggle,body.dark-mode .thea-toc-toggle{color:#666;}
html.dark-mode .thea-toc-list a,body.dark-mode .thea-toc-list a{color:#aaa;}
html.dark-mode .thea-toc-list .thea-toc-list a,body.dark-mode .thea-toc-list .thea-toc-list a{color:#888;}
html.dark-mode .thea-toc-list a:hover,html.dark-mode .thea-toc-list a.active,
body.dark-mode .thea-toc-list a:hover,body.dark-mode .thea-toc-list a.active{color:#e8785a;}

/* 分享按钮暗色模式 */
html.dark-mode .thea-share-label,body.dark-mode .thea-share-label{color:#e0e0e0;}
html.dark-mode .thea-wechat-popup,body.dark-mode .thea-wechat-popup{background:#252525;box-shadow:0 8px 28px rgba(0,0,0,0.5);}
html.dark-mode .thea-wechat-popup img,body.dark-mode .thea-wechat-popup img{border-radius:13.2px;}
html.dark-mode .thea-wechat-popup p,body.dark-mode .thea-wechat-popup p{color:#888;}
html.dark-mode .thea-share-toast,body.dark-mode .thea-share-toast{background:#e0e0e0;color:#222;}

/* 通知弹出框 */
body.dark-mode .metrobox { background: #252525; color: #ccc; }
body.dark-mode .metroboxt { color: #f0f0f0; }

/* 暗色模式切换按钮 */
#dark-mode-toggle {
    background: transparent;
    border: 1.1px solid #ccc;
    border-radius: 20px;
    padding: 4px 14px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin-left: auto;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
}
#dark-mode-toggle:hover {
    border-color: #999;
    background: #f0f0f0;
    color: #333;
    transform: translate3d(2.2px,0,0);
}
body.dark-mode #dark-mode-toggle {
    border-color: #555;
    color: #bbb;
}
body.dark-mode #dark-mode-toggle:hover {
    border-color: #888;
    background: #2e2e2e;
    color: #eee;
    transform: translate3d(2.2px,0,0);
}