.wrapper{max-width:800px;margin:0 auto;padding:20px}.wrapper .header-wrap{display:flex;align-items:center;justify-content:flex-start;margin:0 0 20px}.wrapper .header-wrap .back-btn{cursor:pointer;width:12px;height:12px}.wrapper .header-wrap .title{font-family:HYQiHei_70S;font-size:18px;color:#000;line-height:28px;font-weight:700;margin-left:8px}.wrapper .content{display:flex;padding:20px;gap:10px}.wrapper .content .timeline-left{position:relative;width:10px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:2px;visibility:hidden}.wrapper .content .dot-top{width:8px;height:8px;border-radius:50%;background-color:#ff7214;z-index:2}.wrapper .content .line-middle{flex:1;width:1px;background-color:#ff7214;margin:0;opacity:.5}.wrapper .content .dot-bottom{width:8px;height:8px;border-radius:50%;border:1px solid #ff7214;background:#fff;z-index:2}.wrapper .content .content-right{flex:1}.wrapper .content .text-item{margin-bottom:12px;line-height:20px;font-size:14px;color:#666}.wrapper .content .text-item .label-text{color:#000;font-family:HYQiHei_60S}.wrapper .content .file-box{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;margin-bottom:20px}.wrapper .content .file-item{width:64px;height:64px;cursor:pointer;position:relative;overflow:hidden}.wrapper .content .file-img{width:100%;height:100%;object-fit:cover}.wrapper .content .video-wrapper{width:100%;height:100%;position:relative}.wrapper .content .video-thumb{width:100%;height:100%;object-fit:cover}.wrapper .content .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center}.wrapper .content .play-triangle{width:0;height:0;border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}.preview-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.preview-content{position:relative;max-width:90%;max-height:90%}.preview-img{object-fit:contain}.preview-img,.preview-video{max-width:100%;max-height:80vh}.close-btn{position:absolute;top:-40px;right:0;width:32px;height:32px;line-height:32px;text-align:center;font-size:24px;color:#fff;cursor:pointer;background:hsla(0,0%,100%,.2);border-radius:50%}.close-btn:hover{background:hsla(0,0%,100%,.3)}