/* ===== 文档页面专属变量 ===== */
    :root{--bg-page:#eaf4fc;--bg-card:rgba(255,255,255,0.82);--bg-card-hover:rgba(255,255,255,0.95);--text-primary:#0b1a33;--text-muted:#7a8aa3;--accent-deep:#2563eb;--accent-light:rgba(59,130,246,0.10);--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 8px 28px rgba(0,0,0,0.06);--shadow-lg:0 20px 48px -8px rgba(0,0,0,0.10);--glass-border:rgba(255,255,255,0.6);--radius:28px;--transition:all 0.3s cubic-bezier(0.2,0.9,0.4,1.1)}
    body{background:linear-gradient(135deg,#EAF4FC 0%,#E8F2FB 48%,#E6F0F9 100%)!important}
    body.dark{--bg-page:#0b1120;--bg-card:rgba(30,41,59,0.80);--bg-card-hover:rgba(30,41,59,0.95);--text-primary:#f1f5f9;--text-muted:#7f8ea3;--accent:#60a5fa;--accent-deep:#3b82f6;--accent-light:rgba(96,165,250,0.15);--shadow-sm:0 2px 8px rgba(0,0,0,0.15);--shadow-md:0 8px 28px rgba(0,0,0,0.25);--glass-border:rgba(255,255,255,0.06)}
    a{text-decoration:none;color:inherit}img{display:block;max-width:100%}


    /* ===== 主内容区 ===== */
    .docs-wrapper{width:min(1350px,calc(100vw - 340px));margin-left:max(300px,calc(260px + (100vw - 260px - 1350px) / 2));max-width:none;margin-right:0;min-height:100vh;padding:40px 32px}
    .docs-header{text-align:left;margin-top:60px;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--glass-border)}
    .docs-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary);display:inline-block;margin-bottom:4px;position:relative}
    .docs-header h1 span{font-size:1.3rem;color:#64748b;font-weight:500;display:inline;margin-left:10px}

    /* ===== 覆盖插件默认样式 - 隐藏自带的标题 ===== */
    .docs-container{max-width:1200px!important;padding:0!important;margin:0 auto!important}
    .dm-header{display:none!important}
    .dm-main-content{padding:0!important;margin:0!important;max-width:100%!important}
    .dm-projects-header{display:none!important}

    /* ===== 项目卡片 ===== */
    .docs-wrapper{display:flex!important;flex-direction:column!important;min-height:100vh!important}
    .docs-header{flex-shrink:0!important}
    .docs-container{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;max-width:100%!important}
    .dm-projects-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:center!important;gap:24px!important;padding:10px 0 20px!important;margin:0!important;width:100%!important}
    .docs-wrapper .docs-container{width:100%!important;max-width:1350px!important;margin-left:auto!important;margin-right:auto!important;align-items:center!important}
    .docs-wrapper .dm-projects-grid{width:min(1100px,100%)!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important;align-items:stretch!important}
    .dm-project-card{display:flex!important;flex-direction:column!important;width:260px!important;flex-shrink:0!important;background:var(--bg-card)!important;backdrop-filter:blur(12px)!important;border-radius:var(--radius)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important;transition:var(--transition)!important;cursor:pointer!important;text-decoration:none!important}
    .dm-project-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-md)!important;background:var(--bg-card-hover)!important}
    .dm-project-card__banner{display:flex!important;align-items:stretch!important;justify-content:center!important;padding:0!important;background:linear-gradient(135deg,var(--accent-light),rgba(168,85,247,0.06))!important;height:120px!important;overflow:hidden!important}
    .dm-project-card__icon{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;line-height:1!important}
    .dm-project-card__icon img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;background:transparent!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;min-width:0!important}
    .dm-project-card__content{flex:1!important;padding:14px 16px 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;background:var(--bg-card)!important;text-align:center!important}
    .dm-project-card__title{font-size:1.1rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;line-height:1.3!important;padding:0!important}
    .dm-project-card__info{display:flex!important;justify-content:center!important;gap:10px!important;list-style:none!important;padding:0!important;margin:0!important;font-size:0.75rem!important;color:var(--text-muted)!important}
    .dm-project-card__info li:first-child{display:block!important}
    .dm-project-card__info li:last-child{display:none!important}
    .dm-project-card__actions{display:flex!important;justify-content:center!important;width:100%!important;margin:0!important;background:transparent!important}
    .dm-project-card__button{display:inline-block!important;padding:7px 20px!important;border-radius:40px!important;background:var(--accent)!important;color:#fff!important;font-size:0.78rem!important;font-weight:600!important;text-decoration:none!important;transition:var(--transition)!important;border:none!important;cursor:pointer!important;line-height:1.4!important;box-shadow:none!important}
    .dm-project-card__button:hover{background:var(--accent-deep)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(59,130,246,0.3)!important}

    @media(max-width:1000px){.docs-wrapper{width:100%;margin-left:0;padding:0 8px}.docs-container{justify-content:flex-start}.dm-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:60px 0 14px}.dm-project-card{width:100%;min-width:0}.dm-project-card__banner{height:80px}.dm-project-card__content{padding:10px 10px 12px;gap:6px}.dm-project-card__title{font-size:0.95rem}}
        @media(max-width:600px){
          .docs-wrapper{width:100%;padding:24px clamp(24px,7vw,36px) 40px}
          .docs-header{margin-top:0;margin-bottom:20px;text-align:center;padding-bottom:14px}
          .docs-header h1::after{margin:6px auto 0}
          .docs-header h1{font-size:1.4rem}
          .docs-header h1 span{font-size:1rem;margin-left:8px}
          .docs-container{display:block!important;width:100%!important;max-width:none!important}
          .dm-projects-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:clamp(16px,6vw,22px)!important;row-gap:12px!important;padding:0!important;width:100%!important;max-width:none!important;justify-items:stretch!important}
          .dm-project-card{display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch!important}
          .dm-project-card__banner{height:auto!important;aspect-ratio:2.3!important}
          .dm-project-card__content{padding:5px 6px 7px!important;gap:3px!important;min-height:70px!important}
          .dm-project-card__title{font-size:clamp(.84rem,3.7vw,1rem)!important;line-height:1.25!important}
          .dm-project-card__info{font-size:clamp(.64rem,2.6vw,.74rem)!important;gap:4px!important}
          .dm-project-card__button{padding:4px 9px!important;font-size:clamp(.64rem,2.6vw,.74rem)!important}
        }
        @media(max-width:380px){
          .docs-wrapper{padding-left:8px;padding-right:8px}
          .dm-projects-grid{gap:8px!important}
          .dm-project-card__content{padding-left:6px!important;padding-right:6px!important}
        }

    .dm-project-card:focus-visible,
    .dm-project-card__button:focus-visible {
      outline: 3px solid rgba(59,130,246,.35);
      outline-offset: 3px;
    }

    @media (prefers-reduced-motion: reduce) {
      .dm-project-card,
      .dm-project-card__button {
        transition: none !important;
      }
    }

    /* 项目卡片视觉优化 */
    .docs-wrapper .dm-project-card {
      border: 1px solid rgba(148, 163, 184, 0.16) !important;
      border-radius: 22px !important;
      background: var(--bg-card) !important;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07) !important;
    }

    .docs-wrapper .dm-project-card:hover {
      transform: translateY(-5px) !important;
      border-color: rgba(59, 130, 246, 0.25) !important;
      box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12) !important;
    }

    .docs-wrapper .dm-project-card__banner {
      background: #eef4ff !important;
    }

    .docs-wrapper .dm-project-card__content {
      padding: 15px 14px 16px !important;
      gap: 9px !important;
    }

    .docs-wrapper .dm-project-card__title {
      letter-spacing: -0.01em !important;
    }

    .docs-wrapper .dm-project-card__button {
      border-radius: 10px !important;
      padding: 7px 16px !important;
      box-shadow: 0 3px 8px rgba(59, 130, 246, 0.2) !important;
    }

    body.dark .docs-wrapper .dm-project-card {
      border-color: rgba(255, 255, 255, 0.09) !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
    }

    body.dark .docs-wrapper .dm-project-card__banner {
      background: #1e293b !important;
    }

    /* ===== 文档首页暗色模式 ===== */
    body.dark {
      background: #0b1120 !important;
      color: #e2e8f0;
    }
    body.dark .docs-header {
      border-bottom-color: rgba(148, 163, 184, 0.18);
    }
    body.dark .docs-header h1 span {
      color: #94a3b8;
    }
    body.dark .docs-wrapper .dm-project-card {
      background: #1e293b !important;
      border-color: rgba(148, 163, 184, 0.2) !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24) !important;
    }
    body.dark .docs-wrapper .dm-project-card:hover {
      background: #243b53 !important;
      border-color: rgba(96, 165, 250, 0.4) !important;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.32) !important;
    }
    body.dark .docs-wrapper .dm-project-card__banner,
    body.dark .docs-wrapper .dm-project-card__content {
      background: #1e293b !important;
    }
    body.dark .docs-wrapper .dm-project-card__title {
      color: #f1f5f9 !important;
    }
    body.dark .docs-wrapper .dm-project-card__info {
      color: #94a3b8 !important;
    }
    body.dark .docs-wrapper .dm-project-card__button {
      background: #3b82f6 !important;
      color: #fff !important;
      box-shadow: 0 3px 10px rgba(59, 130, 246, 0.28) !important;
    }

    @media (max-width: 600px) {
      .docs-wrapper .dm-project-card {
        border-radius: 18px !important;
      }

      .docs-wrapper .dm-project-card__content {
        padding: 6px 6px 8px !important;
        gap: 3px !important;
      }

      .docs-wrapper .dm-project-card__button {
        border-radius: 9px !important;
        padding: 4px 9px !important;
      }
    }