.container{margin-top:20px;margin-bottom:40px}.container .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px}.container .content .left-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:500px;border:1px solid #eee;border-radius:4px}.container .content .left-content ul{list-style:none;padding-left:0;margin:0;border:none}.container .content .left-content ul section{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:20px;background:#fff;cursor:pointer}.container .content .left-content ul section .left{width:240px;height:168px;margin-right:30px}.container .content .left-content ul section .left img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container .content .left-content ul section .right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;top:-10px;height:180px}.container .content .left-content ul section .right a{text-decoration:none;color:#333}.container .content .left-content ul section .right p{font-family:PingFangSC-Medium,PingFang SC}.container .content .left-content ul section .right p:first-of-type{font-size:20px;font-weight:600;color:#333;margin-bottom:19px}.container .content .left-content ul section .right p:nth-of-type(2){font-size:14px;font-weight:400;color:#666}.container .content .left-content ul section .right .time-and-view{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:0}.container .content .left-content ul section .right .time-and-view div{font-size:12px;font-weight:400;color:#999;margin-right:30px}.container .content .left-content ul section .right .time-and-view div i{width:14px;height:14px;margin-right:19px;vertical-align:middle}.container .content .right-content{width:400px;border:1px solid #eee;border-radius:4px}.container .content .right-content .hot-article{padding:20px}.container .content .right-content .hot-article .hot-article-title{font-size:20px;font-weight:600;color:#333}.container .content .right-content .hot-article .hot-article-list ul{list-style:none;padding-left:0;margin:0}.container .content .right-content .hot-article .hot-article-list ul li{margin:10px 0}.container .content .right-content .hot-article .hot-article-list ul li a{text-decoration:none;color:#333}.pagination-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}.dynamic-nav{padding:15px 20px;border-bottom:1px solid #eee;background:transparent}.breadcrumb-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#666;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.breadcrumb-nav a{color:#333;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease;white-space:nowrap}.breadcrumb-nav a:hover{color:#007bff}.breadcrumb-nav .separator{margin:0 8px;color:#ccc;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.breadcrumb-nav .current{color:#007bff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.free-use-btn{display:block;width:calc(100% - 80px);margin:80px 40px 0;padding:12px 50px;background-image:-webkit-gradient(linear,left top,right top,from(#1a9bff),to(#3a6aff));background-image:linear-gradient(90deg,#1a9bff,#3a6aff);border-radius:4px;font-size:18px;color:#fff;letter-spacing:1px;text-align:center;cursor:pointer;border:none;outline:none;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:500;line-height:1.4}.hot-tags{margin-top:30px;padding:20px}.hot-tags-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hot-tags-content{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hot-tags-content a{color:#000;text-decoration:none;font-size:14px;line-height:1.5;padding:8px 0;display:block}.hot-tags-content a:hover{color:#007bff}.separator-line{height:1px;background:#eee;margin:80px 0;width:100%}.free-use-btn:hover{background:#006ae4;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(26,155,255,.3);box-shadow:0 4px 12px rgba(26,155,255,.3)}.free-use-btn:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 6px rgba(26,155,255,.3);box-shadow:0 2px 6px rgba(26,155,255,.3)}.free-use-btn:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(26,155,255,.2);box-shadow:0 0 0 3px rgba(26,155,255,.2)}.article-title-container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;top:0;height:auto}.article-title{font-size:24px;font-weight:600;color:#333;margin-bottom:15px}.article-meta{position:static;margin-bottom:20px}.article-description{margin-top:20px;padding:20px;border:1px solid #e9ecef;border-radius:8px;line-height:1.6;color:#555}.article-content{margin-top:30px;padding:20px}.article-navigation{border-top:2px dashed #ddd;border-bottom:2px dashed #ddd;padding:20px 0;margin:30px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.article-navigation .next-article,.article-navigation .prev-article{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}.article-navigation .next-article .nav-label,.article-navigation .prev-article .nav-label{font-size:12px;color:#999;margin-bottom:5px}.article-navigation .next-article .nav-link,.article-navigation .prev-article .nav-link{font-size:14px;color:#007bff;text-decoration:none;font-weight:500}.article-navigation .next-article{text-align:right}.related-articles{border-top:2px dashed #ddd;padding-top:30px}.related-articles .related-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.related-articles .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.related-articles .related-grid .related-item{padding:12px;border-radius:6px;-webkit-box-shadow:none;box-shadow:none}.related-articles .related-grid .related-item a{color:#333;text-decoration:none;font-size:14px;line-height:1.5;display:block}.product-recommendations .product-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.product-recommendations .product-title .title-text{font-size:20px;font-weight:600;color:#333}.product-recommendations .product-title .more-link{color:#007bff;text-decoration:none;font-size:14px}.product-recommendations .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-recommendations .product-grid a{color:#000;text-decoration:none;font-size:14px;display:block;padding:8px 0}