#app{width:100%;max-width:1200px;margin:0 auto}.item-banner{width:100%;background-size:10000px 1000px;background-position:center;background-repeat:no-repeat;position:relative;box-sizing:border-box;padding-top:20px}.item-banner .round-image{position:absolute;top:-100px;left:50%;z-index:-1;filter:blur(30px);transform:rotate(30deg) translateX(-50%);width:1000px;opacity:.2;pointer-events:none}.tag-info{width:1200px;margin:0 auto;box-shadow:var(--panel-shadow);background:#fff;border-radius:6px;box-sizing:border-box;position:relative;z-index:5;display:flex;justify-content:space-between;padding:20px}.tag-info .icon-file{width:250px;height:250px;border-radius:6px;flex-shrink:0;background:#f9f9f9;display:flex;align-items:center;justify-content:center}.tag-info .icon-file img{width:60px;max-width:60px;max-height:60px;border-radius:10px}.tag-info .content{margin-left:20px;margin-right:50px}.tag-info .content h1{font-size:28px;font-weight:bold;color:#191919;margin-top:5px}.tag-info .content .summary{margin-top:5px;font-size:16px;line-height:32px;color:var(--text-dark)}.tag-info .content .visit-fail{margin-top:5px;color:#ff524b;font-size:12px}.tag-info .content .visit-fail .iconfont{padding-right:5px;font-size:13px}.tag-info .content .link{margin-top:15px;font-size:15px;color:var(--text-dark);display:flex;align-items:center}.tag-info .content .link img{margin-right:5px}.tag-info .content .link a{color:var(--primary-color);font-family:Menlo, Monaco, Consolas, Courier New, monospace}.tag-info .content .link a:hover{text-decoration:underline}.tag-info .content .link-mobile{display:none}.tag-info .right-box{width:350px;flex-shrink:0;margin-left:auto}.feedback-btn{margin-top:10px;font-size:12px}.feedback-btn a{color:var(--text-dark);padding:1px 2px;border-radius:2px}.feedback-btn a:hover{color:var(--primary-color)}.feedback-btn a .iconfont{padding-right:3px;font-size:13px;color:var(--primary-color)}.feedback-btn a:first-child{margin-right:20px}.feedback-btn a:first-child .iconfont{color:#ff524b}.link-items{margin-left:-8px;margin-right:-8px}.link-item{width:25%;padding:0 8px 16px}.main{width:100%}.main .app-title{font-size:16px;font-weight:bold;color:var(--text-dark);height:45px;line-height:45px}.main .app-title h3{font-size:16px}.wx-login-item{width:100%;box-sizing:border-box;margin-bottom:15px}.wx-login-alert{width:100%;position:relative;border-radius:4px;box-shadow:var(--panel-shadow);background:#fff;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;padding:10px 0}.wx-login-alert .wx-item{width:25%;box-sizing:border-box;padding:0 0 0 10px}.wx-login-alert a{display:flex;align-items:center;width:100%;height:40px;border-radius:4px;box-sizing:border-box;padding:0 10px}.wx-login-alert a:nth-child(5),.wx-login-alert a:nth-child(6),.wx-login-alert a:nth-child(7),.wx-login-alert a:nth-child(8){margin-top:5px}.wx-login-alert a:hover{background:var(--button-hover-bg)}.wx-login-alert img{flex-shrink:0}.wx-login-alert .icon{width:44px;height:22px;display:flex;align-items:center;justify-content:center}.wx-login-alert h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--text-darker)}@media screen and (max-width: 760px){.wx-login-item{display:none}}.sidebar{width:300px;flex-shrink:0;margin-left:16px}.sidebar .sidebar-title{height:45px;line-height:45px;color:var(--text-dark);font-size:16px}.cool-items{background:#fff;box-shadow:var(--panel-shadow);border-radius:6px;box-sizing:border-box;padding:0 10px}.cool-item{width:100%;position:relative;box-sizing:border-box;padding:12px 5px;margin-bottom:10px;border-bottom:1px solid #f7f7f7}.cool-item .cool-name{font-size:19px;height:26px;color:var(--text-darker);display:flex;align-items:baseline}.cool-item .cool-name .icon{margin-right:10px}.cool-item .cool-name a{font-weight:600;color:var(--text-darker)}.cool-item .cool-name a:hover{color:var(--primary-color)}.cool-item .cool-name small{padding-left:5px;font-size:12px;color:var(--text-light)}.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}.share-content .share-links{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:6px;box-sizing:border-box}.share-content .cancel-share{justify-content:center;align-items:center}.share-content .share-link{width:50%;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%;color:var(--text-default)}.share-content .share-link-a:hover{color:var(--primary-color)}.share-content .share-link-img{width:16px;height:16px;overflow:hidden;border-radius:8px;flex-shrink:0}.share-content .share-link-name{padding-left:5px;flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 760px){.item-banner{padding-top:10px}.tag-info{width:100%;flex-wrap:wrap}.tag-info .icon-file{width:32px;height:32px}.tag-info .icon-file img{width:32px;max-width:32px;max-height:32px}.tag-info .content{margin-left:15px;margin-right:0;flex:1;width:0}.tag-info .content h1{margin-top:0;font-size:20px}.tag-info .content .summary{font-size:13px;line-height:18px}.tag-info .content .link{display:none}.tag-info .content .link-mobile{display:block;margin-top:10px}.tag-info .content .link-mobile a{width:100px;height:36px;border-radius:18px;display:flex;justify-content:center;align-items:center;background:var(--primary-color);color:#fff;font-size:16px}.tag-info .right-box{margin-top:15px;width:100%}.feedback-btn{margin:15px 0}.link-item{width:100%;padding-bottom:10px}footer.page-footer .inner{width:100%}footer.page-footer .inner .link-nav{display:flex;flex-wrap:wrap;justify-content:center}footer.page-footer .inner span{padding-bottom:10px}.main{min-height:auto}}

