/* Extracted from news.html; keep loaded after the shared stylesheets. */

html, body {
            background:#121212 !important;
            margin: 0;
            padding: 0;
            min-height: 100%;
        }
        .container{width:1200px;max-width:100%;margin:0 auto;padding:60px 15px;box-sizing:border-box;}
        .news-wrap{background:#1e1e1e;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.2);padding:40px;}
        .features{display:flex;gap:30px;}
        .features .left{width:200px;}
        .features .left ul{list-style:none;padding:0;margin:0;}
        .features .left ul li{margin-bottom:10px;}
        .features .left ul li a{display:block;padding:14px 20px;background:#2a2a2a;border-radius:8px;text-decoration:none;color:#fff;font-size:15px;transition:0.3s;}
        .features .left ul li a.active{background:linear-gradient(90deg, #a855f7, #3b82f6);color:#fff;}
        .features .right{flex:1;}
        .section-title{font-size:24px;color:#fff;margin:0 0 30px 0;padding-bottom:15px;border-bottom:1px solid #333;}
        .newsc ul{list-style:none;padding:0;margin:0;}
        .newsc ul li{display:flex;gap:20px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #333;align-items:center;}
        .newsc ul li img{width:100%;height:140px;object-fit:cover;transition:0.3s;}
        .newsc ul li img:hover{transform:scale(1.05);}
        .newsc ul li h3{margin:0 0 10px 0;font-size:18px;color:#fff;line-height:1.4;}
        .newsc ul li h3 a{color:#fff;text-decoration:none;}
        .newsc ul li h3 a:hover{color:#a855f7;}
        .newsc ul li p{margin:0 0 10px 0;font-size:15px;color:#ccc;line-height:1.6;}
        .newsc ul li p a{color:#a855f7;text-decoration:none;}
        .pages{text-align:center;margin-top:40px;}

        .pagination {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 auto !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
        }
        .pagination li {
            margin: 0 !important;
            display: inline-block !important;
        }
        .pagination li a,
        .pagination li span {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 36px !important;
            height: 36px !important;
            padding: 0 10px !important;
            border-radius: 6px !important;
            background: #2a2a2a !important;
            color: #fff !important;
            font-size: 15px !important;
            text-decoration: none !important;
            transition: all 0.2s !important;
            border: none !important;
        }
        .pagination li.active span {
            background: linear-gradient(90deg, #a855f7, #3b82f6) !important;
            color: #fff !important;
        }
        .pagination li a:hover {
            background: #a855f7 !important;
            color: #fff !important;
        }
        .pagination li.disabled span {
            opacity: 0.5 !important;
            cursor: not-allowed !important;
        }

        .title{font-size:26px;color:#fff;margin:0 0 15px 0;line-height:1.4;}
        .post-time{font-size:14px;color:#999;margin-bottom:25px;}
        .content{font-size:16px;line-height:1.8;color:#fff;}
        .content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;}
        .article-nav{margin:40px 0;padding-top:20px;border-top:1px solid #333;}
        .article-nav p{margin:0 0 10px 0;font-size:15px;}
        .article-nav p a{color:#a855f7;text-decoration:none;}
        .blog-detail-back{display:inline-block;margin-top:20px;padding:10px 20px;background:#2a2a2a;color:#fff;border-radius:6px;text-decoration:none;font-size:15px;}
        .blog-detail-back:hover{background:linear-gradient(90deg, #a855f7, #3b82f6);color:#fff;}
        @media(max-width:768px){
            .features{flex-direction:column;}
            .features .left{width:100%;}
            .newsc ul li{flex-direction:column;align-items:flex-start;}
            .newsc ul li .wq-news-inline-8{width:100%;}
        }

/* Former element-level inline declarations. */

.wq-news-inline-1{width:100% !important;background:#1a1a1a !important;padding:15px 0 !important;border-bottom:1px solid #333 !important}

.wq-news-inline-2{width:1200px !important;margin:0 auto !important;display:flex !important;justify-content:space-between !important;align-items:center !important;max-width:100% !important;box-sizing:border-box !important;padding:0 15px !important}

.wq-news-inline-3{display:flex !important;align-items:center !important;gap:10px !important;text-decoration:none !important}

.wq-news-inline-4{height:40px !important}

.wq-news-inline-5{font-size:20px !important;font-weight:bold !important;background:linear-gradient(90deg, #a855f7, #3b82f6) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}

.wq-news-inline-6{padding:10px 22px !important;background:linear-gradient(90deg, #a855f7, #3b82f6) !important;color:#fff !important;border-radius:6px !important;margin-right:15px !important;text-decoration:none !important;font-size:14px !important;display:inline-block !important}

.wq-news-inline-7{padding:10px 22px !important;border:1px solid #ffffff !important;color:#ffffff !important;border-radius:6px !important;text-decoration:none !important;font-size:14px !important;display:inline-block !important}

.wq-news-inline-8{flex:0 0 220px !important;overflow:hidden !important;border-radius:8px !important}

.wq-news-inline-9{flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;height:140px !important}

.wq-news-inline-10{display:flex !important;justify-content:flex-end !important;align-items:center !important}

.wq-news-inline-11{font-size:14px !important;color:#999 !important}

.wq-news-inline-12{background:#1a1a1a !important;padding:30px 0 !important;border-top:1px solid #333 !important;margin:0 !important}

.wq-news-inline-13{width:1200px !important;max-width:100% !important;margin:0 auto !important;text-align:center !important;box-sizing:border-box !important;padding:0 15px !important}

.wq-news-inline-14{margin-bottom:12px !important}

.wq-news-inline-15{font-size:14px !important;color:#ffffff !important}

.footer-logo-link{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}