{"id":51,"date":"2020-08-18T07:17:16","date_gmt":"2020-08-18T07:17:16","guid":{"rendered":"http:\/\/jyustar.com\/index.php\/portfolio\/"},"modified":"2026-10-08T12:11:31","modified_gmt":"2026-10-08T12:11:31","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/jyustar.com\/index.php\/portfolio\/","title":{"rendered":"\u6848\u4f8b\u4f5c\u54c1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-059a901 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"059a901\" 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-059a902\" data-id=\"059a902\" 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-059a903 elementor-widget elementor-widget-html\" data-id=\"059a903\" 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<section class=\"ost-case-page\" id=\"ost-case-page\"><style>\r\n#ost-case-page,#ost-case-single,#ost-case-page *,#ost-case-single *,#ost-case-page *::before,#ost-case-single *::before{box-sizing:border-box}\r\n#ost-case-page,#ost-case-single{--ost-case-orange:#b94a00;--ost-case-purple:#604493;position:relative;isolation:isolate;width:100%;max-width:100%;min-width:0;margin:0;color:#28232f;background:radial-gradient(ellipse at 90% 0%,#ffe1b055,transparent 35%),linear-gradient(180deg,#fffaf2,#fff7eb 55%,#fffaf4);font-family:\"Noto Sans TC\",\"Microsoft JhengHei\",Arial,sans-serif;font-size:16px;line-height:1.85}\r\n#ost-case-page{overflow:hidden}#ost-case-single{overflow:visible}\r\n#ost-case-page :where(h1,h2,h3,p,ul,figure),#ost-case-single :where(h1,h2,h3,p,ul,figure){margin:0;padding:0;color:inherit;font-family:inherit;font-style:normal}\r\n#ost-case-page :where(h1,h2,h3),#ost-case-single :where(h1,h2,h3){font-weight:800;letter-spacing:-.025em;line-height:1.45;text-transform:none}\r\n#ost-case-page a,#ost-case-single a{color:inherit;text-decoration:none;box-shadow:none}\r\n#ost-case-page img,#ost-case-single img{max-width:100%;height:auto;border:0;box-shadow:none;display:block}\r\n#ost-case-page :where(button,input),#ost-case-single :where(button,input){font:inherit;letter-spacing:normal;text-transform:none;max-width:100%}\r\n#ost-case-page :where(a,button,input):focus-visible,#ost-case-single :where(a,button,input):focus-visible{outline:3px solid #69469e;outline-offset:4px}\r\n#ost-case-page [hidden],#ost-case-single [hidden]{display:none!important}\r\n.ost-case-wrap,.ost-case-single-wrap{width:100%;max-width:1440px;padding:0 32px;margin:0 auto;min-width:0;position:relative;z-index:1}\r\n#ost-case-page .ost-case-hero{text-align:center;padding:72px 0 38px;max-width:980px;margin:0 auto}\r\n#ost-case-page .ost-case-eyebrow{display:inline-flex;padding:6px 15px;background:#fffdf8;border:1px solid #edd6bc;color:var(--ost-case-orange);border-radius:999px;font-size:14px;font-weight:700;margin-bottom:22px}\r\n#ost-case-page .ost-case-title{font-size:clamp(34px,4.2vw,58px);line-height:1.35}\r\n#ost-case-page .ost-case-title span{color:var(--ost-case-orange)}\r\n#ost-case-page .ost-case-desc{max-width:820px;margin:24px auto 0;color:#625b65;font-size:17px;line-height:1.95}\r\n#ost-case-page .ost-case-tabs{display:flex;gap:10px;overflow-x:auto;max-width:100%;min-width:0;padding:8px 4px 15px;margin:0 0 20px;scrollbar-width:thin;scrollbar-color:#d7b98e transparent}\r\n#ost-case-page .ost-case-tab{flex:0 0 auto;padding:10px 18px;border:1px solid #e6ceb4;border-radius:999px;min-height:46px;color:#54434b;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;cursor:pointer;line-height:1.6}\r\n#ost-case-page .ost-case-tab[aria-pressed=\"true\"],#ost-case-page .ost-case-tab:hover{background:var(--ost-case-orange);color:#fff;border-color:var(--ost-case-orange)}\r\n#ost-case-page .ost-case-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}\r\n#ost-case-page .ost-case-results{font-size:14px;color:#6e626b}\r\n#ost-case-page .ost-case-search-form,#ost-case-single .ost-case-search-form{display:flex;gap:8px;min-width:0;flex-wrap:wrap}\r\n#ost-case-page .ost-case-search-form{max-width:420px;width:100%}\r\n#ost-case-page .ost-case-search-label,#ost-case-single .ost-case-search-label{display:block;width:100%;font-size:14px;color:#594d61;font-weight:700}\r\n#ost-case-page .ost-case-search-input,#ost-case-single .ost-case-search-input{min-width:0;flex:1 1 130px;border:1px solid #cbbeb0;border-radius:12px;padding:10px 12px;min-height:46px;background:#fff;color:#302838;line-height:1.5;box-shadow:none}\r\n#ost-case-page .ost-case-search-input::placeholder,#ost-case-single .ost-case-search-input::placeholder{color:#746975}\r\n#ost-case-page .ost-case-search-button,#ost-case-single .ost-case-search-button{border:0;border-radius:12px;padding:10px 16px;min-height:46px;background:var(--ost-case-orange);color:#fff;cursor:pointer;font-size:14px;line-height:1.5;flex:0 0 auto}\r\n#ost-case-page .ost-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:54px}\r\n#ost-case-page .ost-case-card{position:relative;min-width:0;background:#fff;border:1px solid #eddcc8;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #b477300b;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}\r\n#ost-case-page .ost-case-card:hover{transform:translateY(-5px);border-color:#e3a367;box-shadow:0 20px 40px #b4773019}\r\n#ost-case-page .ost-case-cover{aspect-ratio:16\/10;background:linear-gradient(130deg,#ffe9cd,#e9def4);overflow:hidden;position:relative}\r\n#ost-case-page .ost-case-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}\r\n#ost-case-page .ost-case-card:hover .ost-case-cover img{transform:scale(1.04)}\r\n#ost-case-page .ost-case-card-body{padding:25px;display:flex;flex-direction:column;flex:1}\r\n#ost-case-page .ost-case-meta,#ost-case-single .ost-case-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;color:#766b72}\r\n#ost-case-page .ost-case-category,#ost-case-single .ost-case-category{display:inline-flex;padding:4px 10px;border-radius:8px;background:#fff0dc;color:#934004;font-size:13px;font-weight:700}\r\n#ost-case-page .ost-case-card-title{font-size:23px;line-height:1.5;margin:0}\r\n#ost-case-page .ost-case-card-title a::after{content:\"\";position:absolute;inset:0;z-index:1}\r\n#ost-case-page .ost-case-card-title a:focus-visible::after{outline:3px solid #69469e;outline-offset:-4px;border-radius:24px}\r\n#ost-case-page .ost-case-card-desc{font-size:15px;line-height:1.85;color:#625b65;margin:14px 0 20px}\r\n#ost-case-page .ost-case-more{margin-top:auto;color:var(--ost-case-orange);font-weight:700;font-size:14px}\r\n#ost-case-page .ost-case-more span{display:inline-block;transition:transform .2s}\r\n#ost-case-page .ost-case-card:hover .ost-case-more span{transform:translateX(5px)}\r\n#ost-case-page .ost-case-empty{padding:44px 24px;margin-bottom:44px;border:1px dashed #d4b89d;border-radius:24px;text-align:center;background:#fffaf4;color:#69575b}\r\n#ost-case-page .ost-case-empty a{display:inline-block;margin-top:12px;color:var(--ost-case-orange);text-decoration:underline}\r\n#ost-case-page .ost-case-cta{text-align:center;border-radius:28px;padding:42px 28px;background:#fff;border:1px solid #ebd6bd;margin:0 0 60px}\r\n#ost-case-page .ost-case-cta h2{font-size:32px}\r\n#ost-case-page .ost-case-cta h2 span{color:var(--ost-case-orange)}\r\n#ost-case-page .ost-case-btn,#ost-case-single .ost-case-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ost-case-orange);color:#fff;min-height:50px;padding:12px 22px;border-radius:14px;border:1px solid var(--ost-case-orange);font-size:15px;font-weight:700;line-height:1.6;margin-top:22px;text-align:center;transition:transform .2s}\r\n#ost-case-page .ost-case-btn:hover,#ost-case-single .ost-case-btn:hover{transform:translateY(-2px)}\r\n#ost-case-single .ost-case-single-wrap{padding-top:54px;padding-bottom:64px}\r\n#ost-case-single .ost-case-back{display:inline-block;color:var(--ost-case-orange);font-size:14px;margin:0 0 28px}\r\n#ost-case-single .ost-case-single-hero{max-width:1100px;margin:0 auto 32px;text-align:center}\r\n#ost-case-single .ost-case-single-hero .ost-case-meta{justify-content:center}\r\n#ost-case-single .ost-case-single-title{font-size:clamp(34px,3.9vw,56px);line-height:1.4}\r\n#ost-case-single .ost-case-single-excerpt{max-width:860px;margin:22px auto 0;color:#635d68;font-size:17px;line-height:1.9}\r\n#ost-case-single .ost-case-single-cover{margin:0 0 42px;border-radius:26px;overflow:hidden;background:#f1e6d6;aspect-ratio:16\/7}\r\n#ost-case-single .ost-case-single-cover img{width:100%;height:100%;object-fit:cover}\r\n#ost-case-single .ost-case-single-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:30px;align-items:start;min-width:0}\r\n#ost-case-single .ost-case-single-content{min-width:0;padding:38px;background:#fff;border:1px solid #edddc9;border-radius:26px;overflow-wrap:anywhere}\r\n#ost-case-single .ost-case-single-content :where(h2,h3){margin:36px 0 16px;line-height:1.5}\r\n#ost-case-single .ost-case-single-content h2{font-size:29px}\r\n#ost-case-single .ost-case-single-content h3{font-size:23px}\r\n#ost-case-single .ost-case-single-content> :first-child{margin-top:0}\r\n#ost-case-single .ost-case-single-content p{font-size:17px;color:#514b56;line-height:1.95;margin:0 0 20px}\r\n#ost-case-single .ost-case-single-content :where(ul,ol){padding-left:24px;margin:20px 0}\r\n#ost-case-single .ost-case-single-content a{color:#9a4100;text-decoration:underline;text-underline-offset:3px}\r\n#ost-case-single .ost-case-single-content img{max-width:100%;height:auto;margin:20px auto;border-radius:14px}\r\n#ost-case-single .ost-case-single-content :where(iframe,video,table){max-width:100%}\r\n#ost-case-single .ost-case-single-tip,#ost-case-single .ost-case-single-content blockquote{padding:22px 24px;margin:26px 0;background:#fff4e2;border-left:3px solid #c87525;border-radius:0 14px 14px 0;color:#695140;font-size:16px;line-height:1.85}\r\n#ost-case-single .ost-case-single-sidebar{position:sticky;top:24px;min-width:0;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9bea1 transparent;display:grid;gap:18px;padding-right:4px}\r\n#ost-case-single .ost-case-sidebar-card{padding:24px;background:#fff;border:1px solid #e8d8c4;border-radius:22px;min-width:0}\r\n#ost-case-single .ost-case-sidebar-title{font-size:21px;margin-bottom:18px}\r\n#ost-case-single .ost-case-latest{list-style:none;display:grid;gap:14px;margin:0;padding:0}\r\n#ost-case-single .ost-case-latest li{margin:0;padding:0;list-style:none}\r\n#ost-case-single .ost-case-latest a{font-size:15px;color:#514758;line-height:1.65;display:block}\r\n#ost-case-single .ost-case-latest a:hover{color:var(--ost-case-orange)}\r\n#ost-case-single .ost-case-categories{display:flex;flex-wrap:wrap;gap:8px}\r\n#ost-case-single .ost-case-chip{background:#f2edf8;border-radius:8px;padding:5px 9px;font-size:13px;color:#604493;line-height:1.7}\r\n#ost-case-single .ost-case-sidebar-cta{background:#ffead0;border-color:#e2b680}\r\n#ost-case-single .ost-case-sidebar-cta p{font-size:15px;color:#655343}\r\n#ost-case-single .ost-case-sidebar-cta .ost-case-btn{width:100%}\r\n#ost-case-single .ost-case-related{margin-top:44px}\r\n#ost-case-single .ost-case-related>h2{font-size:30px;margin-bottom:24px}\r\n#ost-case-single .ost-case-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}\r\n#ost-case-single .ost-case-related-card{background:#fff;border:1px solid #edddc9;border-radius:22px;overflow:hidden;transition:transform .2s}\r\n#ost-case-single .ost-case-related-card:hover{transform:translateY(-4px)}\r\n#ost-case-single .ost-case-related-card img{width:100%;aspect-ratio:16\/10;object-fit:cover}\r\n#ost-case-single .ost-case-related-card span{display:block;padding:20px;font-size:18px;font-weight:700;line-height:1.65}\r\n.ost-case-star{position:absolute;top:42px;right:4%;color:#c79626;font-size:20px;pointer-events:none;animation:ostCaseTwinkle 4s ease-in-out 2}\r\n@keyframes ostCaseTwinkle{50%{opacity:.2}}\r\n@media(min-width:1181px){#ost-case-page .ost-case-tabs{justify-content:center}}\r\n@media(max-width:1180px){#ost-case-page .ost-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n@media(max-width:980px){#ost-case-single .ost-case-single-layout{grid-template-columns:minmax(0,1fr)}#ost-case-single .ost-case-single-sidebar{position:static;max-height:none;overflow:visible;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n@media(max-width:720px){.ost-case-wrap,.ost-case-single-wrap{padding-left:20px;padding-right:20px}#ost-case-page .ost-case-hero{padding:44px 0 28px}#ost-case-page .ost-case-title{font-size:34px}#ost-case-page .ost-case-desc{font-size:16px}#ost-case-page .ost-case-grid{grid-template-columns:minmax(0,1fr);gap:20px}#ost-case-page .ost-case-card-body{padding:22px}#ost-case-page .ost-case-card-title{font-size:23px}#ost-case-page .ost-case-cta{padding:30px 22px}#ost-case-page .ost-case-cta h2{font-size:28px}#ost-case-page .ost-case-btn,#ost-case-single .ost-case-btn{width:100%}#ost-case-single .ost-case-single-wrap{padding-top:36px}#ost-case-single .ost-case-single-title{font-size:32px}#ost-case-single .ost-case-single-excerpt{font-size:16px}#ost-case-single .ost-case-single-cover{aspect-ratio:16\/10;border-radius:20px}#ost-case-single .ost-case-single-content{padding:26px 22px;border-radius:22px}#ost-case-single .ost-case-single-content h2{font-size:25px}#ost-case-single .ost-case-single-content p{font-size:16px}#ost-case-single .ost-case-single-sidebar,#ost-case-single .ost-case-related-grid{grid-template-columns:minmax(0,1fr)}}\r\n@media(prefers-reduced-motion:reduce){#ost-case-page *,#ost-case-single *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\r\n\r\n#ost-case-page .ost-case-title,#ost-case-single .ost-case-single-title{text-wrap:balance}\r\n#ost-case-page .ost-case-title span{white-space:nowrap}\r\n#ost-case-page .ost-case-notice,#ost-case-single .ost-case-notice{font-size:14px;line-height:1.8;color:#705846;background:#fff0dc;border:1px solid #ead1af;border-radius:14px;padding:12px 18px;margin:24px auto;max-width:900px}\r\n#ost-case-page .ost-case-tags,#ost-case-single .ost-case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}\r\n#ost-case-single .ost-case-single-hero .ost-case-tags{justify-content:center}\r\n#ost-case-page .ost-case-tag,#ost-case-single .ost-case-tag{padding:5px 10px;border-radius:9px;background:#f0ebf8;color:#604493;font-size:12px;border:1px solid #e3d9ef;line-height:1.7;transition:background .2s}\r\n#ost-case-page .ost-case-tag:hover,#ost-case-single .ost-case-tag:hover{background:#e6dcf6}\r\n#ost-case-page .ost-case-concept,#ost-case-single .ost-case-concept{font-size:12px;color:#736272;padding:4px 9px;border:1px solid #e4d8e0;border-radius:7px;background:#fff}\r\n#ost-case-single .ost-case-info{margin:0;padding:0}\r\n#ost-case-single .ost-case-info dt{font-size:13px;font-weight:800;color:#3e3144;margin:18px 0 4px}\r\n#ost-case-single .ost-case-info dt:first-child{margin-top:0}\r\n#ost-case-single .ost-case-info dd{margin:0;font-size:15px;line-height:1.85;color:#6b5d67;overflow-wrap:anywhere}\r\n#ost-case-single .ost-case-single-content ul{padding-left:1.4em;margin:14px 0 24px}\r\n#ost-case-single .ost-case-single-content li{font-size:17px;line-height:1.95;margin:6px 0;color:#625b65}\r\n#ost-case-single .ost-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}\r\n#ost-case-single .ost-case-gallery img{width:100%;height:auto;border-radius:18px}\r\n#ost-case-single .ost-case-figure{margin:0 0 40px}\r\n#ost-case-single .ost-case-figure .ost-case-single-cover{margin-bottom:10px}\r\n#ost-case-single .ost-case-caption{font-size:13px;text-align:center;color:#766571}\r\n#ost-case-page .ost-case-card{position:relative}\r\n#ost-case-page .ost-case-card-title a::after{position:absolute;inset:0;content:\"\";border-radius:26px}\r\n#ost-case-page .ost-case-card:focus-within{outline:3px solid #69469e;outline-offset:3px}\r\n@media(max-width:720px){#ost-case-single .ost-case-gallery{grid-template-columns:minmax(0,1fr)}}\r\n<\/style><span class=\"ost-case-star\" aria-hidden=\"true\">\u2726<\/span><div class=\"ost-case-wrap\"><header class=\"ost-case-hero\"><span class=\"ost-case-eyebrow\">\u6848\u4f8b\u4f5c\u54c1<\/span><h1 class=\"ost-case-title\">\u770b\u898b\u60f3\u6cd5\u5982\u4f55\u8b8a\u6210<br>\u771f\u6b63\u80fd\u904b\u4f5c\u7684<span>\u6578\u4f4d\u4f5c\u54c1<\/span><\/h1><p class=\"ost-case-desc\">\u5f9e\u904a\u6232\u4e92\u52d5\u3001\u54c1\u724c\u5b98\u7db2\u3001APP \u4ecb\u9762\u3001\u7cfb\u7d71\u5f8c\u53f0\u5230 SEO \u5167\u5bb9\u8207\u884c\u92b7\u7d20\u6750\uff0c\u6a58\u661f\u79d1\u6280\u7528\u8a2d\u8a08\u8207\u6280\u8853\uff0c\u5354\u52a9\u4e0d\u540c\u54c1\u724c\u628a\u60f3\u6cd5\u843d\u5730\u6210\u53ef\u4ee5\u88ab\u4f7f\u7528\u3001\u88ab\u770b\u898b\u7684\u6210\u679c\u3002<\/p><p class=\"ost-case-notice\">\u6a19\u793a\u300c\u6982\u5ff5\u793a\u7bc4\u300d\u7684\u4f5c\u54c1\u7528\u65bc\u5c55\u793a\u8a2d\u8a08\u8207\u898f\u5283\u65b9\u5411\uff0c\u5716\u7247\u70ba\u6982\u5ff5\u8996\u89ba\uff0c\u4e26\u975e\u7279\u5b9a\u5ba2\u6236\u7684\u5df2\u4ea4\u4ed8\u5c08\u6848\u3002<\/p><\/header><div class=\"ost-case-tabs\" role=\"group\" aria-label=\"\u4f5c\u54c1\u5206\u985e\"><button type=\"button\" class=\"ost-case-tab\" data-filter=\"all\" aria-pressed=\"true\">\u5168\u90e8<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"game\" aria-pressed=\"false\">\u904a\u6232\u958b\u767c<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"web\" aria-pressed=\"false\">\u7db2\u7ad9\u8a2d\u8a08<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"app\" aria-pressed=\"false\">APP \u4ecb\u9762<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"system\" aria-pressed=\"false\">\u7cfb\u7d71\u5f8c\u53f0<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"brand\" aria-pressed=\"false\">\u54c1\u724c\u8996\u89ba<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"seo\" aria-pressed=\"false\">SEO \u5167\u5bb9<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"marketing\" aria-pressed=\"false\">\u884c\u92b7\u7d20\u6750<\/button><button type=\"button\" class=\"ost-case-tab\" data-filter=\"consulting\" aria-pressed=\"false\">\u6578\u4f4d\u9867\u554f<\/button><\/div><div class=\"ost-case-toolbar\"><p class=\"ost-case-results\" role=\"status\" aria-live=\"polite\">\u986f\u793a 9 \u500b\u4f5c\u54c1<\/p><\/div><div class=\"ost-case-grid\"><article class=\"ost-case-card\" data-category=\"game\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-portfolio-20261008\/ost-portfolio-game.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u904a\u6232\u958b\u767c<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-game\/\">\u4e92\u52d5\u5f0f\u54c1\u724c\u5c0f\u904a\u6232\u958b\u767c<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">\u904a\u6232\u4f01\u5283<\/span><span class=\"ost-case-tag\">\u7db2\u9801\u4e92\u52d5<\/span><span class=\"ost-case-tag\">\u6d3b\u52d5\u5c0e\u6d41<\/span><\/div><p class=\"ost-case-card-desc\">\u7d50\u5408\u54c1\u724c\u6d3b\u52d5\u8207\u4e92\u52d5\u904a\u6232\u6a5f\u5236\uff0c\u8b93\u4f7f\u7528\u8005\u5728\u904a\u73a9\u904e\u7a0b\u4e2d\u81ea\u7136\u8a8d\u8b58\u54c1\u724c\u4e26\u7559\u4e0b\u8f49\u63db\u6a5f\u6703\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"web\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-portfolio-20261008\/ost-portfolio-clinic.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u7db2\u7ad9\u8a2d\u8a08<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-clinic\/\">\u91ab\u7f8e\u8a3a\u6240\u5b98\u65b9\u7db2\u7ad9\u8a2d\u8a08<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">WordPress<\/span><span class=\"ost-case-tag\">Elementor<\/span><span class=\"ost-case-tag\">SEO \u67b6\u69cb<\/span><\/div><p class=\"ost-case-card-desc\">\u4ee5\u54c1\u724c\u5f62\u8c61\u3001\u7642\u7a0b\u5167\u5bb9\u3001\u8aee\u8a62\u52d5\u7dda\u8207 SEO \u67b6\u69cb\u70ba\u6838\u5fc3\uff0c\u6253\u9020\u517c\u5177\u7f8e\u611f\u8207\u8f49\u63db\u7387\u7684\u5b98\u7db2\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"system\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-portfolio-20261008\/ost-portfolio-dashboard.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u7cfb\u7d71\u5f8c\u53f0<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-dashboard\/\">\u4f01\u696d\u5167\u90e8\u7ba1\u7406\u7cfb\u7d71 UI<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">Dashboard<\/span><span class=\"ost-case-tag\">CRM<\/span><span class=\"ost-case-tag\">\u8cc7\u6599\u8996\u89ba\u5316<\/span><\/div><p class=\"ost-case-card-desc\">\u5c07\u8907\u96dc\u71df\u904b\u8cc7\u6599\u8f49\u63db\u6210\u6e05\u695a\u7684\u5f8c\u53f0\u4ecb\u9762\uff0c\u5354\u52a9\u5718\u968a\u5feb\u901f\u638c\u63e1\u696d\u7e3e\u3001\u5ba2\u6236\u8207\u6d41\u7a0b\u72c0\u614b\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"app\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-portfolio-20261008\/ost-portfolio-app.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">APP \u4ecb\u9762<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-app\/\">\u54c1\u724c APP \u4ecb\u9762\u898f\u5283<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">UI\/UX<\/span><span class=\"ost-case-tag\">\u6703\u54e1\u7cfb\u7d71<\/span><span class=\"ost-case-tag\">\u9810\u7d04\u6d41\u7a0b<\/span><\/div><p class=\"ost-case-card-desc\">\u5f9e\u624b\u6a5f\u7aef\u4f7f\u7528\u8005\u9ad4\u9a57\u51fa\u767c\uff0c\u898f\u5283\u6703\u54e1\u3001\u9810\u7d04\u3001\u901a\u77e5\u8207\u54c1\u724c\u670d\u52d9\u6d41\u7a0b\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"brand marketing\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-portfolio-20261008\/ost-portfolio-brand.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u54c1\u724c\u8996\u89ba \/ \u884c\u92b7\u7d20\u6750<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-brand\/\">\u54c1\u724c\u793e\u7fa4\u8996\u89ba\u8a2d\u8a08<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">\u5ee3\u544a\u5716<\/span><span class=\"ost-case-tag\">\u793e\u7fa4\u6a21\u677f<\/span><span class=\"ost-case-tag\">\u6d3b\u52d5\u4e3b\u8996\u89ba<\/span><\/div><p class=\"ost-case-card-desc\">\u5efa\u7acb\u4e00\u81f4\u7684\u793e\u7fa4\u8996\u89ba\u8a9e\u8a00\uff0c\u8b93\u54c1\u724c\u5728\u5ee3\u544a\u6295\u653e\u8207\u5167\u5bb9\u66dd\u5149\u4e2d\u66f4\u5bb9\u6613\u88ab\u8a18\u4f4f\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"seo\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-portfolio-20261008\/ost-portfolio-seo.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">SEO \u5167\u5bb9<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-seo\/\">SEO \u5167\u5bb9\u8207\u5730\u5340\u9801\u898f\u5283<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">\u95dc\u9375\u5b57\u4f48\u5c40<\/span><span class=\"ost-case-tag\">\u5167\u5bb9\u67b6\u69cb<\/span><span class=\"ost-case-tag\">\u81ea\u7136\u6d41\u91cf<\/span><\/div><p class=\"ost-case-card-desc\">\u900f\u904e\u7db2\u7ad9\u5167\u5bb9\u3001\u5730\u5340\u9801\u8207\u670d\u52d9\u9801\u898f\u5283\uff0c\u5354\u52a9\u54c1\u724c\u5efa\u7acb\u53ef\u9577\u671f\u7d2f\u7a4d\u7684\u641c\u5c0b\u66dd\u5149\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"web marketing\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-case-v1\/ost-case-landing.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u7db2\u7ad9\u8a2d\u8a08 \/ \u884c\u92b7\u7d20\u6750<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-landing\/\">\u54c1\u724c\u6d3b\u52d5 Landing Page<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">\u6d3b\u52d5\u9801<\/span><span class=\"ost-case-tag\">\u5ee3\u544a\u5c0e\u6d41<\/span><span class=\"ost-case-tag\">\u8f49\u63db\u8a2d\u8a08<\/span><\/div><p class=\"ost-case-card-desc\">\u91dd\u5c0d\u55ae\u4e00\u6d3b\u52d5\u8207\u5ee3\u544a\u6d41\u91cf\u8a2d\u8a08\u9801\u9762\uff0c\u8b93\u4f7f\u7528\u8005\u80fd\u5feb\u901f\u7406\u89e3\u6d3b\u52d5\u4e26\u5b8c\u6210\u8a62\u554f\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"system\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-case-v1\/ost-case-booking.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u7cfb\u7d71\u5f8c\u53f0<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-booking\/\">\u5ba2\u88fd\u5316\u9810\u7d04\u7cfb\u7d71<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">\u9810\u7d04\u6d41\u7a0b<\/span><span class=\"ost-case-tag\">\u5f8c\u53f0\u7ba1\u7406<\/span><span class=\"ost-case-tag\">\u901a\u77e5\u63d0\u9192<\/span><\/div><p class=\"ost-case-card-desc\">\u5354\u52a9\u670d\u52d9\u578b\u54c1\u724c\u6574\u7406\u9810\u7d04\u6d41\u7a0b\uff0c\u964d\u4f4e\u4eba\u5de5\u6e9d\u901a\u6210\u672c\u4e26\u63d0\u5347\u7ba1\u7406\u6548\u7387\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><article class=\"ost-case-card\" data-category=\"consulting\"><div class=\"ost-case-cover\"><img loading=\"lazy\" class=\"ost-case-cover-art\" src=\"https:\/\/jyustar.com\/wp-content\/uploads\/2026\/10\/ost-case-v1\/ost-case-consulting.png\" alt=\"\" width=\"1600\" height=\"1000\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"ost-case-card-body\"><div class=\"ost-case-meta\"><span class=\"ost-case-category\">\u6578\u4f4d\u9867\u554f<\/span><span class=\"ost-case-concept\">\u6982\u5ff5\u793a\u7bc4<\/span><\/div><h2 class=\"ost-case-card-title\"><a href=\"https:\/\/jyustar.com\/index.php\/portfolio\/concept-consulting\/\">\u6578\u4f4d\u5c08\u6848\u524d\u671f\u9867\u554f<\/a><\/h2><div class=\"ost-case-tags\"><span class=\"ost-case-tag\">\u9700\u6c42\u6574\u7406<\/span><span class=\"ost-case-tag\">\u529f\u80fd\u898f\u5283<\/span><span class=\"ost-case-tag\">\u9810\u7b97\u8a55\u4f30<\/span><\/div><p class=\"ost-case-card-desc\">\u5354\u52a9\u54c1\u724c\u5728\u6b63\u5f0f\u958b\u767c\u524d\u91d0\u6e05\u76ee\u6a19\u3001\u529f\u80fd\u3001\u968e\u6bb5\u8207\u9810\u7b97\uff0c\u964d\u4f4e\u5c08\u6848\u98a8\u96aa\u3002<\/p><span class=\"ost-case-more\" aria-hidden=\"true\">\u67e5\u770b\u6848\u4f8b <span>\u2192<\/span><\/span><\/div><\/article><\/div><p class=\"ost-case-empty\" hidden>\u76ee\u524d\u6c92\u6709\u9019\u500b\u5206\u985e\u7684\u4f5c\u54c1\uff0c\u8acb\u9078\u64c7\u5176\u4ed6\u5206\u985e\u6216\u300c\u5168\u90e8\u300d\u3002<\/p><div class=\"ost-case-cta\"><h2>\u60f3\u6253\u9020\u4e0b\u4e00\u500b<span>\u6578\u4f4d\u4f5c\u54c1\u55ce\uff1f<\/span><\/h2><a class=\"ost-case-btn\" href=\"https:\/\/jyustar.com\/index.php\/contact\/\">\u958b\u59cb\u8a0e\u8ad6\u9700\u6c42 \u2192<\/a><\/div><\/div><script>(()=>{'use strict';const page=document.currentScript.closest('.ost-case-page');if(!page||page.dataset.ready)return;page.dataset.ready='true';const tabs=[...page.querySelectorAll('.ost-case-tab')],cards=[...page.querySelectorAll('.ost-case-card')];let active=new URLSearchParams(location.search).get('case_category')||'all';if(!tabs.some(t=>t.dataset.filter===active))active='all';function render(){let count=0;cards.forEach(card=>{const match=active==='all'||(card.dataset.category||'').split(' ').includes(active);card.hidden=!match;if(match)count++;});tabs.forEach(t=>t.setAttribute('aria-pressed',String(t.dataset.filter===active)));page.querySelector('.ost-case-results').textContent=`\u986f\u793a ${count} \u500b\u4f5c\u54c1`;page.querySelector('.ost-case-empty').hidden=count>0;}tabs.forEach(t=>t.addEventListener('click',()=>{active=t.dataset.filter;render();const u=new URL(location.href);if(active==='all')u.searchParams.delete('case_category');else u.searchParams.set('case_category',active);history.replaceState(null,'',u);}));render();})();<\/script><\/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>\u63a2\u7d22\u6a58\u661f\u79d1\u6280\u7684\u7db2\u7ad9\u3001APP\u3001\u904a\u6232\u3001\u7cfb\u7d71\u8207\u54c1\u724c\u8a2d\u8a08\u65b9\u5411\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-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages\/51","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=51"}],"version-history":[{"count":2,"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/jyustar.com\/index.php\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}