:root {
    --bs-primary: #EA580C !important; /* 更深、更稳重的极客深橙 */
    --bs-primary-rgb: 234, 88, 12 !important;
    --bs-link-color: #EA580C !important;
    --bs-link-hover-color: #C2410C !important;
    --c-primary: #EA580C !important;
}

body {
    background-color: #f3f5f7;
}

/* 圆角与阴影 */
.card, .post-item, .entry-box, .widget, .site-header, .site-footer {
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
}

.post-item {
    background-color: #ffffff !important;
    overflow: hidden;
}

.post-item:hover, .card:hover, .widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

/* =========================================================
   按钮深度优化 (酷炫深橙色 + 动感光泽)
========================================================= */
.btn-primary, .bg-primary {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3) !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #EA580C 0%, #C2410C 100%) !important;
    box-shadow: 0 6px 20px rgba(234, 88, 12, 0.4) !important;
    color: #fff !important;
}
.btn {
    border-radius: 8px !important;
    position: relative;
    overflow: hidden;
}

/* 按钮微光扫过特效 */
.btn-primary::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transform: skewX(-20deg);
    transition: none;
}
.btn-primary:hover::after {
    left: 200%;
    transition: left 0.7s ease;
}

/* =========================================================
   首页搜索横幅 - 缩水高度 30% 并注入动态粒子画布
========================================================= */
.home-owl-slider { display: none !important; }
.home-division, .home-background { display: none !important; }

.home-search-box {
    background: linear-gradient(135deg, rgba(15,23,42,0.8) 0%, rgba(0,0,0,0.92) 100%), url('/wp-content/uploads/tech-bg-new.jpg') no-repeat center center !important;
    background-size: cover !important;
    position: relative !important;
    padding: 35px 0 !important; /* 高度相比之前减少 30% */
    overflow: hidden !important;
}

/* 动态粒子画布层 */
#tech-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.home-search-box .container {
    position: relative !important;
    z-index: 5 !important; /* 保证交互控件处于粒子层之上 */
}

.home-search-box .title {
    text-shadow: 0 2px 10px rgba(0,0,0,0.8);
    font-weight: 700;
    letter-spacing: 2px;
}
.home-search-box .desc {
    color: #f8fafc !important;
    opacity: 0.95;
    font-size: 1.1rem;
    text-shadow: 0 1px 5px rgba(0,0,0,0.8);
}
.home-search-box .search-form .form-control {
    border-radius: 8px 0 0 8px !important;
    border: 3px solid #EA580C !important;
    border-right: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}
.home-search-box .search-form .btn {
    border-radius: 0 8px 8px 0 !important;
    font-weight: bold;
    padding: 0 30px;
}

/* =========================================================
   全局字体、内页与排版精修
========================================================= */
body, h1, h2, h3, h4, h5, h6, .btn, .nav-list a, .entry-title {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif !important;
}

/* 文章正文全局美化与暗色支持 */
.custom-post-body {
    line-height: 1.85 !important;
    font-size: 16px !important;
    color: #334155 !important;
}
.custom-post-body p {
    margin-bottom: 1.5em !important;
}

h2.entry-title {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

/* =========================================================
   菜单 HOT / NEW 上标样式优化 (Zibll气泡效果)
========================================================= */
.nav-list > li > a { 
    position: relative !important; 
    font-weight: 600 !important; 
    font-size: 16px !important; 
    letter-spacing: 0.5px; 
}
.badge-hot, .badge-new { 
    position: absolute !important; 
    top: -12px !important; 
    left: 50% !important; 
    transform: translateX(-50%) scale(0.85) !important; 
    border-radius: 6px 6px 6px 0 !important; 
    padding: 2px 6px !important; 
    white-space: nowrap; 
    line-height: 1 !important; 
    z-index: 10; 
}
.badge-hot { 
    background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%) !important; 
    color: #fff !important; 
    box-shadow: 0 3px 6px rgba(255,77,79,0.3) !important; 
}
.badge-new { 
    background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%) !important; 
    color: #fff !important; 
    box-shadow: 0 3px 6px rgba(82,196,26,0.3) !important; 
}

/* =========================================================
   文章标题前缀徽章 (亲测、汉化、稀缺)
========================================================= */
.yt-title-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    color: #fff !important;
    margin-right: 6px;
    vertical-align: 2px;
    letter-spacing: 1px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.badge-qin { background: linear-gradient(135deg, #10b981 0%, #059669 100%); } /* 亲测：翡翠绿 */
.badge-han { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); } /* 汉化：科技蓝 */
.badge-xi  { background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%); } /* 稀缺：玫瑰红 */

/* =========================================================
   文章内页 Tabs (详情介绍、常见问题等) - 符合主题橙色框架
========================================================= */
body .nav-pills .nav-link,
body .nav-tabs .nav-link {
    color: #475569 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease;
}
body .nav-pills .nav-link.active,
body .nav-pills .show > .nav-link,
body .nav-tabs .nav-link.active,
body .nav-tabs .show > .nav-link {
    color: #fff !important;
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%) !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.25) !important;
}
body .nav-pills .nav-link:hover,
body .nav-tabs .nav-link:hover {
    color: #EA580C !important;
    background-color: rgba(234, 88, 12, 0.05) !important;
}

/* =========================================================
   页脚 (Footer) 暗黑高级感重构
========================================================= */
.site-footer {
    background: #0f172a !important; /* 极深蓝黑 */
    color: #94a3b8 !important;
    padding: 50px 0 30px 0 !important;
    border-top: 4px solid #EA580C !important; /* 顶部橙色高亮进度条 */
    margin-top: 50px !important;
}
.site-footer a {
    color: #cbd5e1 !important;
    transition: color 0.3s ease !important;
}
.site-footer a:hover {
    color: #EA580C !important;
}
.site-footer .widget-title {
    color: #f1f5f9 !important;
    font-weight: 700 !important;
    border-left: 3px solid #EA580C;
    padding-left: 10px;
    margin-bottom: 20px;
}

/* =========================================================
   暗色模式完美适配 (Dark Mode overrides)
========================================================= */
[data-bs-theme="dark"] body { background-color: #0f172a !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .post-item,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .widget { 
    background-color: #1e293b !important; 
    border-color: #334155 !important;
}
[data-bs-theme="dark"] .entry-content p,
[data-bs-theme="dark"] .entry-desc {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] h1, 
[data-bs-theme="dark"] h2, 
[data-bs-theme="dark"] h3, 
[data-bs-theme="dark"] h4, 
[data-bs-theme="dark"] h5, 
[data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .entry-title a {
    color: #f1f5f9 !important;
}

/* 暗黑模式下正文文字看不清的终极修复 (对齐网站声明颜色) */
[data-bs-theme="dark"] .custom-post-body,
[data-bs-theme="dark"] .custom-post-body *,
[data-bs-theme="dark"] .entry-content,
[data-bs-theme="dark"] .entry-content * {
    color: #cbd5e1 !important; /* 彻底对齐 entry-copyright 的浅灰白色 */
}

/* 自定义的GPLPal侧边栏 暗色适配 */
[data-bs-theme="dark"] .gplpal-info-box {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
[data-bs-theme="dark"] .gplpal-info-box h4 {
    color: #f1f5f9 !important;
}
[data-bs-theme="dark"] .gplpal-info-box li span:first-child {
    color: #cbd5e1 !important;
}
[data-bs-theme="dark"] .gplpal-info-box li {
    border-bottom-color: #334155 !important;
}
/* =========================================================
   系统级视觉深度优化 (Premium Visual Details)
========================================================= */

/* 1. 品牌级文字选中色 */
::-moz-selection {
    background: rgba(234, 88, 12, 0.2) !important;
    color: inherit !important;
}
::selection {
    background: rgba(234, 88, 12, 0.2) !important;
    color: inherit !important;
}

/* 2. 炫酷科技感浏览器滚动条 */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}
::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 10px !important;
    transition: background 0.3s ease !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #EA580C !important; /* 悬浮变为橙色 */
}

/* 滚动条暗色模式适配 */
[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a !important;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155 !important;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #EA580C !important;
}

/* 3. 首页卡片 Hover 科技流光质感提升 */
.post-item {
    border: 1px solid transparent !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.post-item:hover {
    border-color: rgba(234, 88, 12, 0.2) !important; /* 悬浮时显现极淡橙色边框 */
    box-shadow: 0 12px 35px rgba(234, 88, 12, 0.12) !important; /* 橙色呼吸投影 */
}

/* 4. 详情页左侧边栏/主内容区微调：卡片质感 */
.entry-content {
    background: #ffffff;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}
[data-bs-theme="dark"] .entry-content {
    background: #1e293b !important;
}

/* 5. 原生价格标签美化，使其与整体科技橙呼应 */
.price-tag, .entry-price, .ri-price {
    color: #EA580C !important;
    font-weight: 700 !important;
}