.author span[data-v-0108d3b4],.image img[data-v-0108d3b4],.info h6 a[data-v-0108d3b4],.info h6 span[data-v-0108d3b4],.planner span[data-v-0108d3b4],.translator span[data-v-0108d3b4]{transition:all .3s ease}.image-position-right .extra[data-v-0108d3b4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.image[data-v-0108d3b4],.play-icon[data-v-0108d3b4]{align-items:center;display:flex;justify-content:center}.editor[data-v-0108d3b4],.recommond[data-v-0108d3b4],.summary[data-v-0108d3b4],.topic-lonely[data-v-0108d3b4]{font-size:12px;font-weight:400;line-height:20px}.author span[data-v-0108d3b4]:active,.author span[data-v-0108d3b4]:hover,.info h6 a[data-v-0108d3b4]:active,.info h6 a[data-v-0108d3b4]:hover,.info h6 span[data-v-0108d3b4]:active,.info h6 span[data-v-0108d3b4]:hover,.planner span[data-v-0108d3b4]:active,.planner span[data-v-0108d3b4]:hover,.translator span[data-v-0108d3b4]:active,.translator span[data-v-0108d3b4]:hover{color:#4285f4}.author span[data-v-0108d3b4]:active,.info h6 a[data-v-0108d3b4]:active,.info h6 span[data-v-0108d3b4]:active,.planner span[data-v-0108d3b4]:active,.translator span[data-v-0108d3b4]:active{transition:none}.info h6 a[data-v-0108d3b4],.info h6 span[data-v-0108d3b4]{color:#303030}.article-item[data-v-0108d3b4]{display:flex;flex-direction:column;position:relative}.recommond[data-v-0108d3b4]{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;position:relative;-webkit-box-orient:vertical;color:#828a92}.recommond span[data-v-0108d3b4]{color:#4285f4}.item-main[data-v-0108d3b4]{display:flex}.image[data-v-0108d3b4]{border-radius:4px;cursor:pointer;overflow:hidden;position:relative}.image:hover img[data-v-0108d3b4]{transform:scale(1.2)}.image img[data-v-0108d3b4]{border-radius:4px;display:block}.play-icon[data-v-0108d3b4]{background:#ffffffa6;border-radius:50%;height:40px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.play-icon .iconfont[data-v-0108d3b4]{color:#4285f4;margin-left:4px}.album .image[data-v-0108d3b4]:before,.theme-item .image[data-v-0108d3b4]:before{background:#000000a6;border-radius:2px;color:#fffc;content:attr(data-icon);display:block;font-size:12px;font-weight:500;left:5px;line-height:1;overflow:hidden;padding:4px 5px 3px;position:absolute;text-align:center;top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.video-item .image[data-v-0108d3b4]:after{border-radius:3px;content:attr(data-video);font-weight:400;padding:3px 5px;zoom:.9}.album .image[data-v-0108d3b4]:after,.video-item .image[data-v-0108d3b4]:after{background:#000000a6;bottom:5px;color:#fffc;font-size:12px;line-height:1;overflow:hidden;position:absolute;right:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.album .image[data-v-0108d3b4]:after{border-radius:2px;content:attr(data-count);font-weight:500;padding:4px 5px}.info[data-v-0108d3b4]{display:flex;flex-direction:column}.info h6[data-v-0108d3b4]{font-size:18px;font-weight:500}.author-date-wrap[data-v-0108d3b4]{display:flex}.editor[data-v-0108d3b4]{color:#828a92;flex:1;width:210px}.editor .placeholder[data-v-0108d3b4]{margin:0 5px}.editor .placeholder[data-v-0108d3b4],.editor .placeholder-fade[data-v-0108d3b4]{background:#cfcfcf;display:inline-block;height:9px;position:relative;width:1px}.editor .placeholder-fade[data-v-0108d3b4]{margin:0 7px}.editor-fade[data-v-0108d3b4]{flex:none!important;margin-right:24px}.views-count[data-v-0108d3b4]{color:#828a92;font-size:12px;font-weight:400;margin-left:24px;text-align:right}.views-count i[data-v-0108d3b4]{font-size:12px;margin-right:7px}.date[data-v-0108d3b4]{color:#828a92;font-size:12px;font-weight:400;line-height:1;line-height:20px}.author[data-v-0108d3b4]{cursor:pointer;position:relative}.author-separator[data-v-0108d3b4]{color:#828a92}.planner[data-v-0108d3b4],.translator[data-v-0108d3b4]{cursor:pointer;position:relative}.summary[data-v-0108d3b4]{color:#828a92}.summary[data-v-0108d3b4] em{color:#4285f4}.extra[data-v-0108d3b4]{align-items:center;display:flex;justify-content:space-between}.topic[data-v-0108d3b4]{flex:1}.topic-lonely[data-v-0108d3b4]{color:#828a92}.label-wrap[data-v-0108d3b4]{display:flex;flex-wrap:wrap;height:30px;overflow:hidden}.label[data-v-0108d3b4]{background:#f8f9fa;border-radius:4px;box-sizing:border-box;color:#5d6976;display:-webkit-box;font-size:12px;height:100%;-webkit-line-clamp:1;margin-right:12px;max-width:142px;overflow:hidden;padding:6px 12px;-webkit-box-orient:vertical}.label[data-v-0108d3b4]:last-child{margin-right:0}.image-position-left .item-main[data-v-0108d3b4]{justify-content:space-between}.image-position-left .info[data-v-0108d3b4]{position:relative}.image-position-left .image[data-v-0108d3b4],.image-position-left .info[data-v-0108d3b4]{width:384px}.image-position-left .info h6[data-v-0108d3b4]{-webkit-line-clamp:2;line-height:26px;margin-top:-4px;max-height:52px}.image-position-left .editor[data-v-0108d3b4],.image-position-left .info h6[data-v-0108d3b4]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.image-position-left .editor[data-v-0108d3b4]{-webkit-line-clamp:1;margin-top:7px}.image-position-left .extra[data-v-0108d3b4]{bottom:0;left:0;position:absolute;right:0}.image-position-left .summary[data-v-0108d3b4]{display:-webkit-box;height:63px;-webkit-line-clamp:3;overflow:hidden;padding-top:11px;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:21px}.image-position-right .recommon-writing[data-v-0108d3b4]{position:relative}.image-position-right .writing-label[data-v-0108d3b4]{background:#f8f9fa;border-radius:4px;color:#303030;font-size:14px;font-weight:400;height:28px;line-height:28px;margin-bottom:13px;position:relative;text-align:center;width:148px}.image-position-right .writing-label[data-v-0108d3b4]:before{border:6px solid transparent;border-left-color:#f8f9fa;bottom:-4px;content:"";height:0;left:0;position:absolute;width:0}.image-position-right .recommond[data-v-0108d3b4]{margin-bottom:4px}.image-position-right .item-main[data-v-0108d3b4]{align-items:stretch;height:137px;justify-content:space-between;position:relative}.image-position-right .image[data-v-0108d3b4]{flex-shrink:0;height:137px;margin-left:20px;order:1;width:244px}.image-position-right .image img[data-v-0108d3b4]{height:137px;-o-object-fit:cover;object-fit:cover;width:244px}.image-position-right .book-image-cover[data-v-0108d3b4]{height:116px;position:relative;width:100%}.image-position-right .book-image-cover[data-v-0108d3b4]:after{background:#fff;content:"";inset:-40px;opacity:.4;position:absolute;z-index:9}.image-position-right .book-image-cover .book-image[data-v-0108d3b4]{height:116px;width:89px}.image-position-right .book-image-cover .bg[data-v-0108d3b4]{filter:blur(8px);position:relative;transform:scale(1.4);width:208px}.image-position-right .book-image-cover .main-img[data-v-0108d3b4]{left:50%;margin-left:-44px;position:absolute;top:0;z-index:10}.image-position-right .info[data-v-0108d3b4]{flex:1;margin-top:-3px;overflow:hidden}.image-position-right .info h6[data-v-0108d3b4]{line-height:25px;min-height:26px;word-break:break-all}.image-position-right .info h6[data-v-0108d3b4],.image-position-right .info h6.with-recommond[data-v-0108d3b4]{display:-webkit-box;-webkit-line-clamp:2;max-height:52px;overflow:hidden;-webkit-box-orient:vertical}.image-position-right .info h6 .is-xie-label[data-v-0108d3b4]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABKJJREFUWEeVV01oJFUQrnqvu2eymwSjsGSXPXpYUEGvYkBRVAzsQYiECLJGFBKN112IoCBePHhwhYAeXFBBNngRDRgCQRIELyGIshoU3D2IRBBNxpnp6ffqk/6b7p7uzkyaZLr7ver3fVVfVb1uJiK6iZt6+87eJLeOGl2tVDjWP9qFu+SmOFgyqXwmfLRNTa8pvWbPDx4IjtZ53XIIvnXru3NGGR4OHC+SHiNwG2AfPxH+OuJAz/iHvHT72pTfaY2dvGo5JKN7XU96fFJ1ePmn5el+2GtDN8Tzmud007lHYJ5WoEeOe+2lQTEbXlN48efXLvTjUiX3SSGvI6zVjFL2FSJ+FIAC6K+27TxYJfEQAqfTW2s1Q1reEMH9ACK88AzGp13bu1olMy/uJREoeZ8lTM1Uf9jRmBal3haRZ4hywAAxcdfCPtkj81sumP1nawiMDq48/ZhY8z4R7o68zXlORCIkrwZkv6wCD1lUEGjX2eYrMPKAHVkR4CqBuAyOI0u8YjtmqzK1EpQcgRq9axJNtLzFwMuDwHEEsElWVttj+k/3yEqZQLZoQqAm5DXgYLMqwHKaZOFZJMMB4VsIPALaYviFIoFs0U4sweKF03Q0IXMFhHcEkuZbnOmx5yRZDnRIaJZE/ZIRKIInOVBBoMZzy7gkNtggQiNLNqEEkzJS+E9ALynROzF4ccHQ8/Tg+b3FuBGlRw14j7suC38NwX2FGs/Xe3jN9CMEKwrOwUnAZQJD2rARfc2KXYnxEFU7Et0jCUj+IFIfWC2fuIGXJES950UCJ2yfoaG1fMkCmxbQIXKqORhg4h0W+dwobDjWC6pCHo7lwx7ZJAM8vzsgQYUevqE1a+Vymmh9CZgAwW0QfeGS994wvftL59jUEMj1BCv3kqFtQMJNJQ5/kvXhmZnusNeY1QH/nde85HFlGIgGCJTfdODb6yLybAQtcamlBJj5Fit3wSF9mIJXAteAhzpUEkhpsNi7Al/2CXCjsEfJFvZd8oV5zXHUdS2mm1etTutiM8qsEgLVbdh0guch8m4KDMEhARtw1EdNxu8nAqeTQxjx/O581AeqCqHX6q4DeBiMr1zoj9lzvldWo8p6uObV4tQSQCuYCsT8ICxbTX32xWIIY7qn1buq3/HlJAJFACK/5T9lbfChIu/xpuv9OpLXw8NQinSZQKJFu3f8JhN5Y97Eqi+tiwxMmZSltWRzjPvj3f5VMmvJwsJz1IGr3F6VzBmBgdm2/+9nXnP89V639ZARuQFB9N2QVkO660UJGlVHMhfWSVSuccNOSnbfGz8zOxjl8L6WQKvzz9L4mLd27PtPWCM3wuoLwWLg7NVLUjBku2IMGm8HSdfcb0ycLRNohwQ24yoYTDKrbFOLjmq85fsXA+ap2MZEf9F/cmSXPuW1CWWyYLgNdaCV24vMByLNc9tXpv2gW/wezFmNlunVVsNedFztCi/sLEy1OpJ8mg3ZPkfI8rqeUvQ8xuEJ7vAc5rT9pnHOqKP+x+loXpc7wZBdPadym5RRmG5MH0agIQl3150MTNDwA1+N5mjZqkSgMBDfhGE3Z4x/vn3+aP25dfs/b0cW72XQncIAAAAASUVORK5CYII=) no-repeat;background-position:-2px 3px;background-size:16px;padding-left:21px}.image-position-right .info h6 .is-xie-label [app-layout-type-mobile][data-v-0108d3b4]{background-position:3px 2px;background-size:16px}.image-position-right .info h6 .is-quality[data-v-0108d3b4]{background:url(https://static001.geekbang.org/resource/image/5e/4b/5ef32783a6f52byy961e769d7fc0e24b.png) no-repeat;background-position:0 4px;background-size:64px 18px;padding-left:74px}.image-position-right .info h6 .is-quality [app-layout-type-mobile][data-v-0108d3b4]{background-position:0 3px;background-size:58px 16px;padding-left:66px}.image-position-right .info .summary[data-v-0108d3b4]{word-break:break-all}.image-position-right .info .summary.one-line[data-v-0108d3b4]{display:-webkit-box;-webkit-line-clamp:2;max-height:43px;min-height:21px;overflow:hidden;-webkit-box-orient:vertical}.image-position-right .author-date-wrap[data-v-0108d3b4]{margin-top:auto}.image-position-right .author-date-wrap-avator[data-v-0108d3b4]{height:20px}.image-position-right .editor[data-v-0108d3b4]{display:-webkit-box;height:20px;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.image-position-right .editor .comment-user[data-v-0108d3b4]{display:inline-block;margin-left:15px}.image-position-right .editor .point[data-v-0108d3b4]{background:#828a92;border-radius:50%;display:inline-block;height:3px;margin:0 5px;position:relative;top:-2px;width:3px}.image-position-right .ugc[data-v-0108d3b4]{align-items:center;display:flex}.image-position-right .ugc .author-avatar[data-v-0108d3b4]{cursor:pointer;margin-right:7px}.image-position-right .ugc .author[data-v-0108d3b4]:before{content:""}.image-position-right .summary[data-v-0108d3b4]{display:-webkit-box;height:42px;-webkit-line-clamp:2;overflow:hidden;padding-top:3px;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:21px}.image-position-right .summary.is-auto-height[data-v-0108d3b4]{height:auto;margin-bottom:5px}.image-position-right .fadeSymmary[data-v-0108d3b4]{padding-top:8px}.image-position-right .extra[data-v-0108d3b4]{bottom:0;left:0;position:absolute;width:100%}.image-position-right .extra.with-image[data-v-0108d3b4]{max-width:436px}.image-position-right.album .info .summary.one-line[data-v-0108d3b4]{margin-top:16px}.image-position-top[data-v-0108d3b4],.image-position-top .item-main[data-v-0108d3b4]{flex-direction:column}.image-position-top .image[data-v-0108d3b4]{background:#eaeaea}.image-position-top .image[data-v-0108d3b4],.image-position-top .info[data-v-0108d3b4]{width:100%}.image-position-top .image img[data-v-0108d3b4]{height:116px;-o-object-fit:cover;object-fit:cover;width:208px}.image-position-top .image img.book-image[data-v-0108d3b4]{height:120px;width:auto}.image-position-top .image img.placeholder-image[data-v-0108d3b4]{width:auto}.image-position-top .info[data-v-0108d3b4]{margin-top:16px}.image-position-top .info h6[data-v-0108d3b4]{display:-webkit-box;height:48px;-webkit-line-clamp:2;line-height:24px;overflow:hidden;-webkit-box-orient:vertical;font-size:16px;font-weight:500}.image-position-top .talk-views-lookers[data-v-0108d3b4]{display:none}.image-position-top .editor[data-v-0108d3b4]{display:-webkit-box;height:20px;-webkit-line-clamp:1;margin-top:7px;overflow:hidden;-webkit-box-orient:vertical}.image-position-top .extra[data-v-0108d3b4]{margin-top:10px}@media screen and (max-width:768px){.play-icon[data-v-0108d3b4]{height:30px;width:30px}.play-icon .iconfont[data-v-0108d3b4]{display:inline-block;font-size:14px;line-height:14px;margin-left:2px}.author-date-wrap p[data-v-0108d3b4]{font-size:13px;font-weight:400}.image-position-top.list-item[data-v-0108d3b4]{margin:0 20px 20px;width:100%}.image-position-top .image[data-v-0108d3b4]{background:transparent}.image-position-top .image img[data-v-0108d3b4]{height:auto;width:100%}.image-position-top .image img.book-image[data-v-0108d3b4]{height:200px}.image-position-top .image img.placeholder-image[data-v-0108d3b4]{height:auto;width:100%}.image-position-right .writing-label[data-v-0108d3b4]{font-size:14px;font-weight:400;height:24px;line-height:25px;width:148px}.image-position-right .item-main[data-v-0108d3b4]{height:auto;justify-content:space-between;padding-bottom:0}.image-position-right .image[data-v-0108d3b4]{margin-left:10px}.image-position-right .info[data-v-0108d3b4]{justify-content:space-between}.image-position-right .info h6[data-v-0108d3b4]{display:-webkit-box;font-size:15px;font-weight:500;height:42px;-webkit-line-clamp:2;line-height:21px;margin-top:0;overflow:hidden;-webkit-box-orient:vertical}.image-position-right .info h6 .com-article-title[data-v-0108d3b4]{width:206px}.image-position-right .info h6.favorite[data-v-0108d3b4]{padding-right:26px}.image-position-right .info h6.with-image[data-v-0108d3b4]{height:42px}.image-position-right .info h6.with-recommond[data-v-0108d3b4]{display:-webkit-box;height:42px;-webkit-line-clamp:2;margin-top:0;overflow:hidden;-webkit-box-orient:vertical}.image-position-right .info .editor[data-v-0108d3b4]{display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;padding-top:5px;position:static;width:100%;-webkit-box-orient:vertical}.image-position-right .info .editor.with-image[data-v-0108d3b4]{padding-top:0}.image-position-right.no-image .info h6[data-v-0108d3b4]{min-height:21px}.image-position-right.no-image .info h6[data-v-0108d3b4],.image-position-right.no-image .summary[data-v-0108d3b4]{display:-webkit-box;height:21px;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.image-position-right.no-image .summary[data-v-0108d3b4]{order:2}.image-position-right.no-image .author-date-wrap[data-v-0108d3b4]{order:3}}.talk-views-lookers .comment-user[data-v-0108d3b4]{display:inline-block;margin-left:15px}.talk-views-lookers .point[data-v-0108d3b4]{background:#828a92;border-radius:50%;display:inline-block;height:3px;margin:0 5px;position:relative;top:-2px;width:3px}.author-avatar[data-v-0108d3b4]{cursor:pointer;display:inline-block;margin-right:7px;vertical-align:middle}