/* 高科技风格颜色定义 - 独立样式 */
    :root {
        --art-white: #ffffff;
        --art-silver: #f8f9fa;
        --art-light-gray: #f5f7fa;
        --art-dark: #1a1d29;
        --art-blue: #4361ee;
        --art-cyan: #00b4d8;
        --art-teal: #06d6a0;
        --art-accent: #7209b7;
        --art-border: rgba(0, 0, 0, 0.08);
        --art-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        --art-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.1);
        --art-gradient: linear-gradient(135deg, var(--art-blue), var(--art-cyan));
    }
    
    /* 文章容器 */
    .art-container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
    }
    
    /* 文章头部 */
    .art-header {
        padding: 4rem 0 3rem;
        text-align: center;
        border-bottom: 1px solid var(--art-border);
        margin-bottom: 3rem;
    }
    
    .art-category {
        display: inline-block;
        font-family: 'Manrope', sans-serif;
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--art-blue);
        background: rgba(67, 97, 238, 0.1);
        padding: 0.5rem 1.5rem;
        border-radius: 20px;
        margin-bottom: 1.5rem;
        letter-spacing: 0.5px;
    }
    
    .art-title {
        font-family: 'Manrope', sans-serif;
        font-size: 3.2rem;
        font-weight: 800;
        color: var(--art-dark);
        margin-bottom: 1.5rem;
        line-height: 1.2;
        letter-spacing: -0.5px;
    }
    
    .art-meta {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        color: #718096;
        font-size: 0.95rem;
        margin-top: 2rem;
    }
    
    .art-meta-item {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    
    .art-meta-item i {
        color: var(--art-blue);
    }
    
    /* 文章内容区域 */
    .art-content-wrapper {
        padding: 0 0 4rem;
    }
    
    .art-content {
        max-width: 800px;
        margin: 0 auto;
    }
    
    /* 富文本内容样式 */
    .art-rich-text {
        font-family: 'Inter', 'Poppins', sans-serif;
        font-size: 1.125rem;
        line-height: 1.8;
        color: #4a5568;
    }
    
    /* 从h3开始定义标题 */
    .art-rich-text h3 {
        font-family: 'Manrope', sans-serif;
        font-size: 2.2rem;
        font-weight: 700;
        color: var(--art-dark);
        margin: 3rem 0 1.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid var(--art-border);
    }
    
    .art-rich-text h4 {
        font-family: 'Manrope', sans-serif;
        font-size: 1.8rem;
        font-weight: 600;
        color: var(--art-dark);
        margin: 2.5rem 0 1.2rem;
    }
    
    .art-rich-text p {
        margin-bottom: 1.8rem;
        text-align: justify;
    }
    
    .art-rich-text blockquote {
        border-left: 4px solid var(--art-blue);
        padding: 1.5rem 2rem;
        margin: 2rem 0;
        background: rgba(67, 97, 238, 0.05);
        border-radius: 0 8px 8px 0;
        font-style: italic;
        font-size: 1.2rem;
        color: var(--art-dark);
    }
    
    .art-rich-text ul, .art-rich-text ol {
        margin: 1.5rem 0 1.5rem 2rem;
    }
    
    .art-rich-text li {
        margin-bottom: 0.8rem;
    }
    
    .art-rich-text a {
        color: var(--art-blue);
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: border-color 0.3s ease;
    }
    
    .art-rich-text a:hover {
        border-bottom: 1px solid var(--art-blue);
    }
    
    /* 文章图片样式 - 核心部分 */
    .art-image {
        margin: 3rem 0;
        position: relative;
    }
    
    /* 默认图片样式 - 圆角、边框、边距 */
    .art-image img {
        width: 100%;
        height: auto;
        border-radius: 12px;
        border: 3px solid var(--art-border);
        display: block;
        transition: all 0.4s ease;
    }
    
    /* PC端特效 */
    @media (min-width: 721px) {
        .art-image img {
            box-shadow: var(--art-shadow);
        }
        
        .art-image:hover img {
            transform: translateY(-5px) scale(1.01);
            box-shadow: var(--art-shadow-hover);
            border-color: rgba(67, 97, 238, 0.2);
        }
        
        .art-image::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, 
                rgba(67, 97, 238, 0) 0%, 
                rgba(0, 180, 216, 0) 100%);
            border-radius: 12px;
            opacity: 0;
            transition: opacity 0.4s ease;
            pointer-events: none;
        }
        
        .art-image:hover::after {
            opacity: 0.1;
        }
    }
    
    /* 图片描述 */
    .art-image-caption {
        font-family: 'Inter', sans-serif;
        font-size: 0.95rem;
        color: #718096;
        text-align: center;
        margin-top: 1rem;
        font-style: italic;
        padding: 0 1rem;
    }
    
    /* 宽图片样式 - 超过600px横比 */
    .art-wide-image {
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 移动端样式 (720px及以下) */
    @media (max-width: 720px) {
        .art-title {
            font-size: 2.2rem;
        }
        
        .art-header {
            padding: 3rem 0 2rem;
        }
        
        .art-meta {
            flex-direction: column;
            gap: 1rem;
        }
        
        .art-rich-text h3 {
            font-size: 1.8rem;
        }
        
        .art-rich-text h4 {
            font-size: 1.5rem;
        }
        
        .art-rich-text {
            font-size: 1.05rem;
        }
        
        /* 移动端图片居中 */
        .art-image {
            text-align: center;
        }
        
        .art-image img {
            max-width: 100%;
            margin: 0 auto;
        }
        
        /* 宽图片在移动端也居中 */
        .art-wide-image img {
            display: block;
            margin: 0 auto;
        }
        
        .art-container {
            padding: 0 1.5rem;
        }
    }
    
    /* 代码块样式 */
    .art-code-block {
        background: var(--art-dark);
        border-radius: 8px;
        padding: 2rem;
        margin: 2.5rem 0;
        overflow-x: auto;
        position: relative;
    }
    
    .art-code-block pre {
        color: #e0e0e0;
        font-family: 'Courier New', monospace;
        font-size: 0.95rem;
        line-height: 1.6;
        margin: 0;
    }
    
    .art-code-block::before {
        content: '代码';
        position: absolute;
        top: 0.8rem;
        right: 1.5rem;
        font-family: 'Manrope', sans-serif;
        font-size: 0.8rem;
        color: var(--art-blue);
        background: rgba(67, 97, 238, 0.1);
        padding: 0.3rem 0.8rem;
        border-radius: 4px;
    }
    
    /* 文章底部区域 */
    .art-bottom {
        margin-top: 4rem;
        padding-top: 3rem;
        border-top: 1px solid var(--art-border);
    }
    
    .art-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
        margin-bottom: 2rem;
    }
    
    .art-tag {
        font-family: 'Inter', sans-serif;
        font-size: 0.9rem;
        color: var(--art-blue);
        background: rgba(67, 97, 238, 0.1);
        padding: 0.5rem 1.2rem;
        border-radius: 20px;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    .art-tag:hover {
        background: rgba(67, 97, 238, 0.2);
        transform: translateY(-2px);
    }
    
    /* 导航区域样式 - 简化版 */
    .art-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 3rem;
    }
    
    /* DedeCMS生成的上一篇/下一篇链接样式 */
    .art-nav a {
        display: inline-flex;
        align-items: center;
        gap: 1rem;
        padding: 1.2rem 2rem;
        background: var(--art-silver);
        border-radius: 8px;
        text-decoration: none;
        color: var(--art-dark);
        transition: all 0.3s ease;
        max-width: 48%;
    }
    
    .art-nav a:hover {
        background: rgba(67, 97, 238, 0.1);
        transform: translateY(-3px);
    }
    
    /* 隐藏DedeCMS生成的"上一篇："和"下一篇："文本 */
    .art-nav {
        font-size: 0;
    }
    
    .art-nav a {
        font-size: 1rem;
    }
    
    /* 为链接添加图标 */
    .art-nav a[href*="/CNC_Machining/"]:first-child::before {
        content: '←';
        color: var(--art-blue);
        font-size: 1.2rem;
        margin-right: 0.5rem;
    }
    
    .art-nav a[href*="/CNC_Machining/"]:last-child::after {
        content: '→';
        color: var(--art-blue);
        font-size: 1.2rem;
        margin-left: 0.5rem;
    }
    
    /* 处理"没有了"的情况 */
    .art-nav br {
        display: none;
    }
    
    /* 文章特色图片 */
    .art-featured-image {
        width: 100%;
        height: 500px;
        border-radius: 20px;
        overflow: hidden;
        margin: 2rem 0 3rem;
        position: relative;
    }
    
    .art-featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }
    
    .art-featured-image:hover img {
        transform: scale(1.05);
    }
    
    @media (max-width: 720px) {
        .art-featured-image {
            height: 300px;
        }
        
        .art-nav {
            flex-direction: column;
            gap: 1rem;
        }
        
        .art-nav a {
            max-width: 100%;
        }
        
        .art-code-block {
            padding: 1.5rem;
        }
        
        .art-code-block pre {
            font-size: 0.85rem;
        }
    }