@charset "utf-8";
/* CSS Document */

        .blog-container {max-width: 1300px;margin: 0 auto;display: grid;grid-template-columns: 78% 22%;gap: 2rem;}
        .blog-left-col { min-width: 0; } .blog-left-col p{text-indent:0px}
        .blog-right-col { min-width: 0; }
        .blog-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;}
        .bl-vape-card {background: #ffffff;border-radius: 0.25rem;overflow: visible;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);transition: transform 0.2s ease, box-shadow 0.2s ease;height: 100%;display: flex;flex-direction: column;position: relative;}
        .bl-vape-card:hover {transform: translateY(-4px);box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.12);}
        .bl-card-img {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;background: #e2e8f0;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
        .bl-card-img a { display: block; width: 100%; height: 100%; }
		.bl-card-img img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
		.bl-vape-card:hover .bl-card-img img { transform: scale(1.02); }
        .bl-card-content {padding: 1.25rem 1.2rem 1.5rem;flex: 1;display: flex;flex-direction: column;}
        .bl-meta-row {display: flex;justify-content: space-between;align-items: center;font-size: 0.75rem;color: #5b6e8c;margin-bottom: 0.7rem;letter-spacing: 0.3px;text-transform: uppercase;position: relative;}
        .bl-date {display: flex;align-items: center;gap: 0.4rem;}
        .bl-date i { font-size: 0.7rem; color:var(--primary); }
		.bl-share-wrapper {position: relative;display: inline-flex;}
		.bl-share-trigger {display: flex;align-items: center;gap: 0.35rem;background: #f1f5f9;padding: 0.25rem 0.8rem;border-radius: 40px;cursor: default;transition: background 0.2s;font-weight: 500;font-size: 0.7rem;}
        .bl-share-trigger i { font-size: 0.7rem; color: var(--primary); }
		.bl-share-wrapper:hover .bl-share-trigger { background: #e6edf5; }

        .bl-share-popup {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(8px);margin-bottom: 12px;background: #1e1e2f;backdrop-filter: blur(4px);border-radius: 40px;box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);padding: 0.3rem 0.7rem;display: flex;gap: 0.3rem;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.2s ease, visibility 0.2s, transform 0.2s;white-space: nowrap;border: 1px solid rgba(255, 255, 255, 0.1);}
        .bl-share-wrapper:hover .bl-share-popup {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
        .bl-share-popup::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: #1e1e2f transparent transparent transparent;}
        .bl-share-popup a {color: #e2e8f0;font-size: 0.7rem;transition: all 0.2s ease;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 50%;background: rgba(255, 255, 255, 0.08);}
        .bl-share-popup a:hover {background: var(--linkactive);color: white;transform: translateY(-1px);}
        .bl-share-popup a i { font-size: 0.65rem; }
        /* 针对 X 文本的特殊样式 */
        .bl-share-popup .bl-x-text {font-weight: 700;font-size: 0.7rem;font-family: 'Inter', sans-serif;line-height: 1;}
		@media (max-width: 850px) {.bl-share-popup {    left: auto;    right: 0;    transform: translateY(8px);}.bl-share-wrapper:hover .bl-share-popup {    transform: translateY(0);}.bl-share-popup::after {    left: auto;    right: 10px;    transform: none;}}
        @media (max-width: 550px) {.bl-share-popup {    gap: 0.25rem;    padding: 0.25rem 0.6rem;}.bl-share-popup a {    width: 16px;    height: 16px;}.bl-share-popup a i { font-size: 0.6rem; }.bl-share-popup .x-text { font-size: 0.65rem; }}
 @media (max-width: 800px) {.blog-container {grid-template-columns: 100% 0%;gap: 0;}.blog-right-col {display:none}}
        /* 其余样式保持不变 */
        .bl-card-title {font-size: 1rem;font-weight: 600;line-height: 1.1;margin-bottom: 0.6rem;}
        .bl-card-title a {text-decoration: none;color: #0f172a;transition: color 0.2s;}
        .bl-card-title a:hover { color:var(--linkactive) }
        .bl-card-excerpt {font-size: 0.85rem;color: #475569;line-height: 1.45;margin-bottom: 0.8rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
        .bl-vape-tag {margin-top: auto;font-size: 0.7rem; color: var(--primary);font-weight: 500;display: inline-block;background: var(--gray-bg);padding: 0.2rem 0.7rem;border-radius: 30px;align-self: flex-start;}
        .bl-sidebar-module {background: #ffffff;border-radius: 1.25rem;padding: 1.3rem 1.2rem;margin-bottom: 2rem;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.02), 0 1px 3px rgba(0, 0, 0, 0.05);}
        .bl-sidebar-module:last-child { margin-bottom: 0; }
		.bl-module-title {font-size: 1.4rem;font-weight: 700;letter-spacing: -0.2px;margin-top: 0.6rem;color: #0f172a;        }
        .bl-articles-grid p{text-indent:inherit}
		/*blog右目录*/
		.bl-category-list {list-style: none;margin-top: 0.2rem;}
        .bl-category-list li {margin-bottom: 0;border-bottom: 1px solid #edf2f7;padding: 0.7rem 0;display: flex;justify-content: space-between;align-items: center;font-weight: 500;font-size: 0.9rem;}
        .bl-category-list li a {text-decoration: none;color: #1e293b;transition: color 0.2s;flex: 1;}
        .bl-category-list li.active a {color: var(--linkactive);font-weight: 700;}
        .bl-category-list li a:hover { color: var(--linkactive); }
        .cat-count {background: transparent;padding: 0.2rem 0.4rem;border-radius: 20px;font-size: 0.7rem;font-weight: 500;color: #64748b;}
        .category-list li.active .cat-count {color: var(--linkactive);font-weight: 600;}
        .rec-list { display: flex; flex-direction: column; }
        .rec-item {display: flex;align-items: center;gap: 1rem;padding: 0.75rem 0;border-bottom: 1px solid #edf2f7;background: transparent;}
        .rec-item:last-child { border-bottom: none; }
        .rec-img {width: 60px;height: 60px;flex-shrink: 0;border-radius: 3px;overflow: hidden;background: #e2e8f0;}
        .rec-img a { display: block; width: 100%; height: 100%; }
        .rec-img img {width: 100%;height: 100%;object-fit: cover;display: block;}
        .rec-info { flex: 1; }
        .rec-info a { text-decoration: none; display: block; }
        .rec-info h4 {font-size: 0.9rem;font-weight: 600;margin-bottom: 0.3rem;color: #444;transition: color 0.2s;}
        .rec-info a:hover h4 { color:var(--linkactive)}
        .price {font-size: 0.85rem;display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;}
        .current-price {font-weight: 600;color:var(--primary-dark);font-size: 0.9rem;}
        .old-price {text-decoration: line-through;color: #94a3b8;font-size: 0.8rem;}
        .currency { font-size: 0.85rem; margin-right: 0.1rem; }
    
        }
 
        @media (max-width: 850px) {.vape-container { grid-template-columns: 1fr; gap: 1.5rem; }.articles-grid { grid-template-columns: repeat(2, 1fr); }}
        @media (max-width: 550px) {.articles-grid { grid-template-columns: 1fr; }body { padding: 1rem; }}
        ::selection { background: #c084fc40; }
		
		.blog_detail{width:100%;min-height:500px;color:#666;font-size:1rem}
		.blog_detail h1{line-height:3rem;color:#333;font-size:1.5rem}
		.blog_detail h2{line-height:3rem;color:#444;font-size:1.3rem}
		.blog_detail h3{line-height:3rem;color:#555;font-size:1.2rem}
		.blog_detail h4{line-height:3rem;color:#666;font-size:0.9rem;}
		.blog_detail .center{text-align:center;}
		.blog_detail img{width:100%}
		.blog_detail p{text-indent:0.72cm}
		@media (max-width: 850px) {
		.blog_detail h1{line-height:2rem;color:#333;font-size:1.2rem}
		.blog_detail h2{line-height:1.5rem;color:#444;font-size:1.1rem}
		.blog_detail h3{line-height:1.2rem;color:#555;font-size:1rem}
		.blog_detail h4{line-height:1rem;color:#666;font-size:0.8rem;}			}