.header{backdrop-filter:blur(5px)}body{background:#011118;--padding:.05208vw .625vw .15625vw}.banner{position:relative}.banner .bg{width:100%;display:block;object-fit:cover}.banner .text{position:absolute;left:0;top:8.33333vw;width:100%;color:white;padding:0 10.41667vw;z-index:6}.banner .text .breadmenu{display:flex;line-height:1.5;gap:.41667vw}.banner .text .breadmenu p{width:4.89583vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner .text .content{width:56.66667vw;margin:6.04167vw auto 0 auto}.banner .text .content .t{font-weight:400}.banner .text .content .des{margin:1.5625vw 0 3.125vw 0;line-height:1.5}.banner .text .content .tats{display:flex;justify-content:space-between;align-items:center}.banner .text .content .tats .tag{padding:var(--padding);border:1px solid #FFF}.banner .text .content .tats .rbox{display:flex;gap:2.29167vw}.banner .text .content .tats .rbox .author{display:flex;align-items:center;gap:.78125vw;line-height:1.5}.banner .text .content .tats .rbox .author img{width:1.25vw;display:block}.banner .text .content .back{margin:1.30208vw 0 0 auto;display:block;float:right;border:1px solid #FFF;padding:var(--padding);transition:all 600ms}.banner .text .content .back:hover{background:#fff;color:#000}.container{padding:7.5vw 0 13.38542vw;position:relative;z-index:5}.container .wave{position:absolute;left:0;width:100%;z-index:-1;top:-7.29167vw}.container .wrap{width:41.14583vw;margin:0 auto;color:white}.container .wrap .html{line-height:2}.container .wrap .back{margin:2.34375vw 0 0 auto;display:inline-block;border:1px solid #FFF;padding:var(--padding);transition:all 600ms}.container .wrap .back:hover{background:#fff;color:#000}@media screen and (max-width: 768px){body{--padding:2px 8px 4px}.banner{margin-top:60px}.banner .bg{height:300px}.banner .text{top:50%;transform:translateY(-50%);padding:0 5%}.banner .text .breadmenu{gap:8px;font-size:14px}.banner .text .breadmenu p{width:80px}.banner .text .content{width:100%;margin:20px 0 0 0}.banner .text .content .t{font-size:20px}.banner .text .content .des{margin:10px 0 20px 0;font-size:14px;line-height:1.5}.banner .text .content .tats{flex-direction:column;align-items:flex-start;gap:15px}.banner .text .content .tats .tag{padding:var(--padding);font-size:14px}.banner .text .content .tats .rbox{gap:20px}.banner .text .content .tats .rbox .author{gap:10px;font-size:14px}.banner .text .content .tats .rbox .author img{width:20px}.banner .text .content .back{margin:20px 0 0 0;padding:var(--padding);font-size:14px}.container{padding:30px 5%}.container .wave{top:-28px}.container .wrap{width:100%}.container .wrap .html{line-height:1.8;font-size:14px}.container .wrap .back{margin:30px 0 0 0;padding:var(--padding);font-size:14px}}