/*
Theme Name: Meimiao
Theme URI: https://github.com/meimiao
Author: Meimiao
Author URI: https://github.com/meimiao
Description: WeChat Moments-style theme for Typecho
Version: 1.0.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Tags: responsive, dark-mode, mobile-first, wechat
*/

*{margin:0;padding:0}
:root{--theme:#09c362;--themetm:rgb(7,193,96,0.1);--thetitle:#586c97;--protext:rgb(255,85,33);--protextbg:rgb(255,85,33,0.1);--backbg:rgb(245 245 245);--cobg:rgb(255 255 255);--bganh:#4c5254;--textqh:#282828;--textbs:rgb(255 255 255);--texths:rgb(120 120 120);--fgxys:#f2f2f2;--iconhs:rgb(120 120 120);--iconbs:rgb(255 255 255);--bodys:#f0f0f0;--dzplcdfg:#383e41;--dbztlys:rgba(240,240,240,0.8);--dbztlysh:rgba(240,240,240,0);--dbztlyshs:rgba(52,52,52,0.8);--gdwys:rgb(195 195 195);--zsgfh:rgb(42,41,41,0.10);--imgbgy:rgb(245,245,245,0.60);--menu:rgb(200,200,200,0.40);--adgg:rgb(175,175,175)}
.dark-theme{--theme:#09c362;--themetm:rgb(7,193,96,0.1);--thetitle:#586c97;--protext:rgb(255,85,33);--protextbg:rgb(255,85,33,0.1);--backbg:rgb(62 62 62);--cobg:#323335;--bganh:#4c5254;--textqh:#ffffff;--textbs:rgb(255 255 255);--texths:rgb(136 136 136);--fgxys:#404040;--iconhs:rgb(255 255 255);--iconbs:rgb(255 255 255);--bodys:#424242;--dzplcdfg:#383e41;--dbztlys:rgb(66,66,66,0.8);--dbztlysh:rgba(240,240,240,0);--dbztlyshs:rgba(52,52,52,0.8);--gdwys:rgb(112 112 112);--zsgfh:rgb(124,124,124,0.2);--imgbgy:rgb(70,70,70,0.40);--menu:rgb(100,100,100,0.40);--adgg:rgb(116,116,116)}
body{background:var(--bodys);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center}
body::-webkit-scrollbar{width:4px}
body::-webkit-scrollbar-track{background-color:rgb(0,0,0,0)}
body::-webkit-scrollbar-thumb{background-color:var(--gdwys);border-radius:4px}
html,body{height:100%}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;text-decoration:none;outline:none;color:var(--cobg)}
img{-webkit-user-drag:none;-webkit-user-select:none}
ul{list-style:none}
input{-webkit-appearance:none;border-radius:0;line-height:normal}
select{border-radius:0;line-height:normal;background:var(--cobg)}
@keyframes move_1{0%{transform:translateY(15px);opacity:0}}
@keyframes move_2{0%{opacity:0}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes colorChange{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}
@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Layout */
.centent{width:100vw;max-width:100%;height:100%;display:flex;flex-direction:column;align-items:center}
.sh-main{width:100%;max-width:550px;background:var(--cobg);z-index:1}

/* Header */
.sh-main-head{width:100%;height:286px;position:relative;overflow:hidden}
.sh-main-head-top{width:100%;max-width:550px;height:52px;position:fixed;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;transition:background 0.2s ease,backdrop-filter 0.2s ease,-webkit-backdrop-filter 0.2s ease}
.sh-main-head-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}
.sh-main-head-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.12) 100%)}
.sh-main-head-top-left{display:flex;align-items:center}
.sh-main-head-top-left-s,.sh-main-head-top-right-s{width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin:0 10px;cursor:pointer;border-radius:50%;transition:background 0.2s ease}
.sh-main-head-top-left-s:hover,.sh-main-head-top-right-s:hover{background:rgba(255,255,255,0.12)}
.sh-main-head-top-left-mu{width:120px;height:40px;display:flex;align-items:center;margin-left:10px}
.sh-main-top-mu{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-right:5px;cursor:pointer}
.sh-main-top-g-container{width:100%;height:2px;background:rgb(215 215 215 / 75%);margin-left:2px;margin-right:2px;border-radius:4px;overflow:hidden}
.sh-main-top-mu-bgmq{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-right:5px;cursor:pointer}
.shaft-load2{width:100%;height:2px;overflow:hidden}
.shaft-load2>div{float:left;height:100%;width:5px;margin-right:1px;display:inline-block;background:#959595;animation:loading2 1.5s infinite ease-in-out;transform:scaleY(.05) translateX(-5px)}
.shaft-load2 .shaft1{animation-delay:.05s}
.shaft-load2 .shaft2{animation-delay:.1s}
.shaft-load2 .shaft3{animation-delay:.15s}
.shaft-load2 .shaft4{animation-delay:.2s}
.shaft-load2 .shaft5{animation-delay:.25s}
.shaft-load2 .shaft6{animation-delay:.3s}
.shaft-load2 .shaft7{animation-delay:.35s}
.shaft-load2 .shaft8{animation-delay:.4s}
.shaft-load2 .shaft9{animation-delay:.45s}
@keyframes loading2{10%{background:#fff}15%{transform:scaleY(1.2) translateX(10px);background:#fff}90%,100%{transform:scaleY(.05) translateX(-5px)}}
.sh-view-head-top-left-s{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:none}
.setup-view-title{color:#ffffff}
.sh-main-head-top-right{display:flex;align-items:center}
.sh-main-head-top-right-s>a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.sh-main-head-headimg{width:100%;display:flex;flex-direction:column;align-items:flex-end;margin-top:-52px;position:relative;z-index:1}
.sh-main-head-headimg-tx{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;margin-right:24px}
.sh-main-head-headimg-tx>a{overflow:hidden;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.sh-main-head-headimg-tx>a>img{width:60px;height:60px;object-fit:cover;border-radius:8px;display:block}
.sh-avatar-round,.sh-avatar-round>img{border-radius:50%!important}
.sh-main-head-headimg-tx>h4{margin:10px 0 0;max-width:min(72vw,350px);color:#fff;font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,0.35)}
.sh-main-head-headimg-qm{margin-right:24px;margin-top:8px;max-width:min(78vw,350px);z-index:1}
.sh-main-head-headimg-qm>p{font-size:12px;margin:0;color:var(--texths);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:right;line-height:1.7}

/* Front publish page */
.publish-mode .sh-main{min-height:100vh;background:var(--bodys)}
.publish-mode .sh-main-head{height:52px;min-height:52px;background:var(--cobg)}
.publish-mode .sh-main-head-top{background:var(--cobg);box-shadow:0 1px 0 var(--fgxys);backdrop-filter:none;-webkit-backdrop-filter:none}
.publish-mode .sh-main-head-top-title{position:absolute;left:50%;transform:translateX(-50%);font-size:15px;font-weight:700;color:var(--textqh);line-height:52px;pointer-events:none}
.publish-mode .sh-main-head-top-left-s:hover,.publish-mode .sh-main-head-top-right-s:hover{background:var(--backbg)}
.publish-mode .sh-main-head-img,.publish-mode .sh-main-head-headimg,.publish-mode .so,.publish-mode .sh-news,.publish-mode .sh-link,.publish-mode .sh-menu,.publish-mode .sh-copyright{display:none!important}
.publish-mode .ri-sx,.publish-mode .ri-sxzytx,.publish-mode .al-sxb{color:var(--iconhs)}
.long-article-page .sh-main-head{height:0px;min-height:0px}
.long-article-page .sh-main-head-top{backdrop-filter:none;-webkit-backdrop-filter:none}
.sh-publish{width:100%;padding:12px 12px 28px;box-sizing:border-box;background:var(--bodys)}
.sh-publish-error{margin-bottom:10px;padding:10px 12px;border-radius:4px;background:var(--protextbg);color:var(--protext);font-size:13px;line-height:1.5}
.sh-publish-empty{margin:12px;padding:28px 16px;border-radius:8px;background:var(--cobg);border:1px solid var(--fgxys);display:flex;flex-direction:column;align-items:center;gap:14px}
.sh-publish-empty>p{font-size:14px;color:var(--texths)}
.sh-publish-loginbtn{height:36px;padding:0 24px;border:0;border-radius:4px;background:var(--theme);color:#fff;font-size:14px;cursor:pointer}
.sh-cont-nr{width:100%;background:var(--cobg);border:1px solid var(--fgxys);border-radius:8px;overflow:hidden;box-sizing:border-box}
.sh-cont-nr-tzh{width:100%}
.sh-cont-nr-tzh>textarea{width:95%;min-height:240px;padding:16px;box-sizing:border-box;border:0;outline:none;resize:vertical;background:transparent;color:var(--textqh);font-size:15px;line-height:1.8;font-family:inherit}
.sh-cont-nr-tzh>textarea::placeholder{color:var(--texths)}
.sh-cont-nr-kg{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--fgxys);background:var(--backbg);box-sizing:border-box;flex-wrap:wrap}
.sh-cont-nr-kg>div{width:34px;height:34px;border-radius:4px;background:var(--cobg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .12s}
.sh-cont-nr-kg>div:active{transform:scale(.96)}
.sh-cont-nr-kg>div>i{font-size:19px;color:var(--iconhs)}
.sh-cont-nr-kg>div[style*="themetm"]>i{color:var(--theme)}
.sh-cont-article{width:100%;margin-top:10px;display:none;flex-direction:column;gap:2px}
.sh-cont-article>input,.sh-cont-article-cover-link>input{height:35px;border-radius:4px;padding:5px 8px;border:none;outline:none;margin-left:15px;margin-right:15px;font-size:14px;background:var(--backbg);color:var(--textqh);box-sizing:border-box}
.sh-cont-article-tpl-row{padding:0 15px;margin-bottom:8px}
.sh-cont-article-tpl-row select{width:100%;padding:8px 12px;border:1px solid var(--fgxys);border-radius:6px;font-size:14px;background:var(--cobg);color:var(--textqh);outline:none}
.sh-cont-article-cover-row{width:100%;display:flex;align-items:center;box-sizing:border-box}
.sh-cont-article-cover-row input[type=text]{height:35px;border-radius:4px;padding:5px 8px;border:none;outline:none;font-size:14px;background:var(--backbg);color:var(--textqh);box-sizing:border-box}
.sh-cont-article-cover-row label{font-size:12px;color:var(--texths);white-space:nowrap}
.sh-cont-article-cover-link,.sh-cont-article-cover-upload{min-width:0;flex:1}
.sh-cont-article-cover-link>input{width:calc(100% - 15px);margin-right:0}
.sh-cont-article-cover-upload{min-height:100px;margin-right:0;padding-top:8px;border-radius:4px;box-sizing:border-box}
.sh-cont-article-cover-switch{flex:0 0 35px;width:35px;height:35px;margin-left:5px;margin-right:15px;border-radius:4px;background:var(--fgxys);display:flex;justify-content:center;align-items:center;cursor:pointer}
.sh-article-tools{display:flex;gap:8px;padding:8px 15px 2px;flex-wrap:wrap}
.sh-article-tools button{border:1px solid var(--fgxys);background:var(--backbg);color:var(--textqh);border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer}
.sh-article-tools button:hover{background:var(--fgxys)}
.sh-cont-article-cover-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:0 15px}
.mm-cover-preview{width:120px;height:80px;object-fit:cover;border-radius:4px;border:1px solid var(--fgxys)}
.sh-article-preview{margin:8px 15px 0;border:1px solid var(--fgxys);border-radius:6px;overflow:hidden;background:var(--cobg)}
.sh-article-preview-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--fgxys);font-size:13px;color:var(--textqh)}
.sh-article-preview-body{max-height:420px;overflow:auto;padding:16px!important;font-size:14px!important;line-height:1.8!important}
.sh-cont-dw{width:100%;display:flex;align-items:center;margin-top:10px;background:var(--cobg);border:1px solid var(--fgxys);border-radius:6px;overflow:hidden;box-sizing:border-box}
.sh-cont-dw-tu{width:42px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--backbg);flex-shrink:0}
.sh-cont-dw-tu>i{font-size:18px;color:var(--thetitle)}
.sh-cont-dw>input{width:100%;height:40px;padding:0 12px;border:0;outline:none;background:transparent;color:var(--textqh);font-size:14px;box-sizing:border-box}
.sh-cont-dw>input::placeholder,.sh-cont-article>input::placeholder,.sh-cont-article-cover-link>input::placeholder,.sh-cont-article-cover-row input::placeholder{color:var(--texths)}
.sh-cont-yy,.sh-cont-sp{width:100%;display:flex;margin-top:10px;background:var(--cobg);border:1px solid var(--fgxys);border-radius:6px;overflow:hidden;box-sizing:border-box}
.sh-cont-yy>textarea{width:100%;min-height:104px;padding:12px;border:0;outline:none;resize:vertical;background:transparent;color:var(--textqh);font-size:14px;line-height:1.7;font-family:inherit;box-sizing:border-box}
.sh-cont-sp>input{width:100%;height:40px;padding:0 12px;border:0;outline:none;background:transparent;color:var(--textqh);font-size:14px;box-sizing:border-box}
.sh-cont-yy>textarea::placeholder,.sh-cont-sp>input::placeholder{color:var(--texths)}
.sh-publish-actions{width:100%;margin-top:12px}
.sh-publish-submit{width:100%;height:44px;border:0;border-radius:6px;background:var(--theme);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;cursor:pointer;transition:opacity .2s}
.sh-publish-submit:hover{opacity:.92}
.sh-publish-submit>i{font-size:18px;color:#fff}
.publish-mode .sh-pinglun-biao{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;margin-top:0;padding:10px;border-top:1px solid var(--fgxys);background:var(--cobg)}
.sh-cont-poll{margin:8px 0;padding:12px 15px;background:var(--cobg);border-radius:8px;display:none}
.sh-cont-poll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sh-cont-poll-header span{font-size:14px;font-weight:600;color:var(--textqh)}
.sh-cont-poll-header i{font-size:18px;color:var(--texths);cursor:pointer}
.sh-cont-poll-body{display:flex;flex-direction:column;gap:10px}
.sh-cont-poll-body>input{width:100%;padding:10px 12px;border:1px solid var(--fgxys);border-radius:6px;font-size:14px;background:var(--backbg);color:var(--textqh);box-sizing:border-box;outline:none}
.sh-cont-poll-body>input:focus{border-color:var(--theme);background:var(--cobg)}
.sh-cont-poll-options{display:flex;flex-direction:column;gap:6px}
.sh-cont-poll-option{display:flex;align-items:center;gap:8px}
.sh-cont-poll-option input{flex:1;padding:8px 12px;border:1px solid var(--fgxys);border-radius:6px;font-size:13px;background:var(--backbg);color:var(--textqh);outline:none}
.sh-cont-poll-option input:focus{border-color:var(--theme);background:var(--cobg)}
.sh-cont-poll-option i{font-size:16px;color:var(--texths);cursor:pointer;flex-shrink:0}
.sh-cont-poll-option i:hover{color:#e74c3c}
.sh-cont-poll-add{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--backbg);border-radius:6px;font-size:13px;cursor:pointer;color:var(--textqh)}
.sh-cont-poll-add:hover{background:var(--fgxys)}
.sh-cont-poll-settings{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.sh-cont-poll-type{display:flex;gap:0;border:1px solid var(--fgxys);border-radius:6px;overflow:hidden}
.sh-cont-poll-type label{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;color:var(--textqh);cursor:pointer;padding:6px 16px;transition:all 0.2s}
.sh-cont-poll-type label:has(input:checked){background:var(--theme);color:#fff}
.sh-cont-poll-type input[type=radio]{display:none}
.sh-cont-poll-expire{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--textqh)}
.sh-cont-poll-expire label{white-space:nowrap}
.sh-cont-poll-expire input{height:32px;padding:0 8px;border:1px solid var(--fgxys);border-radius:6px;background:var(--backbg);color:var(--textqh);font-size:13px;outline:none;box-sizing:border-box}

/* Post Card */
.sh-content{width:100%;display:flex;margin-bottom:10px;border-bottom:1px solid var(--fgxys)}
.sh-content-quanwenan{width:fit-content;color:var(--thetitle);font-size:14px;margin-top:5px;cursor:pointer}
.sh-content-left{width:46px;height:46px;display:flex;margin-left:25px;margin-right:10px;margin-top:5px;flex-shrink:0;border-radius:4px;overflow:hidden}
.sh-content-left>img{width:46px;height:46px;border-radius:4px;object-fit:cover;cursor:pointer}
.sh-content-right{width:100%;margin-right:25px;margin-bottom:15px;margin-top:5px}
.sh-content-right-head{width:100%;display:flex;flex-direction:column}
.sh-content-right-head-title{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.sh-content-right-head-title>p{font-size:15px;color:var(--thetitle);font-weight:bold}
.sh-content-right-head>span{font-size:14px;color:var(--textqh);word-wrap:break-word;word-break:break-all;overflow:hidden}
.sh-content-right-head>span>code{display:inline-block;border-radius:4px;font-size:13px;background:var(--fgxys);color:var(--texths);padding:0 4px;vertical-align:initial;word-break:break-word;margin:0 4px;font-family:inherit}
.wzndhycyc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}

/* Image Grid */
.sh-content-right-img{width:85%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:8px}
.sh-content-right-img-pic{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:4px}
.sh-content-right-img-pic>img{position:absolute;top:0;left:0;width:100%;background:var(--imgbgy);height:100%;object-fit:cover;object-position:center;cursor:zoom-in;border-radius:4px}
.sh-content-right-img-pic-mask{font-size:20px;color:var(--textbs);position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(0,0,0,0.5);pointer-events:none}

/* GPS / Location */
.sh-content-right-gps{width:100%;margin-top:5px}
.sh-content-right-gps>a{font-size:13px;color:var(--thetitle);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}

/* Time & Actions */
.sh-content-right-time{width:100%;display:flex;justify-content:space-between;align-items:center;height:38px;position:relative;z-index:1}
.sh-content-right-time-left{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-content-right-time-left>span{font-size:12px;color:var(--texths)}
.sh-content-right-time-right{display:flex;align-items:center;flex-shrink:0}
.sh-content-right-time-right-right{width:30px;height:20px;background:var(--backbg);display:flex;justify-content:center;align-items:center;border-radius:2px;cursor:pointer}
.sh-content-right-time-right-right>p{width:4px;height:4px;border-radius:100%;background:var(--thetitle);pointer-events:none}
.zp1{margin-right:5px;pointer-events:none}
.sh-content-right-time-right-left{height:38px;background:var(--bganh);display:none;align-items:center;border-radius:4px;margin-right:5px;position:relative;animation:myfirsjs 0.3s}
@keyframes myfirsjs{0%{opacity:0;right:-10px}50%{right:0px}100%{right:0px}}
.sh-content-right-time-right-left>p{width:1px;height:50%;background:var(--dzplcdfg)}
.sh-content-right-time-right-left-z{height:100%;display:flex;justify-content:center;align-items:center;padding-left:20px;padding-right:20px;cursor:pointer}
.sh-content-right-time-right-left-y{height:100%;display:flex;justify-content:center;align-items:center;padding-left:20px;padding-right:20px;cursor:pointer}
.sh-content-right-time-right-left-z>span{display:flex;font-size:14px;color:var(--iconbs);margin-left:5px}
.sh-content-right-time-right-left-y>span{display:flex;font-size:14px;color:var(--iconbs);margin-left:5px;pointer-events:none;flex-shrink:0}

/* Likes & Comments */
.sh-zanp{width:100%;background:var(--fgxys);margin-top:5px;border-radius:4px}
.sh-zanp-zan{display:flex;background:var(--backbg);border-radius:4px}
.sh-zanp-zan-left{display:flex;margin-left:10px;margin-right:10px;margin-top:5px;margin-bottom:5px}
.sh-zanp-zan-left>i{font-size:18px;color:var(--thetitle)}
.sh-zanp-zan-right{display:flex;align-items:center;margin-top:5px;margin-right:10px;margin-bottom:5px;flex-wrap:wrap}
.sh-zanp-zan-right>li{display:inline-block;font-size:14px;color:var(--thetitle)}
.sh-zanp-zan-right li:not(:last-child)::after{content:"，"}
.sh-zanp-pl{width:100%;font-size:14px;padding-top:5px;padding-bottom:5px;border-radius:4px;background:var(--backbg);margin-top:1px;flex-direction:column;box-sizing:border-box}
.sh-zanp-pl>li{display:flex;justify-content:space-between;margin-left:10px;margin-right:10px;line-height:25px}
.sh-zanp-pl-n{width:100%;pointer-events:none;color:var(--thetitle)}
.sh-zanp-pl-n-nc{color:var(--thetitle)}
.sh-zanp-pl-n-nr{pointer-events:none;color:var(--textqh);word-wrap:break-word;word-break:break-all;overflow:hidden;-webkit-user-select:text;-moz-user-select:text}
.sh-zanp-pl-ku{background:var(--backbg);border-radius:4px}
.sh-zanp-pl-gd{width:30px;height:20px;background:var(--backbg);display:flex;justify-content:center;align-items:center;border-radius:2px;margin-left:6px}
.sh-zanp-pl-gd>p{width:4px;height:4px;border-radius:100%;background:var(--thetitle);pointer-events:none}

/* Ad article */
.sh-content-right-head-title-ad{width:35px;height:22px;display:flex;justify-content:center;align-items:center;background:var(--backbg);border-radius:2px}
.sh-content-right-head-title-ad>p{font-size:12px;color:var(--adgg)}
.sh-content-right-ggurl{width:100%;display:flex;align-items:center;margin-top:10px}
.sh-content-right-ggurl>a{font-size:13px;color:var(--thetitle);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-width:80%}
.sh-content-right-ggurl>i{color:var(--thetitle);font-size:20px;margin-right:2px}

/* Article Card (long article) */
.sh-long-article-card{width:100%;min-height:96px;margin-top:10px;display:grid;grid-template-columns:136px minmax(0,1fr);overflow:hidden;border:1px solid var(--fgxys);border-radius:8px;background:var(--backbg);box-shadow:0 8px 18px rgba(0,0,0,.04);box-sizing:border-box;text-decoration:none;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.sh-long-article-card:hover{transform:translateY(-1px);border-color:var(--theme);box-shadow:0 12px 24px rgba(0,0,0,.08);background:var(--cobg)}
.sh-long-article-card>img{width:136px;height:96px;object-fit:cover;display:block;background:var(--fgxys)}
.sh-long-article-card>span{min-width:0;padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;box-sizing:border-box}
.sh-long-article-card strong{max-width:100%;color:var(--textqh);font-size:15px;line-height:1.45;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.sh-long-article-card em{margin-top:8px;color:var(--texths);font-size:12px;line-height:1.2;font-style:normal;font-weight:500}

/* Article Detail */
.sh-article-detail{width:100%;background:var(--cobg);color:var(--textqh)}
.sh-article-detail-hero{position:relative;width:100%;min-height:220px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sh-article-detail-mask{position:absolute;inset:0;background:rgba(0,0,0,.20)}
.sh-article-detail-title{position:relative;z-index:1;width:100%;padding:42px 20px;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.sh-article-detail-title h1{margin:0;font-size:22px;line-height:1.35;font-weight:800}
.sh-article-detail-title p{margin:16px 0 0;font-size:15px;line-height:1;font-weight:700}
.sh-article-markdown{padding:30px 34px 46px;color:var(--textqh);font-size:15px;line-height:2;word-break:break-word}
.sh-article-markdown h1,.sh-article-markdown h2,.sh-article-markdown h3,.sh-article-markdown h4,.sh-article-markdown h5,.sh-article-markdown h6{margin:24px 0 14px;color:var(--textqh);line-height:1.45;font-weight:800}
.sh-article-markdown h1{font-size:24px}
.sh-article-markdown h2{font-size:21px}
.sh-article-markdown h3{font-size:18px}
.sh-article-markdown p{margin:0 0 18px}
.sh-article-markdown img{max-width:100%;height:auto;border-radius:4px;display:block;margin:16px auto}
.sh-article-markdown a{color:var(--theme);text-decoration:none}
.sh-article-markdown blockquote{margin:18px 0;padding:10px 14px;border-left:4px solid var(--theme);background:var(--backbg);color:var(--textqh)}
.sh-article-markdown pre{margin:18px 0;padding:14px 16px;overflow:auto;border:1px solid var(--fgxys);border-radius:4px;background:var(--backbg);line-height:1.6}
.sh-article-markdown code{padding:2px 5px;border-radius:3px;background:var(--fgxys);font-family:Consolas,Monaco,monospace;font-size:13px}
.sh-article-markdown pre code{padding:0;background:transparent}
.sh-article-markdown ul,.sh-article-markdown ol{margin:0 0 18px 22px;padding:0}
.sh-article-markdown li{margin:4px 0}
.sh-article-markdown del{color:var(--texths)}
.sh-article-markdown hr{height:1px;margin:26px 0;border:0;background:var(--fgxys)}
.sh-article-markdown table{width:100%;border-collapse:collapse;border-spacing:0;background:var(--cobg);font-size:14px;line-height:1.65}
.sh-article-markdown th,.sh-article-markdown td{padding:9px 12px;border:1px solid var(--fgxys);text-align:left;vertical-align:top}
.sh-article-markdown th{background:var(--backbg);color:var(--textqh);font-weight:700}
.sh-article-markdown tr:nth-child(even) td{background:var(--backbg)}

/* Article Actions */
.sh-article-actions{padding:0 34px 42px}
.sh-article-actions .sh-content-right-time{margin-top:0}
.sh-article-actions .sh-content-right-time-right{display:flex}
.sh-article-zanp{width:100%;margin-top:12px}

/* Author timeline */
.sh-homecontent{width:100%;display:flex;flex-direction:column;margin-top:30px}
.sh-homecontent-timed{margin-top:40px;margin-bottom:5px;padding:0 10px;color:var(--textqh);font-size:24px;line-height:1.2}
.sh-homecontent-timed-n{font-size:14px;font-weight:400;margin-left:2px}
.sh-homecontent-lie{width:100%;display:flex;margin-bottom:5px}
.sh-homecontent-left{display:flex;flex-direction:column;justify-content:flex-start;margin-right:15px;max-width:64px;min-width:64px;margin-left:25px}
.sh-homecontent-left-time{display:flex;align-items:flex-end;gap:3px;min-height:24px}
.homecontent-left-time-h{font-size:20px;font-weight:bold;color:var(--textqh);line-height:1}
.homecontent-left-time-y{font-size:12px;color:var(--textqh);line-height:1.2}
.sh-homecontent-left-time-dw{max-width:80px;font-size:12px;margin-top:5px;color:var(--texths);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-wrap:break-word;word-break:break-all}
.sh-homecontent-right-wk{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-right:25px;min-width:0}
.sh-homecontent-right-lie{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer;min-width:0}
.homecontent-right-tw{width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin-right:5px;flex-shrink:0}
.homecontent-right-tw-img{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,49.5%);grid-template-rows:repeat(2,49.5%);gap:1px;position:relative}
.homecontent-right-tw-img-wk{width:100%;height:100%;max-height:80px;background:var(--imgbgy);overflow:hidden;position:relative}
.homecontent-right-tw-img-wk>img{width:100%;height:100%;max-width:80px;max-height:80px;object-fit:cover;display:block}
.homecontent-right-nr{width:100%;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0}
.homecontent-right-nr-text{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-wrap:break-word;word-break:break-all;color:var(--textqh);line-height:1.6}
.homecontent-right-nr-text>a{color:var(--thetitle)}
.homecontent-right-nr-textjw{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.homecontent-right-nr-tus{font-size:12px;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--texths)}
.homecontent-right-tw-video{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}
.homecontent-right-tw-videoau{width:100%;height:100%;min-height:80px;object-fit:cover;background:rgb(62 62 62)}
.sh-homecontent-wzsbs{position:absolute;bottom:5px;right:5px;color:var(--iconbs)}
.sh-homecontent-right-lie-musicwk{width:100%;display:flex;flex-direction:column;background:var(--backbg);position:relative;cursor:pointer;min-width:0}
.sh-homecontent-right-lie-music-title{font-size:14px;margin:5px 5px 0 5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--textqh);line-height:1.5}
.sh-homecontent-right-lie-music{padding:5px 0;margin-bottom:0}
.homecontent-right-tw-music{width:40px;height:40px;margin-left:5px}
.homecontent-right-tw-img-wk-music{max-height:40px;position:relative}
.homecontent-right-tw-img-wk-music>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--iconbs);font-size:18px}
.homecontent-right-tw-img-wk-music>img{max-width:40px;max-height:40px}
.homecontent-right-nr-music{min-height:10px;justify-content:center}
.homecontent-right-nr-text-music-p{font-size:14px;margin:0}
.homecontent-right-nr-text-music{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--textqh);line-height:1.5}

/* Long article timeline card */
.sh-timeline-article-card{width:100%;display:flex;align-items:center;background:var(--backbg);border-radius:6px;overflow:hidden;min-width:0}
.sh-timeline-article-cover{width:80px;height:80px;flex-shrink:0;overflow:hidden;background:var(--imgbgy)}
.sh-timeline-article-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.sh-timeline-article-info{flex:1;min-width:0;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.sh-timeline-article-title{font-size:14px;color:var(--textqh);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}
.sh-timeline-article-date{font-size:12px;color:var(--texths)}

/* Video */
.sh-video{display:flex;align-items:center;position:relative;margin-top:8px;width:fit-content;background:rgb(62 62 62);max-width:85%;border-radius:4px}
.sh-video>i{position:absolute;top:0;right:0;font-size:20px;color:var(--bganh);display:none;cursor:pointer;padding:15px;z-index:10}
.sh-video-span{width:fit-content;height:fit-content;z-index:1;position:absolute;bottom:8px;left:8px;font-size:12px;color:rgb(255 255 255);pointer-events:none;background:rgb(0,0,0,0.28);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:1px 3px;border-radius:4px}
.sh-video>iframe{width:100vw;max-width:100%;max-height:280px;min-height:200px;border-radius:4px}
.sh-content-video{max-width:100%;max-height:280px;cursor:pointer;border-radius:4px}
.videofdb{width:100%;height:100%;max-width:100%;display:none;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;background:#000;z-index:11;border-radius:0}
.videofdb>video{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover;cursor:pointer;background:#000;border-radius:0}

/* Comment Box */
.sh-pinglunkuang{width:100%;background:var(--backbg);border-radius:4px;display:flex;flex-direction:column;align-items:center;margin:5px 0}
.sh-zanp-pl>.sh-pinglunkuang{margin:0;padding:8px 0;list-style:none;display:flex;flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box;clear:both}
.sh-comment-item[data-comkzt="1"]{background:var(--backbg);border-radius:4px}
.sh-zanp-pl-ku{margin-top:2px}
.sh-pinglun{width:95%;background:var(--cobg);border-radius:4px;box-sizing:border-box;transition:all 0.25s}
.sh-pinglun-s{display:flex;margin:8px 8px 0 8px}
.sh-pinglun-s>textarea{width:100%;height:40px;outline:none;resize:none;border:0;font-family:inherit;font-size:14px;background:var(--cobg);max-height:150px;min-height:40px;color:var(--textqh);overflow-y:scroll}
.sh-pinglun-fs{width:100%;display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:8px}
.sh-pinglun-fs-right{display:flex;align-items:center}
.sh-pinglun-fs-right-fs{width:70px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--backbg);color:var(--thetitle);margin-right:10px;cursor:pointer;transition:all 0.25s}
.sh-pinglun-fs-right-fs>span{font-size:14px}
.huifucanshu{display:none;color:#ffffff00}

/* Login Modal */
.sh-login{display:none;position:fixed;inset:0;z-index:200;justify-content:center;align-items:center;background:#00000026;backdrop-filter:saturate(100%) blur(2px);-webkit-backdrop-filter:saturate(100%) blur(2px)}
.sh-login-main{width:80%;max-width:360px;background:var(--cobg);border-radius:6px;box-shadow:0 0 10px rgb(0 0 0 / 10%);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);animation:move_1 0.20s}
.sh-login-main-top{display:flex;justify-content:flex-end;align-items:center;padding:8px 8px 0}
.sh-login-main-top-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background 0.2s}
.sh-login-main-top-close:hover{background:var(--backbg)}
.sh-login-main-top-close>i{font-size:18px;color:var(--texths)}
.sh-login-main-kko{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 30px 24px;box-sizing:border-box}
.sh-login-main-kko-kok-p{margin:0 0 20px;position:relative;font-size:20px;color:var(--textqh)}
.sh-login-main-kko-kok-p:after{content:"";width:60px;height:3px;background:var(--theme);position:absolute;bottom:-5px;left:0;border-radius:4px;box-shadow:1px 1px 3px -1px var(--theme);transition:all 0.20s}
.sh-login-main-con{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}
.sh-login-main-con-anu{width:100%;display:flex;align-items:center;gap:14px;margin-bottom:10px}
.sh-login-main-con-anu>p{margin:0;flex:0 0 56px;font-size:15px;flex-shrink:0;color:var(--textqh)}
.sh-login-main-con-anu>input{width:100%;height:40px;border:none;outline:none;font-size:12px;border-bottom:1px solid var(--fgxys);background:transparent;color:var(--textqh)}
.sh-login-main-con-anu>input::placeholder{color:var(--texths)}
.sh-login-main-bot{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px}
.sh-login-main-bot .sh-right{width:50%;height:40px;border:none;outline:none;border-radius:4px;color:#ffffff;background:var(--theme);cursor:pointer;font-size:14px}
.sh-login-main-bot .sh-right:hover{opacity:0.9}
.sh-login-main-bottom{padding:0 0 22px;text-align:center}
.sh-login-main-bottom>a{color:var(--texths);text-decoration:none;font-size:13px}
.sh-login-main-bottom>a:hover{color:var(--theme)}

/* Guest fields */
.sh-plk-yk{width:100%;justify-content:space-between;display:none;background:transparent;border-radius:4px 4px 0 0;margin-top:8px}
.sh-plk-yk-z{width:100%;height:35px;border-radius:4px;display:flex;justify-content:center;align-items:center;background:var(--backbg)}
.sh-plk-yk-z>input{width:100%;height:100%;border:0;outline:none;background:transparent;padding:0 8px;font-size:12px;color:var(--textqh)}
.sh-plk-yk-z>input::placeholder{color:#8b8b8b}

/* Detail view comments */
.sh-dz-z{display:flex;background:var(--backbg);margin-top:1px;border-radius:4px}
.sh-zanp-zan-left2{padding:8px 10px}
.sh-zanp-pl2{background:rgb(255,255,255,0);margin-top:0}
.sh-zanp-pl2>li,.sh-zanp-pl2 .sh-comment-item{display:flex;padding:8px 10px;margin:0;border-bottom:1px solid var(--fgxys)}
.sh-zanp-pl2>li:last-child,.sh-zanp-pl2 .sh-comment-item:last-child{border-bottom:none}
.sh-zanp-pl-tx{flex-shrink:0;width:30px;height:30px;pointer-events:none}
.sh-zanp-pl-tx>img{width:30px;height:30px;object-fit:cover;border-radius:2px;pointer-events:none;display:block}
.sh-zanp-pl-n2{margin-left:10px;min-width:0;flex:1}
.sh-zanp-pl-n-mz{display:flex;align-items:center;gap:4px;margin-bottom:2px}
.sh-zanp-pl-n-mz>a{font-size:13px;color:var(--thetitle);text-decoration:none;pointer-events:all}
.sh-zanp-pl-n-mz>span{color:var(--texths);font-size:12px}
.sh-zanp-pl3>li{margin-left:0;margin-top:0;margin-bottom:0;justify-content:initial;line-height:initial}
.sh-zanp-pl.sh-zanp-pl2 .sh-pinglunkuang{margin:0;padding:8px 0;width:100%;flex:0 0 auto;box-sizing:border-box}
.sh-zanp-zan-right2{flex-wrap:wrap;margin-top:10px}
.sh-zanp-zan-right2>li{width:30px;height:30px;margin-right:5px;margin-bottom:5px}
.sh-zanp-zan-right2>li>img{width:100%;height:100%;border-radius:2px;object-fit:cover}
.sh-content2{border-bottom:0 solid var(--fgxys)}

/* Floating Menu */
.sh-menu{position:fixed;bottom:50px;right:20px;width:40px;display:flex;flex-direction:column;align-items:center;z-index:1;animation:move_1 0.20s}
.sh-menu #scrtop{display:none!important}
.sh-menu.scrtop-show #scrtop{display:flex!important}
.sh-menu-k{width:100%;height:40px;display:flex;justify-content:center;align-items:center;background:var(--menu);border-radius:4px;margin-top:8px;cursor:pointer;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.sh-menu-k>i{color:var(--iconbs);font-size:20px;pointer-events:none}

/* Footer */
.footer{width:100%;display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px}
.footer-text{font-size:14px;color:var(--texths);margin-left:25px;margin-right:25px;cursor:pointer}
.sh-copyright{position:fixed;bottom:20px;left:40px}
.sh-copyright-banquan{color:rgb(119 119 119 / 50%);font-size:12px}
.sh-copyright-banquan>a{color:rgb(119 119 119 / 50%)!important;font-size:12px!important}

/* Search */
.so{width:100%;max-width:550px;height:100%;display:none;justify-content:center;background:#00000026;position:fixed;bottom:0;z-index:11;animation:move_2 0.20s;backdrop-filter:saturate(100%) blur(2px);-webkit-backdrop-filter:saturate(100%) blur(2px)}
.sobd{width:90%;height:fit-content;margin-top:50px;display:flex;animation:move_1 0.20s}
.sobd-in{width:90%;height:24px;border-radius:2px;padding:5px;outline:none;border:1px var(--cobg) solid;background:var(--cobg);color:var(--textqh);font-size:14px}
.sobd-bu{width:72px;height:36px;display:flex;justify-content:center;align-items:center;background:var(--cobg);border-radius:2px;margin-left:5px;cursor:pointer;border:0;font-size:14px;outline:none;color:var(--textqh);padding:0 5px}

/* News Modal */
.sh-news{width:100%;max-width:550px;height:100%;display:none;justify-content:center;align-items:center;background:#00000026;position:fixed;bottom:0;z-index:11;animation:move_2 0.20s;backdrop-filter:saturate(100%) blur(2px);-webkit-backdrop-filter:saturate(100%) blur(2px)}
.sh-news-main{width:80%;background:var(--cobg);border-radius:4px;box-shadow:0 0 10px rgb(0 0 0 / 10%);animation:move_1 0.20s}
.sh-news-main-top{width:100%;display:flex;justify-content:flex-end;align-items:center}
.sh-news-main-top-xiaoxih{width:100%;display:flex;justify-content:flex-start;align-items:center}
.sh-news-main-top-xiaoxih>span{font-size:15px;margin-left:15px;margin-top:8px;color:var(--textqh)}
.sh-news-main-top-div{width:35px;height:35px;display:flex;justify-content:center;align-items:center;margin-right:8px;margin-top:8px;cursor:pointer}
.sh-news-con{width:100%;max-height:500px;display:flex;flex-direction:column;margin-top:6px;overflow-y:scroll}
.sh-news-con-lie{width:100%;height:70px;min-height:70px;display:flex;align-items:center;cursor:pointer}
.sh-news-con-lie:hover{background:var(--backbg)}
.sh-news-con-lie-left{display:flex;position:relative;margin-left:15px}
.sh-news-con-lie-left-imgt{display:flex;overflow:hidden;border-radius:4px}
.sh-news-con-lie-left-img{width:45px;height:45px;object-fit:cover;border-radius:4px}
.sh-news-avatar-text{display:flex;align-items:center;justify-content:center;background:var(--backbg);color:var(--thetitle);font-size:16px;font-weight:700}
.sh-news-con-lie-right{width:100%;height:50px;display:flex;flex-direction:column;justify-content:space-around;flex:1}
.sh-news-con-lie-right-title{font-size:14px;margin-left:15px;margin-right:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--thetitle)}
.sh-news-con-lie-right-time{color:var(--texths);font-size:12px;margin-left:10px}
.sh-news-con-lie-right-text{font-size:12px;margin-left:15px;margin-right:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--textqh)}
.sh-news-tishi{width:100%;height:40px;display:flex;justify-content:center;align-items:center}
.sh-news-tishi>p{font-size:12px;color:var(--texths);margin:0 15px}
.sh-news-main-top-div2{position:relative}
.sh-news-main-top-div-menu{position:absolute;top:35px;right:0;background:var(--cobg);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:20;display:none;flex-direction:column;min-width:120px;padding:6px 0}
.sh-news-main-top-div-menu>a{display:flex;align-items:center;padding:8px 14px;font-size:13px;color:var(--textqh);text-decoration:none;white-space:nowrap;gap:6px}
.sh-news-main-top-div-menu>a:hover{background:var(--backbg)}
.sh-news-con-lie-left>p{width:6px;height:6px;background:red;border-radius:100%;position:absolute;top:0;left:0;margin:0}
.sh-xxliebfm{display:flex;align-items:center;margin-right:12px;flex-shrink:0}
.sh-xxliebfm .delmes{display:none;padding:4px 10px;font-size:12px;color:#fff;background:#e74c3c;border-radius:4px;cursor:pointer}
.sh-xxliebfm .delmes:hover{background:#c0392b}

/* Link Modal */
.sh-link{width:100%;max-width:550px;height:100%;display:none;justify-content:center;align-items:center;background:#00000026;position:fixed;bottom:0;z-index:11;animation:move_2 0.20s;backdrop-filter:saturate(100%) blur(2px);-webkit-backdrop-filter:saturate(100%) blur(2px)}
.sh-link-main{width:80%;background:var(--cobg);border-radius:4px;box-shadow:0 0 10px rgb(0 0 0 / 10%);animation:move_1 0.20s}
.sh-link-main-top{width:100%;display:flex;justify-content:flex-end;align-items:center}
.sh-link-con{width:100%;max-height:500px;display:flex;flex-direction:column;margin-top:6px;overflow-y:scroll}
.sh-link-con-lie{width:100%;height:55px;min-height:55px;display:flex;align-items:center}
.sh-link-con-lie:hover{background:var(--backbg)}
.sh-link-con-lie-left{display:flex;margin-left:15px;overflow:hidden;border-radius:4px;flex-shrink:0}
.sh-link-con-lie-left-img{width:40px;height:40px;object-fit:cover;border-radius:4px}
.sh-link-con-lie-right-title{font-size:14px;margin-left:15px;margin-right:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--textqh)}
.sh-link-tishi{width:100%;height:40px;display:flex;justify-content:center;align-items:center}
.sh-link-tishi>p{font-size:12px;color:var(--texths);margin:0 15px}

/* Bottom Action Sheet */
.sh-view-set{width:100%;height:100%;position:fixed;bottom:0;right:0;display:flex;justify-content:center;z-index:150;pointer-events:none;display:none}
.sh-view-set-wk{width:100%;height:100%;max-width:550px;background:rgb(0 0 0 / 30%);display:flex;align-items:flex-end;pointer-events:all;animation:move_2 0.20s}
.sh-view-set-wk-con{width:100%;background:var(--bodys);display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:8px 8px 0 0}
.sh-view-set-wk-con-title{width:100%;display:flex;flex-direction:column;align-items:center;background:var(--cobg);cursor:pointer}
.sh-view-set-wk-con-title>span{margin:15px;font-size:15px;pointer-events:none;color:var(--textqh)}
.sh-view-set-wk-con-divider{width:100%;height:6px;background:var(--bodys)}

/* Share Panel */
.share-panel{position:fixed;inset:0;z-index:200;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.share-panel-box{width:100%;max-width:550px;padding:0 0 max(18px,env(safe-area-inset-bottom,0px));box-sizing:border-box;border-radius:18px 18px 0 0;background:var(--cobg,#fff);box-shadow:0 -14px 42px rgba(0,0,0,.18);animation:slideUp .24s ease-out;overflow:hidden}
.share-panel-box::before{content:"";display:block;width:38px;height:4px;margin:10px auto 4px;border-radius:999px;background:var(--fgxys,#e6e6e6)}
.share-panel-head{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 12px;border-bottom:1px solid var(--fgxys,#f0f0f0)}
.share-panel-head span{font-size:16px;font-weight:600;color:var(--textqh,#222)}
.share-panel-head i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--backbg,#f6f6f6);font-size:18px;color:var(--texths,#888);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.share-panel-head i:hover{background:var(--fgxys,#eee);color:var(--textqh,#222);transform:rotate(90deg)}
.share-panel-body{display:grid;grid-template-columns:repeat(5,minmax(64px,1fr));gap:8px;padding:18px 18px 4px;box-sizing:border-box}
.share-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 4px;border-radius:10px;cursor:pointer;transition:background .2s,transform .2s}
.share-item:hover{background:var(--backbg,#f7f7f7)}
.share-item:active{transform:scale(.96)}
.share-item span{max-width:100%;font-size:12px;line-height:1.2;color:var(--textqh,#333);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:none}
.share-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.share-wechat{background:#07c160}
.share-weibo{background:#e6162d}
.share-qq{background:#12b7f5}
.share-link{background:#5b6f8f}
.share-poster{background:#ff9f1a}

/* Poster Modal */
.poster-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:rgba(0,0,0,0.85);display:none;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.poster-modal-box{background:var(--cobg);border-radius:20px;overflow:hidden;max-width:400px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:posterModalIn 0.3s ease-out}
.poster-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--fgxys)}
.poster-modal-head span{font-size:16px;font-weight:600;color:var(--textqh)}
.poster-modal-head i{font-size:20px;color:var(--texths);cursor:pointer;padding:4px;transition:all 0.2s}
.poster-modal-head i:hover{opacity:0.7;transform:rotate(90deg)}
.poster-modal-body{padding:20px;text-align:center;max-height:78vh;overflow-y:auto;background:var(--cobg,#fff)}
.poster-modal-body canvas{width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.12)}
.poster-modal-foot{padding:16px 20px;border-top:1px solid var(--fgxys);text-align:center;display:flex;gap:12px;justify-content:center}
.poster-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 48px;background:linear-gradient(135deg,var(--theme,#4a90d9),var(--theme-dark,#3a7fc8));color:#fff;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 16px rgba(74,144,217,0.3)}
.poster-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,144,217,0.4)}
.poster-btn:active{transform:translateY(0)}
@keyframes posterModalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* WeChat QR Modal */
.wechat-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:rgba(0,0,0,0.85);display:none;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wechat-modal-box{background:var(--cobg);border-radius:20px;overflow:hidden;width:300px;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:wechatModalIn 0.3s ease-out}
.wechat-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--fgxys)}
.wechat-modal-head span{font-size:16px;font-weight:600;color:var(--textqh)}
.wechat-modal-head i{font-size:20px;color:var(--texths);cursor:pointer;padding:4px;transition:all 0.2s}
.wechat-modal-head i:hover{opacity:0.7;transform:rotate(90deg)}
.wechat-modal-body{padding:28px 24px;text-align:center}
.wechat-modal-body #qrCanvas{margin:0 auto;border-radius:12px;overflow:hidden}
.wechat-modal-body #qrCanvas img{display:block;width:100%;height:100%}
.wechat-modal-body p{margin-top:16px;font-size:14px;color:var(--texths);line-height:1.5}
@keyframes wechatModalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* Tip Modal */
.tip-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:rgba(0,0,0,0.8);display:none;justify-content:center;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.tip-modal-box{background:var(--cobg);border-radius:16px;overflow:hidden;width:320px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,0.3)}
.tip-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--fgxys)}
.tip-modal-head span{font-size:15px;font-weight:600;color:var(--textqh)}
.tip-modal-head i{font-size:18px;color:var(--texths);cursor:pointer;transition:opacity 0.2s}
.tip-modal-head i:hover{opacity:0.7}
.tip-modal-body{padding:20px;text-align:center}
.tip-modal-tabs{display:flex;justify-content:center;gap:0;margin-bottom:16px;border:1px solid var(--fgxys);border-radius:8px;overflow:hidden}
.tip-modal-tab{flex:1;padding:8px 0;font-size:14px;color:var(--texths);cursor:pointer;transition:all 0.2s}
.tip-modal-tab.active{background:var(--theme,#4a90d9);color:#fff}
.tip-modal-qr-wrap{display:flex;justify-content:center}
.tip-modal-qr{display:flex;flex-direction:column;align-items:center;gap:12px}
.tip-modal-qr img{width:220px;height:220px;object-fit:contain;border-radius:8px;border:1px solid var(--fgxys)}
.tip-modal-qr p{font-size:13px;color:var(--texths)}

@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Unread dot */
.xiaoxhd{width:6px;height:6px;display:flex;justify-content:center;align-items:center;background:red;border-radius:100%;position:absolute;margin-left:10px;margin-top:-18px}

/* Icon sizes */
.ri-sx{font-size:20px;color:var(--iconbs)}
.ri-sxh{font-size:20px;color:var(--iconhs)}
.ri-sxhs{font-size:20px;color:var(--iconhs)}
.ri-sxhqx{font-size:20px;color:var(--iconhs)}
.ri-sxwzlike{font-size:20px;color:var(--thetitle)}
.ri-sxdzlike{font-size:18px;color:var(--iconbs);pointer-events:none}
.ri-sxdzlikehs{font-size:18px;color:#ff5858;pointer-events:none}
.ri-sxdzcomm{font-size:18px;color:var(--iconbs);pointer-events:none}
.ri-sxdzcommls{font-size:20px;color:var(--thetitle)}
.ri-sxzytx{font-size:20px;color:var(--iconbs)}
.ri-sxfbbq{font-size:20px;color:var(--iconhs)}
.ri-sxfbbqls{font-size:20px;color:var(--theme)}
.ri-sxgps{font-size:20px;color:var(--thetitle)}
.al-sxb{font-size:20px;color:var(--iconbs)}
.al-sxb2{font-size:20px;color:var(--iconbs)}

/* Article Reading Progress Bar */
.sh-article-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--theme);z-index:9999;transition:width .12s linear}

/* Article Table of Contents */
.sh-article-toc{margin:20px 34px 0;padding:14px 16px;border:1px solid var(--fgxys);border-radius:6px;background:var(--backbg)}
.sh-article-toc-title{margin-bottom:8px;color:var(--textqh);font-size:14px;font-weight:700}
.sh-article-toc ol{margin:0;padding-left:20px}
.sh-article-toc li{margin:5px 0;color:var(--texths);font-size:13px;line-height:1.5}
.sh-article-toc a{color:var(--textqh);text-decoration:none}
.sh-article-toc a:hover{color:var(--theme)}
.sh-article-toc .toc-l3{margin-left:14px}
.sh-article-toc .toc-l4,.sh-article-toc .toc-l5,.sh-article-toc .toc-l6{margin-left:28px}

/* Long Article Card - custom cover color */
.sh-lac-custom{border-color:transparent}
.sh-lac-custom:hover{border-color:rgba(255,255,255,.3)}

/* Non-article detail page card */
.sh-content2{border-bottom:0px solid var(--fgxys)}
.sh-content2 .sh-video{max-width:100%}
.sh-content2 .sh-content-video{max-width:100%;max-height:400px}
.sh-content2 .sh-content-right-img{max-width:100%}

/* Responsive */
@media screen and (max-width:560px){
    .sh-copyright{display:none}
    .sh-long-article-card{grid-template-columns:108px minmax(0,1fr);min-height:92px}
    .sh-long-article-card>img{width:108px;height:92px}
    .sh-long-article-card>span{padding:12px 13px}
    .sh-long-article-card strong{font-size:14px}
    .sh-article-detail-hero{min-height:190px}
    .sh-article-markdown{padding:24px 22px 38px}
    .sh-article-actions{padding:0 22px 34px}
    .sh-article-toc{margin:16px 22px 0}
    .music-play-conten{width:75%}
}
@media screen and (max-width:460px){
    .sh-login-main-bot .sh-right{width:80%}
    .music-play-conten{width:100%}
}

/* Scrollbar for scrollable containers */
.sh-news-con::-webkit-scrollbar,
.sh-link-con::-webkit-scrollbar,
.sh-pinglun-s>textarea::-webkit-scrollbar{width:4px}
.sh-news-con::-webkit-scrollbar-track,
.sh-link-con::-webkit-scrollbar-track,
.sh-pinglun-s>textarea::-webkit-scrollbar-track{background-color:rgb(0,0,0,0)}
.sh-news-con::-webkit-scrollbar-thumb,
.sh-link-con::-webkit-scrollbar-thumb,
.sh-pinglun-s>textarea::-webkit-scrollbar-thumb{background-color:var(--gdwys);border-radius:4px}

/* Image error fallback */
.img-error{width:100%!important;height:100%!important;object-fit:contain;cursor:default}
.dark-theme .img-error{opacity:0.6}

/* Utility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Poll */
.sh-poll-view{margin-top:16px;padding:14px 16px;background:var(--backbg);border-radius:10px}
.sh-poll-view-title{font-size:13px;font-weight:600;color:var(--theme);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.sh-poll-view-title>i{font-size:14px}
.sh-poll-view-question{font-size:15px;font-weight:600;color:var(--textqh);margin-bottom:12px;line-height:1.5}
.sh-poll-view-options{display:flex;flex-direction:column;gap:8px}
.sh-poll-view-option{position:relative;padding:12px 14px;background:var(--cobg);border:1px solid var(--fgxys);border-radius:8px;cursor:pointer;overflow:hidden;transition:all 0.2s}
.sh-poll-view-option:hover{border-color:var(--theme)}
.sh-poll-view-option-selected{border-color:var(--theme)!important;background:var(--themetm)!important}
.sh-poll-view-option-bar{position:absolute;left:0;top:0;bottom:0;background:var(--themetm);transition:width 0.3s;border-radius:7px}
.sh-poll-view-option-text{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}
.sh-poll-view-option-label{font-size:14px;color:var(--textqh)}
.sh-poll-view-option-stat{font-size:12px;color:var(--texths);flex-shrink:0;margin-left:8px}
.sh-poll-view-option-check{color:var(--theme);font-weight:700;margin-left:6px}
.sh-poll-view-footer{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--texths)}
.sh-poll-view-type{padding:2px 6px;background:var(--themetm);border-radius:4px;color:var(--theme)}
.sh-poll-view-expired{padding:2px 6px;background:var(--protextbg);border-radius:4px;color:var(--protext)}
.sh-poll-view-submit{margin-top:12px;padding:10px;text-align:center;background:var(--theme);color:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:opacity 0.2s}
.sh-poll-view-submit:hover{opacity:0.85}

/* Emoji Picker */
.sh-pinglun-biao{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:4px;padding:8px;max-height:200px;overflow-y:auto;background:var(--cobg);border:1px solid var(--fgxys);border-radius:8px;margin-top:6px}
.sh-pinglun-biao>img{width:28px;height:28px;object-fit:contain;border-radius:4px;transition:transform 0.15s}
.sh-pinglun-biao>img:hover{transform:scale(1.2)}

/* Music Player */
.music-play{width:100%;height:80px;position:relative;border-radius:4px;margin-top:7px;margin-bottom:7px}
.music-play-conten{width:70%;max-width:85%;height:100%;display:flex;align-items:center;border-radius:4px;transition:all 0.2s;position:relative;overflow:hidden;background:var(--imgbgy)}
.music-play-conten-left{width:75px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:4px;z-index:0}
.music-play-conten-left-bg{width:100%;height:100%;background-size:cover;border-radius:4px 0px 0px 4px}
.music-play-conten-right{flex:1;height:100%;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:space-between;z-index:0}
.music-play-conten-right-z{width:80%;height:100%;display:flex;flex-direction:column;justify-content:center}
.music-play-conten-right-z>span{margin-left:10px;margin-right:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.conten-right-z-bt{font-size:14px;color:var(--textqh);margin-bottom:2px}
.conten-right-z-nr{font-size:12px;color:var(--texths)}
.music-play-conten-right-y{height:100%;display:flex;justify-content:center;align-items:center}
.conten-right-y-tb{width:21px;height:21px;border-radius:360px;display:flex;justify-content:center;align-items:center;margin-right:18px;cursor:pointer}
.conten-right-y-tb>i{font-size:20px;color:var(--textqh);pointer-events:none}
@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes mmMusicRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.sh-music-source{font-size:11px;color:var(--texths);margin-left:6px;padding:1px 6px;background:var(--fgxys);border-radius:3px}

/* Float Music Player */
.musicbc{position:fixed;bottom:100px;right:-800px;display:none;align-items:center;background:rgba(0,0,0,0.75);border-radius:24px;padding:4px 12px 4px 4px;z-index:99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:right 0.5s ease}
.musicimg{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}
.musicimg>img{width:100%;height:100%;object-fit:cover;border-radius:50%;animation:rotate 5s linear infinite;animation-play-state:paused}
.musicbc.music-playing .musicimg>img{animation-play-state:running}
.musiccz{display:flex;align-items:center;margin-left:8px}
.musiccz-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px}
.musiccz-btn>i{pointer-events:none}

/* Attachment */
.sh-attach-view{margin-top:16px;padding:14px 16px;background:var(--backbg);border-radius:10px}
.sh-attach-list{display:flex;flex-direction:column;gap:8px}
.sh-attach-item{display:flex;align-items:center;padding:10px 12px;background:var(--cobg);border:1px solid var(--fgxys);border-radius:8px;transition:all 0.2s;cursor:pointer}
.sh-attach-item:hover{border-color:var(--theme);transform:translateY(-1px)}

/* Friend Links */
.sh-link-con{width:100%;max-height:500px;display:flex;flex-direction:column;overflow-y:auto}
.sh-link-con-lie{width:100%;height:55px;min-height:55px;display:flex;align-items:center;text-decoration:none;border-radius:6px;transition:background 0.2s}
.sh-link-con-lie:hover{background:var(--backbg)}
.sh-link-con-lie-left{display:flex;margin-left:15px;overflow:hidden;border-radius:4px;flex-shrink:0}
.sh-link-con-lie-left-img{width:40px;height:40px;object-fit:cover;border-radius:4px}
.sh-link-con-lie-right-title{font-size:14px;margin-left:15px;margin-right:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--textqh)}

/* Responsive - Poll */
@media screen and (max-width:560px){
    .sh-poll-view{padding:12px 14px}
    .sh-poll-view-question{font-size:14px}
}

.sh-nr-bq-img-wk {
    display: inline-table;
    overflow: hidden;
    width: fit-content;
    border-radius: 4px
}

.sh-nr-bq-img {
    width: 20px;
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle
}

/* 置顶模块样式 */
.sh-sticky-module{width:100%;box-sizing:border-box;display:flex;align-items:center;padding:15px 25px;background:var(--cobg);border-bottom:1px solid var(--fgxys);margin-top:10px}
.sh-sticky-left{flex-shrink:0;margin-right:15px}
.sh-sticky-label{font-size:14px;color:var(--textqh);font-weight:500;background:var(--protext);color:var(--textbs);padding:2px 6px;border-radius:3px}
.sh-sticky-content{flex:1;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.sh-sticky-content::-webkit-scrollbar{display:none}
.sh-sticky-thumb{width:70px;height:70px;flex-shrink:0;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;background:var(--backbg)}
.sh-sticky-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}
.sh-sticky-thumb:hover img{transform:scale(1.05)}
.sh-sticky-text-only{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--backbg);padding:5px}
.sh-sticky-text-only span{font-size:11px;color:var(--texths);text-align:center;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.sh-sticky-arrow{flex-shrink:0;width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--texths);position:relative}
.sh-sticky-arrow:hover{color:var(--textqh)}
.sh-sticky-arrow::after{content:"";width:8px;height:8px;border-top:2px solid var(--texths);border-right:2px solid var(--texths);transform:rotate(45deg);position:absolute}
.sh-sticky-arrow:hover::after{border-color:var(--textqh)}

/* Toast 通知 (匹配原版本样式) */
.sh-toast-carrier{position:fixed;bottom:90px;right:0;max-width:320px;z-index:99999999;display:flex;flex-direction:column;align-items:flex-end}
.sh-toast{min-width:150px;display:flex;align-items:center;justify-content:flex-start;margin-top:10px;padding:14px 15px;box-shadow:-2px 2px 5px rgba(0,0,0,.1);color:#fff;cursor:pointer;border-radius:4px}
.sh-toast-icon{border-radius:50%;display:block;position:relative;font-size:21px;pointer-events:none;flex-shrink:0}
.sh-toast-icon-success{width:21px;height:21px;background:#fff;position:relative}
.sh-toast-icon-success::before{content:"";position:absolute;width:3px;height:11px;background:#48b366;border-radius:3px;transform:rotate(45deg);top:2px;left:10px}
.sh-toast-icon-success::after{content:"";position:absolute;width:3px;height:6px;background:#3dc763;border-radius:3px;transform:rotate(-45deg);top:6px;left:6px}
.sh-toast-icon-error{width:21px;height:21px;background:#fff;position:relative}
.sh-toast-icon-error::before,.sh-toast-icon-error::after{content:"";position:absolute;width:3px;height:16px;background:#e74c3c;border-radius:3px;left:50%;top:50%}
.sh-toast-icon-error::before{transform:translate(-50%,-50%) rotate(45deg)}
.sh-toast-icon-error::after{transform:translate(-50%,-50%) rotate(-45deg)}
.sh-toast-icon-warn{width:21px;height:21px;background:#fff;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}
.sh-toast-icon-warn::before{content:"!";position:absolute;color:#f39c12;font-size:16px;font-weight:700;line-height:1}
.sh-toast-icon-load{font-size:16px;pointer-events:none;display:flex;justify-content:center;align-items:center}
.sh-toast-icon-load::before{content:"";width:16px;height:16px;display:inline-block;border:.1em solid transparent;border-radius:50%;border-top-color:#fff;border-bottom-color:#fff;box-sizing:border-box;animation:shToastSpin 1s infinite}
.sh-toast-text{margin:0 10px;color:#fff;font-size:14px;pointer-events:none}
.sh-toast-mask{width:100%;height:100%;display:none;position:fixed;bottom:0;right:0;background:rgba(0,0,0,0);z-index:99999998}
@keyframes shToastSpin{100%{transform:rotate(360deg)}}

.ri-sxh {
    font-size: 20px;
    color: var(--iconhs)
}

.ri-z-sx {
    font-size: 20px;
    color: var(--iconbs)
}

.ri-z-sxh {
    font-size: 20px;
    color: var(--iconhs)
}

.ri-sxhs {
    font-size: 20px;
    color: var(--iconhs)
}