中标麒麟高级服务器操作系统 V7.6 升级安装 GCC-8.5.0 编译工具
<div><div class="App">
<div class="Post-content" data-zop-usertoken="{"userToken":""}" data-zop="{"authorName":"偷偷学技术","itemId":597690373,"title":"中标麒麟高级服务器操作系统 V7.6 升级安装 GCC-8.5.0 编译工具","type":"article"}">
<div class="ColumnPageHeader-Wrapper">
<div>
<div class="Sticky ColumnPageHeader css-1l12z7y">
<div class="ColumnPageHeader-profile">
<div> 由于中标麒麟高级服务器操作系统 V7.6 默认的 gcc/g++版本为 4.8.5，鉴于 gcc/g++ 4.8.5 完全支持 C++11，支持部分 C++14，不支持 C++17，而 gcc/g++ 8.4及以上版本才能完全支持 C++17 编译标准。那么当项目应用需要使用到 C++17 标准的一些特性时，使用系统自带的 gcc/g++ 4.8.5 版本是无法满足需求的，这个时候我们就需要手动编译升级 gcc/g++编译工具。</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="App">
<div class="Post-content" data-zop-usertoken="{"userToken":""}" data-zop="{"authorName":"偷偷学技术","itemId":597690373,"title":"中标麒麟高级服务器操作系统 V7.6 升级安装 GCC-8.5.0 编译工具","type":"article"}">
<div class="Post-RichTextContainer">
<div class="css-1yuhvjn">
<div class="css-376mun">
<div class="RichText ztext Post-RichText css-1g0fqss">
<p data-pid="xlZUjSaC"><strong>二、安装环境</strong><br> <br>操作系统版本：中标麒麟高级服务器操作系统 V7U6-x86_64操作系统自带 GCC 版本：gcc 4.8.5<br>待升级的 GCC 版本：gcc 8.5.0<strong>三、安装步骤</strong><br><strong>1.</strong> <strong>编译环境准备</strong></p>
<p data-pid="kVT0Xw52"># yum -y install bzip2 wget gcc gcc-c++ gmp-devel mpfr-devel libmpc-devel make</p>
<p data-pid="5yCmdF16"><strong>2.</strong> <strong>获取</strong> <strong>GCC-8.5.0</strong> <strong>源码包</strong>下载链接：<span style="text-decoration: underline">gcc-8.5.0</span></p>
<p data-pid="VAg69Cgg"># mkdir /opt/gcc-8.5.0 # cd /opt/gcc-8.5.0/</p>
<p data-pid="kRogOjfP"># cp /root/gcc-8.5.0.tar.gz . # tar -zxvf gcc-8.5.0.tar.gz # cd gcc-8.5.0</p>
<p data-pid="0TeyAQ-3"><strong>3.</strong> <strong>安装</strong> <strong>GCC</strong> <strong>依赖包</strong></p>
<p data-pid="syRHOM41"># ./contrib/download_prerequisites</p>
<p data-pid="EzMaQyLK"><strong>4.</strong> <strong>编译安装</strong> <strong>GCC</strong></p>
<p data-pid="A1-oSmqN">（1） 生成 Makefile 文件</p>
<p data-pid="Sb7Zczfr"># ./configure --prefix=/usr/local/gcc</p>
<p data-pid="c6l49NiY">--enable-bootstrap --disable-multilib</p>
<p data-pid="y38nsy55">（2） 编译 GCC</p>
<p data-pid="Au7qWk-a"># make -j 4</p>
<p data-pid="YWKxqv-X">注意：这里使用-j 参数是利用多核 CPU 快速编译，具体可以通过命令“cat</p>
<p data-pid="d8p5xwSK">/proc/cpuinfo| grep “processor”| wc -l” 来查看最高设置多少个核心来进行编译工作。编译过程时间较长，请耐心等待。</p>
<p data-pid="nIPf_yH8">（3） 安装 GCC</p>
<p data-pid="y0xAxNqq"># make install</p>
<p data-pid="NqFawBlg">（5） 修改 PATH 环境变量</p>
<p data-pid="ycK27Z7Y">注意：这里只修改当前用户下的环境变量。 # vim ~/.bash_profile</p>
<p data-pid="9nVKhpAL">（6） 使 PATH 环境变量生效</p>
<p data-pid="1hSR_p9v"># source ~/.bash_profile</p>
<p data-pid="1HZ6lh72">（7） 确认当前用户下的 GCC 版本</p>
<p data-pid="Slat6SOl"> # gcc --version </p>
<p data-pid="d4ZKaSRe"># g++ --version</p>
<p data-pid="tnLY7-Tw"><strong>四、验证</strong><br><strong>编译一个</strong> <strong>hello.cpp </strong># vim hello.cpp<br>#include <iostream>#include <thread>#include <unistd.h>#include<br><vector>using namespace std;void MyThread(int iPara){ cout<<"MyThread----: "<< iPara <<endl; sleep(1); ///The para is Seconds}<br>int main(){<br> <br>thread threadDemo(MyThread, 123); cout <<" start"<<endl;<br>threadDemo.join();<br> <br>cout <<" end"<<endl;<br> <br>vector<int> vecTest; vecTest.clear(); vecTest.push_back(10); vecTest.push_back(20); vecTest.push_back(30);</p>
<p class="ztext-empty-paragraph"> </p>
<p data-pid="5SwrS_yX">vecTest.push_back(40); vecTest.push_back(50); vecTest.push_back(1); vecTest.push_back(2);</p>
<p data-pid="bLopIUN_">for(auto &changeValue:vecTest)</p>
<p data-pid="lSfJD0h6">{</p>
<p data-pid="Z8J6lOUz">changeValue = changeValue * 2;</p>
<p data-pid="l3R12DX9">}</p>
<p data-pid="v-nTvarj">cout<<"display new value:"<<endl; for(auto newValue:vecTest)</p>
<p data-pid="DOF3vF6_">{</p>
<p data-pid="DUz8XZkK">cout << newValue<<endl;</p>
<p data-pid="lO_ndXSj">}</p>
<p data-pid="vX6h8YM9">return 0;}</p>
<p data-pid="dpMkUNUx"># g++ hello.cpp -std=c++17 -pthread -o hello.bin </p>
<p data-pid="pTTXxrV_"># ./hello.bin</p>
<p data-pid="zcSRQ4LG">这里我们可以看到，编译没有问题，但是运行编译生成的可执行文件时报错了。这是因为系统仍在使用旧的 libstdc++.so.6 库文件，所以需要手动更新这个库文件。步骤如下：</p>
<p data-pid="KSF9uQtC">（1） 先查看当前 libstdc++.so.6 库文件是否支持 CXXABI_1.3.9 和 GLIBCXX_3.4.22;</p>
<p data-pid="o_9ciJTy"># strings /lib64/libstdc++.so.6 | grep CXXABI_1.3.9 </p>
<p data-pid="tEcK3kik"># strings /lib64/libstdc++.so.6 | grep GLIBCXX_3.4.22</p>
<p data-pid="oFwwrXMc">备注：上述命令执行结果没有输出信息，代表不支持 CXXABI_1.3.9 和 GLIBCXX_3.4.22。<br>（2） 搜索新编译安装的 GCC 的 libstdc++.so.6 库文件；</p>
<p data-pid="eV7QS_l-"># find / -name libstdc++.so</p>
<p data-pid="rnzXC8mk">（3） 拷贝新的 libstdc++.so.6 库文件到操作系统/lib64/目录中，并重新生成链接库文件；</p>
<p data-pid="WCI_zuFk"># cp</p>
<p data-pid="jkTWnReQ">/opt/gcc-8.5.0/gcc-8.5.0/x86_64-pc-linux-gnu/libstdc+± v3/src/.libs/libstdc++.so /lib64/</p>
<p data-pid="RRsBfAip"># ln -sf /lib64/libstdc++.so /lib64/libstdc++.so.6</p>
<p data-pid="4rwyEwXR">(4)重新运行 hello.bin 二进制文件，可以正常执行。</p>
<p data-pid="WCHBLH1z"> # ./hello.bin</p>
<p data-pid="WCHBLH1z"> </p>
<p data-pid="WCHBLH1z">转载自：https://blog.csdn.net/ShenSeKyun/article/details/126280142</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-emotion-css="uzm3ri">.css-uzm3ri { position: fixed; top: 0; right: 0; left: 0; z-index: 101; display: none; height: 2px; pointer-events: none; background: rgba(5, 109, 232, 1); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) }</style>
<style data-emotion-css="1l12z7y">.css-1l12z7y { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.04) }</style>
<style data-emotion-css="1hlrcxk">.css-1hlrcxk { -webkit-transition-property: fill; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in }</style>
<style data-emotion-css="d5yzzu">.css-d5yzzu { box-sizing: border-box; margin: 0 20px 0 0; min-width: 0; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex }</style>
<style data-emotion-css="1ay9vb9">.css-1ay9vb9 { margin-right: 16px }</style>
<style data-emotion-css="jmxm1g">.css-jmxm1g { display: inline-block; padding: 0 16px; font-size: 14px; line-height: 32px; color: rgba(255, 255, 255, 1); text-align: center; cursor: pointer; background: none rgba(5, 109, 232, 1); border: 1px solid rgba(5, 109, 232, 1); border-radius: 3px; margin-right: 16px }
.css-jmxm1g::mozFocusInner { padding: 0; border: 0 }
.css-jmxm1g:focus { outline: none; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s }
.css-jmxm1g:focus-visible { box-shadow: 0 0 2px rgba(255, 255, 255, 1), 0 0 4px rgba(5, 109, 232, 0.3) }
.css-jmxm1g:disabled { cursor: default; opacity: 0.5 }
.css-jmxm1g:hover { border-color: rgba(5, 104, 220, 1); background-color: rgba(5, 104, 220, 1) }</style>
<style data-emotion-css="1fv1gmw">.css-1fv1gmw { position: fixed; bottom: 50px; right: 64px; width: 336px; z-index: 2 }</style>
<style data-emotion-css="uodor8">.css-uodor8 { border-radius: 50% }</style>
<style data-emotion-css="1y9jkzv">.css-1y9jkzv { box-sizing: border-box; margin: 0; min-width: 0; max-width: 100%; height: 38px; background-color: rgba(255, 255, 255, 1); width: 38px; border-radius: 50% }</style>
<style data-emotion-css="1s3a4zw">.css-1s3a4zw { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; color: rgba(5, 109, 232, 1); vertical-align: top; border-radius: 100px; background: rgba(5, 109, 232, 0.1) }
.css-1s3a4zw:hover { background-color: rgba(5, 109, 232, 0.15) }</style>
<style data-emotion-css="1xlfegr">.css-1xlfegr { background: rgba(0, 0, 0, 0); box-shadow: none }</style>
<style data-emotion-css="1gomreu">.css-1gomreu { position: relative; display: inline-block }</style>
<style data-emotion-css="1cd9gw4">.css-1cd9gw4 { margin-left: 0.3em }</style>
<style data-emotion-css="1yuhvjn">.css-1yuhvjn { margin-top: 16px }</style>
<style data-emotion-css="376mun">.css-376mun { position: relative; display: inline }</style>
<style data-emotion-css="1hhle02">.css-1hhle02 .FileLinkCard { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(246, 246, 246, 0.88); border-radius: 12px; box-sizing: border-box; display: flex; margin: 1em auto; max-width: 100%; overflow: hidden; padding: 12px; position: relative; width: 390px }
.css-1hhle02 .FileLinkCard-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 30px; width: 30px }
.css-1hhle02 .FileLinkCard-info { margin-left: 12px }
.css-1hhle02 .FileLinkCard-name { color: rgba(18, 18, 18, 1); font-size: 15px; font-weight: 500; line-height: 21px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.css-1hhle02 .FileLinkCard-meta { color: rgba(153, 153, 153, 1); font-size: 12px; display: flex; line-height: 14px; margin-top: 5px }
.css-1hhle02 .FileLinkCard-source { white-space: pre }
.css-1hhle02 img { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20344.88888888888886%20194%22%3E%3CforeignObject%20width%3D%22344.88888888888886%22%20height%3D%22194%22%3E%0A%20%20%20%20%20%20%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22font-size%3A%2013px%3B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20Microsoft%20YaHei%2C%20sans-serif%3B%20color%3A%20%23fff%3B%20width%3A100%25%3B%20height%3A194px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20flex-direction%3A%20column%3B%20align-items%3A%20center%3B%20justify-content%3A%20center%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%203.65a7%207%200%2000-1.353.128.65.65%200%2011-.25-1.275A8.3%208.3%200%20018%202.35c2.387%200%204.172.954%205.357%202.125C14.511%205.615%2015.15%207.022%2015.15%208c0%20.621-.257%201.391-.699%202.134a7.076%207.076%200%2001-1.403%201.68l.495.46a.65.65%200%2011-.886.951l-.998-.929a.645.645%200%2001-.104-.097L9.73%2010.501a.647.647%200%2001-.29.301%203.15%203.15%200%2001-4.313-4.094.647.647%200%2001.234-.275L3.908%205.08a5.774%205.774%200%2000-1.283%201.522C2.282%207.198%202.15%207.707%202.15%208c0%20.522.41%201.616%201.407%202.6.965.954%202.43%201.75%204.443%201.75.468%200%20.905-.043%201.311-.12a.65.65%200%2001.243%201.277A8.322%208.322%200%20018%2013.65c-2.387%200-4.172-.954-5.357-2.125C1.49%2010.385.85%208.978.85%208c0-.598.238-1.333.648-2.046A7.054%207.054%200%20012.95%204.188l-.547-.509a.65.65%200%2011.886-.951l8.8%208.194a5.793%205.793%200%20001.244-1.453c.372-.624.516-1.163.516-1.469%200-.522-.41-1.616-1.407-2.6-.965-.954-2.43-1.75-4.443-1.75zM6.29%207.296a1.85%201.85%200%20002.534%202.36l-2.535-2.36zM8%204.85a.65.65%200%20100%201.3%201.85%201.85%200%20011.843%201.694.65.65%200%20101.296-.11A3.15%203.15%200%20008%204.85z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22margin%3A%20.6em%200%201.2em%22%3E%E8%AF%A5%E5%9B%BE%E7%89%87%E6%9C%89%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%BC%95%E8%B5%B7%E4%B8%8D%E9%80%82%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20style%3D%22padding%3A%204px%201em%3B%20font-size%3A%201.1em%3B%20color%3A%20inherit%3B%20background%3A%20none%3B%20border%3A%201px%20solid%20rgba%28255%2C255%2C255%2C.5%29%3B%20border-radius%3A%209999px%3B%22%3E%E7%BB%A7%E7%BB%AD%E6%9F%A5%E7%9C%8B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FforeignObject%3E%3C%2Fsvg%3E"); width: 100%; height: 194px; background: url("https://pic1.zhimg.com/v2-cf70d0759d787c70091857151c1cad4a.jpeg") no-repeat rgba(191, 191, 191, 0.7); cursor: pointer !important }</style>
<style data-emotion-css="1wr1m8">.css-1wr1m8 .LinkCard.new { position: relative; display: flex; box-sizing: border-box; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgba(246, 246, 246, 1) }
.css-1wr1m8 .LinkCard.new, .css-1wr1m8 .LinkCard.new:hover { -webkit-text-decoration: none; text-decoration: none; border: none !important; color: inherit !important }
.css-1wr1m8 .LinkCard.new .LinkCard-contents { display: block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative }
.css-1wr1m8 .LinkCard.new .LinkCard-contents .loading { height: 14px; background: rgba(235, 235, 235, 1); border-radius: 7px }
.css-1wr1m8 .LinkCard.new .LinkCard-contents.withTitle { margin-bottom: 3px }
.css-1wr1m8 .LinkCard.new .LinkCard-title { font-size: 15px; font-weight: 500; line-height: 1.4; margin-bottom: 2px; color: rgba(18, 18, 18, 1); text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1wr1m8 .LinkCard.new .LinkCard-title.two-line { line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.css-1wr1m8 .LinkCard.new .LinkCard-title.loading { margin-bottom: 8px; width: 80% }
.css-1wr1m8 .LinkCard.new .LinkCard-title.loading.withTitle { margin-bottom: 6px }
.css-1wr1m8 .LinkCard.new .LinkCard-title.loadingTitle { margin-bottom: 5px }
.css-1wr1m8 .LinkCard.new .LinkCard-excerpt { text-overflow: ellipsis; font-size: 13px; line-height: 18px; color: rgba(153, 153, 153, 1); margin-bottom: 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1wr1m8 .LinkCard.new .LinkCard-excerpt .LinkCard-author { color: rgba(68, 68, 68, 1) }
.css-1wr1m8 .LinkCard.new .LinkCard-desc { font-size: 13px; height: 18px; line-height: 18px; color: rgba(153, 153, 153, 1); word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1wr1m8 .LinkCard.new .LinkCard-desc .LinkCard-tag, .css-1wr1m8 .LinkCard.new .LinkCard-desc .tag { display: inline-block; font-size: 11px; margin-left: 8px; padding: 0 4px; border-radius: 3px; background: rgba(211, 211, 211, 0.3) }
.css-1wr1m8 .LinkCard.new .LinkCard-desc.loading { width: 40% }
.css-1wr1m8 .LinkCard.new .LinkCard-desc svg { margin-right: 2px }
.css-1wr1m8 .LinkCard.new .LinkCard-image { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: rgba(235, 235, 235, 1); background-size: cover; background-position: center; position: relative; display: block; width: 60px; height: 60px; margin-left: 20px; object-fit: cover; overflow: hidden }
.css-1wr1m8 .LinkCard.new .LinkCard-image.LinkCard-image--default { display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(235, 235, 235, 1); color: rgba(211, 211, 211, 1) }
.css-1wr1m8 .LinkCard.new .LinkCard-image.LinkCard-image--default svg { color: rgba(153, 153, 153, 1) }
.css-1wr1m8 .LinkCard.new .LinkCard-image img { width: 100%; height: 100%; object-fit: cover }
.css-1wr1m8 .LinkCard.new .LinkCard-image .LinkCard-image--video { display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 24px; height: 24px; border-radius: 12px; background: rgba(255, 255, 255, 0.9); pointer-events: none }
.css-1wr1m8 .LinkCard.new .LinkCard-image .LinkCard-image--video svg { color: rgba(68, 68, 68, 1) }
.css-1wr1m8 .LinkCard.new .LinkCard-richText .text { color: rgba(68, 68, 68, 1) }
.css-1wr1m8 .LinkCard.new .LinkCard-richText .bold { font-weight: 600 }
.css-1wr1m8 .LinkCard.new .LinkCard-richText .tag { margin-left: 4px }
.css-1wr1m8 .LinkCard.old { position: relative; display: block; margin: 1em auto; width: 390px; box-sizing: border-box; border-radius: 12px; max-width: 100%; overflow: hidden }
.css-1wr1m8 .LinkCard.old, .css-1wr1m8 .LinkCard.old:hover { -webkit-text-decoration: none; text-decoration: none; border: none !important; color: inherit !important }
.css-1wr1m8 .LinkCard-ecommerceLoadingCard { position: relative; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 12px; height: 80px; box-sizing: border-box; background: rgba(246, 246, 246, 0.88); color: rgba(211, 211, 211, 1) }
.css-1wr1m8 .LinkCard-ecommerceLoadingCardAvatarWrapper { width: 60px; height: 60px; background: rgba(235, 235, 235, 1); display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 6px; margin-right: 10px }
.css-1wr1m8 .LinkCard-ecommerceLoadingCardNetwork { width: 20px; height: 20px }
.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar { height: 60px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar span { height: 16px; display: inline-block; background: rgba(235, 235, 235, 1) }
.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(0n+1) { width: 60px; margin-bottom: 4px }
.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(0n+2) { width: 127px }</style>
<style data-emotion-css="1dnyyvy">.css-1dnyyvy .LinkCard.old { position: relative; display: block; margin: 1em auto; width: 390px; box-sizing: border-box; border-radius: 12px; max-width: 100%; overflow: hidden }
.css-1dnyyvy .LinkCard.old, .css-1dnyyvy .LinkCard.old:hover { -webkit-text-decoration: none; text-decoration: none; border: none !important; color: inherit !important }
.css-1dnyyvy .LinkCard-ecommerceLoadingCard { position: relative; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 12px; height: 80px; box-sizing: border-box; background: rgba(246, 246, 246, 0.88); color: rgba(211, 211, 211, 1) }
.css-1dnyyvy .LinkCard-ecommerceLoadingCardAvatarWrapper { width: 60px; height: 60px; background: rgba(235, 235, 235, 1); display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 6px; margin-right: 10px }
.css-1dnyyvy .LinkCard-ecommerceLoadingCardNetwork { width: 20px; height: 20px }
.css-1dnyyvy .LinkCard-ecommerceLoadingCardLoadingbar { height: 60px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.css-1dnyyvy .LinkCard-ecommerceLoadingCardLoadingbar span { height: 16px; display: inline-block; background: rgba(235, 235, 235, 1) }
.css-1dnyyvy .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(0n+1) { width: 60px; margin-bottom: 4px }
.css-1dnyyvy .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(0n+2) { width: 127px }
.css-1dnyyvy .LinkCard.new { position: relative; display: flex; box-sizing: border-box; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgba(246, 246, 246, 1) }
.css-1dnyyvy .LinkCard.new, .css-1dnyyvy .LinkCard.new:hover { -webkit-text-decoration: none; text-decoration: none; border: none !important; color: inherit !important }
.css-1dnyyvy .LinkCard.new .LinkCard-contents { display: block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative }
.css-1dnyyvy .LinkCard.new .LinkCard-contents .loading { height: 14px; background: rgba(235, 235, 235, 1); border-radius: 7px }
.css-1dnyyvy .LinkCard.new .LinkCard-contents.withTitle { margin-bottom: 3px }
.css-1dnyyvy .LinkCard.new .LinkCard-title { font-size: 15px; font-weight: 500; line-height: 1.4; margin-bottom: 2px; color: rgba(18, 18, 18, 1); text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1dnyyvy .LinkCard.new .LinkCard-title.two-line { line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.css-1dnyyvy .LinkCard.new .LinkCard-title.loading { margin-bottom: 8px; width: 80% }
.css-1dnyyvy .LinkCard.new .LinkCard-title.loading.withTitle { margin-bottom: 6px }
.css-1dnyyvy .LinkCard.new .LinkCard-title.loadingTitle { margin-bottom: 5px }
.css-1dnyyvy .LinkCard.new .LinkCard-excerpt { text-overflow: ellipsis; font-size: 13px; line-height: 18px; color: rgba(153, 153, 153, 1); margin-bottom: 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1dnyyvy .LinkCard.new .LinkCard-excerpt .LinkCard-author { color: rgba(68, 68, 68, 1) }
.css-1dnyyvy .LinkCard.new .LinkCard-desc { font-size: 13px; height: 18px; line-height: 18px; color: rgba(153, 153, 153, 1); word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1dnyyvy .LinkCard.new .LinkCard-desc .LinkCard-tag, .css-1dnyyvy .LinkCard.new .LinkCard-desc .tag { display: inline-block; font-size: 11px; margin-left: 8px; padding: 0 4px; border-radius: 3px; background: rgba(211, 211, 211, 0.3) }
.css-1dnyyvy .LinkCard.new .LinkCard-desc.loading { width: 40% }
.css-1dnyyvy .LinkCard.new .LinkCard-desc svg { margin-right: 2px }
.css-1dnyyvy .LinkCard.new .LinkCard-image { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: rgba(235, 235, 235, 1); background-size: cover; background-position: center; position: relative; display: block; width: 60px; height: 60px; margin-left: 20px; object-fit: cover; overflow: hidden }
.css-1dnyyvy .LinkCard.new .LinkCard-image.LinkCard-image--default { display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(235, 235, 235, 1); color: rgba(211, 211, 211, 1) }
.css-1dnyyvy .LinkCard.new .LinkCard-image.LinkCard-image--default svg { color: rgba(153, 153, 153, 1) }
.css-1dnyyvy .LinkCard.new .LinkCard-image img { width: 100%; height: 100%; object-fit: cover }
.css-1dnyyvy .LinkCard.new .LinkCard-image .LinkCard-image--video { display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 24px; height: 24px; border-radius: 12px; background: rgba(255, 255, 255, 0.9); pointer-events: none }
.css-1dnyyvy .LinkCard.new .LinkCard-image .LinkCard-image--video svg { color: rgba(68, 68, 68, 1) }
.css-1dnyyvy .LinkCard.new .LinkCard-richText .text { color: rgba(68, 68, 68, 1) }
.css-1dnyyvy .LinkCard.new .LinkCard-richText .bold { font-weight: 600 }
.css-1dnyyvy .LinkCard.new .LinkCard-richText .tag { margin-left: 4px }
.css-1dnyyvy .FileLinkCard { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(246, 246, 246, 0.88); border-radius: 12px; box-sizing: border-box; display: flex; margin: 1em auto; max-width: 100%; overflow: hidden; padding: 12px; position: relative; width: 390px }
.css-1dnyyvy .FileLinkCard-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 30px; width: 30px }
.css-1dnyyvy .FileLinkCard-info { margin-left: 12px }
.css-1dnyyvy .FileLinkCard-name { color: rgba(18, 18, 18, 1); font-size: 15px; font-weight: 500; line-height: 21px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.css-1dnyyvy .FileLinkCard-meta { color: rgba(153, 153, 153, 1); font-size: 12px; display: flex; line-height: 14px; margin-top: 5px }
.css-1dnyyvy .FileLinkCard-source { white-space: pre }
.css-1dnyyvy img { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20344.88888888888886%20194%22%3E%3CforeignObject%20width%3D%22344.88888888888886%22%20height%3D%22194%22%3E%0A%20%20%20%20%20%20%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22font-size%3A%2013px%3B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20Microsoft%20YaHei%2C%20sans-serif%3B%20color%3A%20%23fff%3B%20width%3A100%25%3B%20height%3A194px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20flex-direction%3A%20column%3B%20align-items%3A%20center%3B%20justify-content%3A%20center%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%203.65a7%207%200%2000-1.353.128.65.65%200%2011-.25-1.275A8.3%208.3%200%20018%202.35c2.387%200%204.172.954%205.357%202.125C14.511%205.615%2015.15%207.022%2015.15%208c0%20.621-.257%201.391-.699%202.134a7.076%207.076%200%2001-1.403%201.68l.495.46a.65.65%200%2011-.886.951l-.998-.929a.645.645%200%2001-.104-.097L9.73%2010.501a.647.647%200%2001-.29.301%203.15%203.15%200%2001-4.313-4.094.647.647%200%2001.234-.275L3.908%205.08a5.774%205.774%200%2000-1.283%201.522C2.282%207.198%202.15%207.707%202.15%208c0%20.522.41%201.616%201.407%202.6.965.954%202.43%201.75%204.443%201.75.468%200%20.905-.043%201.311-.12a.65.65%200%2001.243%201.277A8.322%208.322%200%20018%2013.65c-2.387%200-4.172-.954-5.357-2.125C1.49%2010.385.85%208.978.85%208c0-.598.238-1.333.648-2.046A7.054%207.054%200%20012.95%204.188l-.547-.509a.65.65%200%2011.886-.951l8.8%208.194a5.793%205.793%200%20001.244-1.453c.372-.624.516-1.163.516-1.469%200-.522-.41-1.616-1.407-2.6-.965-.954-2.43-1.75-4.443-1.75zM6.29%207.296a1.85%201.85%200%20002.534%202.36l-2.535-2.36zM8%204.85a.65.65%200%20100%201.3%201.85%201.85%200%20011.843%201.694.65.65%200%20101.296-.11A3.15%203.15%200%20008%204.85z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22margin%3A%20.6em%200%201.2em%22%3E%E8%AF%A5%E5%9B%BE%E7%89%87%E6%9C%89%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%BC%95%E8%B5%B7%E4%B8%8D%E9%80%82%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20style%3D%22padding%3A%204px%201em%3B%20font-size%3A%201.1em%3B%20color%3A%20inherit%3B%20background%3A%20none%3B%20border%3A%201px%20solid%20rgba%28255%2C255%2C255%2C.5%29%3B%20border-radius%3A%209999px%3B%22%3E%E7%BB%A7%E7%BB%AD%E6%9F%A5%E7%9C%8B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FforeignObject%3E%3C%2Fsvg%3E"); width: 100%; height: 194px; background: url("https://pic1.zhimg.com/v2-cf70d0759d787c70091857151c1cad4a.jpeg") no-repeat rgba(191, 191, 191, 0.7); cursor: pointer !important }</style>
<style data-emotion-css="1g0fqss animation-1yvu044">.css-1g0fqss { line-height: 1.6 }
.css-1g0fqss> { margin-top: 0 }
.css-1g0fqss>:last-child { margin-bottom: 0 }
.css-1g0fqss h1, .css-1g0fqss h2 { clear: left; margin-top: calc((1.4em * 2) / 1.2); margin-bottom: calc(1.4em / 1.2); font-size: 1.2em; line-height: 1.5; font-weight: 600 }
.css-1g0fqss h3, .css-1g0fqss h4, .css-1g0fqss h5, .css-1g0fqss h6 { clear: left; margin-top: calc((1.4em * 1.5) / 1.1); margin-bottom: calc(1.4em / 1.1); font-size: 1.1em; line-height: 1.5; font-weight: 600 }
.css-1g0fqss u { -webkit-text-decoration: none; text-decoration: none; border-bottom: 1px solid rgba(68, 68, 68, 1) }
.css-1g0fqss b { font-weight: 600 }
.css-1g0fqss sup { font-size: 0.8em }
.css-1g0fqss sup { color: rgba(23, 81, 153, 1) }
.css-1g0fqss a:focus { outline: none; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s }
html .css-1g0fqss a:focus { box-shadow: 0 0 2px rgba(255, 255, 255, 1), 0 0 4px rgba(5, 109, 232, 0.3) }
.css-1g0fqss a.ztext-link, .css-1g0fqss a.internal, .css-1g0fqss a.external { -webkit-text-decoration: none; text-decoration: none; cursor: pointer; border-bottom: 1px solid rgba(128, 128, 128, 1) }
.css-1g0fqss a.ztext-link:hover, .css-1g0fqss a.internal:hover, .css-1g0fqss a.external:hover { color: rgba(23, 81, 153, 1); border-bottom: 1px solid rgba(23, 81, 153, 1) }
.css-1g0fqss a.ztext-link>.ellipsis::after, .css-1g0fqss a.internal>.ellipsis::after, .css-1g0fqss a.external>.ellipsis::after { content: "..." }
.css-1g0fqss a.ztext-link>.invisible, .css-1g0fqss a.internal>.invisible, .css-1g0fqss a.external>.invisible { font: 0 / 0 a; color: rgba(0, 0, 0, 0); text-shadow: none; background-color: rgba(0, 0, 0, 0) }
.css-1g0fqss a.ztext-link u, .css-1g0fqss a.internal u, .css-1g0fqss a.external u { border: none }
.css-1g0fqss a.member_mention { color: rgba(23, 81, 153, 1) }
.css-1g0fqss a.member_mention:hover { border-bottom: 1px solid rgba(23, 81, 153, 1) }
.css-1g0fqss a.UserLink-link { color: rgba(23, 81, 153, 1) }
.css-1g0fqss a.UserLink-link:hover { border-bottom: 1px solid rgba(23, 81, 153, 1) }
.css-1g0fqss p { margin: 1.4em 0 }
.css-1g0fqss p.ztext-empty-paragraph { margin: calc((2.8em - (1.4em * 2 + 1.6em)) / 2) 0 }
.css-1g0fqss p.ztext-empty-paragraph+.ztext-empty-paragraph { margin: 1.4em 0 }
.css-1g0fqss hr { margin: 4em auto; width: 240px; max-width: 100%; border-top: 1px solid rgba(211, 211, 211, 1); border-right: none; border-bottom: none; border-left: none }
.css-1g0fqss img { max-width: 100%; vertical-align: middle }
.css-1g0fqss img { margin: 0 3px; max-width: calc(100% - 6px); display: inline-block }
.css-1g0fqss img { margin: 1.4em auto; display: block }
.css-1g0fqss blockquote { margin: 1.4em 0; padding-left: 1em; color: rgba(100, 100, 100, 1); border-left: 3px solid rgba(211, 211, 211, 1) }
.css-1g0fqss ol, .css-1g0fqss ul { margin: 1.4em 0; padding: 0; width: 100% }
.css-1g0fqss ol ol, .css-1g0fqss ul ol, .css-1g0fqss ol ul, .css-1g0fqss ul ul { margin: 0 }
.css-1g0fqss ol li::before, .css-1g0fqss ul li::before { width: 1em }
.css-1g0fqss ol>ol, .css-1g0fqss ul>ol, .css-1g0fqss ol>ul, .css-1g0fqss ul>ul { display: table-row }
.css-1g0fqss ol>ol::before, .css-1g0fqss ul>ol::before, .css-1g0fqss ol>ul::before, .css-1g0fqss ul>ul::before { display: table-cell; content: "" }
.css-1g0fqss ul { display: table }
.css-1g0fqss ul>li { display: table-row; list-style: none }
.css-1g0fqss ul>li::before { display: table-cell; content: "•"; white-space: pre }
.css-1g0fqss ol { display: table; counter-reset: ol 0 }
.css-1g0fqss ol>li { display: table-row; list-style: none }
.css-1g0fqss ol>li::before { display: table-cell; text-align: right; counter-increment: ol 1; content: counter(ol) ". "; white-space: pre }
.css-1g0fqss ol ol { counter-reset: ol2 0 }
.css-1g0fqss ol ol li::before { counter-increment: ol2 1; content: counter(ol2) ". " }
.css-1g0fqss ol ol ol { counter-reset: ol3 0 }
.css-1g0fqss ol ol ol li::before { counter-increment: ol3 1; content: counter(ol3) ". " }
.css-1g0fqss ol ol ol ol { counter-reset: ol4 0 }
.css-1g0fqss ol ol ol ol li::before { counter-increment: ol4 1; content: counter(ol4) ". " }
.css-1g0fqss figure { margin: 1.4em 0 }
.css-1g0fqss figure .content_image, .css-1g0fqss figure .origin_image { margin: 0 auto }
.css-1g0fqss figure figcaption { margin-top: calc(0.6em / 0.9); padding: 0 1em; font-size: 0.9em; line-height: 1.5; text-align: center; color: rgba(153, 153, 153, 1) }
.css-1g0fqss figure+figure { margin-top: calc(1.4em * 1.6) }
.css-1g0fqss figure, .css-1g0fqss figure:not()> { clear: both }
.css-1g0fqss figure, .css-1g0fqss figure:not()> { float: left; margin: 0 20px 20px 0; max-width: 33% }
.css-1g0fqss figure, .css-1g0fqss figure:not()> { float: right; margin: 0 0 20px 20px; max-width: 33% }
.css-1g0fqss figure { margin-bottom: 0 }
.css-1g0fqss figure+figure { margin-top: 0 }
.css-1g0fqss .content_image, .css-1g0fqss .origin_image { display: block; max-width: 100%; height: auto; margin: 1.4em auto }
.css-1g0fqss .content_image, .css-1g0fqss .origin_image { max-width: 40% }
.css-1g0fqss .content_image.zh-lightbox-thumb, .css-1g0fqss .origin_image.zh-lightbox-thumb { cursor: zoom-in }
.css-1g0fqss code { margin: 0 2px; padding: 3px 4px; border-radius: 3px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; font-size: 0.9em; background-color: rgba(246, 246, 246, 1) }
.css-1g0fqss pre { margin: 1.4em 0; padding: calc(0.8em / 0.9); font-size: 0.9em; word-break: initial; word-wrap: initial; white-space: pre; overflow: auto; -webkit-overflow-scrolling: touch; background: rgba(246, 246, 246, 1); border-radius: 4px }
.css-1g0fqss pre code { margin: 0; padding: 0; font-size: inherit; border-radius: 0; background-color: inherit }
.css-1g0fqss li pre { white-space: pre-wrap }
.css-1g0fqss table { border-collapse: collapse; font-size: 15px; margin: 1.4em auto; max-width: 100%; table-layout: fixed; text-align: left; width: 100% }
.css-1g0fqss table { min-width: 260px; width: 40% }
.css-1g0fqss table tr:nth-of-type(2n + 1) { background: rgba(246, 246, 246, 1) }
.css-1g0fqss table td, .css-1g0fqss table th { border: 1px solid rgba(211, 211, 211, 1); line-height: 24px; height: 24px; padding: 3px 12px }
.css-1g0fqss table th { background: rgba(235, 235, 235, 1); color: rgba(18, 18, 18, 1); font-weight: 500 }
.css-1g0fqss .video-box, .css-1g0fqss .link-box { position: relative; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 1.4em 0; overflow: auto; white-space: normal; cursor: pointer; border: 1px solid rgba(235, 235, 235, 1); border-radius: 4px }
.css-1g0fqss .lazy { background-color: rgba(246, 246, 246, 1) }
.css-1g0fqss .lazy { background-color: rgba(0, 0, 0, 0); -webkit-animation: animation-1yvu044 0.5s ease-in; animation: 0.5s ease-in animation-1yvu044 }
.css-1g0fqss .highlight { margin: 1em 0 }
.css-1g0fqss .highlight pre { margin: 0 }
.css-1g0fqss .highlight .hll { background-color: rgba(253, 253, 253, 1) }
.css-1g0fqss .highlight .c { font-style: italic; color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .err { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .k { font-weight: 600 }
.css-1g0fqss .highlight .o { font-weight: 600 }
.css-1g0fqss .highlight .cm { font-style: italic; color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .cp { font-weight: 600; color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .c1 { font-style: italic; color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .cs { font-style: italic; font-weight: 600; color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .gd { color: rgba(255, 51, 102, 1) }
.css-1g0fqss .highlight .ge { font-style: italic }
.css-1g0fqss .highlight .gr { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .gh { color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .gi { color: rgba(18, 179, 112, 1) }
.css-1g0fqss .highlight .go { color: rgba(128, 128, 128, 1) }
.css-1g0fqss .highlight .gp { color: rgba(100, 100, 100, 1) }
.css-1g0fqss .highlight .gs { font-weight: 600 }
.css-1g0fqss .highlight .gu { color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .gt { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .kc { font-weight: 600 }
.css-1g0fqss .highlight .kd { font-weight: 600 }
.css-1g0fqss .highlight .kn { font-weight: 600 }
.css-1g0fqss .highlight .kp { font-weight: 600 }
.css-1g0fqss .highlight .kr { font-weight: 600 }
.css-1g0fqss .highlight .kt { font-weight: 600; color: rgba(23, 81, 153, 1) }
.css-1g0fqss .highlight .m { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .s { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .na { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .nb { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .nc { font-weight: 600; color: rgba(23, 81, 153, 1) }
.css-1g0fqss .highlight .no { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .ni { color: rgba(85, 85, 221, 1) }
.css-1g0fqss .highlight .ne { font-weight: 600; color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .nf { font-weight: 600; color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .nn { color: rgba(100, 100, 100, 1) }
.css-1g0fqss .highlight .nt { color: rgba(23, 81, 153, 1) }
.css-1g0fqss .highlight .nv { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .ow { font-weight: 600 }
.css-1g0fqss .highlight .w { color: rgba(191, 191, 191, 1) }
.css-1g0fqss .highlight .mf { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .mh { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .mi { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .mo { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .sb { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .sc { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .sd { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .s2 { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .se { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .sh { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .si { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .sx { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .sr { color: rgba(165, 84, 47, 1) }
.css-1g0fqss .highlight .s1 { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .ss { color: rgba(241, 64, 60, 1) }
.css-1g0fqss .highlight .bp { color: rgba(153, 153, 153, 1) }
.css-1g0fqss .highlight .vc { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .vg { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .vi { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight .il { color: rgba(5, 109, 232, 1) }
.css-1g0fqss .highlight::-webkit-scrollbar { width: 6px; height: 6px }
.css-1g0fqss .highlight::-webkit-scrollbar-thumb:horizontal { background-color: rgba(18, 18, 18, 0.5); border-radius: 6px }
.css-1g0fqss .highlight::-webkit-scrollbar-thumb:horizontal:hover { background-color: rgba(18, 18, 18, 0.6) }
.css-1g0fqss .LinkCard.old { position: relative; display: block; margin: 1em auto; width: 390px; box-sizing: border-box; border-radius: 12px; max-width: 100%; overflow: hidden }
.css-1g0fqss .LinkCard.old, .css-1g0fqss .LinkCard.old:hover { -webkit-text-decoration: none; text-decoration: none; border: none !important; color: inherit !important }
.css-1g0fqss .LinkCard-ecommerceLoadingCard { position: relative; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 12px; height: 80px; box-sizing: border-box; background: rgba(246, 246, 246, 0.88); color: rgba(211, 211, 211, 1) }
.css-1g0fqss .LinkCard-ecommerceLoadingCardAvatarWrapper { width: 60px; height: 60px; background: rgba(235, 235, 235, 1); display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 6px; margin-right: 10px }
.css-1g0fqss .LinkCard-ecommerceLoadingCardNetwork { width: 20px; height: 20px }
.css-1g0fqss .LinkCard-ecommerceLoadingCardLoadingbar { height: 60px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.css-1g0fqss .LinkCard-ecommerceLoadingCardLoadingbar span { height: 16px; display: inline-block; background: rgba(235, 235, 235, 1) }
.css-1g0fqss .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(0n+1) { width: 60px; margin-bottom: 4px }
.css-1g0fqss .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(0n+2) { width: 127px }
.css-1g0fqss .LinkCard.new { position: relative; display: flex; box-sizing: border-box; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgba(246, 246, 246, 1) }
.css-1g0fqss .LinkCard.new, .css-1g0fqss .LinkCard.new:hover { -webkit-text-decoration: none; text-decoration: none; border: none !important; color: inherit !important }
.css-1g0fqss .LinkCard.new .LinkCard-contents { display: block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative }
.css-1g0fqss .LinkCard.new .LinkCard-contents .loading { height: 14px; background: rgba(235, 235, 235, 1); border-radius: 7px }
.css-1g0fqss .LinkCard.new .LinkCard-contents.withTitle { margin-bottom: 3px }
.css-1g0fqss .LinkCard.new .LinkCard-title { font-size: 15px; font-weight: 500; line-height: 1.4; margin-bottom: 2px; color: rgba(18, 18, 18, 1); text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1g0fqss .LinkCard.new .LinkCard-title.two-line { line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.css-1g0fqss .LinkCard.new .LinkCard-title.loading { margin-bottom: 8px; width: 80% }
.css-1g0fqss .LinkCard.new .LinkCard-title.loading.withTitle { margin-bottom: 6px }
.css-1g0fqss .LinkCard.new .LinkCard-title.loadingTitle { margin-bottom: 5px }
.css-1g0fqss .LinkCard.new .LinkCard-excerpt { text-overflow: ellipsis; font-size: 13px; line-height: 18px; color: rgba(153, 153, 153, 1); margin-bottom: 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1g0fqss .LinkCard.new .LinkCard-excerpt .LinkCard-author { color: rgba(68, 68, 68, 1) }
.css-1g0fqss .LinkCard.new .LinkCard-desc { font-size: 13px; height: 18px; line-height: 18px; color: rgba(153, 153, 153, 1); word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.css-1g0fqss .LinkCard.new .LinkCard-desc .LinkCard-tag, .css-1g0fqss .LinkCard.new .LinkCard-desc .tag { display: inline-block; font-size: 11px; margin-left: 8px; padding: 0 4px; border-radius: 3px; background: rgba(211, 211, 211, 0.3) }
.css-1g0fqss .LinkCard.new .LinkCard-desc.loading { width: 40% }
.css-1g0fqss .LinkCard.new .LinkCard-desc svg { margin-right: 2px }
.css-1g0fqss .LinkCard.new .LinkCard-image { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: rgba(235, 235, 235, 1); background-size: cover; background-position: center; position: relative; display: block; width: 60px; height: 60px; margin-left: 20px; object-fit: cover; overflow: hidden }
.css-1g0fqss .LinkCard.new .LinkCard-image.LinkCard-image--default { display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(235, 235, 235, 1); color: rgba(211, 211, 211, 1) }
.css-1g0fqss .LinkCard.new .LinkCard-image.LinkCard-image--default svg { color: rgba(153, 153, 153, 1) }
.css-1g0fqss .LinkCard.new .LinkCard-image img { width: 100%; height: 100%; object-fit: cover }
.css-1g0fqss .LinkCard.new .LinkCard-image .LinkCard-image--video { display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 24px; height: 24px; border-radius: 12px; background: rgba(255, 255, 255, 0.9); pointer-events: none }
.css-1g0fqss .LinkCard.new .LinkCard-image .LinkCard-image--video svg { color: rgba(68, 68, 68, 1) }
.css-1g0fqss .LinkCard.new .LinkCard-richText .text { color: rgba(68, 68, 68, 1) }
.css-1g0fqss .LinkCard.new .LinkCard-richText .bold { font-weight: 600 }
.css-1g0fqss .LinkCard.new .LinkCard-richText .tag { margin-left: 4px }
.css-1g0fqss .FileLinkCard { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(246, 246, 246, 0.88); border-radius: 12px; box-sizing: border-box; display: flex; margin: 1em auto; max-width: 100%; overflow: hidden; padding: 12px; position: relative; width: 390px }
.css-1g0fqss .FileLinkCard-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 30px; width: 30px }
.css-1g0fqss .FileLinkCard-info { margin-left: 12px }
.css-1g0fqss .FileLinkCard-name { color: rgba(18, 18, 18, 1); font-size: 15px; font-weight: 500; line-height: 21px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.css-1g0fqss .FileLinkCard-meta { color: rgba(153, 153, 153, 1); font-size: 12px; display: flex; line-height: 14px; margin-top: 5px }
.css-1g0fqss .FileLinkCard-source { white-space: pre }
.css-1g0fqss img { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20344.88888888888886%20194%22%3E%3CforeignObject%20width%3D%22344.88888888888886%22%20height%3D%22194%22%3E%0A%20%20%20%20%20%20%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22font-size%3A%2013px%3B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20Microsoft%20YaHei%2C%20sans-serif%3B%20color%3A%20%23fff%3B%20width%3A100%25%3B%20height%3A194px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20flex-direction%3A%20column%3B%20align-items%3A%20center%3B%20justify-content%3A%20center%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%203.65a7%207%200%2000-1.353.128.65.65%200%2011-.25-1.275A8.3%208.3%200%20018%202.35c2.387%200%204.172.954%205.357%202.125C14.511%205.615%2015.15%207.022%2015.15%208c0%20.621-.257%201.391-.699%202.134a7.076%207.076%200%2001-1.403%201.68l.495.46a.65.65%200%2011-.886.951l-.998-.929a.645.645%200%2001-.104-.097L9.73%2010.501a.647.647%200%2001-.29.301%203.15%203.15%200%2001-4.313-4.094.647.647%200%2001.234-.275L3.908%205.08a5.774%205.774%200%2000-1.283%201.522C2.282%207.198%202.15%207.707%202.15%208c0%20.522.41%201.616%201.407%202.6.965.954%202.43%201.75%204.443%201.75.468%200%20.905-.043%201.311-.12a.65.65%200%2001.243%201.277A8.322%208.322%200%20018%2013.65c-2.387%200-4.172-.954-5.357-2.125C1.49%2010.385.85%208.978.85%208c0-.598.238-1.333.648-2.046A7.054%207.054%200%20012.95%204.188l-.547-.509a.65.65%200%2011.886-.951l8.8%208.194a5.793%205.793%200%20001.244-1.453c.372-.624.516-1.163.516-1.469%200-.522-.41-1.616-1.407-2.6-.965-.954-2.43-1.75-4.443-1.75zM6.29%207.296a1.85%201.85%200%20002.534%202.36l-2.535-2.36zM8%204.85a.65.65%200%20100%201.3%201.85%201.85%200%20011.843%201.694.65.65%200%20101.296-.11A3.15%203.15%200%20008%204.85z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22margin%3A%20.6em%200%201.2em%22%3E%E8%AF%A5%E5%9B%BE%E7%89%87%E6%9C%89%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%BC%95%E8%B5%B7%E4%B8%8D%E9%80%82%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20style%3D%22padding%3A%204px%201em%3B%20font-size%3A%201.1em%3B%20color%3A%20inherit%3B%20background%3A%20none%3B%20border%3A%201px%20solid%20rgba%28255%2C255%2C255%2C.5%29%3B%20border-radius%3A%209999px%3B%22%3E%E7%BB%A7%E7%BB%AD%E6%9F%A5%E7%9C%8B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FforeignObject%3E%3C%2Fsvg%3E"); width: 100%; height: 194px; background: url("https://pic1.zhimg.com/v2-cf70d0759d787c70091857151c1cad4a.jpeg") no-repeat rgba(191, 191, 191, 0.7); cursor: pointer !important }
@-webkit-keyframes animation-1yvu044{from{opacity:0;}to{opacity:1;}}
@keyframes animation-1yvu044 { 0% { opacity: 0 } 100% { opacity: 1 } }</style><br><br>
来源：https://www.cnblogs.com/MoDian/p/17226836.html
頁:
[1]