/* =============================================================
   深空科技 · 默认模式改版皮肤（html.tech-day 作用域）
   Happy花椒 · www.quhj.com
   说明：仅作用于「默认」模式；暗夜/护眼/纸质/极简模式不受影响
   ============================================================= */

/* ---------- 1. 变量重定义：原主题组件全部变量驱动，一处改全站生效 ---------- */
html.tech-day {
    --bg-main: #060b18;
    --bg-card: rgba(13, 24, 48, 0.42);
    --bg-nav: rgba(8, 16, 36, 0.72);
    --text-main: #dcecff;
    --text-sub: #8ea6c8;
    --text-dark-blue: #a8d4ff;
    --border-light: rgba(124, 196, 255, 0.16);
    --line-color: rgba(124, 196, 255, 0.22);
    --glass-blur: 22px;
    --green-main: #3d8bff;
    --green-light: rgba(61, 139, 255, 0.12);
    --line-theme-light: rgba(61, 139, 255, 0.45);
    --green-main-rgb: 61, 139, 255;

    --tech-cyan: #7cc4ff;
    --tech-cyan-rgb: 124, 196, 255;
    --tech-ink: #060b18;
    --tech-grid: rgba(61, 139, 255, 0.06);
    --tech-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Courier New", monospace;

    --card-radius: 12px;
    --card-shadow: 0 2px 14px rgba(2, 8, 24, 0.55), inset 0 1px 0 rgba(124, 196, 255, 0.06);
    --card-shadow-hover: 0 10px 38px rgba(2, 10, 28, 0.75), 0 0 24px rgba(var(--tech-cyan-rgb), 0.12);
    color-scheme: dark;
}

/* ---------- 2. 背景：深空渐变 + 网格 + 极光光带（照片页 body.photo-black 除外） ---------- */
html.tech-day,
html.tech-day body:not(.photo-black) {
    background-color: var(--tech-ink) !important;
}
html.tech-day body:not(.photo-black) {
    background-image:
        radial-gradient(ellipse 90% 55% at 70% -10%, rgba(var(--tech-cyan-rgb), 0.10), transparent 60%),
        radial-gradient(ellipse 70% 50% at 10% 110%, rgba(var(--green-main-rgb), 0.08), transparent 60%),
        radial-gradient(ellipse 120% 40% at 15% 20%, rgba(var(--tech-cyan-rgb), 0.16), transparent 55%),
        radial-gradient(ellipse 140% 45% at 85% 35%, rgba(var(--green-main-rgb), 0.20), transparent 55%),
        radial-gradient(ellipse 110% 35% at 30% 65%, rgba(var(--tech-cyan-rgb), 0.12), transparent 55%),
        radial-gradient(ellipse 150% 40% at 75% 88%, rgba(var(--green-main-rgb), 0.16), transparent 55%),
        linear-gradient(var(--tech-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--tech-grid) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 44px 44px, 44px 44px;
    background-attachment: fixed;
    color: var(--text-main);
}

/* 选中文本 & 滚动条 */
html.tech-day ::selection {
    background: rgba(var(--tech-cyan-rgb), 0.35);
    color: #f0fdff;
}
html.tech-day ::-webkit-scrollbar { width: 10px; height: 10px; }
html.tech-day ::-webkit-scrollbar-track { background: #08101f; }
html.tech-day ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--tech-cyan-rgb), 0.45), rgba(var(--green-main-rgb), 0.45));
    border-radius: 6px;
    border: 2px solid #08101f;
}

/* ---------- 4. 玻璃卡片：发光描边（已删除左上 HUD 角标） ---------- */
html.tech-day body .card,
html.tech-day body .single-post-card,
html.tech-day body .related-item,
html.tech-day body .sidebar-card,
html.tech-day body .home-card,
html.tech-day body .fav-card,
html.tech-day body .wptheme-item,
html.tech-day body .note-card,
html.tech-day body .moment-card,
html.tech-day body .timeline-photo-card,
html.tech-day body .link-info-card,
html.tech-day body .link-list-card,
html.tech-day body .about-profile-card,
html.tech-day body .about-content-card,
html.tech-day body .about-timeline-card,
html.tech-day body .guestbook-form-card,
html.tech-day body .home-stat-card {
    border: 1px solid var(--border-light) !important;
    position: relative;
}
html.tech-day body .card:hover,
html.tech-day body .sidebar-card:hover,
html.tech-day body .home-stat-card:hover {
    border-color: rgba(var(--tech-cyan-rgb), 0.38) !important;
}

/* 卡片标题色 */
html.tech-day .card h1,
html.tech-day .card h2,
html.tech-day .card h3,
html.tech-day .sidebar-block-title,
html.tech-day .home-block-title h2 {
    color: var(--text-dark-blue);
    text-shadow: 0 0 18px rgba(var(--tech-cyan-rgb), 0.25);
}

/* ---------- 5. 导航：深空玻璃 + 霓虹指示条 ---------- */
html.tech-day .site-nav {
    border: 1px solid var(--border-light);
    box-shadow: var(--card-shadow), inset 0 1px 0 rgba(var(--tech-cyan-rgb), 0.08);
    position: relative;
    overflow: hidden;
}
html.tech-day .site-nav::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--tech-cyan-rgb), 0.6), transparent);
    pointer-events: none;
}
html.tech-day .logo-text {
    background: linear-gradient(135deg, var(--tech-cyan), var(--green-main));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}
html.tech-day .nav-list li a {
    color: var(--text-sub);
    font-family: var(--tech-mono);
    font-size: 14px;
}
html.tech-day .nav-list li a:hover {
    color: var(--tech-cyan);
    background: rgba(var(--tech-cyan-rgb), 0.08);
    text-shadow: 0 0 12px rgba(var(--tech-cyan-rgb), 0.5);
}
html.tech-day .nav-list li a::after {
    background: var(--tech-cyan);
    box-shadow: 0 0 8px var(--tech-cyan);
}
html.tech-day .nav-list li.current-menu-item a,
html.tech-day .nav-list li.current_page_item a {
    color: var(--tech-cyan);
}

/* ---------- 6. 顶部横幅：已统一为基础样式（与其他模式一致），不再 HUD 化 ---------- */
/* 默认模式日期信息去框：纯文字，与其他模式观感一致 */
html.tech-day .magazine-date-bottom {
    border: none;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

/* ---------- 7. 首页统计 & 数字：等宽字体 + 霓虹 ---------- */
html.tech-day .home-stat-num,
html.tech-day .zuji-metric-num {
    font-family: var(--tech-mono);
    color: var(--tech-cyan);
    text-shadow: 0 0 18px rgba(var(--tech-cyan-rgb), 0.45);
}
html.tech-day .home-stat-label,
html.tech-day .zuji-metric-label {
    color: var(--text-sub);
    letter-spacing: 2px;
}
html.tech-day .home-title-en,
html.tech-day .pg-section-en {
    font-family: var(--tech-mono);
    color: rgba(var(--tech-cyan-rgb), 0.75);
}
html.tech-day .home-title-square {
    background: var(--tech-cyan);
    box-shadow: 0 0 10px var(--tech-cyan);
}
html.tech-day .zuji-capsule {
    border: 1px solid rgba(var(--green-main-rgb), 0.35);
    color: var(--green-main);
    background: rgba(var(--green-main-rgb), 0.07);
}

/* ---------- 8. 链接 / 按钮 / 表单控件 ---------- */
html.tech-day body:not(.photo-black) a { color: var(--tech-cyan); }
html.tech-day body:not(.photo-black) a:hover { color: #a8d4ff; text-shadow: 0 0 10px rgba(var(--tech-cyan-rgb), 0.5); }
html.tech-day .theme-btn {
    font-family: var(--tech-mono);
    background: rgba(var(--tech-cyan-rgb), 0.06) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-sub) !important;
}
html.tech-day .theme-btn:hover,
html.tech-day .theme-btn.active {
    border-color: rgba(var(--tech-cyan-rgb), 0.6) !important;
    color: var(--tech-cyan) !important;
    box-shadow: 0 0 14px rgba(var(--tech-cyan-rgb), 0.25);
}
html.tech-day input,
html.tech-day textarea,
html.tech-day select {
    background: rgba(6, 12, 28, 0.7) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-main) !important;
    caret-color: var(--tech-cyan);
}
html.tech-day input:focus,
html.tech-day textarea:focus {
    border-color: rgba(var(--tech-cyan-rgb), 0.6) !important;
    box-shadow: 0 0 0 3px rgba(var(--tech-cyan-rgb), 0.12);
    outline: none;
}
html.tech-day button,
html.tech-day input[type="submit"] {
    font-family: inherit;
}

/* ---------- 9. 侧边栏小组件细节 ---------- */
html.tech-day .sidebar-block-title {
    font-family: var(--tech-mono);
    letter-spacing: 2px;
}
html.tech-day .sidebar-nav-item {
    border: 1px solid transparent;
    transition: all 0.25s ease;
}
html.tech-day .sidebar-nav-item:hover {
    border-color: rgba(var(--tech-cyan-rgb), 0.3);
    background: rgba(var(--tech-cyan-rgb), 0.06);
}
html.tech-day .nav-dot {
    background: var(--green-main);
    box-shadow: 0 0 8px var(--green-main);
}
html.tech-day .divider-line,
html.tech-day .music-divider {
    background: linear-gradient(90deg, transparent, rgba(var(--tech-cyan-rgb), 0.4), transparent) !important;
}
html.tech-day .music-play-btn {
    border: 1px solid rgba(var(--tech-cyan-rgb), 0.5) !important;
    color: var(--tech-cyan) !important;
    box-shadow: 0 0 12px rgba(var(--tech-cyan-rgb), 0.25);
}
html.tech-day .music-progress-bar {
    background: linear-gradient(90deg, var(--tech-cyan), var(--green-main)) !important;
    box-shadow: 0 0 8px rgba(var(--tech-cyan-rgb), 0.6);
}

/* ---------- 10. 页脚 / 回到顶部 ---------- */
html.tech-day #backToTop,
html.tech-day .back-to-top {
    border: 1px solid rgba(var(--tech-cyan-rgb), 0.45) !important;
    background: rgba(8, 16, 36, 0.8) !important;
    color: var(--tech-cyan) !important;
    box-shadow: 0 0 18px rgba(var(--tech-cyan-rgb), 0.2);
}

/* ---------- 11. 文章正文可读性 ---------- */
html.tech-day .post-content,
html.tech-day .page-content {
    color: var(--text-main);
}
html.tech-day .post-content a,
html.tech-day .page-content a {
    color: var(--tech-cyan);
    border-bottom: 1px dashed rgba(var(--tech-cyan-rgb), 0.4);
}
html.tech-day blockquote {
    border-left: 3px solid var(--tech-cyan) !important;
    background: rgba(var(--tech-cyan-rgb), 0.05) !important;
    color: var(--text-sub);
}
html.tech-day code,
html.tech-day pre {
    font-family: var(--tech-mono);
    background: rgba(4, 10, 24, 0.85) !important;
    border: 1px solid rgba(var(--tech-cyan-rgb), 0.18);
    color: #b7e0ff;
}

/* ---------- 12. 时间轴 / 碎碎念 / 标签等点缀 ---------- */
html.tech-day .tag-list a {
    border: 1px solid var(--border-light) !important;
    color: var(--text-sub) !important;
    background: rgba(var(--tech-cyan-rgb), 0.05) !important;
}
html.tech-day .tag-list a:hover {
    color: var(--tech-cyan) !important;
    border-color: rgba(var(--tech-cyan-rgb), 0.5) !important;
}

/* ---------- 13. 入场动画微光（配合现有 scroll-fade） ---------- */
html.tech-day .scroll-fade.is-visible {
    animation: techFadeGlow 0.9s ease-out;
}
@keyframes techFadeGlow {
    0% { filter: brightness(1.6) drop-shadow(0 0 12px rgba(var(--tech-cyan-rgb), 0.35)); }
    100% { filter: brightness(1) drop-shadow(0 0 0 transparent); }
}

/* ---------- 14. 响应式微调 ---------- */
@media (max-width: 768px) {
    html.tech-day body {
        background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 32px 32px, 32px 32px;
    }
}