/* ================================================================
 * Social Icons - 本地 SVG (Simple Icons MIT)
 * Usage: <i class="si si-facebook"></i>
 * ================================================================ */

.si {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: -0.125em;
    line-height: 1;
}

/* ---------- 国际主流平台 ---------- */
.si-facebook  { -webkit-mask-image: url('./svg/facebook.svg');  mask-image: url('./svg/facebook.svg'); }
.si-twitter   { -webkit-mask-image: url('./svg/x.svg');         mask-image: url('./svg/x.svg'); }
.si-x         { -webkit-mask-image: url('./svg/x.svg');         mask-image: url('./svg/x.svg'); }
.si-instagram { -webkit-mask-image: url('./svg/instagram.svg'); mask-image: url('./svg/instagram.svg'); }
.si-youtube   { -webkit-mask-image: url('./svg/youtube.svg');   mask-image: url('./svg/youtube.svg'); }
.si-linkedin  { -webkit-mask-image: url('./svg/linkedin.svg');  mask-image: url('./svg/linkedin.svg'); }
.si-pinterest { -webkit-mask-image: url('./svg/pinterest.svg'); mask-image: url('./svg/pinterest.svg'); }
.si-snapchat  { -webkit-mask-image: url('./svg/snapchat.svg');  mask-image: url('./svg/snapchat.svg'); }
.si-tiktok    { -webkit-mask-image: url('./svg/tiktok.svg');    mask-image: url('./svg/tiktok.svg'); }
.si-whatsapp  { -webkit-mask-image: url('./svg/whatsapp.svg');  mask-image: url('./svg/whatsapp.svg'); }
.si-telegram  { -webkit-mask-image: url('./svg/telegram.svg');  mask-image: url('./svg/telegram.svg'); }
.si-discord   { -webkit-mask-image: url('./svg/discord.svg');   mask-image: url('./svg/discord.svg'); }
.si-reddit    { -webkit-mask-image: url('./svg/reddit.svg');    mask-image: url('./svg/reddit.svg'); }
.si-github    { -webkit-mask-image: url('./svg/github.svg');    mask-image: url('./svg/github.svg'); }
.si-spotify   { -webkit-mask-image: url('./svg/spotify.svg');   mask-image: url('./svg/spotify.svg'); }
.si-twitch    { -webkit-mask-image: url('./svg/twitch.svg');    mask-image: url('./svg/twitch.svg'); }
.si-vimeo     { -webkit-mask-image: url('./svg/vimeo.svg');     mask-image: url('./svg/vimeo.svg'); }
.si-medium    { -webkit-mask-image: url('./svg/medium.svg');    mask-image: url('./svg/medium.svg'); }
.si-threads   { -webkit-mask-image: url('./svg/threads.svg');   mask-image: url('./svg/threads.svg'); }
.si-mastodon  { -webkit-mask-image: url('./svg/mastodon.svg');  mask-image: url('./svg/mastodon.svg'); }
.si-line      { -webkit-mask-image: url('./svg/line.svg');      mask-image: url('./svg/line.svg'); }
.si-skype     { -webkit-mask-image: url('./svg/skype.svg');     mask-image: url('./svg/skype.svg'); }
.si-tumblr    { -webkit-mask-image: url('./svg/tumblr.svg');    mask-image: url('./svg/tumblr.svg'); }
.si-dribbble  { -webkit-mask-image: url('./svg/dribbble.svg');  mask-image: url('./svg/dribbble.svg'); }
.si-behance   { -webkit-mask-image: url('./svg/behance.svg');   mask-image: url('./svg/behance.svg'); }

/* ---------- 中国平台 ---------- */
.si-wechat      { -webkit-mask-image: url('./svg/wechat.svg');      mask-image: url('./svg/wechat.svg'); }
.si-weibo       { -webkit-mask-image: url('./svg/weibo.svg');       mask-image: url('./svg/weibo.svg'); }
.si-qq          { -webkit-mask-image: url('./svg/qq.svg');          mask-image: url('./svg/qq.svg'); }
.si-xiaohongshu { -webkit-mask-image: url('./svg/xiaohongshu.svg'); mask-image: url('./svg/xiaohongshu.svg'); }
.si-douyin      { -webkit-mask-image: url('./svg/douyin.svg');      mask-image: url('./svg/douyin.svg'); }
.si-bilibili    { -webkit-mask-image: url('./svg/bilibili.svg');    mask-image: url('./svg/bilibili.svg'); }
.si-zhihu       { -webkit-mask-image: url('./svg/zhihu.svg');       mask-image: url('./svg/zhihu.svg'); }
.si-kuaishou    { -webkit-mask-image: url('./svg/kuaishou.svg');    mask-image: url('./svg/kuaishou.svg'); }
.si-baidu       { -webkit-mask-image: url('./svg/baidu.svg');       mask-image: url('./svg/baidu.svg'); }
.si-alipay      { -webkit-mask-image: url('./svg/alipay.svg');      mask-image: url('./svg/alipay.svg'); }
.si-taobao      { -webkit-mask-image: url('./svg/taobao.svg');      mask-image: url('./svg/taobao.svg'); }
.si-pin         { -webkit-mask-image: url('./svg/pin.svg');         mask-image: url('./svg/pin.svg'); }

/* ---------- 通用联系方式 (内联 SVG) ---------- */
.si-email { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z'/></svg>"); }
.si-phone { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 0 0-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 0 0-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'/></svg>"); }
.si-rss   { -webkit-mask-image: url('./svg/rss.svg'); mask-image: url('./svg/rss.svg'); }

/* ---------- 品牌色辅助 (可选) ---------- */
.si-brand-pin         { color: #000000; }
.si-brand-facebook    { color: #1877F2; }
.si-brand-twitter     { color: #000000; }
.si-brand-x           { color: #000000; }
.si-brand-instagram   { color: #E4405F; }
.si-brand-youtube     { color: #FF0000; }
.si-brand-linkedin    { color: #0A66C2; }
.si-brand-pinterest   { color: #BD081C; }
.si-brand-snapchat    { color: #FFFC00; }
.si-brand-tiktok      { color: #000000; }
.si-brand-whatsapp    { color: #25D366; }
.si-brand-telegram    { color: #26A5E4; }
.si-brand-discord     { color: #5865F2; }
.si-brand-reddit      { color: #FF4500; }
.si-brand-github      { color: #181717; }
.si-brand-spotify     { color: #1DB954; }
.si-brand-twitch      { color: #9146FF; }
.si-brand-vimeo       { color: #1AB7EA; }
.si-brand-medium      { color: #000000; }
.si-brand-threads     { color: #000000; }
.si-brand-mastodon    { color: #6364FF; }
.si-brand-line        { color: #00C300; }
.si-brand-skype       { color: #00AFF0; }
.si-brand-tumblr      { color: #36465D; }
.si-brand-dribbble    { color: #EA4C89; }
.si-brand-behance     { color: #1769FF; }
.si-brand-wechat      { color: #07C160; }
.si-brand-weibo       { color: #E6162D; }
.si-brand-qq          { color: #1EBAFC; }
.si-brand-xiaohongshu { color: #FF2442; }
.si-brand-douyin      { color: #000000; }
.si-brand-bilibili    { color: #00A1D6; }
.si-brand-zhihu       { color: #0084FF; }
.si-brand-kuaishou    { color: #FF4906; }
.si-brand-baidu       { color: #2932E1; }
.si-brand-alipay      { color: #1677FF; }
.si-brand-taobao      { color: #FF4400; }
.si-brand-email       { color: #888888; }
.si-brand-phone       { color: #888888; }
.si-brand-rss         { color: #FFA500; }