/* --- 核心变量与基础 --- */
        :root { 
            --main-color: #7c89d7; 
            --main-light: #f4f5fb;
            --bg-gray: #f9f9fb; 
            --text-main: #2a2a2a;
            --text-sec: #666; 
            --radius: 12px;
        }
        
        body { background-color: var(--bg-gray); color: var(--text-main); font-family: "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif; margin: 0; }
        .wrapper { padding: 60px 0; }
        .w1200 { width: 1200px; margin: 0 auto; display: flex; gap: 40px; }
        .clearfix::after { content: ""; display: table; clear: both; }

        /* --- 顶部 Banner --- */
        .nybanner { height: 350px; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; }
        .nybanner::before { content: ""; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); }
        .nybanner h1 { color:#fff; z-index:1; font-size:42px; font-weight: 600; letter-spacing:3px; }

        /* --- 左侧侧边栏 (沿用你的命名) --- */
        .subleft { width: 280px; flex-shrink: 0; }
        .toptitle { background: var(--main-color); border-radius: 8px 8px 0 0; padding: 18px 25px; }
        .toptitle h3 { color: #fff; font-size: 18px; font-weight: 500; margin: 0; }
        .cont { background: #fff; border: 1px solid #eee; border-top: none; border-radius: 0 0 8px 8px; padding: 10px 0; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
        .cont ul.list { list-style: none; padding: 0; }
        .cont ul.list li { position: relative; transition: 0.3s; }
        .cont ul.list li a { display: block; padding: 14px 25px; color: #555; text-decoration: none; font-size: 15px; }
        .cont ul.list li::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: var(--main-color); transform: scaleY(0); transition: 0.3s; }
        .cont ul.list li:hover, .cont ul.list li.hover { background: var(--main-light); }
        .cont ul.list li:hover a, .cont ul.list li.hover a { color: var(--main-color); font-weight: 600; }
        .cont ul.list li:hover::before, .cont ul.list li.hover::before { transform: scaleY(1); }

        /* --- 右侧文章详情区 (大厂感核心优化) --- */
        .subright { width: 880px; }
        .article-card { background: #fff; border-radius: var(--radius); padding: 50px 60px; box-shadow: 0 10px 40px rgba(0,0,0,0.04); border: 1px solid #efefef; }
        
        /* 标题区 */
        .article-header { border-bottom: 1px solid #f1f1f1; padding-bottom: 30px; margin-bottom: 40px; }
        .article-header h1 { font-size: 32px; line-height: 1.4; color: #1a1a1a; margin-bottom: 20px; font-weight: 700; }
        .meta-info { display: flex; gap: 25px; color: #999; font-size: 14px; }
        .meta-info span { display: flex; align-items: center; }
        .meta-info i { color: var(--main-color); margin-right: 8px; font-size: 16px; }

        /* 正文精修 (强制重置编辑器内部样式) */
        .entry-body { font-size: 17px; color: #333; line-height: 2; word-wrap: break-word; }
        .entry-body p { margin-bottom: 25px; }
        .entry-body img { max-width: 100% !important; height: auto !important; border-radius: 8px; margin: 20px 0; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
        .entry-body h2 { font-size: 24px; border-left: 5px solid var(--main-color); padding-left: 15px; margin: 40px 0 20px; color: #1a1a1a; }
        .entry-body h3 { font-size: 20px; margin: 30px 0 15px; color: var(--main-color); }
        /* 正文表格优化 */
        .entry-body table { width: 100% !important; border-collapse: collapse; margin: 20px 0; }
        .entry-body table td, .entry-body table th { border: 1px solid #eee; padding: 12px; }

        /* 上下一篇按钮化 */
        .post-nav { display: flex; justify-content: space-between; gap: 20px; margin-top: 60px; padding-top: 40px; border-top: 1px dashed #e5e5e5; }
        .nav-btn { flex: 1; background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 20px; transition: 0.3s; text-decoration: none !important; }
        .nav-btn:hover { border-color: var(--main-color); background: var(--main-light); transform: translateY(-3px); }
        .nav-btn span { display: block; font-size: 12px; color: #bbb; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; }
        .nav-btn a { color: #444; font-weight: 600; font-size: 15px; text-decoration: none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .nav-btn:hover a { color: var(--main-color); }

        /* 右侧面包屑 */
        .sitepath { font-size: 14px; color: #999; margin-bottom: 25px; padding-left: 5px; }
        .sitepath i { color: var(--main-color); margin-right: 8px; }
		/* 左侧推荐模块 */
        .leftRecomm { background: #fff; border-radius: 8px; border: 1px solid #eee; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
        .leftRecomm .title { font-size: 17px; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #f0f0f0; position: relative; }
        .leftRecomm .title::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 40px; height: 2px; background: var(--main-color); }
        .leftRecomm .title a { color: var(--text-dark); text-decoration: none; }
        
        /* 侧边产品小图模式 */
        .leftRecomm .list .item { display: block; margin-bottom: 15px; text-decoration: none; }
        .leftRecomm .list .item img { width: 100%; border-radius: 6px; transition: 0.4s; border: 1px solid #eee; }
        .leftRecomm .list .item h3 { font-size: 13px; color: #666; margin-top: 8px; text-align: center; font-weight: normal; transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .leftRecomm .list .item:hover img { transform: translateY(-3px); border-color: var(--main-color); box-shadow: 0 5px 15px rgba(124,137,215,0.2); }
        .leftRecomm .list .item:hover h3 { color: var(--main-color); }