/*-- ✅ 样式 --*/
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      overflow-x: hidden !important;
    }

    #page-wrapper {
      position: relative;
      z-index: 100;
    }

    /* ✅ 固定右侧菜单初始隐藏，只露出按钮宽度 */
    #full_menu {
      position: fixed;
      top: 0;
      right: -45%;
      width: 25%;
      height: 100%;
      background: #000;
      z-index: 99999;
      transition: right 0.4s ease;
    }

    /* ✅ 菜单滑入状态 */
    #full_menu.active {
      right: 0;
    }

    #menu_close {
      display: none;
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 36px;
      color: #fff;
      cursor: pointer;
      transition: transform 0.3s ease, color 0.3s ease;
      z-index: 100002;
    }

    #full_menu.active #menu_close {
      display: block;
    }

    #menu_close:hover {
      color: #ccc;
      transform: rotate(90deg);
    }

    .menu-content {
      padding: 60px 30px 30px 30px;
      overflow: hidden;
      height: 100%;
    }

    .menu-content ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .menu-content li {
      margin: 60px 0;
    }

    .menu-content a {
      font-size: 24px;
      color: transparent;
      -webkit-text-stroke: 1px #fff;
      text-decoration: none;
      transition: color 0.3s ease;
      font-weight: bold;
      font-weight: 700
    }

    .menu-content a:hover {
      color: #fff;
    }

    #menu_toggle img {
      transition: transform 0.3s ease-in-out;
    }

    #menu_toggle:hover img {
      transform: scale(1.2);
    }

    /* ✅ 阴影遮罩层 */
    #shadow_overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; /* 与菜单宽度互补 */
      height: 100%;
      z-index: 9998; /* 位于菜单下方 */
       /*background: rgba(0, 0, 0, 0.8);*/
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.4s ease;
      pointer-events: none; /* 不拦截点击事件 */
    }

    #shadow_overlay.active {
      transform: scaleX(1);
    }

    /* ===新增：侧边灯光 + 标题右移 === */
    .menu-content { position: relative; }            /* 设为定位参照 */

    .menu-item {
    /* 整体右移留空间（可调 40~50px） */
      padding-left: 0px;          /* 往右挪文字 */
      position: relative;          /* 让 ::before 基于自身定位 */
    }

    /* 灯光伪元素 */
    .menu-item::before {
      content: "";
      position: absolute;
      left: -52px;                     /* 紧贴 li 左边 */
      top: 50%;
      width: 90px;                 /* 放大光锥宽度 */
      height: 70px;                /* 放大光锥高度 */
      transform: translateY(-50%) rotate(90deg); /* 旋转 90° → 光向右 */
      background: url(../img/light_bg.png)
                        no-repeat center/contain;
      pointer-events: none;        /* 鼠标穿透，仍触发 a:hover */
      transition: opacity 0.3s;
      opacity: 0.8;                /* 亮度，可 0.6～1 */
      opacity:0;            /* 默认看不见 */
      transition:opacity .25s ease;
    }

    /* 悬停时再稍微提亮 */
    .menu-item:hover::before {
      opacity: 1;
    }

    /* ===== 顶部导航圆角（沿用全局变量） ===== */
    header{
    /* 只做上边两个角的圆角，下边保持直角。
       若想四角都圆，把 0 改成 var(--module-radius) */
    border-radius: 0 0 var(--module-radius) var(--module-radius);
    }

    #search-modal {
      position: fixed !important;
      inset: 0;
      width: 100vw; height: 100vh;
      backdrop-filter: blur(0px);
      background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
      display: none;
      z-index: 10001;
      transform: none !important;
      will-change: auto;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      transition: backdrop-filter 0.5s ease-in-out;
      -webkit-overflow-scrolling: touch;
    }

    #search-modal.active {
      display: flex;
      backdrop-filter: blur(20px);
    }

    /* 关闭按钮 */
    #search-close {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 32px;
      color: #ffffff;
      cursor: pointer;
      z-index: 10002;
    }

    .search-input-wrapper {
      display: flex;
      align-items: center;
      border-bottom: 2px solid #000;
      width: 80%;
      max-width: 800px;
      padding-bottom: 12px;
    }

    .search-input-wrapper input {
      flex: 1;
      border: none;
      background: transparent;
      font-size: 30px;
      color: black;
      padding: 20px;
      outline: none;
      font-weight: 400;
    }

    .search-input-wrapper input::placeholder {
      color: black;
      font-size: 30px;
    }

    .search-input-wrapper button {
      background: #fff;
      border: none;
      width: 155px;
      height: 50px;
      border-radius: 50%;
      margin-left: 15px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .search-input-wrapper button span {
      font-size: 28px;
      color: #000;
    }

    /* 响应式设计 */
    @media (min-width: 1920px) and (max-width: 2560px) {
        .menu-content a {
            font-size: 40px;
        }
    }

    @media (min-width: 636px) and (max-width: 768px) {
        .menu-content a {
            font-size: 20px;
        }

        .menu-content li{
            margin: 40px 0;
        }

        .search-input-wrapper {
            width: 85%;
            max-width: 600px;
            padding-bottom: 10px;
        }

        .search-input-wrapper input {
            font-size: 20px;
            padding: 10px;
        }

        .search-input-wrapper input::placeholder {
            font-size: 20px;
        }

        .search-input-wrapper button {
            width: 50px;
            height: 25px;
        }

        .search-input-wrapper button span {
            font-size: 22px;
        }
    }

    @media (max-width: 635px) {
        #full_menu {
            right: -100%;
            width: 100%
        }

        .menu-content a {
            font-size: 26px;
        }

        .menu-content li{
            margin: 40px 0;
        }

        .search-input-wrapper {
            width: 90%;
            padding-bottom: 8px;
        }

        .search-input-wrapper input {
            font-size: 14px;
            padding: 12px;
        }

        .search-input-wrapper button {
            width: 50px;
            height: 30px;
        }

        .search-input-wrapper input::placeholder {
            font-size: 14px !important;
        }
    }