/* ShanFeng Theme - base.css (Safe Minified) | Copyright (c) 2026 JianShan */
:root{--sf-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--sf-font-display:"PingFang SC","Microsoft YaHei",sans-serif;--sf-bg-body:#FFFFFF;--sf-bg-card:#FFFFFF;--sf-text-main:#1D1E20;--sf-text-muted:#8A8F98;--sf-accent-red:#D71A1B;--sf-accent-black:#111111;--sf-border-color:#EAECEF;--sf-header-width:1200px;--sf-container-width:1040px;--sf-gap:20px;--sf-radius:12px;--sf-radius-lg:16px;--sf-transition:all 0.3s ease;}
*{box-sizing:border-box;margin:0;padding:0;}
html{overflow-y:scroll;}
body{font-family:var(--sf-font-sans);background-color:var(--sf-bg-body);color:var(--sf-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;}
img{max-width:100% !important;height:100% !important;object-fit:cover;display:block;}
a{color:inherit;text-decoration:none;transition:var(--sf-transition);}
a:hover{color:var(--sf-accent-red);}
.sf-container{max-width:var(--sf-container-width);margin:0 auto;padding:0 20px;overflow:visible;}
.site-header{background-color:#ffffff !important;border-bottom:none !important;box-shadow:none !important;position:sticky !important;top:0;z-index:2000 !important;transition:all 0.3s ease !important;}
.site-header.is-scrolled{background-color:rgba(255,255,255,0.85) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-bottom:none !important;box-shadow:0 1px 0 0 rgba(0,0,0,0.04) !important;}
.site-header .sub-menu,.site-header .dropdown,.site-header .sf-mobile-nav-wrap{z-index:9999 !important;}
.site-header .sf-container{max-width:var(--sf-header-width) !important;}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:80px;}
.site-branding{display:flex;align-items:center;gap:4px;}
.site-branding .site-title{font-family:var(--sf-font-display);font-size:26px;font-weight:800;letter-spacing:-1px;margin:0 !important;}
.site-branding .site-title .sf-dot{color:var(--sf-accent-red);}
.sf-logo-link{display:flex;align-items:center;}
.site-branding .custom-logo{max-height:40px;width:auto;object-fit:contain;}
.sf-logo-menu-trigger{display:inline-flex;align-items:center;justify-content:center;background:transparent !important;border:none !important;padding:0;margin:0;margin-top:2px;color:#B0B4BE;cursor:pointer;transition:color 0.3s ease;outline:none;}
.sf-logo-menu-trigger i{font-size:18px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}
.sf-logo-menu-trigger:hover,.sf-logo-menu-trigger.is-active{color:var(--sf-text-main,#1D1E20);}
.sf-logo-menu-trigger.is-active i{transform:rotate(180deg);}
.main-navigation ul{display:flex;list-style:none;gap:5px;margin:0;padding:0;}
.main-navigation a{font-family:var(--sf-font-display);font-size:18px;font-weight:500;color:var(--sf-text-main);padding:8px 18px;border-radius:30px;transition:color 0.3s ease,background-color 0.3s ease;}
.main-navigation .current-menu-item > a{color:var(--sf-accent-black);background-color:#F7F7F9;}
.main-navigation ul:hover a{color:var(--sf-text-muted);background-color:transparent;}
.main-navigation ul:hover a:hover{color:var(--sf-accent-black);background-color:#F7F7F9;}
.main-navigation.nav-align-left{flex:1;display:flex;justify-content:flex-start;margin-left:40px;}
.main-navigation.nav-align-center{position:absolute;left:50%;transform:translateX(-50%);}
.header-actions{display:flex;align-items:center;gap:15px;}
.action-btn{background:transparent;border:none;color:#111;font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease;}
.action-btn:hover{opacity:0.7;}
.sf-header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #eaeCEF;}
html,body,.site,#page,#content,#primary,.site-content,.sf-container{overflow:visible !important;overflow-x:visible !important;overflow-y:visible !important;}
.sf-sticky-line{display:block !important;height:1px !important;background-color:var(--sf-border-color) !important;width:100% !important;position:-webkit-sticky !important;position:sticky !important;top:80px;z-index:2001 !important;margin:30px 0 30px 0 !important;pointer-events:none;}
.sf-content-layout{display:grid;grid-template-columns:220px 1fr 220px;gap:var(--sf-gap);align-items:flex-start !important;width:100% !important;padding:0 !important;margin:0 auto 60px auto;overflow:visible;}
.sf-right-sidebar .widget{padding:15px !important;}
.sf-left-nav{width:100%;padding:0 !important;position:-webkit-sticky !important;position:sticky !important;top:110px !important;height:calc(100vh - 120px) !important;display:flex !important;flex-direction:column !important;z-index:100;}
.nav-menu .sf-left-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:25px;}
.nav-menu .sf-left-menu-list a{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;color:#C1C1C1;transition:color 0.3s ease;}
.nav-menu .sf-left-menu-list a i{font-size:20px;width:24px;text-align:center;}
.nav-menu .sf-left-menu-list li.current-menu-item > a,.nav-menu .sf-left-menu-list a:hover{color:var(--sf-text-main);}
.nav-copyright{margin-top:auto !important;font-size:12px;color:#B0B0B0;line-height:1.8;}
.nav-copyright a{color:#B0B0B0;text-decoration:none;}
.nav-copyright a:hover{color:var(--sf-text-main);}
.sf-main-feed{width:100%;min-width:0;padding:0 !important;}
.sf-right-sidebar{width:100%;padding:0 !important;position:sticky;top:110px;}
.widget-title{font-size:15px;font-weight:700;margin-bottom:15px;padding-left:10px;border-left:3px solid var(--sf-accent-red);}
.sf-post-item{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding:25px 0;border-bottom:1px solid var(--sf-border-color);padding-left:0 !important;padding-right:0 !important;width:100% !important;}
.sf-post-content{flex:1;min-width:0;padding:0 !important;}
.sf-post-title{font-size:20px;font-weight:500;line-height:1.4;margin:8px 0;}
.sf-post-title a{color:var(--sf-text-main);transition:color 0.2s;}
.sf-post-title a:hover{color:var(--sf-accent-red);}
.sf-post-excerpt{font-size:13px;color:var(--sf-text-muted);line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sf-post-thumbnail{flex:0 0 170px;height:130px;border-radius:6px;overflow:hidden;background-color:#f5f5f7;border:1px solid var(--sf-border-color);margin-left:20px;}
.sf-post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.sf-post-item:hover .sf-post-thumbnail img{transform:scale(1.03);}
.sf-post-item:last-child{border-bottom:none;}
.sf-post-footer{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;color:var(--sf-text-muted);font-size:12px;}
.sf-post-author{display:flex;align-items:center;gap:6px;flex:0 0 auto;}
.sf-post-author img{width:20px !important;height:20px !important;border-radius:50%;}
.footer-divider{color:#E0E0E0;font-size:10px;user-select:none;}
.sf-post-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;font-size:12px;}
.sf-post-meta a{color:var(--sf-text-muted);}
.sf-post-meta a:hover{color:var(--sf-accent-red);}
.sf-main-feed .sf-post-item:first-child{padding-top:0 !important;}
.sf-right-sidebar > *:first-child,.sf-right-sidebar .widget:first-child{margin-top:0 !important;padding-top:0 !important;}
.nav-menu .sf-left-menu-list{margin-top:0 !important;}
.site-footer{text-align:center !important;padding:40px 20px !important;color:#86868b !important;font-size:13px !important;line-height:1.6 !important;border-top:1px solid #f5f5f7 !important;background-color:transparent !important;}
.site-footer a{color:#555 !important;text-decoration:none !important;transition:color 0.3s ease !important;}
.site-footer a:hover{color:#1d1d1f !important;}
@media (min-width:901px){body.home .site-footer,body.blog .site-footer{display:none !important;}}
.sf-mobile-footer{display:none;}
.mobile-menu-btn{display:none;}
.sf-mobile-nav-wrap{display:none;}
@media (max-width:1024px){.sf-content-layout{grid-template-columns:1fr;}.sf-right-sidebar{display:none;}.sf-left-nav{display:none !important;}.nav-copyright{display:none !important;}.sf-mobile-footer{display:block;text-align:center;padding:10px 20px 30px;margin-top:0;border-top:none;background-color:transparent;}.sf-mobile-footer .site-info{font-size:13px;color:var(--sf-text-muted);line-height:1.8;}.sf-mobile-footer .site-info a{color:var(--sf-text-muted);text-decoration:none;}}
@media (max-width:768px){.main-navigation{display:none !important;}.social-icons{display:none !important;}.mobile-menu-btn{display:flex !important;}.site-branding .site-title{font-size:22px;}.sf-mobile-nav-wrap{display:block;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.06);max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.25,1,0.5,1),padding 0.4s ease;border-top:1px solid transparent;z-index:1999;}.sf-mobile-nav-wrap.active{max-height:500px;padding:10px 25px 25px 25px;border-top:1px solid #f0f0f0;}.sf-mobile-nav-wrap ul{list-style:none;padding:0;margin:0;}.sf-mobile-nav-wrap li a{display:block;padding:14px 0;font-size:16px;font-weight:500;color:var(--sf-text-main);border-bottom:1px dashed #f0f0f0;}.sf-mobile-nav-wrap li:last-child a{border-bottom:none;}.sf-post-item{flex-direction:row !important;justify-content:space-between !important;align-items:center !important;gap:20px !important;padding:20px 0 !important;}.sf-post-content{flex:1 !important;min-width:0 !important;padding:0 !important;}.sf-post-title{font-size:16px !important;margin:0 0 20px 0 !important;line-height:1.4 !important;font-weight:500 !important;}.sf-post-excerpt{display:none !important;}.sf-post-footer{gap:8px !important;font-size:11px !important;}.sf-post-author img{width:17px !important;height:16px !important;}.sf-post-thumbnail{flex:0 0 105px !important;height:85px !important;margin-left:0 !important;margin-bottom:0 !important;border-radius:8px !important;}.sf-sticky-line{position:relative !important;z-index:10 !important;}.sf-mobile-nav-wrap{z-index:99999 !important;}.site-header{position:-webkit-sticky !important;position:sticky !important;top:0 !important;z-index:99999 !important;}.site-footer{border-top:0px solid #f0f0f0 !important;margin-top:30px !important;padding-top:0px !important;}}
.pagination,.nav-links{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0 0px;}
.pagination a,.pagination span,.nav-links a,.nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;font-size:15px;font-weight:600;color:var(--sf-text-muted,#8A8F98);background-color:#F7F7F9;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.pagination a:hover,.nav-links a:hover{background-color:#E8E8ED;color:var(--sf-text-main,#1D1E20);}
.pagination span.current,.nav-links span.current{background-color:var(--sf-accent-red,#D71A1B);color:#FFFFFF !important;box-shadow:0 4px 12px rgba(215,26,27,0.25);}
.pagination .prev,.pagination .next,.nav-links .prev,.nav-links .next{padding:0 15px;font-weight:500;}
.pagination .dots,.nav-links .dots{background:transparent !important;color:#CCC;cursor:default;}
@media (max-width:768px){.pagination,.nav-links{gap:6px;margin:20px 0 0px;}.pagination a,.pagination span{min-width:36px;height:36px;font-size:14px;border-radius:10px;}}
@media (max-width:768px){.sf-sticky-line{position:static !important;margin:25px 0 25px 0 !important;width:100% !important;}}
@media (min-width:769px){.sf-logo-menu-trigger{display:none !important;}}
.sf-mobile-nav-wrap li a{display:flex !important;align-items:center;}
.sf-mobile-nav-wrap li a i{margin-right:12px !important;font-size:18px;width:20px;text-align:center;display:inline-block;}
.sf-search-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.25,1,0.5,1);}
.sf-search-modal.is-active{opacity:1;visibility:visible;}
.sf-search-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6) !important;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>') 12 12,auto;}
.sf-search-panel{position:relative;width:100%;max-width:700px;margin:15vh auto 0;padding:0 20px;transform:translateY(-40px) scale(0.98);transition:all 0.4s cubic-bezier(0.25,1,0.5,1);}
.sf-search-modal.is-active .sf-search-panel{transform:translateY(0) scale(1);}
.sf-search-panel-inner{background:#ffffff;border-radius:20px;padding:40px;box-shadow:0 30px 60px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.05);position:relative;}
.sf-search-close-btn{position:absolute;top:20px;right:20px;background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;cursor:pointer;transition:all 0.3s;}
.sf-search-close-btn:hover{background:#e2e2e5;color:#1d1d1f;transform:rotate(90deg);}
.sf-search-title{font-size:24px;font-weight:800;color:#1d1d1f;margin:0 0 25px 0;text-align:center;}
.sf-search-input-wrap{position:relative;display:flex;align-items:center;}
.search-icon-left{position:absolute;left:20px;font-size:20px;color:#999;}
.sf-search-input{width:100%;background:#F4F5F7;border:2px solid transparent;border-radius:14px;padding:18px 120px 18px 50px;font-size:18px;color:#1d1d1f;outline:none;transition:all 0.3s ease;font-family:inherit;}
.sf-search-input:focus{background:#ffffff;border-color:var(--sf-accent-red,#D71A1B);box-shadow:0 0 0 4px rgba(215,26,27,0.1);}
.sf-search-input::placeholder{color:#A0A0A0;}
.sf-search-submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--sf-accent-red,#D71A1B);color:#ffffff;border:none;padding:10px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.sf-search-submit:hover{background:#b51516;box-shadow:0 4px 12px rgba(215,26,27,0.3);}
.sf-search-tips{margin-top:20px;text-align:center;font-size:13px;color:#86868b;display:flex;align-items:center;justify-content:center;gap:6px;}
@media (max-width:768px){.sf-search-panel{margin-top:10vh;padding:0 15px;}.sf-search-panel-inner{padding:30px 20px;border-radius:16px;}.sf-search-title{font-size:20px;}.sf-search-input{padding:15px 100px 15px 45px;font-size:16px;}.sf-search-submit{padding:8px 16px;font-size:14px;}}
.sf-search-result-header{background:#fcfaf7;border-radius:12px;padding:30px 40px;margin-bottom:40px;border:1px solid #f0eee9;}
.sf-search-result-title{font-size:24px;font-weight:800;color:#1d1d1f;margin:0 0 10px 0;letter-spacing:-0.5px;}
.sf-search-result-title .highlight-keyword{color:var(--sf-accent-red,#D71A1B);border-bottom:2px dashed var(--sf-accent-red,#D71A1B);padding-bottom:2px;}
.sf-search-result-meta{font-size:14px;color:#86868b;}
.sf-empty-search{text-align:center;padding:60px 20px;background:#FFFFFF;border-radius:12px;}
.sf-empty-search i{font-size:48px;color:#E0E0E0;display:block;margin-bottom:20px;}
.sf-empty-search p{font-size:16px;color:#1d1d1f;font-weight:600;margin:0 0 10px 0;}
.sf-empty-search .sf-empty-tips{font-size:14px;color:#86868b;}
@media (max-width:768px){.sf-search-result-header{padding:25px 20px;}.sf-search-result-title{font-size:20px;}}
.sf-back-to-top{position:fixed;right:30px;bottom:-60px;width:44px;height:44px;border-radius:50%;background-color:#FFFFFF;color:#86868b;border:1px solid #EAECEF;box-shadow:0 4px 12px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.25,1,0.5,1);z-index:1999;}
.sf-back-to-top.is-visible{bottom:40px;opacity:1;visibility:visible;}
@media (hover:hover){.sf-back-to-top:hover{background-color:var(--sf-accent-red,#D71A1B);color:#FFFFFF;border-color:var(--sf-accent-red,#D71A1B);transform:translateY(-3px);box-shadow:0 6px 16px rgba(215,26,27,0.2);}}
.sf-back-to-top:active{background-color:var(--sf-accent-red,#D71A1B);color:#FFFFFF;border-color:var(--sf-accent-red,#D71A1B);transform:scale(0.92);transition:all 0.1s;}
@media (max-width:768px){.sf-back-to-top{right:15px;width:40px;height:40px;font-size:14px;}.sf-back-to-top.is-visible{bottom:30px;}}
.fancybox__container{z-index:999999 !important;}.sf-single-content img{cursor:zoom-in;}
.sf-sticky-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-color: rgba(215, 26, 27, 0.08); 
    color: var(--sf-accent-red, #D71A1B);
    font-size: 13px; /* 图标大小 */
    width: 22px;     /* 固定宽高，让它变成一个完美的小方块 */
    height: 22px;
    border-radius: 6px;
    margin-right: 3px;
    transform: translateY(-2px); 
}