.tag-tab-box{margin-bottom:16px;padding-left:8px}.tag-tab{display:-webkit-flex;display:flex;gap:10px}.tag-tab li{cursor:pointer;padding:10px}.tag-tab li.active{border-bottom:3px solid #2b569e;font-weight:700;color:#2b569e}.api-box{display:-webkit-flex;display:flex;gap:15px;padding:15px}.result{height:100%;overflow:auto;padding:10px;box-sizing:border-box}.el-collapse-item{padding:10px}.api-item{cursor:pointer;color:#fff;padding:8px}.api-item.active{background-color:#fff;border-radius:10px;color:#1f1f1f}.preview-box{padding:10px;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.preview-box img{object-fit:cover;object-position:center;max-width:100%;max-height:100%}.loading-box{position:relative;min-height:200px}.yyty-box2{padding:10px}.json-result{height:100%}.vjs-tree{height:100%;overflow:auto}.sample-box{display:-webkit-flex;display:flex;justify-content:flex-start;align-content:center;gap:10px;padding:10px 8px;width:100%;overflow-x:auto}.sample-item{align-items:center;background-color:#ececec;border-radius:2px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:flex;justify-content:center;align-content:center;height:70px;margin-right:15px;overflow:hidden;width:140px}.sample-item-active{border:1px solid #f3f3f4;box-shadow:0 2px 2px 4px #2b569e}.sample-item img{width:100%;height:100%;object-fit:contain;border-radius:3px;transition:all .5s ease}.sample-item :before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff4d);border-radius:15px;opacity:0;transition:opacity .3s ease}.sample-item :hover{margin:0 20px;transform:translateZ(50px) rotateY(-10deg) scale(1.2);z-index:2}.sample-item :hover:before{opacity:1}.sample-item :hover img{transform:scale(1.05);filter:brightness(1.2) saturate(1.2)}.sample-item :hover~.sample-item{transform:translate(60px)}.sample-item :has(~.sample-item :hover){transform:translate(-60px)}.sample-item :hover{animation:glow 2s infinite}.data-container{width:100%;padding:10px 0 10px 10px;box-sizing:border-box;height:100%;line-height:2}.json-content{position:relative;height:100%}.copy-icon{display:-webkit-flex;display:flex;justify-content:flex-end;cursor:pointer}.el-collapse-item__header{padding-left:10px;font-size:14px}.el-collapse-icon-position-right .el-collapse-item__header{padding-right:5px;box-sizing:border-box}.el-collapse-item__title{font-weight:700;padding-left:10px}.ptitle{font-weight:700}.pagebreak{border-bottom:1px solid #ececec}.compare-container{display:flex;flex-direction:row;gap:10px;height:100vh;overflow:hidden}.compare-panel{flex:1;overflow-y:auto;background:#1e1e1e;padding:10px;border:1px solid #333;border-radius:6px;scrollbar-width:thin;scrollbar-color:#555 #222}.compare-panel::-webkit-scrollbar{width:8px}.compare-panel::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.compare-panel::-webkit-scrollbar-track{background:#222}.compare-header{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:14px;cursor:pointer}