/* 全屏劈开动画容器 */
        #sword-preloader {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 99999;
          pointer-events: none;
          overflow: hidden;
        }

        /* 左右两半遮罩 */
        .sword-half {
          position: absolute;
          top: 0;
          width: 50%;
          height: 100%;
          background: #000;
          transition: transform 0.8s cubic-bezier(0.7, 0, 0.2, 1);
        }
        .sword-half.left {
          left: 0;
          border-right: 1px solid rgba(255, 255, 255, 0.1);
        }
        .sword-half.right {
          right: 0;
          border-left: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* 劈开动画：左右向两侧滑出 */
        #sword-preloader.split .sword-half.left {
          transform: translateX(-100%);
        }
        #sword-preloader.split .sword-half.right {
          transform: translateX(100%);
        }

        /* 主剑光 */
        .sword-light {
          position: absolute;
          top: 0;
          left: 50%;
          width: 2px;
          height: 0;
          background: linear-gradient(
            to bottom,
            transparent,
            #ffffff,
            #90caf9,
            #ffffff,
            transparent
          );
          box-shadow: 0 0 15px #64b5f6, 0 0 30px #64b5f6, 0 0 50px rgba(100, 181, 246, 0.5);
          transform: translateX(-50%);
          opacity: 0;
        }

        /* 剑光残影（第二层拖尾） */
        .sword-light.trail {
          width: 1px;
          opacity: 0;
          box-shadow: 0 0 8px #ffffff;
          filter: blur(1px);
        }

        /* 剑光劈下动画 */
        #sword-preloader.slash .sword-light {
          animation: swordSlash 0.4s cubic-bezier(0.7, 0, 0.2, 1) forwards;
        }
        #sword-preloader.slash .sword-light.trail {
          animation: swordSlash 0.45s cubic-bezier(0.7, 0, 0.2, 1) 0.05s forwards;
        }

        @keyframes swordSlash {
          0% {
            height: 0;
            opacity: 0;
            top: -10%;
          }
          15% {
            opacity: 1;
          }
          100% {
            height: 120%;
            opacity: 0;
            top: 10%;
          }
        }

        /* ========== 新增：四面八方副剑光 ========== */
        .sword-light.slant {
          left: auto;
          transform-origin: center;
        }

        /* 左上 → 右下 */
        .sword-light.slant-1 {
          top: -20%;
          left: -10%;
          transform: rotate(35deg);
        }
        #sword-preloader.slash .sword-light.slant-1 {
          animation: swordSlashSlant1 0.45s cubic-bezier(0.7, 0, 0.2, 1) 0.08s forwards;
        }

        /* 右上 → 左下 */
        .sword-light.slant-2 {
          top: -20%;
          right: -10%;
          transform: rotate(-35deg);
        }
        #sword-preloader.slash .sword-light.slant-2 {
          animation: swordSlashSlant2 0.45s cubic-bezier(0.7, 0, 0.2, 1) 0.1s forwards;
        }

        /* 左下 → 右上 */
        .sword-light.slant-3 {
          bottom: -20%;
          left: -10%;
          transform: rotate(-30deg);
        }
        #sword-preloader.slash .sword-light.slant-3 {
          animation: swordSlashSlant3 0.42s cubic-bezier(0.7, 0, 0.2, 1) 0.15s forwards;
        }

        /* 右下 → 左上 */
        .sword-light.slant-4 {
          bottom: -20%;
          right: -10%;
          transform: rotate(30deg);
        }
        #sword-preloader.slash .sword-light.slant-4 {
          animation: swordSlashSlant4 0.42s cubic-bezier(0.7, 0, 0.2, 1) 0.18s forwards;
        }

        /* 横向剑光 左→右 */
        .sword-light.horizontal {
          top: 35%;
          left: -20%;
          width: 0;
          height: 2px;
          background: linear-gradient(to right, transparent, #ffffff, #90caf9, #ffffff, transparent);
          transform: translateY(-50%);
        }
        #sword-preloader.slash .sword-light.horizontal {
          animation: swordSlashHorizontal 0.4s cubic-bezier(0.7, 0, 0.2, 1) 0.12s forwards;
        }

        /* 横向剑光 右→左 */
        .sword-light.horizontal-reverse {
          top: 65%;
          right: -20%;
          width: 0;
          height: 2px;
          background: linear-gradient(to left, transparent, #ffffff, #90caf9, #ffffff, transparent);
          transform: translateY(-50%);
        }
        #sword-preloader.slash .sword-light.horizontal-reverse {
          animation: swordSlashHorizontalReverse 0.4s cubic-bezier(0.7, 0, 0.2, 1) 0.2s forwards;
        }

        /* 斜向剑光动画关键帧 */
        @keyframes swordSlashSlant1 {
          0% { height: 0; opacity: 0; top: -20%; left: -10%; }
          15% { opacity: 1; }
          100% { height: 140%; opacity: 0; top: 80%; left: 60%; }
        }
        @keyframes swordSlashSlant2 {
          0% { height: 0; opacity: 0; top: -20%; right: -10%; }
          15% { opacity: 1; }
          100% { height: 140%; opacity: 0; top: 80%; right: 60%; }
        }
        @keyframes swordSlashSlant3 {
          0% { height: 0; opacity: 0; bottom: -20%; left: -10%; }
          15% { opacity: 1; }
          100% { height: 140%; opacity: 0; bottom: 80%; left: 60%; }
        }
        @keyframes swordSlashSlant4 {
          0% { height: 0; opacity: 0; bottom: -20%; right: -10%; }
          15% { opacity: 1; }
          100% { height: 140%; opacity: 0; bottom: 80%; right: 60%; }
        }
        @keyframes swordSlashHorizontal {
          0% { width: 0; opacity: 0; left: -20%; }
          15% { opacity: 1; }
          100% { width: 140%; opacity: 0; left: 20%; }
        }
        @keyframes swordSlashHorizontalReverse {
          0% { width: 0; opacity: 0; right: -20%; }
          15% { opacity: 1; }
          100% { width: 140%; opacity: 0; right: 20%; }
        }


        /* 爆发闪光 */
        .sword-flash {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 0;
          height: 100%;
          transform: translate(-50%, -50%);
          background: radial-gradient(
            ellipse at center,
            rgba(255, 255, 255, 0.6) 0%,
            rgba(100, 181, 246, 0.2) 40%,
            transparent 70%
          );
          opacity: 0;
        }

        #sword-preloader.slash .sword-flash {
          animation: swordFlash 0.5s ease-out 0.15s forwards;
        }

        @keyframes swordFlash {
          0% {
            width: 0;
            opacity: 0;
          }
          40% {
            width: 100%;
            opacity: 1;
          }
          100% {
            width: 180%;
            opacity: 0;
          }
        }

        /* 玻璃碎片容器 */
        .glass-shards {
          position: absolute;
          top: 0;
          left: 50%;
          width: 0;
          height: 100%;
          transform: translateX(-50%);
        }

        /* 大碎片：慢、飘得远、更透亮 */
        .shard.large {
          position: absolute;
          background: linear-gradient(135deg, rgba(255,255,255,0.35), rgba(200,220,255,0.15));
          border: 1px solid rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 0 6px rgba(255,255,255,0.3), 0 0 8px rgba(100,181,246,0.2);
          backdrop-filter: blur(1px);
          opacity: 0;
          clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 60% 100%, 10% 80%);
        }

        /* 小碎渣：快、数量多、更亮 */
        .shard.small {
          position: absolute;
          background: rgba(255, 255, 255, 0.6);
          box-shadow: 0 0 4px #ffffff;
          border-radius: 1px;
          opacity: 0;
        }

        /* 碎片飞散动画（带上下随机位移） */
        @keyframes shardFlyLeft {
          0% {
            opacity: 1;
            transform: translate(0, 0) rotate(0deg) scale(1);
          }
          100% {
            opacity: 0;
            transform: translate(var(--fly-x), var(--fly-y)) rotate(var(--rotate)) scale(0.8);
          }
        }

        @keyframes shardFlyRight {
          0% {
            opacity: 1;
            transform: translate(0, 0) rotate(0deg) scale(1);
          }
          100% {
            opacity: 0;
            transform: translate(var(--fly-x), var(--fly-y)) rotate(var(--rotate)) scale(0.8);
          }
        }

        /* 页面主体初始隐藏，配合劈开动画出现 */
        #body-wrap {
          opacity: 0;
          transition: opacity 0.7s ease 0.2s;
        }
        body.sword-done #body-wrap {
          opacity: 1;
        }
        /* ========== 标题字体质感优化 ========== */
        #site-title {
          font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
          font-weight: 400 !important;
          letter-spacing: 0.15em !important;
          font-size: clamp(1rem, 3vw, 2rem) !important;
          background: linear-gradient(135deg, #ffffff 0%, #90caf9 50%, #ffffff 100%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          filter: drop-shadow(0 0 8px rgba(144, 202, 249, 0.6));
          transition: all 0.3s ease;
        }

        /* 打字机光标样式（同步适配冷色调） */
        .typing-cursor {
          display: inline-block;
          width: 3px;
          height: 1em;
          background: #e3f2fd;
          margin-left: 6px;
          vertical-align: middle;
          filter: drop-shadow(0 0 4px rgba(144, 202, 249, 0.8));
          animation: cursorBlink 0.8s infinite;
        }
        @keyframes cursorBlink {
          0%, 50% { opacity: 1; }
          51%, 100% { opacity: 0; }
        }

            /* ========== 双栏瀑布流 + 半透明卡片核心样式 ========== */
        /* 文章列表双栏瀑布流 */
        #recent-posts {
          column-count: 2;
          column-gap: 1.2rem;
        }

        /* 文章卡片：半透明毛玻璃 */
        #recent-posts > .recent-post-item {
          break-inside: avoid;
          margin-bottom: 1.2rem;
          background: rgba(255, 255, 255, 0.9) !important;
          backdrop-filter: blur(12px) saturate(150%) !important;
          -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          border-radius: 12px !important;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
          transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
          overflow: hidden !important;
        }

        /* 卡片悬浮效果：上浮 + 冷光边框 */
        #recent-posts > .recent-post-item:hover {
          transform: translateY(-4px);
          border-color: rgba(144, 202, 249, 0.5) !important;
          box-shadow: 0 8px 30px rgba(100, 181, 246, 0.2) !important;
        }

        /* 侧边栏卡片：同步半透明毛玻璃 */
        #aside-content .card-widget {
          background: rgba(255, 255, 255, 0.12) !important;
          backdrop-filter: blur(12px) saturate(150%) !important;
          -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          border-radius: 12px !important;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
          transition: all 0.3s ease !important;
        }

        #aside-content .card-widget:hover {
          border-color: rgba(144, 202, 249, 0.5) !important;
          box-shadow: 0 6px 25px rgba(100, 181, 246, 0.18) !important;
        }

        /* 分页按钮居中 */
        #pagination {
          width: 100%;
          text-align: center;
          margin-top: 1rem;
        }

        /* 移动端适配：单列显示 */
        @media screen and (max-width: 768px) {
          #recent-posts {
            column-count: 2;
            column-gap: 1.2rem;
          }
          #recent-posts > .recent-post-item {
            margin-bottom: 1rem;
          }
        }