{"id":86,"date":"2020-08-01T12:33:09","date_gmt":"2020-08-01T12:33:09","guid":{"rendered":"http:\/\/jyustar.com\/index.php\/about\/"},"modified":"2026-10-08T07:02:05","modified_gmt":"2026-10-08T07:02:05","slug":"about","status":"publish","type":"page","link":"https:\/\/jyustar.com\/index.php\/about\/","title":{"rendered":"\u95dc\u65bc\u6a58\u661f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-057b901 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"057b901\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-057b902\" data-id=\"057b902\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-057b903 elementor-widget elementor-widget-html\" data-id=\"057b903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u6a58\u661f\u79d1\u6280\u95dc\u65bc\u9801\uff1b\u6d3d\u8a62\uff1ahttps:\/\/jyustar.com\/index.php\/contact\/\uff1b\u5716\u7247\u66ff\u63db\u8655\uff1a--ost-about-icon-sheet \u8207 .ost-about-hero-image\u3002 -->\n<section class=\"ost-about-page\" id=\"ost-about-page\" style='--ost-about-icon-sheet:url(\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-about-v1\/ost-about-icons.webp\")'>\n<style>\n    .ost-about-page,\n    .ost-about-page * {\n      box-sizing: border-box;\n    }\n\n    .ost-about-page {\n      --ost-orange: #ff8a1f;\n      --ost-orange-dark: #f46a00;\n      --ost-yellow: #ffe66d;\n      --ost-green: #58d83b;\n      --ost-purple: #6b58e8;\n      --ost-deep: #161b3a;\n      --ost-black: #1d1a22;\n      --ost-gray: #626575;\n      --ost-cream: #fff8e8;\n\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      isolation: isolate;\n      color: var(--ost-black);\n      background:\n        radial-gradient(circle at 10% 8%, rgba(255, 173, 58, 0.25) 0%, rgba(255, 173, 58, 0) 28%),\n        radial-gradient(circle at 88% 10%, rgba(255, 230, 109, 0.24) 0%, rgba(255, 230, 109, 0) 30%),\n        linear-gradient(180deg, #fffaf2 0%, #fff2df 42%, #fffaf2 100%);\n      font-family: \"Noto Sans TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n    }\n\n    .ost-about-page::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      pointer-events: none;\n      background-image:\n        radial-gradient(circle, rgba(255, 138, 31, 0.18) 0 2px, transparent 3px),\n        radial-gradient(circle, rgba(255, 230, 109, 0.36) 0 2px, transparent 3px),\n        radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 2px, transparent 3px);\n      background-size: 180px 180px, 250px 250px, 130px 130px;\n      background-position: 16px 52px, 90px 80px, 42px 26px;\n      opacity: 0.72;\n      animation: ostAboutTwinkle 5s ease-in-out infinite;\n    }\n\n    .ost-about-wrap {\n      position: relative;\n      z-index: 2;\n      max-width: 1440px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    .ost-about-hero {\n      min-height: 760px;\n      display: grid;\n      grid-template-columns: minmax(480px, 0.48fr) minmax(520px, 0.52fr);\n      gap: 36px;\n      align-items: center;\n      padding: 96px 24px 74px;\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity 0.75s ease, transform 0.75s ease;\n    }\n\n    .ost-about-page.ost-about-visible .ost-about-hero {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .ost-about-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 22px;\n      padding: 10px 18px;\n      border: 1px solid rgba(255, 138, 31, 0.18);\n      border-radius: 999px;\n      color: var(--ost-orange-dark);\n      background: rgba(255, 255, 255, 0.72);\n      box-shadow: 0 14px 30px rgba(255, 116, 18, 0.1);\n      backdrop-filter: blur(14px);\n      font-size: 16px;\n      line-height: 1.3;\n      font-weight: 950;\n      letter-spacing: 0.04em;\n    }\n\n    .ost-about-eyebrow::before {\n      content: \"\u2605\";\n      color: var(--ost-orange);\n    }\n\n    .ost-about-title {\n      margin: 0;\n      color: var(--ost-black);\n      font-size: clamp(46px, 5vw, 78px);\n      line-height: 1.12;\n      font-weight: 950;\n      letter-spacing: -0.06em;\n    }\n\n    .ost-about-title span {\n      color: transparent;\n      background: linear-gradient(120deg, #ff6a00 0%, #ff8a1f 48%, #ffba38 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n    }\n\n    .ost-about-desc {\n      margin: 26px 0 0;\n      max-width: 680px;\n      color: #555866;\n      font-size: 18px;\n      line-height: 1.9;\n      font-weight: 600;\n    }\n\n    .ost-about-actions {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      margin-top: 34px;\n    }\n\n    .ost-about-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      min-height: 58px;\n      padding: 0 28px;\n      border-radius: 18px;\n      text-decoration: none !important;\n      font-size: 16px;\n      font-weight: 950;\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n      white-space: nowrap;\n    }\n\n    .ost-about-btn-primary {\n      color: #fff !important;\n      background: linear-gradient(135deg, #ff8a1f 0%, #ff5c00 100%);\n      box-shadow: 0 16px 34px rgba(255, 105, 15, 0.28);\n    }\n\n    .ost-about-btn-secondary {\n      color: var(--ost-orange-dark) !important;\n      background: rgba(255, 255, 255, 0.78);\n      border: 1.5px solid rgba(255, 138, 31, 0.32);\n      box-shadow: 0 14px 30px rgba(255, 116, 18, 0.08);\n    }\n\n    .ost-about-btn:hover {\n      transform: translateY(-3px);\n    }\n\n    .ost-about-btn span {\n      width: 25px;\n      height: 25px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.24);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ost-about-btn-secondary span {\n      color: #fff;\n      background: var(--ost-orange);\n    }\n\n    .ost-about-visual {\n      position: relative;\n      min-height: 600px;\n      transform-style: preserve-3d;\n    }\n\n    .ost-about-card-bg {\n      position: absolute;\n      right: 3%;\n      top: 8%;\n      width: 72%;\n      height: 74%;\n      border-radius: 38px;\n      background:\n        radial-gradient(circle at 78% 22%, rgba(255, 230, 109, 0.36), transparent 30%),\n        linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.52));\n      border: 1px solid rgba(255, 138, 31, 0.18);\n      box-shadow: 0 28px 70px rgba(255, 116, 18, 0.14);\n      backdrop-filter: blur(16px);\n      animation: ostAboutFloatA 5.6s ease-in-out infinite;\n    }\n\n    .ost-about-mascot {\n      position: absolute;\n      left: 17%;\n      bottom: 13%;\n      width: 260px;\n      height: 260px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #ffb13b, #ff6d00);\n      box-shadow:\n        0 28px 60px rgba(255, 105, 15, 0.22),\n        inset -28px -24px 50px rgba(179, 62, 0, 0.16),\n        inset 24px 20px 36px rgba(255,255,255,0.16);\n      z-index: 4;\n      animation: ostAboutMascot 5.4s ease-in-out infinite;\n    }\n\n    .ost-about-mascot::before {\n      content: \"\";\n      position: absolute;\n      left: 114px;\n      top: -34px;\n      width: 78px;\n      height: 48px;\n      border-radius: 80% 0 80% 0;\n      background: linear-gradient(135deg, #6fe64f, #31b929);\n      transform: rotate(-12deg);\n    }\n\n    .ost-about-eye {\n      position: absolute;\n      top: 96px;\n      width: 14px;\n      height: 38px;\n      border-radius: 999px;\n      background: #321f0c;\n    }\n\n    .ost-about-eye.ost-about-left { left: 90px; }\n    .ost-about-eye.ost-about-right { left: 145px; }\n\n    .ost-about-mouth {\n      position: absolute;\n      left: 100px;\n      top: 152px;\n      width: 58px;\n      height: 30px;\n      border-bottom: 6px solid #6d3408;\n      border-radius: 0 0 999px 999px;\n    }\n\n    .ost-about-float {\n      position: absolute;\n      z-index: 5;\n      min-width: 132px;\n      padding: 16px 18px;\n      border-radius: 22px;\n      background: rgba(255,255,255,0.86);\n      border: 1px solid rgba(255,255,255,0.56);\n      box-shadow: 0 18px 34px rgba(255, 116, 18, 0.12);\n      backdrop-filter: blur(12px);\n      color: var(--ost-black);\n      font-size: 15px;\n      line-height: 1.35;\n      font-weight: 950;\n      text-align: center;\n      animation: ostAboutFloatB 5s ease-in-out infinite;\n    }\n\n    .ost-about-float strong {\n      display: block;\n      color: var(--ost-orange-dark);\n      font-size: 26px;\n      margin-bottom: 4px;\n    }\n\n    .ost-about-float.ost-about-game { left: 4%; top: 16%; }\n    .ost-about-float.ost-about-app { right: 8%; top: 18%; animation-delay: 0.2s; }\n    .ost-about-float.ost-about-web { right: 5%; bottom: 26%; animation-delay: 0.4s; }\n    .ost-about-float.ost-about-seo { left: 6%; bottom: 22%; animation-delay: 0.6s; }\n\n    .ost-about-section {\n      position: relative;\n      z-index: 2;\n      padding: 74px 0;\n    }\n\n    .ost-about-section-header {\n      max-width: 880px;\n      margin: 0 auto 36px;\n      text-align: center;\n    }\n\n    .ost-about-section-title {\n      margin: 0;\n      color: var(--ost-black);\n      font-size: clamp(34px, 4vw, 58px);\n      line-height: 1.18;\n      font-weight: 950;\n      letter-spacing: -0.045em;\n    }\n\n    .ost-about-section-title span {\n      color: var(--ost-orange-dark);\n    }\n\n    .ost-about-section-desc {\n      margin: 18px auto 0;\n      max-width: 820px;\n      color: #555866;\n      font-size: 17px;\n      line-height: 1.9;\n      font-weight: 600;\n    }\n\n    .ost-about-split {\n      display: grid;\n      grid-template-columns: minmax(0, 0.52fr) minmax(360px, 0.48fr);\n      gap: 24px;\n      align-items: stretch;\n    }\n\n    .ost-about-text-card,\n    .ost-about-highlight-card,\n    .ost-about-service-card,\n    .ost-about-method-card,\n    .ost-about-feature-card,\n    .ost-about-client-card,\n    .ost-about-promise-card,\n    .ost-about-bottom-cta {\n      border-radius: 34px;\n      border: 1px solid rgba(255, 138, 31, 0.16);\n      background: rgba(255, 255, 255, 0.86);\n      box-shadow: 0 22px 54px rgba(255, 116, 18, 0.13);\n      backdrop-filter: blur(16px);\n    }\n\n    .ost-about-text-card,\n    .ost-about-highlight-card,\n    .ost-about-promise-card {\n      padding: 34px;\n    }\n\n    .ost-about-text-card p,\n    .ost-about-promise-card p {\n      margin: 0 0 18px;\n      color: #555866;\n      font-size: 17px;\n      line-height: 1.9;\n      font-weight: 600;\n    }\n\n    .ost-about-text-card p:last-child,\n    .ost-about-promise-card p:last-child {\n      margin-bottom: 0;\n    }\n\n    .ost-about-highlight-card {\n      display: grid;\n      align-content: center;\n      background:\n        radial-gradient(circle at 80% 20%, rgba(255, 230, 109, 0.28), transparent 32%),\n        linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.68));\n    }\n\n    .ost-about-highlight-title {\n      margin: 0;\n      color: var(--ost-black);\n      font-size: 30px;\n      line-height: 1.35;\n      font-weight: 950;\n      letter-spacing: -0.035em;\n    }\n\n    .ost-about-highlight-title span {\n      color: var(--ost-orange-dark);\n    }\n\n    .ost-about-highlight-list {\n      display: grid;\n      gap: 14px;\n      margin: 24px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .ost-about-highlight-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      color: #4f505e;\n      font-size: 16px;\n      line-height: 1.6;\n      font-weight: 850;\n    }\n\n    .ost-about-highlight-list li::before {\n      content: \"\u2713\";\n      flex: 0 0 auto;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      background: var(--ost-orange);\n      font-size: 13px;\n      font-weight: 950;\n    }\n\n    .ost-about-service-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .ost-about-service-card {\n      min-height: 180px;\n      padding: 24px 20px;\n      text-align: center;\n      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    }\n\n    .ost-about-service-card:hover,\n    .ost-about-method-card:hover,\n    .ost-about-feature-card:hover,\n    .ost-about-client-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(255, 138, 31, 0.46);\n      box-shadow: 0 28px 62px rgba(255, 116, 18, 0.17);\n    }\n\n    .ost-about-service-icon,\n    .ost-about-method-num,\n    .ost-about-feature-icon,\n    .ost-about-client-icon {\n      width: 72px;\n      height: 72px;\n      margin: 0 auto 16px;\n      border-radius: 24px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ost-purple);\n      background: #fff3df;\n      font-size: 34px;\n      font-weight: 950;\n    }\n\n    .ost-about-service-card h3,\n    .ost-about-method-card h3,\n    .ost-about-feature-card h3,\n    .ost-about-client-card h3 {\n      margin: 0;\n      color: var(--ost-black);\n      font-size: 20px;\n      line-height: 1.35;\n      font-weight: 950;\n    }\n\n    .ost-about-service-card p,\n    .ost-about-method-card p,\n    .ost-about-feature-card p,\n    .ost-about-client-card p {\n      margin: 12px 0 0;\n      color: #626575;\n      font-size: 14.8px;\n      line-height: 1.75;\n      font-weight: 600;\n    }\n\n    .ost-about-method-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .ost-about-method-card,\n    .ost-about-feature-card,\n    .ost-about-client-card {\n      padding: 26px 22px;\n      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    }\n\n    .ost-about-method-num {\n      color: #fff;\n      background: linear-gradient(135deg, #ff8a1f, #ff5c00);\n      font-size: 24px;\n      box-shadow: 0 14px 28px rgba(255, 105, 15, 0.2);\n    }\n\n    .ost-about-feature-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .ost-about-client-grid {\n      display: grid;\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .ost-about-client-card {\n      text-align: center;\n      min-height: 210px;\n    }\n\n    .ost-about-promise-card {\n      position: relative;\n      overflow: hidden;\n      color: #fff;\n      background:\n        radial-gradient(circle at 80% 20%, rgba(255, 138, 31, 0.24), transparent 32%),\n        linear-gradient(135deg, #080b1f 0%, #101431 52%, #090719 100%);\n      border-color: rgba(255,255,255,0.10);\n    }\n\n    .ost-about-promise-card h2 {\n      margin: 0 0 22px;\n      color: #fff;\n      font-size: clamp(32px, 4vw, 56px);\n      line-height: 1.18;\n      font-weight: 950;\n      letter-spacing: -0.045em;\n    }\n\n    .ost-about-promise-card h2 span {\n      color: var(--ost-orange);\n    }\n\n    .ost-about-promise-card p {\n      color: rgba(255,255,255,0.75);\n    }\n\n    .ost-about-promise-steps {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 26px;\n    }\n\n    .ost-about-promise-step {\n      padding: 18px;\n      border-radius: 20px;\n      background: rgba(255,255,255,0.08);\n      border: 1px solid rgba(255,255,255,0.10);\n      color: #fff;\n      font-size: 15px;\n      line-height: 1.5;\n      font-weight: 900;\n    }\n\n    .ost-about-promise-step span {\n      color: var(--ost-orange);\n    }\n\n    .ost-about-bottom-cta {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 46px 42px;\n      text-align: center;\n      background:\n        radial-gradient(circle at 80% 22%, rgba(255, 230, 109, 0.30), transparent 32%),\n        linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.72));\n    }\n\n    .ost-about-bottom-title {\n      margin: 0;\n      color: var(--ost-black);\n      font-size: clamp(32px, 4vw, 54px);\n      line-height: 1.18;\n      font-weight: 950;\n      letter-spacing: -0.045em;\n    }\n\n    .ost-about-bottom-title span {\n      color: var(--ost-orange-dark);\n    }\n\n    .ost-about-bottom-desc {\n      max-width: 760px;\n      margin: 18px auto 0;\n      color: #555866;\n      font-size: 17px;\n      line-height: 1.85;\n      font-weight: 600;\n    }\n\n    @keyframes ostAboutTwinkle {\n      0%, 100% { opacity: 0.62; filter: brightness(1); }\n      50% { opacity: 0.94; filter: brightness(1.14); }\n    }\n\n    @keyframes ostAboutFloatA {\n      0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }\n      50% { transform: translate3d(0, -12px, 0) rotate(2deg); }\n    }\n\n    @keyframes ostAboutFloatB {\n      0%, 100% { transform: translate3d(0, 0, 0) rotate(2deg); }\n      50% { transform: translate3d(0, 12px, 0) rotate(-3deg); }\n    }\n\n    @keyframes ostAboutMascot {\n      0%, 100% { transform: translate3d(0, 0, 0); }\n      50% { transform: translate3d(0, -10px, 0); }\n    }\n\n    @media (max-width: 1180px) {\n      .ost-about-hero,\n      .ost-about-split {\n        grid-template-columns: 1fr;\n      }\n\n      .ost-about-hero {\n        text-align: center;\n      }\n\n      .ost-about-desc {\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .ost-about-actions {\n        justify-content: center;\n      }\n\n      .ost-about-visual {\n        max-width: 760px;\n        width: 100%;\n        margin: 0 auto;\n      }\n\n      .ost-about-service-grid,\n      .ost-about-feature-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .ost-about-client-grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 780px) {\n      .ost-about-wrap {\n        padding: 0 16px;\n      }\n\n      .ost-about-hero {\n        padding: 64px 0 42px;\n        min-height: auto;\n      }\n\n      .ost-about-title {\n        font-size: clamp(36px, 11vw, 50px);\n      }\n\n      .ost-about-desc {\n        font-size: 15.5px;\n        line-height: 1.8;\n      }\n\n      .ost-about-actions {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .ost-about-btn {\n        width: 100%;\n      }\n\n      .ost-about-visual {\n        min-height: 430px;\n        transform: scale(0.86);\n        transform-origin: center top;\n        margin-bottom: -50px;\n      }\n\n      .ost-about-mascot {\n        width: 210px;\n        height: 210px;\n        left: 12%;\n      }\n\n      .ost-about-mascot::before {\n        left: 92px;\n        width: 64px;\n        height: 40px;\n      }\n\n      .ost-about-eye {\n        top: 80px;\n        height: 30px;\n      }\n\n      .ost-about-eye.ost-about-left { left: 78px; }\n      .ost-about-eye.ost-about-right { left: 124px; }\n\n      .ost-about-mouth {\n        left: 84px;\n        top: 128px;\n      }\n\n      .ost-about-float {\n        min-width: 104px;\n        padding: 12px;\n        font-size: 12px;\n      }\n\n      .ost-about-float strong {\n        font-size: 20px;\n      }\n\n      .ost-about-section {\n        padding: 54px 0;\n      }\n\n      .ost-about-text-card,\n      .ost-about-highlight-card,\n      .ost-about-promise-card,\n      .ost-about-bottom-cta {\n        padding: 24px 20px;\n        border-radius: 26px;\n      }\n\n      .ost-about-service-grid,\n      .ost-about-method-grid,\n      .ost-about-feature-grid,\n      .ost-about-client-grid,\n      .ost-about-promise-steps {\n        grid-template-columns: 1fr;\n      }\n\n      .ost-about-bottom-title {\n        font-size: 30px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ost-about-page::before,\n      .ost-about-hero,\n      .ost-about-card-bg,\n      .ost-about-mascot,\n      .ost-about-float {\n        animation: none !important;\n        transition: none !important;\n      }\n\n      .ost-about-hero {\n        opacity: 1 !important;\n        transform: none !important;\n      }\n    }\n  \n\/* Scoped refinements for Elementor and the active WordPress theme. *\/\n#ost-about-page{--ost-orange-dark:#b94a00;font-family:inherit}\n#ost-about-page :is(h1,h2,h3,p,a,button){font-family:inherit}\n#ost-about-page :is(h1,h2,h3){text-transform:none;letter-spacing:-.025em}\n#ost-about-page :is(section,div,article,aside){min-width:0}\n#ost-about-page :is(a,button):focus-visible{outline:3px solid #6b58e8;outline-offset:5px}\n#ost-about-page .ost-about-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:76px 0 64px;min-height:680px;opacity:1;transform:none;gap:32px}\n#ost-about-page .ost-about-title{font-size:clamp(40px,4.3vw,64px);line-height:1.28;text-wrap:balance}\n#ost-about-page .ost-about-title span{color:#b94a00;background:none}\n#ost-about-page .ost-about-section-title{line-height:1.35;text-wrap:balance}\n#ost-about-page .ost-about-btn-primary{background:#b94a00}\n#ost-about-page .ost-about-btn{white-space:normal;line-height:1.6;padding:14px 26px}\n#ost-about-page .ost-about-visual{pointer-events:none;min-height:0;aspect-ratio:1;width:100%;max-width:620px;margin:0 auto;transform:none}\n#ost-about-page .ost-about-hero-image{display:block;width:100%;height:auto;animation:ostAboutMascot 6s ease-in-out infinite}\n#ost-about-page .ost-about-service-icon{display:block;background-color:transparent;border-radius:0;width:110px;height:110px;background-image:var(--ost-about-icon-sheet);background-size:400% 200%;background-repeat:no-repeat}\n#ost-about-page .ost-about-service-card{display:flex;flex-direction:column;align-items:center}\n#ost-about-page .ost-about-service-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:auto;padding-top:16px;color:#974600;text-decoration:none;font-size:14px;font-weight:700}\n#ost-about-page .ost-about-service-link span{transition:transform .2s}\n#ost-about-page .ost-about-service-link:hover span{transform:translateX(4px)}\n#ost-about-page .ost-about-service-card p{margin-bottom:14px}\n#ost-about-page .ost-about-feature-icon{font-size:23px;font-variant-numeric:tabular-nums;background:#f0eafa;color:#6550a2}\n#ost-about-page .ost-about-method-num{background:#b94a00}\n#ost-about-page .ost-about-method-card,#ost-about-page .ost-about-feature-card{text-align:left}\n#ost-about-page .ost-about-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}\n#ost-about-page .ost-about-client-card{min-height:0;text-align:left;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:16px;align-items:center}\n#ost-about-page .ost-about-client-icon{width:58px;height:58px;grid-row:1\/3;margin:0;font-size:28px;border-radius:18px}\n#ost-about-page .ost-about-client-card h3{font-size:19px;overflow-wrap:anywhere}\n#ost-about-page .ost-about-client-card p{margin:6px 0 0}\n#ost-about-page .ost-about-highlight-list{list-style:none!important;padding:0!important}\n#ost-about-page .ost-about-highlight-list li{margin:0}\n#ost-about-page .ost-about-promise-card h2{line-height:1.35}\n#ost-about-page [id]{scroll-margin-top:110px}\n#ost-about-page .ost-about-enter{animation:ostAboutEnter .6s ease both;animation-delay:var(--ost-about-delay,0ms)}\n@keyframes ostAboutEnter{from{opacity:.1;translate:0 20px}to{opacity:1;translate:0 0}}\n#ost-about-page .ost-about-motion{display:block;margin:24px auto 40px;padding:8px 14px;background:transparent;border:1px solid #beaa94;border-radius:8px;color:#6d5d4d;font:inherit;font-size:12px;cursor:pointer}\n#ost-about-page .ost-about-motion[hidden]{display:none}\n#ost-about-page[data-ost-about-paused=\"true\"] *,#ost-about-page[data-ost-about-paused=\"true\"]::before{animation:none!important;transition:none!important}\n@media(max-width:1180px){#ost-about-page .ost-about-hero{grid-template-columns:1fr;padding-top:60px;min-height:0}#ost-about-page .ost-about-visual{max-width:470px}#ost-about-page .ost-about-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:780px){#ost-about-page .ost-about-hero{padding:42px 0 28px;gap:24px}#ost-about-page .ost-about-title{font-size:clamp(32px,8.6vw,46px)}#ost-about-page .ost-about-desc{font-size:16px}#ost-about-page .ost-about-visual{max-width:360px;margin:0 auto}#ost-about-page .ost-about-section{padding:38px 0}#ost-about-page .ost-about-section-title{font-size:30px}#ost-about-page .ost-about-method-grid,#ost-about-page .ost-about-client-grid{grid-template-columns:1fr}#ost-about-page .ost-about-btn{width:100%;min-height:54px}#ost-about-page .ost-about-text-card p{font-size:16px}#ost-about-page .ost-about-highlight-title{font-size:28px}#ost-about-page .ost-about-method-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:15px;align-items:center;padding:22px}#ost-about-page .ost-about-method-num{width:48px;height:48px;grid-row:1\/3;margin:0;border-radius:15px;font-size:18px}#ost-about-page .ost-about-method-card p{margin:6px 0 0}#ost-about-page .ost-about-client-card{padding:22px}#ost-about-page .ost-about-promise-card h2{font-size:30px}}\n@media(prefers-reduced-motion:reduce){#ost-about-page *,#ost-about-page::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n<\/style>\n<div class=\"ost-about-wrap\">\n<section aria-labelledby=\"ost-about-section-title-1\" class=\"ost-about-hero\" id=\"ost-about-section-1\">\n<div>\n<div class=\"ost-about-eyebrow\">\u95dc\u65bc\u6a58\u661f\u79d1\u6280<\/div>\n<h1 class=\"ost-about-title\" id=\"ost-about-section-title-1\">\n          \u5f9e\u60f3\u6cd5\u5230\u4e0a\u7dda\uff0c\u6253\u9020\u771f\u6b63\u80fd<span>\u904b\u4f5c\u7684\u6578\u4f4d\u7522\u54c1<\/span>\n<\/h1>\n<p class=\"ost-about-desc\">\n          \u6a58\u661f\u79d1\u6280\u6574\u5408\u8a2d\u8a08\u3001\u958b\u767c\u8207\u884c\u92b7\u601d\u7dad\uff0c\u5354\u52a9\u54c1\u724c\u5f9e\u60f3\u6cd5\u767c\u60f3\u3001\u9700\u6c42\u6574\u7406\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u958b\u767c\u5230\u4e0a\u7dda\u63a8\u5ee3\uff0c\u6253\u9020\u517c\u5177\u7f8e\u611f\u3001\u529f\u80fd\u8207\u5546\u696d\u76ee\u6a19\u7684\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002\n        <\/p>\n<div class=\"ost-about-actions\">\n<a class=\"ost-about-btn ost-about-btn-primary\" href=\"#ost-about-services\">\n            \u4e86\u89e3\u670d\u52d9\u9805\u76ee\n            <span>\u2192<\/span>\n<\/a>\n<a class=\"ost-about-btn ost-about-btn-secondary\" href=\"https:\/\/jyustar.com\/index.php\/contact\/\">\n            \u958b\u59cb\u8a0e\u8ad6\u5c08\u6848\n            <span>\u2192<\/span>\n<\/a>\n<\/div>\n<\/div>\n<div aria-hidden=\"true\" class=\"ost-about-visual\"><img fetchpriority=\"high\" alt=\"\" class=\"ost-about-hero-image\" decoding=\"async\" fetchpriority=\"high\" height=\"1254\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-about-v1\/ost-about-hero.webp\" width=\"1254\"\/><\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-2\" class=\"ost-about-section\" id=\"ost-about-section-2\">\n<div class=\"ost-about-split\">\n<article class=\"ost-about-text-card\">\n<h2 class=\"ost-about-section-title\" id=\"ost-about-section-title-2\">\u6a58\u661f\u79d1\u6280<span>\u662f\u8ab0\uff1f<\/span><\/h2>\n<p>\u6a58\u661f\u79d1\u6280 Orange Star Tech \u662f\u4e00\u500b\u4ee5\u300c\u6578\u4f4d\u7522\u54c1\u843d\u5730\u300d\u70ba\u6838\u5fc3\u7684\u6574\u5408\u578b\u5718\u968a\u3002<\/p>\n<p>\u6211\u5011\u76f8\u4fe1\uff0c\u597d\u7684\u7db2\u7ad9\u3001APP\u3001\u7cfb\u7d71\u6216\u904a\u6232\uff0c\u4e0d\u53ea\u662f\u628a\u529f\u80fd\u505a\u51fa\u4f86\uff0c\u4e5f\u9700\u8981\u6709\u6e05\u695a\u7684\u76ee\u6a19\u3001\u597d\u7406\u89e3\u7684\u64cd\u4f5c\u6d41\u7a0b\u3001\u7b26\u5408\u54c1\u724c\u7684\u8996\u89ba\u8a2d\u8a08\uff0c\u4ee5\u53ca\u5f8c\u7e8c\u53ef\u4ee5\u63a8\u5ee3\u8207\u7dad\u8b77\u7684\u67b6\u69cb\u3002<\/p>\n<p>\u56e0\u6b64\uff0c\u6a58\u661f\u79d1\u6280\u4e0d\u53ea\u63d0\u4f9b\u55ae\u4e00\u7684\u8a2d\u8a08\u6216\u958b\u767c\u670d\u52d9\uff0c\u800c\u662f\u5354\u52a9\u5ba2\u6236\u4e00\u8d77\u91d0\u6e05\u9700\u6c42\u3001\u6574\u7406\u529f\u80fd\u3001\u898f\u5283\u6d41\u7a0b\uff0c\u518d\u7528\u5408\u9069\u7684\u6280\u8853\u8207\u8a2d\u8a08\u65b9\u5f0f\uff0c\u628a\u60f3\u6cd5\u8b8a\u6210\u53ef\u4ee5\u771f\u6b63\u88ab\u4f7f\u7528\u7684\u7522\u54c1\u3002<\/p>\n<\/article>\n<aside class=\"ost-about-highlight-card\">\n<h3 class=\"ost-about-highlight-title\">\n            \u8b93\u5275\u610f\u6210\u70ba\u7522\u54c1\uff0c<br\/>\n            \u8b93\u7522\u54c1\u88ab<span>\u5e02\u5834\u770b\u898b\u3002<\/span>\n<\/h3>\n<ul class=\"ost-about-highlight-list\">\n<li>\u5f9e\u60f3\u6cd5\u6574\u7406\u5230\u6b63\u5f0f\u4e0a\u7dda<\/li>\n<li>\u6574\u5408\u8a2d\u8a08\u3001\u958b\u767c\u3001\u884c\u92b7\u8207 SEO<\/li>\n<li>\u5354\u52a9\u54c1\u724c\u5efa\u7acb\u53ef\u64f4\u5145\u7684\u6578\u4f4d\u67b6\u69cb<\/li>\n<\/ul>\n<\/aside>\n<\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-3\" class=\"ost-about-section\" id=\"ost-about-section-3\">\n<div class=\"ost-about-section-header\">\n<h2 class=\"ost-about-section-title\" id=\"ost-about-section-title-3\">\n          \u6211\u5011\u91cd\u8996\u7684\u4e0d\u53ea\u662f\u5b8c\u6210\uff0c<br\/>\n          \u800c\u662f\u80fd\u4e0d\u80fd<span>\u771f\u6b63\u88ab\u4f7f\u7528<\/span>\n<\/h2>\n<p class=\"ost-about-section-desc\">\n          \u5f88\u591a\u5c08\u6848\u5728\u958b\u59cb\u6642\uff0c\u53ea\u6709\u4e00\u500b\u5927\u6982\u7684\u65b9\u5411\u3002\u6a58\u661f\u79d1\u6280\u7684\u5de5\u4f5c\uff0c\u5c31\u662f\u628a\u9019\u4e9b\u60f3\u6cd5\u6574\u7406\u6210\u53ef\u57f7\u884c\u7684\u8a08\u756b\u3002\n        <\/p>\n<\/div>\n<div class=\"ost-about-text-card\">\n<p>\u6211\u5011\u6703\u5f9e\u54c1\u724c\u76ee\u6a19\u3001\u4f7f\u7528\u8005\u9700\u6c42\u3001\u5167\u5bb9\u67b6\u69cb\u3001\u64cd\u4f5c\u6d41\u7a0b\u3001\u8996\u89ba\u98a8\u683c\u8207\u5f8c\u7e8c\u63a8\u5ee3\u4e00\u8d77\u601d\u8003\u3002<\/p>\n<p>\u56e0\u70ba\u4e00\u500b\u6578\u4f4d\u7522\u54c1\u80fd\u4e0d\u80fd\u767c\u63ee\u50f9\u503c\uff0c\u4e0d\u53ea\u53d6\u6c7a\u65bc\u756b\u9762\u597d\u4e0d\u597d\u770b\uff0c\u4e5f\u53d6\u6c7a\u65bc\u4f7f\u7528\u8005\u662f\u5426\u770b\u5f97\u61c2\u3001\u64cd\u4f5c\u662f\u5426\u9806\u66a2\u3001\u5167\u5bb9\u662f\u5426\u80fd\u88ab\u641c\u5c0b\u3001\u5f8c\u53f0\u662f\u5426\u5bb9\u6613\u7dad\u8b77\u3002<\/p>\n<p>\u5c0d\u6211\u5011\u4f86\u8aaa\uff0c\u8a2d\u8a08\u8207\u958b\u767c\u4e0d\u662f\u5206\u958b\u7684\u5169\u4ef6\u4e8b\u3002\u5b83\u5011\u61c9\u8a72\u5171\u540c\u670d\u52d9\u65bc\u540c\u4e00\u500b\u76ee\u6a19\uff1a\u8b93\u7522\u54c1\u66f4\u597d\u7528\uff0c\u8b93\u54c1\u724c\u66f4\u5bb9\u6613\u88ab\u770b\u898b\u3002<\/p>\n<\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-4\" class=\"ost-about-section\" id=\"ost-about-services\">\n<div class=\"ost-about-section-header\">\n<h2 class=\"ost-about-section-title\" id=\"ost-about-section-title-4\">\n          \u5f9e\u7db2\u7ad9\u3001APP\u3001\u904a\u6232\u5230\u884c\u92b7\u8a2d\u8a08\uff0c<br\/>\n          \u4e00\u7ad9\u5f0f\u6574\u7406\u4f60\u7684<span>\u6578\u4f4d\u9700\u6c42<\/span>\n<\/h2>\n<\/div>\n<div class=\"ost-about-service-grid\">\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:0.00000% 0%\"><\/div><h3>\u904a\u6232\u958b\u767c<\/h3><p>\u5c0f\u904a\u6232\u3001\u4e92\u52d5\u6d3b\u52d5\u3001\u7db2\u9801\u904a\u6232\u8207\u54c1\u724c\u904a\u6232\u5316\u5c0e\u6d41\u3002<\/p><a aria-label=\"\u4e86\u89e3\u904a\u6232\u958b\u767c\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-game\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:33.33333% 0%\"><\/div><h3>\u8edf\u9ad4\u958b\u767c<\/h3><p>\u7ba1\u7406\u7cfb\u7d71\u3001CRM\u3001\u9810\u7d04\u7cfb\u7d71\u3001\u5831\u8868\u8207\u81ea\u52d5\u5316\u5de5\u5177\u3002<\/p><a aria-label=\"\u4e86\u89e3\u8edf\u9ad4\u958b\u767c\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-software\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:66.66667% 0%\"><\/div><h3>APP \u958b\u767c<\/h3><p>\u54c1\u724c APP\u3001\u6703\u54e1\u7cfb\u7d71\u3001\u9810\u7d04\u6d41\u7a0b\u8207\u624b\u6a5f\u7aef\u670d\u52d9\u5165\u53e3\u3002<\/p><a aria-label=\"\u4e86\u89e3APP \u958b\u767c\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-app\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:100.00000% 0%\"><\/div><h3>\u7db2\u7ad9\u8a2d\u8a08<\/h3><p>\u4f01\u696d\u5b98\u7db2\u3001Landing Page\u3001WordPress \u8207 Elementor \u7db2\u7ad9\u3002<\/p><a aria-label=\"\u4e86\u89e3\u7db2\u7ad9\u8a2d\u8a08\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-website\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:0.00000% 100%\"><\/div><h3>\u884c\u92b7\u8a2d\u8a08<\/h3><p>\u5ee3\u544a\u7d20\u6750\u3001\u793e\u7fa4\u5716\u3001\u6d3b\u52d5\u4e3b\u8996\u89ba\u8207\u54c1\u724c\u7c21\u5831\u3002<\/p><a aria-label=\"\u4e86\u89e3\u884c\u92b7\u8a2d\u8a08\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-marketing\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:33.33333% 100%\"><\/div><h3>\u8996\u89ba\u8a2d\u8a08<\/h3><p>\u54c1\u724c\u8b58\u5225\u3001Logo \u5ef6\u4f38\u3001\u7db2\u7ad9\u8996\u89ba\u8207 UI \u98a8\u683c\u3002<\/p><a aria-label=\"\u4e86\u89e3\u8996\u89ba\u8a2d\u8a08\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-visual\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:66.66667% 100%\"><\/div><h3>SEO \u512a\u5316<\/h3><p>\u7db2\u7ad9\u67b6\u69cb\u3001\u95dc\u9375\u5b57\u4f48\u5c40\u3001\u670d\u52d9\u9801\u3001\u5730\u5340\u9801\u8207\u5167\u5bb9\u898f\u5283\u3002<\/p><a aria-label=\"\u4e86\u89e3SEO \u512a\u5316\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-seo\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<article class=\"ost-about-service-card\"><div aria-hidden=\"true\" class=\"ost-about-service-icon\" style=\"background-position:100.00000% 100%\"><\/div><h3>\u6578\u4f4d\u6574\u5408\u9867\u554f<\/h3><p>\u9700\u6c42\u6574\u7406\u3001\u529f\u80fd\u898f\u5283\u3001\u6d41\u7a0b\u8a2d\u8a08\u8207\u5c08\u6848\u65b9\u5411\u8a55\u4f30\u3002<\/p><a aria-label=\"\u4e86\u89e3\u6578\u4f4d\u6574\u5408\u9867\u554f\u670d\u52d9\" class=\"ost-about-service-link\" href=\"https:\/\/jyustar.com\/index.php\/services\/#ost-services-consulting\">\u4e86\u89e3\u670d\u52d9<span aria-hidden=\"true\">\u2192<\/span><\/a><\/article>\n<\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-5\" class=\"ost-about-section\" id=\"ost-about-section-5\">\n<div class=\"ost-about-section-header\">\n<h2 class=\"ost-about-section-title\" id=\"ost-about-section-title-5\">\u5148\u91d0\u6e05\u65b9\u5411\uff0c\u518d\u958b\u59cb<span>\u8a2d\u8a08\u8207\u958b\u767c<\/span><\/h2>\n<p class=\"ost-about-section-desc\">\u6211\u5011\u4e0d\u5e0c\u671b\u5ba2\u6236\u4e00\u958b\u59cb\u5c31\u88ab\u6280\u8853\u540d\u8a5e\u3001\u529f\u80fd\u6e05\u55ae\u6216\u8907\u96dc\u5831\u50f9\u641e\u5f97\u66f4\u6df7\u4e82\u3002<\/p>\n<\/div>\n<div class=\"ost-about-method-grid\">\n<article class=\"ost-about-method-card\"><div class=\"ost-about-method-num\">01<\/div><h3>\u91d0\u6e05\u554f\u984c<\/h3><p>\u4f60\u7684\u54c1\u724c\u73fe\u5728\u9047\u5230\u4ec0\u9ebc\u554f\u984c\u3002<\/p><\/article>\n<article class=\"ost-about-method-card\"><div class=\"ost-about-method-num\">02<\/div><h3>\u78ba\u8a8d\u76ee\u6a19<\/h3><p>\u9019\u500b\u5c08\u6848\u60f3\u89e3\u6c7a\u4ec0\u9ebc\u76ee\u6a19\u3002<\/p><\/article>\n<article class=\"ost-about-method-card\"><div class=\"ost-about-method-num\">03<\/div><h3>\u7406\u89e3\u4f7f\u7528\u8005<\/h3><p>\u4f7f\u7528\u8005\u6703\u600e\u9ebc\u63a5\u89f8\u8207\u64cd\u4f5c\u3002<\/p><\/article>\n<article class=\"ost-about-method-card\"><div class=\"ost-about-method-num\">04<\/div><h3>\u6574\u7406\u6838\u5fc3\u529f\u80fd<\/h3><p>\u54ea\u4e9b\u529f\u80fd\u662f\u7b2c\u4e00\u968e\u6bb5\u5fc5\u9808\u5b8c\u6210\u3002<\/p><\/article>\n<article class=\"ost-about-method-card\"><div class=\"ost-about-method-num\">05<\/div><h3>\u4fdd\u7559\u64f4\u5145<\/h3><p>\u54ea\u4e9b\u529f\u80fd\u53ef\u4ee5\u7559\u5230\u7b2c\u4e8c\u968e\u6bb5\u64f4\u5145\u3002<\/p><\/article>\n<article class=\"ost-about-method-card\"><div class=\"ost-about-method-num\">06<\/div><h3>\u5b89\u6392\u9810\u7b97\u6642\u7a0b<\/h3><p>\u9810\u7b97\u8207\u6642\u7a0b\u61c9\u8a72\u600e\u9ebc\u5b89\u6392\u3002<\/p><\/article>\n<\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-6\" class=\"ost-about-section\" id=\"ost-about-section-6\">\n<div class=\"ost-about-section-header\">\n<h2 class=\"ost-about-section-title\" id=\"ost-about-section-title-6\">\u6a58\u661f\u79d1\u6280\u7684<span>\u56db\u500b\u7279\u8272<\/span><\/h2>\n<\/div>\n<div class=\"ost-about-feature-grid\">\n<article class=\"ost-about-feature-card\"><div class=\"ost-about-feature-icon\">01<\/div><h3>\u958b\u767c\u8207\u884c\u92b7\u4e00\u8d77\u601d\u8003<\/h3><p>\u6211\u5011\u4e0d\u53ea\u770b\u529f\u80fd\uff0c\u4e5f\u6703\u601d\u8003\u9019\u500b\u7db2\u7ad9\u3001APP \u6216\u7cfb\u7d71\u4e0a\u7dda\u5f8c\uff0c\u5982\u4f55\u88ab\u4f7f\u7528\u3001\u88ab\u63a8\u5ee3\u3001\u88ab\u8f49\u63db\u3002<\/p><\/article>\n<article class=\"ost-about-feature-card\"><div class=\"ost-about-feature-icon\">02<\/div><h3>\u8a2d\u8a08\u8207\u6280\u8853\u6574\u5408<\/h3><p>\u5f9e\u8996\u89ba\u98a8\u683c\u3001UI \u4ecb\u9762\u5230\u524d\u5f8c\u7aef\u958b\u767c\uff0c\u6211\u5011\u91cd\u8996\u7684\u662f\u6574\u9ad4\u9ad4\u9a57\uff0c\u800c\u4e0d\u662f\u53ea\u5b8c\u6210\u5176\u4e2d\u4e00\u584a\u3002<\/p><\/article>\n<article class=\"ost-about-feature-card\"><div class=\"ost-about-feature-icon\">03<\/div><h3>\u9069\u5408\u4e2d\u5c0f\u4f01\u696d\u8207\u6210\u9577\u578b\u54c1\u724c<\/h3><p>\u4e0d\u8ad6\u662f\u525b\u958b\u59cb\u5efa\u7acb\u54c1\u724c\uff0c\u9084\u662f\u6e96\u5099\u5347\u7d1a\u5b98\u7db2\u3001\u5c0e\u5165\u7cfb\u7d71\u3001\u512a\u5316 SEO\uff0c\u6211\u5011\u90fd\u80fd\u4f9d\u7167\u968e\u6bb5\u8207\u9810\u7b97\u898f\u5283\u3002<\/p><\/article>\n<article class=\"ost-about-feature-card\"><div class=\"ost-about-feature-icon\">04<\/div><h3>\u4fdd\u7559\u672a\u4f86\u64f4\u5145\u7a7a\u9593<\/h3><p>\u7db2\u7ad9\u53ef\u4ee5\u5ef6\u4f38\u6210\u6703\u54e1\u7cfb\u7d71\uff0c\u8868\u55ae\u53ef\u4ee5\u5ef6\u4f38\u6210 CRM\uff0c\u5167\u5bb9\u53ef\u4ee5\u5ef6\u4f38\u6210 SEO \u5165\u53e3\u3002\u6a58\u661f\u79d1\u6280\u6703\u5354\u52a9\u4f60\u628a\u67b6\u69cb\u5148\u60f3\u9060\u4e00\u9ede\u3002<\/p><\/article>\n<\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-7\" class=\"ost-about-section\" id=\"ost-about-section-7\">\n<div class=\"ost-about-section-header\">\n<h2 class=\"ost-about-section-title\" id=\"ost-about-section-title-7\">\u4ec0\u9ebc\u6a23\u7684\u54c1\u724c\u9069\u5408\u627e<span>\u6a58\u661f\u79d1\u6280\uff1f<\/span><\/h2>\n<p class=\"ost-about-section-desc\">\u6a58\u661f\u79d1\u6280\u9069\u5408\u6b63\u5728\u5c0b\u627e\u300c\u6574\u5408\u578b\u6578\u4f4d\u5925\u4f34\u300d\u7684\u54c1\u724c\u3002<\/p>\n<\/div>\n<div class=\"ost-about-client-grid\">\n<article class=\"ost-about-client-card\"><div class=\"ost-about-client-icon\">\ud83c\udfe2<\/div><h3>\u4f01\u696d\u54c1\u724c<\/h3><p>\u5b98\u7db2\u3001\u7cfb\u7d71\u3001\u54c1\u724c\u5f62\u8c61\u8207 SEO\u3002<\/p><\/article>\n<article class=\"ost-about-client-card\"><div class=\"ost-about-client-icon\">\ud83d\ude80<\/div><h3>\u65b0\u5275\u5718\u968a<\/h3><p>MVP\u3001APP \u539f\u578b\u8207\u7522\u54c1\u4ecb\u9762\u3002<\/p><\/article>\n<article class=\"ost-about-client-card\"><div class=\"ost-about-client-icon\">\ud83d\udc8e<\/div><h3>\u8a3a\u6240\u8207\u91ab\u7f8e\u54c1\u724c<\/h3><p>\u8a3a\u6240\u5b98\u7db2\u3001\u7642\u7a0b\u9801\u8207\u9810\u7d04\u6d41\u7a0b\u3002<\/p><\/article>\n<article class=\"ost-about-client-card\"><div class=\"ost-about-client-icon\">\ud83d\uded2<\/div><h3>\u96fb\u5546\u8207\u96f6\u552e\u54c1\u724c<\/h3><p>\u5546\u54c1\u9801\u3001\u6d3b\u52d5\u9801\u8207\u5ee3\u544a\u7d20\u6750\u3002<\/p><\/article>\n<article class=\"ost-about-client-card\"><div class=\"ost-about-client-icon\">\ud83c\udfae<\/div><h3>\u904a\u6232\u8207\u5a1b\u6a02\u5c08\u6848<\/h3><p>\u5c0f\u904a\u6232\u3001\u4e92\u52d5\u6d3b\u52d5\u8207\u5c0e\u6d41\u8a2d\u8a08\u3002<\/p><\/article>\n<article class=\"ost-about-client-card\"><div class=\"ost-about-client-icon\">\ud83d\udcf8<\/div><h3>\u500b\u4eba\u54c1\u724c\u8207\u5167\u5bb9\u5275\u4f5c\u8005<\/h3><p>\u4f5c\u54c1\u96c6\u3001\u8ab2\u7a0b\u9801\u8207\u5167\u5bb9\u7db2\u7ad9\u3002<\/p><\/article>\n<\/div>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-8\" class=\"ost-about-section\" id=\"ost-about-section-8\">\n<article class=\"ost-about-promise-card\">\n<h2 id=\"ost-about-section-title-8\">\u6211\u5011\u5e0c\u671b\u6bcf\u500b\u5c08\u6848\uff0c\u90fd\u80fd<span>\u8d70\u5f97\u6e05\u695a\u3001\u505a\u5f97\u5be6\u969b<\/span><\/h2>\n<p>\u6578\u4f4d\u5c08\u6848\u6700\u6015\u7684\u4e0d\u662f\u529f\u80fd\u8907\u96dc\uff0c\u800c\u662f\u4e00\u958b\u59cb\u65b9\u5411\u4e0d\u6e05\u695a\u3002\u65b9\u5411\u4e0d\u6e05\u695a\uff0c\u5f8c\u9762\u5c31\u5bb9\u6613\u53cd\u8986\u4fee\u6539\u3001\u9810\u7b97\u5931\u63a7\u3001\u6e9d\u901a\u8b8a\u7d2f\u3002<\/p>\n<p>\u6a58\u661f\u79d1\u6280\u91cd\u8996\u7684\u662f\u6e05\u695a\u7684\u5408\u4f5c\u7bc0\u594f\uff0c\u8b93\u6bcf\u4e00\u500b\u4ea4\u4ed8\u51fa\u53bb\u7684\u7db2\u7ad9\u3001APP\u3001\u7cfb\u7d71\u6216\u8a2d\u8a08\uff0c\u4e0d\u53ea\u662f\u770b\u8d77\u4f86\u5b8c\u6210\uff0c\u800c\u662f\u771f\u7684\u80fd\u88ab\u5ba2\u6236\u4f7f\u7528\uff0c\u4e5f\u80fd\u652f\u6301\u54c1\u724c\u4e0b\u4e00\u968e\u6bb5\u7684\u6210\u9577\u3002<\/p>\n<div class=\"ost-about-promise-steps\">\n<div class=\"ost-about-promise-step\"><span>01<\/span><br\/>\u5148\u6574\u7406\u9700\u6c42\uff0c\u518d\u898f\u5283\u67b6\u69cb<\/div>\n<div class=\"ost-about-promise-step\"><span>02<\/span><br\/>\u5148\u78ba\u8a8d\u65b9\u5411\uff0c\u518d\u9032\u5165\u8a2d\u8a08<\/div>\n<div class=\"ost-about-promise-step\"><span>03<\/span><br\/>\u5148\u5b8c\u6210\u6838\u5fc3\u529f\u80fd\uff0c\u518d\u8003\u616e\u64f4\u5145<\/div>\n<\/div>\n<\/article>\n<\/section>\n<section aria-labelledby=\"ost-about-section-title-9\" class=\"ost-about-section\" id=\"ost-about-section-9\">\n<div class=\"ost-about-bottom-cta\">\n<h2 class=\"ost-about-bottom-title\" id=\"ost-about-section-title-9\">\u6709\u4e00\u500b\u60f3\u505a\u7684<span>\u6578\u4f4d\u5c08\u6848<\/span>\u55ce\uff1f<\/h2>\n<p class=\"ost-about-bottom-desc\">\n          \u4e0d\u9700\u8981\u4e00\u958b\u59cb\u5c31\u6e96\u5099\u5b8c\u6574\u4f01\u5283\u3002\u53ea\u8981\u4f60\u6709\u60f3\u6cd5\u3001\u76ee\u6a19\u6216\u76ee\u524d\u9047\u5230\u7684\u554f\u984c\uff0c\u6a58\u661f\u79d1\u6280\u90fd\u53ef\u4ee5\u5148\u5354\u52a9\u4f60\u6574\u7406\u65b9\u5411\u3002\n        <\/p>\n<div class=\"ost-about-actions\" style=\"justify-content:center;\">\n<a class=\"ost-about-btn ost-about-btn-primary\" href=\"https:\/\/jyustar.com\/index.php\/contact\/\">\n            \u958b\u59cb\u8a0e\u8ad6\u9700\u6c42\n            <span>\u2192<\/span>\n<\/a>\n<a class=\"ost-about-btn ost-about-btn-secondary\" href=\"#ost-about-services\">\n            \u67e5\u770b\u670d\u52d9\u9805\u76ee\n            <span>\u2192<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n<button aria-pressed=\"false\" class=\"ost-about-motion\" hidden=\"\" type=\"button\">\u66ab\u505c\u88dd\u98fe\u52d5\u756b<\/button><\/div>\n<script>(()=>{'use strict';const page=document.currentScript.closest('.ost-about-page');if(!page||page.dataset.ready)return;page.dataset.ready='true';const reduce=matchMedia('(prefers-reduced-motion: reduce)'),button=page.querySelector('.ost-about-motion');let paused=false;function sync(){page.dataset.ostAboutPaused=String(paused||reduce.matches);button.setAttribute('aria-pressed',String(paused));button.textContent=paused?'\u64ad\u653e\u88dd\u98fe\u52d5\u756b':'\u66ab\u505c\u88dd\u98fe\u52d5\u756b';}button.hidden=false;button.addEventListener('click',()=>{paused=!paused;sync();});reduce.addEventListener('change',sync);sync();if(!('IntersectionObserver'in window))return;const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(!entry.isIntersecting)return;if(!reduce.matches&&!paused)entry.target.classList.add('ost-about-enter');observer.unobserve(entry.target);});},{threshold:.08});page.querySelectorAll('.ost-about-hero,.ost-about-section-header,.ost-about-split,.ost-about-service-card,.ost-about-method-card,.ost-about-feature-card,.ost-about-client-card,.ost-about-promise-card,.ost-about-bottom-cta').forEach(el=>{if(el.parentElement.className.includes('-grid'))el.style.setProperty('--ost-about-delay',`${Array.from(el.parentElement.children).indexOf(el)%4*70}ms`);observer.observe(el);});})();<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u6a58\u661f\u79d1\u6280\u6574\u5408\u8a2d\u8a08\u3001\u958b\u767c\u8207\u884c\u92b7\uff0c\u5354\u52a9\u54c1\u724c\u5f9e\u60f3\u6cd5\u5230\u4e0a\u7dda\u3002\u8b93\u5275\u610f\u6210\u70ba\u7522\u54c1\uff0c\u8b93\u7522\u54c1\u88ab\u5e02\u5834\u770b\u898b\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-builder-content.php","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":4,"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}