/*公司介绍*/
   
      /* —— 色彩與排版變量 —— */
      :root.page-gsjs {
        /*--bg-start-gsjs: #0f1226;*/
        /*--bg-end-gsjs: #1b1f3b;*/
        /*--card-bg-gsjs: rgba(255, 255, 255, 0.06);*/
        /*--card-stroke-gsjs: rgba(255, 255, 255, 0.18);*/
        /*--text-main-gsjs: #e9ecf5;*/
        /*--text-dim-gsjs: #b9bfd3;*/
        /*--accent-gsjs: #a2c9ff;*/
        /*--glow1-gsjs: #6ba8ff;*/
        /*--glow2-gsjs: #a56bff;*/
      }

      /* —— 版面 —— */
      /*body.body-gsjs {*/
      /*  margin: 0;*/
      /*  min-height: 100vh;*/
      /*  background: radial-gradient(1200px 800px at 15% 10%, rgba(162, 201, 255, 0.12), transparent 60%),*/
      /*    radial-gradient(1000px 700px at 85% 90%, rgba(165, 107, 255, 0.12), transparent 60%),*/
      /*    linear-gradient(135deg, var(--bg-start-gsjs), var(--bg-end-gsjs));*/
      /*  color: var(--text-main-gsjs);*/
      /*  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans TC", "PingFang TC",*/
      /*    "Hiragino Sans", "Microsoft JhengHei", Arial, sans-serif;*/
      /*  letter-spacing: 0.02em;*/
      
      /*}*/

      .viewport-gsjs {
        position: relative;
        display: grid;
        place-items: center;
        /*min-height: 100vh;*/
        padding: 2px;
        isolation: isolate;
        overflow: hidden; /* 防止 card-gsjs 藍紫光暈洩漏到下方優惠區 */
      }

      .card-gsjs {
        /*width: min(100%, 92vw);*/
        min-height: min(620px, 88vh);
        height: auto; /* 改为自适应高度 */
        border-radius: 28px;
        padding: clamp(24px, 4vw, 48px);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid var(--card-stroke-gsjs);
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
        position: relative;
        overflow: visible; /* 改为可见，允许内容完整显示 */
        animation: fadein-gsjs 700ms ease-out both;
        max-width: 1200px;
        width: 95%;
        margin: 10 auto;
        display: flex;
        flex-direction: column;
      }
      
      
      
      

      .card-gsjs::before {
        content: "";
        position: absolute;
        inset: -20% -20% auto auto;
        width: 55%;
        height: 55%;
        background: radial-gradient(closest-side, rgba(107, 168, 255, 0.25), transparent 70%);
        filter: blur(30px);
        transform: translate(10%, -10%);
        z-index: -1;
      }
      .card-gsjs::after {
        content: "";
        position: absolute;
        left: -10%;
        bottom: -15%;
        width: 60%;
        height: 60%;
        background: radial-gradient(closest-side, rgba(165, 107, 255, 0.22), transparent 70%);
        filter: blur(36px);
        z-index: -1;
      }

      /* 关于我们按钮 - 浮窗右上角 */
      .about-us-button-top-right {
        position: absolute;
        top: clamp(60px, 8vw, 100px); /* 往下移动 */
        right: clamp(80px, 12vw, 150px); /* 往左移动 */
        z-index: 10;
      }
      
      .about-us-button-top-right .butt {
        padding: 16px 40px; /* 放大按钮 */
        font-size: 16px; /* 放大字体 */
      }

      .header-gsjs {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: clamp(10px, 1.6vh, 18px);
      }

      .mark-gsjs {
        width: 14px;
        height: 14px;
        border-radius: 4px;
        background: linear-gradient(135deg, var(--glow1-gsjs), var(--glow2-gsjs));
        box-shadow: 0 0 20px rgba(162, 201, 255, 0.4), 0 0 36px rgba(165, 107, 255, 0.3);
      }

      .kicker-gsjs {
        font-size: clamp(12px, 1.2vw, 14px);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: var(--text-dim-gsjs);
      }

      .title-gsjs {
        font-size: clamp(32px, 4.8vw, 58px);
        line-height: 1.12;
        margin: 0 0 clamp(12px, 1.8vh, 20px) 0;
        font-weight: 700;
        background: linear-gradient(180deg, #FF359A, #d9def0);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .sub-gsjs {
        font-size: clamp(15px, 1.5vw, 18px);
        color: var(--text-dim-gsjs);
        margin: 0 0 clamp(18px, 2.2vh, 26px) 0;
      }

      .grid-gsjs {
        display: grid;
        grid-template-columns: 1.3fr 1fr;
        gap: clamp(20px, 3vw, 40px);
        min-height: calc(100% - 120px);
        height: auto; /* 自适应内容高度 */
      }

      .col-gsjs {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 20px;
        padding: clamp(16px, 2.6vw, 28px);
        overflow: visible; /* 改为可见，允许内容完整显示 */
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
      }

      .col-gsjs::-webkit-scrollbar { width: 8px; }
      .col-gsjs::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 8px; }

      .headline-gsjs {
        font-size: clamp(20px, 2.6vw, 28px);
        margin: 0 0 10px 0;
        font-weight: 600;
      }

      .para-gsjs {
        font-size: clamp(15px, 1.4vw, 18px);
        line-height: 1.9;
        color: var(--text-main-gsjs);
        margin: 0 0 14px 0;
      }

      .quote-gsjs {
        margin-top: clamp(10px, 1.6vh, 16px);
        padding: 14px 16px;
        border-left: 3px solid var(--accent-gsjs);
        color: var(--text-dim-gsjs);
        font-size: clamp(14px, 1.2vw, 16px);
        background: linear-gradient(90deg, rgba(162, 201, 255, 0.07), transparent);
        border-radius: 10px;
      }

      .badge-wrap-gsjs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 12px;
      }
      .badge-gsjs {
        padding: 8px 12px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.06);
        font-size: 12px;
        color: var(--text-dim-gsjs);
        letter-spacing: 0.06em;
        white-space: normal; /* 允许换行，适应英文翻译 */
        line-height: 1.4;
      }

      .footer-note-gsjs {
        position: absolute;
        inset: auto 0 16px 0;
        display: flex;
        justify-content: center;
        pointer-events: none;
        opacity: 0.8;
        font-size: 12px;
        color: var(--text-dim-gsjs);
      }

      @media (max-width: 900px) {
        .grid-gsjs { grid-template-columns: 1fr; height: auto; }
        .card-gsjs { height: auto; }
        body.body-gsjs { overflow: auto; } /* 行動裝置允許捲動 */
      }
      @media (max-width: 768px) {
        .card-gsjs { padding: 20px 16px; min-height: 0; }
        .about-us-button-top-right {
          top: 16px;
          right: 16px;
        }
        .about-us-button-top-right .butt {
          padding: 12px 24px;
          font-size: 14px;
        }
        .title-gsjs { font-size: clamp(22px, 6vw, 32px); }
        .badge-wrap-gsjs { grid-template-columns: 1fr; }
      }

      @keyframes fadein-gsjs { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }