.banner-title{width:100%;height:150px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(to bottom, #fefefe, #f6f6f6)}.banner-title.banner-title-index{height:200px}.banner-title h1{position:relative;z-index:1;font-size:40px;font-weight:bold;color:#191919}.title-bg{pointer-events:none;background-image:url("../images/grid.png");background-size:100% 100%;background-position:0 0;margin:0 auto;width:1280px;height:200px;opacity:.6;position:absolute;left:0;top:0;z-index:0;max-width:100%}.share-items{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:20px 15px}.share-item-grid{box-sizing:border-box;width:33.33333%;padding:0 10px 20px}@media screen and (max-width: 1200px){.share-item-grid{width:50%}}.share-list-item{width:100%;position:relative;box-sizing:border-box;border-radius:6px;padding:10px;box-shadow:var(--panel-shadow)}.share-header .share-info{flex:1;width:0;box-sizing:border-box;padding:5px 0 0 10px}.share-header .nickname{margin-top:10px;font-size:13px;color:#999;display:flex;align-items:center}.share-header .nickname .avatar{overflow:hidden;width:20px;height:20px}.share-header .nickname .avatar img{width:20px;height:20px;border-radius:10px}.share-header .nickname .name{display:flex}.share-header .nickname strong{font-size:13px;padding-right:4px;font-weight:500;max-width:100px}.share-header .nickname .dot{padding:0 5px}.share-header .nickname .nav-dian{color:#E5E5E5;font-size:12px}.share-header .action-btn{flex-shrink:0;margin-right:10px;background-color:rgba(5,109,232,0.08);color:var(--primary-color);border:none}.share-header .action-btn.cancel{background-color:#f9f9f9;color:#999}[data-theme='dark'] .share-header .action-btn.cancel{background-color:rgba(0,0,0,0.2)}.share-header .action-btn:hover{color:var(--primary-color)}.share-name{font-size:18px;height:26px}.share-name .icon{margin-right:10px}.share-name a{font-weight:600}.share-name a:hover{color:var(--primary-color)}.lists-none{width:100%;text-align:center;line-height:100px;font-size:14px}.share-content{display:flex;justify-content:space-between;overflow:hidden;margin-top:15px;height:84px}.share-content .share-links{width:100%;height:84px;display:flex;flex-wrap:wrap;align-items:flex-start;background:rgba(250,250,250,0.7);border:1px solid #f9f9f9;padding:5px 0;border-radius:6px;box-sizing:border-box}.share-content .share-links.empty{align-items:center}[data-theme='dark'] .share-content .share-links{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.2)}.share-content .cancel-share{justify-content:center;align-items:center}.share-content .share-link{width:33.3333%;display:flex;align-items:center;box-sizing:border-box;padding:0 5px}.share-content .small .share-link{width:50%}.share-content .share-link-a{height:36px;box-sizing:border-box;font-size:14px;position:relative;display:flex;align-items:center;width:100%;padding:0 0 0 10px;border-radius:4px}.share-content .share-link-a:hover{color:var(--primary-color);background:rgba(240,240,240,0.4)}[data-theme='dark'] .share-content .share-link-a:hover{background:rgba(0,0,0,0.2)}.share-content .share-link-img{width:16px;height:16px;overflow:hidden;border-radius:8px;flex-shrink:0}.share-content .share-link-name{padding-left:10px;flex:1;width:0}.pagination{display:flex;justify-content:center;margin:20px 0 50px}.google-adsense{width:1200px;margin:0 auto 15px}.pc-pagination{display:block}.mobile-pagination{display:none}@media screen and (max-width: 760px){.banner-title{height:120px}.banner-title h1{font-size:30px}.google-adsense{width:260px}.share-items{padding:0}.share-item-grid{width:100%;padding:0 0 10px}.share-content .share-link{width:50%}.share-content .share-link:nth-child(5),.share-content .share-link:nth-child(6){display:none}.link-items{padding:0;margin-top:5px}.link-items .link-item{padding:0 0 10px}.pc-pagination{display:none}.mobile-pagination{display:block}}