:root{--color-text-primary:#1f2329;--color-text-secondary:#646A73;--color-text-tertiary:#8F959E;--color-primary:#3D5AFE;--color-border:#EAECEF;--width: 1200px;}
:root{--el-color-primary:var(--color-primary);}
a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,html,input,li,p,section,small,span,ul{margin:0;padding:0}
html{font-size:10px}
body{font-family: 'microsoft yahei', Arial, '宋体', serif;margin:0 auto;position:relative;color:#333;}
blockquote,code,dd,div,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,ul{list-style:none;margin:0;padding:0}
input,textarea{padding:0;margin:0;resize:none;outline:0;-webkit-user-select:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
select{appearance:none;-webkit-appearance:none;border-radius:0}
img{vertical-align:middle}
a img{border:0}
img{transform:scale(1) rotate(0) translate3d(0,0,0);-webkit-transform:scale(1) rotate(0) translate3d(0,0,0)}
a{color:var(--color-text-secondary);text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
a:hover{text-decoration:none}
table{border-collapse: collapse;border-spacing: 0;}
table td{word-break: break-all;}
.clear:after{content:"";display:block;clear:both}
.container{width:var(--width);margin:0 auto}
.img{background-position:center;background-repeat:no-repeat;background-size:cover}
.btn{display:block;width: 160px;height: 44px;line-height: 44px;font-size: 1.4rem;border-radius:50px;color: #fff;text-align: center;cursor: pointer;background-color:var(--color-primary);transition: all 0.5s;}
.img-hover-zoom{transition: all 5s;}
.img-hover-zoom:hover{transform: scale(1.3);}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.dropdown{width: 10px;height: 50px;position: absolute;right:-20px;top: 50%;margin-top: -25px;}
.dropdown::before{content:"";width:7px;height:7px;position:absolute;right:50%;top:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:initial;-webkit-transform:rotate(-135deg) translate(0,-50%);transform:rotate(-135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.raw-html img{max-width: 100% !important;}
.close{width: 40px;height: 40px;cursor: pointer}
.close::before,
.close::after {position: absolute;content:' ';background-color: #000;left: 20px;width: 1px;height: 20px;top: 10px;}
.close::before {transform: rotate(45deg);}
.close::after {transform: rotate(-45deg);}
[v-cloak] {display: none !important;}
/**/
#header{height: 64px;border-bottom: 1px solid var(--color-border)}
#header .container{display: flex;align-items: center;gap: 24px;height: 64px;}
#header .logo img{height: 36px;}
#header .search{flex: 1 1 auto;max-width: 560px;min-width: 220px;position: relative;margin: 0 auto}
#header .search .el-input{width: 100%;height: 40px;}
#header .search .icon{height: 16px;}
#footer{border-top: 1px solid var(--color-border);background: #fff;padding: 20px 24px;text-align: center;color: var(--color-text-tertiary);font-size: 13px;}

#index.index .classify{display: flex;gap: 10px;border: 1px solid var(--color-border);border-radius: 12px;padding: 14px 16px;margin: 30px 0;}
#index.index .classify span{padding: 7px 14px;font-size: 14px;display: inline-flex;align-items: center;gap: 6px;border-radius: 999px;border: 1px solid var(--color-border);background: #fff;color: var(--color-text-primary);font-family: inherit;cursor: pointer;transition: all .18s ease;white-space: nowrap;line-height: 1.4;}
#index.index .classify span:hover,#index.index .classify span.on{border-color: var(--color-primary);color: var(--color-primary);background: #3d5afe0a;}
#index.index .list{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 20px;}
#index.index .list .item{border: 1px solid var(--color-border);border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;cursor: pointer;position: relative;}
#index.index .list .item .img-wrap{position: relative;aspect-ratio: 16 / 9;background: linear-gradient(135deg, #3d5afe14, rgb(139 92 246 / 8%));overflow: hidden;}
#index.index .list .item .img-wrap img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: transform .35s}
#index.index .list .item .con{padding: 14px 16px 16px;display: flex;flex-direction: column;gap: 8px;flex: 1;}
#index.index .list .item .con .title{font-size: 15px;font-weight: 600;color: var(--color-text-primary);line-height: 1.45;-webkit-line-clamp: 2;}
#index.index .list .item .con .desc{font-size: 13px;color: var(--color-text-secondary);line-height: 1.5;-webkit-line-clamp: 2;margin-bottom: 20px}
#index.index .list .item .con .info{display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: 10px;gap: 8px;border-top: 1px solid var(--color-border);color: var(--color-text-secondary);font-size: 12px;}
#index.index .list .item .con .info .view{display: flex;}
#index.index .list .item .con .info img{width: 20px;}
#index.index .list .item:hover .img-wrap img {transform: scale(1.04);}
#index.index .list .item:hover{transform: translateY(-4px);box-shadow:0 8px 24px rgba(31, 35, 41, .1);border-color: transparent;}
#index.index .el-pagination{margin: 32px 0 64px;display:flex;align-items:center;justify-content: center;gap: 6px;}

#case.detail{padding: 28px 32px;border: 1px solid var(--color-border);border-radius: 12px;box-sizing: border-box;margin: 20px auto;}
#case.detail .title{font-size: 24px;font-weight: 700;color: var(--color-text-primary);line-height: 1.35;margin: 0 0 14px;}
#case.detail .info{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;font-size: 13px;color: var(--color-text-tertiary);line-height: 1;margin-bottom: 20px;}
#case.detail .info img{width: 20px;}
#case.detail .video-wrap{height: 600px;background: #000;text-align: center;border-radius: 12px;}
#case.detail .video-wrap video{height: 100%;}
#case.detail .content{margin-top: 50px}