.article-detail-page{flex:1}.article-banner{position:relative;width:100%;height:400px;overflow:hidden}.article-banner-bg{position:absolute;inset:0;background-image:url(/AppUpload/Image/ca52d4d5b4e54ec995d15b926f6bbbce.png);background-position:center;background-repeat:no-repeat;background-size:cover}.article-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,transparent 100%);pointer-events:none;z-index:1}.article-banner-content{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:40px 24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.article-banner-back{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;margin-bottom:16px;padding:10px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:8px;transition:all .3s;cursor:pointer;align-self:flex-start}.article-banner-back:hover{background:#ffffff40;border-color:#fff6;transform:translate(-2px)}.article-banner-meta{display:flex;gap:16px;align-items:center}.article-banner-category{display:inline-block;padding:6px 16px;background:#83cbace6;color:#fff;border-radius:20px;font-size:14px;font-weight:500}.article-banner-date{color:#ffffffe6;font-size:14px}.article-content-wrapper{max-width:1500px;margin:0 auto;padding:60px 24px}.article-loading{text-align:center;padding:60px 0;color:#666;font-size:16px}.article-content{width:100%}.article-header{margin-bottom:48px}.article-title{font-size:42px;font-weight:700;color:#1a1a1a;line-height:1.3;margin:0 0 24px}.article-summary{font-size:18px;color:#666;line-height:1.8;margin:0 0 24px}.article-meta{display:flex;gap:24px;padding-top:24px;border-top:1px solid #e5e5e5}.article-meta-item{font-size:14px;color:#888}.article-cover{margin-bottom:48px;border-radius:12px;overflow:hidden}.article-cover img{width:100%;height:auto;display:block}.article-body{font-size:16px;line-height:1.8;color:#333}.article-body h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:48px 0 24px;line-height:1.3}.article-body h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:36px 0 16px;line-height:1.4}.article-body p{margin:0 0 24px}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:32px 0}.article-body ul,.article-body ol{margin:24px 0;padding-left:32px}.article-body li{margin-bottom:12px}.article-body blockquote{border-left:4px solid #83cbac;padding:16px 24px;margin:32px 0;background:#f8f9fa;font-style:italic;color:#555}.article-body table{width:100%;border-collapse:collapse;margin:32px 0}.article-body th,.article-body td{padding:12px 16px;border:1px solid #e5e5e5;text-align:left}.article-body th{background:#f8f9fa;font-weight:600}.article-related{margin-top:80px;padding-top:48px;border-top:1px solid #e5e5e5}.article-related-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 24px}.article-related-list{list-style:none;padding:0;margin:0}.article-related-list li{margin-bottom:16px}.article-related-list a{color:#333;text-decoration:none;font-size:16px;transition:color .3s;display:block;padding:16px 20px;background:#f8f9fa;border-radius:8px}.article-related-list a:hover{color:#83cbac;background:#f0f7f4}@media(max-width:768px){.article-banner{height:300px}.article-banner-content{padding:24px 16px}.article-content-wrapper{padding:40px 16px}.article-title{font-size:28px}.article-summary{font-size:16px}.article-body h2{font-size:24px}.article-body h3{font-size:18px}}