.join-card[data-v-1c1ff6b6]{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:16px 48px 16px 120px}@media screen and (max-width:567px){.join-card[data-v-1c1ff6b6]{border-radius:8px;flex-direction:column-reverse;margin-top:60px;padding:16px 18px}}.join-card .lr-left[data-v-1c1ff6b6]{flex:1}@media screen and (max-width:567px){.join-card .lr-left[data-v-1c1ff6b6]{text-align:center;width:100%}}.join-card .lr-title[data-v-1c1ff6b6]{font-size:24px;font-weight:700;line-height:2;margin-bottom:8px}@media screen and (max-width:567px){.join-card .lr-title[data-v-1c1ff6b6]{font-size:16px;font-weight:600;margin-bottom:4px}}.join-card .lr-desc[data-v-1c1ff6b6]{font-size:16px;font-weight:400;line-height:2;margin-bottom:24px;max-width:496px}@media screen and (max-width:567px){.join-card .lr-desc[data-v-1c1ff6b6]{color:#666;font-size:14px;margin-bottom:32px}}.join-card .btn-join[data-v-1c1ff6b6]{padding:12px 40px}@media screen and (max-width:567px){.join-card .btn-join[data-v-1c1ff6b6]{padding:8px 20px}}.join-card .lr-right[data-v-1c1ff6b6]{height:288px;margin-right:48px;width:400px}@media screen and (max-width:567px){.join-card .lr-right[data-v-1c1ff6b6]{height:210px;margin-bottom:16px;margin-right:0;width:100%}}.detail-rich-text{color:#666;font-size:16px;font-weight:400;line-height:1.75}.detail-rich-text h2,.detail-rich-text h3,.detail-rich-text h4{color:#000;font-weight:600;margin:20px 0}.detail-rich-text h2{font-size:26px}.detail-rich-text h3{font-size:22px}.detail-rich-text h4{font-size:18px}@media screen and (max-width:567px){.detail-rich-text{font-size:14px}.detail-rich-text h2{font-size:20px}.detail-rich-text h3{font-size:18px}.detail-rich-text h4{font-size:16px}}.detail-rich-text p{margin:20px 0}.detail-rich-text a{color:#e60036;-webkit-text-decoration:underline;text-decoration:underline}.detail-rich-text img{max-width:100%}.detail-rich-text ol,.detail-rich-text ul{padding-left:20px}.detail-rich-text ol li,.detail-rich-text ul li{margin:10px 0}.detail-rich-text .ob-tip-center{font-size:14px;margin-top:-5px;text-align:center}.detail-rich-text .ob-subtitle{color:#000;font-size:20px;margin:20px 0}.detail-rich-text .ob-toc{background:#faf9fa;border-radius:10px;margin:20px 0;padding:30px}@media screen and (max-width:567px){.detail-rich-text .ob-toc{padding:24px}}.detail-rich-text .ob-toc .ob-toc-title{color:#000;font-size:18px;font-weight:500}.detail-rich-text .ob-toc ol,.detail-rich-text .ob-toc ul{color:#000;margin:10px 0;padding-left:20px}.detail-rich-text .ob-toc ol li+li,.detail-rich-text .ob-toc ul li+li{margin-top:5px}.detail-rich-text .ob-toc ol li a,.detail-rich-text .ob-toc ul li a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.detail-rich-text .ob-button{border:1px solid;border-radius:50px;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:9px 17px;text-align:center;-webkit-text-decoration:none;text-decoration:none}.detail-rich-text .ob-button+.ob-button{margin-left:18px}.detail-rich-text .ob-button._red{background:#e60033;border-color:#e60033;color:#fff}@media screen and (max-width:567px){.detail-rich-text .ob-button{font-size:14px;padding:9px 34px}.detail-rich-text .ob-button+.ob-button{margin-left:15px}}.detail-rich-text .auto-flex{display:flex;flex-wrap:wrap;gap:18px}@media screen and (max-width:567px){.detail-rich-text .auto-flex{gap:8px}}.detail-rich-text .auto-flex .ob-button+.ob-button{margin-left:0}.detail-rich-text iframe{max-width:100%!important}@media screen and (max-width:567px){.detail-rich-text iframe{height:260px}.detail-rich-text table{width:100%!important}}.detail-rich-text .ob-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:5px;margin-top:3px;width:18px}.detail-rich-text .ob-icon._circle{border:1px solid #000;border-radius:50%;font-size:10px;font-weight:600}.detail-rich-text .ob-icon._circle-fill{background:#000;border-radius:50%;color:#fff;font-size:10px;font-weight:600}.detail-rich-text .ob-icon._correct{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_correct_1.svg)}.detail-rich-text .ob-icon._correct-fill{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_correct_2.svg)}.detail-rich-text .ob-icon._wrong{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_wrong_1.svg)}.detail-rich-text .ob-icon._wrong-fill{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_wrong_2.svg)}.detail-rich-text .ob-tips{background-color:#fef7f5;border-radius:10px;color:#000;padding:35px 30px}@media screen and (max-width:567px){.detail-rich-text .ob-tips{padding:18px 16px}}.detail-rich-text .ob-tips.tips-red{background-color:#fef0f2}.detail-rich-text .ob-tips.tips-red .tips-header:before{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_alert.svg)}.detail-rich-text .ob-tips.tips-red .tips-header .tips-title{color:#e60036}.detail-rich-text .ob-tips .tips-header{align-items:center;display:flex;margin-bottom:15px}.detail-rich-text .ob-tips .tips-header:before{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_tip.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:18px;margin-right:5px;width:18px}.detail-rich-text .ob-tips .tips-header .tips-title{font-size:18px;font-weight:600}.detail-rich-text .ob-code,.detail-rich-text code{background:#e8e8e8;border-radius:4px;color:#000;display:inline;font-family:Consolas,monospace;font-weight:400;padding:0 5px}.detail-rich-text .ob-tab-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;position:relative}.detail-rich-text .ob-tab-list:before{background-color:#f8f8f8;border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.detail-rich-text .ob-tab-list .tab-item{align-items:center;border-bottom:2px solid transparent;border-radius:2px;color:#999;cursor:pointer;display:flex;font-size:14px;font-weight:600;line-height:1.5;padding:4px 8px;position:relative;z-index:1}.detail-rich-text .ob-tab-list .tab-item.active{border-color:#e60033;color:#000}.detail-rich-text .col-span-1{grid-column:span 1/span 1}.detail-rich-text .col-span-2{grid-column:span 2/span 2}.detail-rich-text .col-span-3{grid-column:span 3/span 3}.detail-rich-text .col-span-5{grid-column:span 5/span 5}.detail-rich-text .grid{display:grid}.detail-rich-text .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.detail-rich-text .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-rich-text .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-rich-text .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-rich-text .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-rich-text .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.detail-rich-text .grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.detail-rich-text .gap-1{grid-gap:.25rem;gap:.25rem}.detail-rich-text .gap-2{grid-gap:.5rem;gap:.5rem}.detail-rich-text .gap-3{grid-gap:.75rem;gap:.75rem}.detail-rich-text .gap-4{grid-gap:1rem;gap:1rem}.detail-rich-text .gap-5{grid-gap:1.25rem;gap:1.25rem}.detail-rich-text .gap-8{grid-gap:2rem;gap:2rem}.detail-rich-text .gap-10{grid-gap:2.5rem;gap:2.5rem}.detail-rich-text .gap-12{grid-gap:3rem;gap:3rem}.detail-rich-text .gap-x-2{grid-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.detail-rich-text .gap-x-4{grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.detail-rich-text .gap-x-8{grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.detail-rich-text .gap-y-1{grid-row-gap:.25rem;row-gap:.25rem}.detail-rich-text .gap-y-2{grid-row-gap:.5rem;row-gap:.5rem}.detail-rich-text .gap-y-4{grid-row-gap:1rem;row-gap:1rem}.detail-rich-text .gap-y-8{grid-row-gap:2rem;row-gap:2rem}.detail-rich-text .gap-y-12{grid-row-gap:3rem;row-gap:3rem}@media (min-width:640px){.detail-rich-text .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-rich-text .sm\:gap-6{grid-gap:1.5rem;gap:1.5rem}.detail-rich-text .sm\:p-8{padding:2rem}.detail-rich-text .sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.detail-rich-text .sm\:py-8{padding-bottom:2rem;padding-top:2rem}.detail-rich-text .sm\:pr-24{padding-right:6rem}.detail-rich-text .sm\:pl-0{padding-left:0}.detail-rich-text .sm\:text-base{font-size:1rem;line-height:1.5rem}.detail-rich-text .sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.detail-rich-text .sm\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.detail-rich-text .md\:grid{display:grid}.detail-rich-text .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-rich-text .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-rich-text .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-rich-text .md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.detail-rich-text .md\:gap-4{grid-gap:1rem;gap:1rem}.detail-rich-text .md\:gap-5{grid-gap:1.25rem;gap:1.25rem}.detail-rich-text .md\:gap-8{grid-gap:2rem;gap:2rem}.detail-rich-text .md\:gap-10{grid-gap:2.5rem;gap:2.5rem}.detail-rich-text .md\:gap-x-6{grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.detail-rich-text .md\:gap-x-7{grid-column-gap:1.75rem;-moz-column-gap:1.75rem;column-gap:1.75rem}.detail-rich-text .md\:gap-y-0{grid-row-gap:0;row-gap:0}.detail-rich-text .md\:gap-y-7{grid-row-gap:1.75rem;row-gap:1.75rem}}@media (min-width:1024px){.detail-rich-text .lg\:col-span-2{grid-column:span 2/span 2}.detail-rich-text .lg\:col-span-3{grid-column:span 3/span 3}.detail-rich-text .lg\:grid{display:grid}.detail-rich-text .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-rich-text .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-rich-text .lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}.article-directory-wrap .mobile-menu{align-items:center;background:#000;border-radius:20px;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:8px 16px;position:fixed;right:20px;z-index:100}.article-directory-wrap .mobile-menu img{height:16px;width:16px}.article-directory-wrap .mobile-shadow{background-color:rgba(0,0,0,.24);bottom:0;left:0;position:fixed;right:0;top:0;z-index:101}.article-directory{background:#fff;border-radius:10px;box-shadow:0 14px 30px 0 rgba(0,0,0,.03);height:-moz-fit-content;height:fit-content;max-height:85vh;overflow:auto;position:sticky;top:80px;width:260px}.article-directory .mobile-btn-close{display:none}.article-directory._mobile{border-radius:8px 8px 0 0;bottom:0;height:50vh;left:0;position:fixed;right:0;top:auto;width:100%;z-index:110}.article-directory._mobile .mobile-btn-close{cursor:pointer;display:flex}.article-directory._mobile .mobile-btn-close img{height:24px;width:24px}.article-directory .directory-title{align-items:flex-start;background-color:#fff;border-bottom:1px solid #d6d6d6;color:#000;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:space-between;margin-bottom:12px;margin-left:24px;margin-right:24px;padding-bottom:16px;padding-top:24px;position:sticky;top:0}@media screen and (max-width:567px){.article-directory .directory-title{line-height:24px;margin-left:20px;margin-right:20px;padding-bottom:16px;padding-top:16px}}.article-directory .table-of-contents{padding-bottom:24px;padding-left:8px;padding-right:8px}.article-directory .table-of-contents .toc-item{border-radius:10px;color:#666;cursor:pointer;font-size:14px;font-weight:400;padding:8px 16px;transition:all .3s}.article-directory .table-of-contents .toc-item:hover{background-color:#faf9fa}.article-directory .table-of-contents .toc-item.active{background-color:#faf9fa;color:#000}.article-directory .table-of-contents .toc-item.toc-h1{font-size:20px;font-weight:700;margin-top:8px;padding:12px 16px}.article-directory .table-of-contents .toc-item.toc-h2{font-size:16px;font-weight:500;margin-top:8px;padding:12px 16px}.article-directory .table-of-contents .toc-item.toc-h3{margin-left:8px}.article-directory .table-of-contents .toc-item.toc-h4{margin-left:16px}.article-directory .table-of-contents .toc-item.toc-h5{margin-left:32px}.guide-detail-page[data-v-6a991d86]{background-color:#faf9fa;padding-bottom:150px}@media screen and (max-width:567px){.guide-detail-page[data-v-6a991d86]{padding-bottom:80px}}.explore-guide-box-wrap[data-v-6a991d86]{display:flex;gap:30px;margin-left:auto;margin-right:auto;margin-top:50px}@media screen and (max-width:567px){.explore-guide-box-wrap[data-v-6a991d86]{gap:0}}.explore-guide-box[data-v-6a991d86]{background:#fff;border-radius:10px;box-shadow:0 14px 30px 0 rgba(0,0,0,.03);flex:1;padding:50px}@media screen and (max-width:567px){.explore-guide-box[data-v-6a991d86]{padding:50px 20px}}.explore-guide-box .guide-title[data-v-6a991d86]{color:#000;font-size:40px;font-weight:600}@media screen and (max-width:567px){.explore-guide-box .guide-title[data-v-6a991d86]{font-size:22px}}.explore-guide-box .guide-split-line[data-v-6a991d86]{border-bottom:1px solid #ddd;margin-bottom:30px;margin-top:50px}@media screen and (max-width:567px){.explore-guide-box .guide-split-line[data-v-6a991d86]{margin-bottom:24px;margin-top:16px}}.explore-guide-box .guide-content-wrap[data-v-6a991d86]{color:#000;word-break:break-word}@media screen and (max-width:567px){.guide-below[data-v-6a991d86]{padding:0 20px}}.guide-below .join-card[data-v-6a991d86]{border-radius:16px;box-shadow:0 14px 30px 0 rgba(0,0,0,.03);margin-top:80px;padding-left:79px}@media screen and (max-width:567px){.guide-below .join-card[data-v-6a991d86]{padding-left:16px;padding-right:16px}}