body{background:#f5f6f7}.article-container{width:1180px;margin:0 auto;min-height:1200px}.article-container .article-sub span{margin-right:14px}.article-grid{display:flex}.article-grid .article-content{width:900px}.article-grid .extends-content{flex:1}#main-content{background-color:#fff;border-radius:4px;-ms-flex-negative:0;flex-shrink:0;padding:30px 40px 20px;margin-bottom:12px}#main-content h1{font-weight:700}#main-content .user-info-container{display:flex;margin-bottom:20px}#main-content .user-info-container .meta-left a{display:flex;align-items:center;font-size:13px}.user-info-container .user-avatar{width:36px;height:36px;min-width:36px;margin-right:10px}.user-info-container .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:5px;-moz-box-shadow:0 1px 1px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 15%);box-shadow:0 1px 1px rgb(0 0 0 / 15%)}.user-info-container .article-sub{color:#9b9b9b;font-size:13px;height:36px;line-height:36px}.user-info-container .article-sub a.username{color:#9b9b9b}.user-info-container .article-sub a.username:hover{color:var(--ym-link-color)}#main-content article{margin:40px 0 10px}nav.page-nav{font-size:14px;height:22px;margin:16px 0 12px}nav.page-nav a{font-size:12px;color:#8d8d8d}nav.page-nav a:hover{color:var(--ym-link-color)}#article-collection-box,#article-comments-box{padding:20px 40px;background:#fff;border-radius:4px}#article-collection-box{margin-bottom:12px}.widget{margin-bottom:25px;position:relative;overflow:hidden;background:#FFF;-webkit-box-shadow:0 2px 5px 0 rgb(146 146 146 / 10%);-moz-box-shadow:0 2px 5px 0 rgba(146,146,146,.1);box-shadow:0 2px 5px 0 rgb(146 146 146 / 10%);padding:15px 10px}.right-box{margin-left:20px;margin-bottom:25px}.right-box div.block-title{font-size:18px;color:#282828;font-weight:600;border-bottom:1px solid #e5e9ef;padding-bottom:10px}#recommend-topic .rt-topic{line-height:16px;display:inline-block;font-size:12px;color:#222;font-weight:400}#recommend-topic .rt-topic a{color:#222;font-weight:400;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}#recommend-topic .rt-topic a:hover{color:var(--ym-link-color);transition:.3s}.card-title{color:#333;border-left:6px solid var(--ym-link-color);padding-left:8px;min-height:45px;line-height:45px;font-size:18px}#recommend-game .recommend-game-list{margin-top:20px}#recommend-games .game-card{width:240px;height:112px;background-repeat:no-repeat;background-position:center 0;background-size:cover;margin-bottom:12px}#recommend-games .game-card>a{position:relative;display:block;width:100%;height:100%}#recommend-games .game-card .overlay{position:absolute;width:100%;height:100%;background:#000;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;opacity:.3}#recommend-games .game-card .overlay:hover{opacity:.6}#recommend-games .game-card .game-title{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:15px;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;margin:16px;font-weight:normal}.collection-list{display:flex;flex-wrap:wrap}.collection-list>a{background-color:#f5f5f5;padding:8px 10px 8px 10px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;margin-right:12px;margin-bottom:12px;cursor:pointer;font-size:14px;line-height:20px;color:#404040}