/* ===========================================
   主题 5: 毛玻璃（Glassmorphism）
   =========================================== */
.jch-theme-glass {
    --jch-bg: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    --jch-bg-soft: rgba(255, 255, 255, 0.1);
    --jch-bg-card: rgba(255, 255, 255, 0.15);
    --jch-border: rgba(255, 255, 255, 0.25);
    --jch-text: #ffffff;
    --jch-text-soft: rgba(255, 255, 255, 0.75);
    --jch-accent: #ffd700;
    --jch-accent-2: #ff6b9d;
    --jch-green: #4ade80;
    --jch-nav-bg: rgba(255, 255, 255, 0.1);
}

/* 毛玻璃主题额外效果 */
.jch-theme-glass .jch-wrap {
    background-attachment: fixed;
    min-height: 100vh;
}
.jch-theme-glass .jch-nav {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.jch-theme-glass .jch-hero::before {
    background: radial-gradient(circle, rgba(255, 215, 0, 0.3) 0%, transparent 60%);
}
.jch-theme-glass .jch-hero h1 .accent {
    background: linear-gradient(90deg, #ffd700, #ff6b9d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.jch-theme-glass .jch-section h2::before {
    background: linear-gradient(180deg, #ffd700, #ff6b9d);
}
.jch-theme-glass .jch-btn {
    backdrop-filter: blur(10px);
}
.jch-theme-glass .jch-btn-primary {
    background: rgba(255, 215, 0, 0.9);
    color: #4a1a5c;
    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.3);
}
.jch-theme-glass .jch-btn-primary:hover {
    background: rgba(255, 215, 0, 1);
    box-shadow: 0 6px 30px rgba(255, 215, 0, 0.5);
}
.jch-theme-glass .jch-btn-ghost {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
}
.jch-theme-glass .jch-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.2);
}
.jch-theme-glass .jch-work-card,
.jch-theme-glass .jch-about-item,
.jch-theme-glass .jch-tech-tag,
.jch-theme-glass .jch-contact-block,
.jch-theme-glass .jch-link-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
}
.jch-theme-glass .jch-work-card:hover,
.jch-theme-glass .jch-link-card:hover {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 215, 0, 0.5);
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(31, 38, 135, 0.25);
}
.jch-theme-glass .jch-work-thumb {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
}
.jch-theme-glass .jch-tech-tag {
    background: rgba(255, 255, 255, 0.15);
}
.jch-theme-glass .jch-tech-tag:hover {
    background: rgba(255, 215, 0, 0.3);
    border-color: rgba(255, 215, 0, 0.6);
}
.jch-theme-glass .jch-tech-tag .jch-dot-sm {
    background: #ffd700;
    box-shadow: 0 0 6px var(--jch-accent);
}
.jch-theme-glass .jch-about-item h3 {
    background: linear-gradient(90deg, #ffd700, #ff6b9d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.jch-theme-glass .jch-contact-block {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
}
.jch-theme-glass .jch-contact-links a,
.jch-theme-glass .jch-block-articles-list a {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
}
.jch-theme-glass .jch-contact-links a:hover {
    background: rgba(255, 215, 0, 0.4);
    border-color: rgba(255, 215, 0, 0.8);
}
.jch-theme-glass .jch-block-articles-list a {
    background: transparent !important;
}
.jch-theme-glass .jch-block-articles-list a:hover {
    color: #ffd700 !important;
}
.jch-theme-glass .jch-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}