.header{margin-bottom:0}.module{margin-bottom:30px}.module .hd{padding:10px 0;line-height:24px}.module .hd .title{position:relative;padding-left:20px;font-size:18px;font-weight:bold;color:#333}.module .hd .title::before{position:absolute;left:2px;top:50%;content:"";width:4px;height:20px;margin-top:-10px;background:#2095f2;border-radius:2px}.mod-poster{margin-bottom:30px;background:#13426b url(https://zh-hans.ipshu.com/sites/all/themes/responsive_bartik/img/banner-bg.svg) center center/auto 100% no-repeat;min-height:360px}.mod-poster .hd{display:flex;padding-top:75px}.mod-poster .hd .avatar{padding:8px}.mod-poster .hd .summary{flex:1;min-width:0;margin-left:25px}.mod-poster .hd .summary h2{margin-bottom:10px;line-height:40px;font-size:22px;font-weight:bold;color:#fff}.mod-poster .hd .summary h2 span{vertical-align:middle}.mod-poster .hd .summary h2 span.tag{display:inline-block;height:20px;padding:0 8px;margin:0 5px;line-height:20px;background:rgba(255,255,255,.8);font-size:12px;color:#13426b;border-radius:3px}.mod-poster .hd .summary p{line-height:25px;font-size:16px;color:rgba(255,255,255,.8)}.mod-poster .bd{padding:40px 0}.mod-poster .bd .operation{margin-left:125px}.mod-poster .bd .operation .btn{margin:0 5px}.mod-introduction .bd{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.mod-introduction .bd .item{display:flex;padding:20px;background:linear-gradient(to right, #ffffff 0%, #ffffff 30%, rgba(255, 255, 255, 0.1) 100%);border-top-left-radius:6px;border-bottom-left-radius:6px}.mod-introduction .bd .item .icon{width:64px;height:64px}.mod-introduction .bd .item .detail{flex:1;min-width:0;margin-left:25px}.mod-introduction .bd .item .detail p{line-height:24px}.mod-introduction .bd .item .detail p.title{line-height:24px;font-size:18px;font-weight:bold;color:#2095f2}.mod-example ul{display:grid;grid-template-columns:repeat(6, 1fr);gap:1px;overflow:hidden}.mod-example li{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.05)}.mod-example li img{display:block;width:100%;height:100%;object-fit:contain}@media screen and (max-width: 799px){.module .hd{padding:8px 0;line-height:20px}.module .hd .title{padding-left:16px;font-size:16px}.module .bd{padding:0 10px}.mod-poster{min-height:240px;margin-bottom:20px}.mod-poster .hd{padding-top:35px}.mod-poster .hd .avatar img{width:64px;height:64px}.mod-poster .hd .summary{margin-left:10px}.mod-poster .hd .summary h2{margin-bottom:5px;line-height:32px;font-size:18px}.mod-poster .hd .summary p{line-height:20px;font-size:14px}.mod-poster .bd{padding:20px 0}.mod-poster .bd .operation{margin-left:0;text-align:center}.mod-introduction .bd{grid-template-columns:1fr;gap:5px}.mod-introduction .bd .item{padding:12px}.mod-introduction .bd .item .icon{width:48px}.mod-introduction .bd .item .icon img{width:48px;height:48px}.mod-introduction .bd .item .detail{margin-left:12px}.mod-introduction .bd .item .detail p{line-height:18px;font-size:13px}.mod-introduction .bd .item .detail p.title{line-height:20px;font-size:16px}.mod-example ul{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 359px){.mod-poster{min-height:200px}.mod-poster .hd .avatar img{width:48px;height:48px}.mod-poster .hd .summary{margin:0 8px}.mod-poster .hd .summary h2{line-height:24px;font-size:16px}.mod-poster .hd .summary p{line-height:18px;font-size:13px}.mod-poster .bd .operation .btn{zoom:.8}.mod-introduction .bd .item{padding:10px}.mod-introduction .bd .item .detail{margin-left:8px}}