@import "https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;500;600;700&display=swap";
.blog-page{--blog-primary:#0075ff;--blog-dark:#051229;--blog-body:#364052;--blog-muted:#7e8590;--blog-bg:#e1e8f0;--blog-bg-soft:#dfecfd;--blog-border:#ced7e0;--blog-white:#f7f7f7;color:var(--blog-body);background-color:#fff;font-family:"M PLUS 1",Roboto,sans-serif}.blog-page figure{margin:0}.blog-page .section-space{padding:140px 0 80px}@media (max-width:991px){.blog-page .section-space{padding:80px 0 60px}}.blog-page .blog-container{max-width:960px;margin:0 auto;padding:0 20px}.blog-page .blog-breadcrumb{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:14px;display:flex}.blog-page .blog-breadcrumb a{color:var(--blog-muted);text-decoration:none;transition:color .2s}.blog-page .blog-breadcrumb a:hover{color:var(--blog-primary)}.blog-page .blog-breadcrumb span.sep{opacity:.5}.blog-page .tj-post-thumb{border-radius:12px;margin-bottom:25px;position:relative;overflow:hidden}.blog-page .blog-media{background-color:var(--blog-bg);position:relative;overflow:hidden}.blog-page .blog-media img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .5s;display:block}.blog-page .tj-post-thumb:hover .blog-media img{transform:scale(1.05)}.blog-page .blog-media--contain{background-color:var(--blog-bg-soft)}.blog-page .blog-media--contain img{object-fit:contain}.blog-page .blog-media--hero{aspect-ratio:16/7}.blog-page .blog-media--content{border-radius:12px}.blog-page .blog-media--card{aspect-ratio:4/3}.blog-page .hover-shine:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 50%,#ffffff59 100%);width:100%;transition:all .5s;position:absolute;top:0;bottom:0;left:-140%;transform:skew(-25deg)}.blog-page .hover-shine:hover:before{animation:1s forwards blog-shine}@keyframes blog-shine{to{transform:skew(-25deg)translate(280%)}}.blog-page .tj-post-title{color:var(--blog-dark);letter-spacing:-.02em;margin:0 0 25px;font-size:clamp(26px,4vw,32px);font-weight:700;line-height:1.35}.blog-page .blog-meta-bar{border:1px solid var(--blog-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-bottom:40px;padding:10px 16px;display:flex}.blog-page .blog-meta-item{border-right:1px solid var(--blog-border);align-items:center;gap:12px;padding-right:24px;display:flex}.blog-page .blog-meta-item:last-child{border-right:none;padding-right:0}.blog-page .blog-meta-icon{width:42px;height:42px;color:var(--blog-primary);background-color:var(--blog-bg-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.blog-page .blog-meta-text .label{color:var(--blog-muted);margin-bottom:6px;font-size:14px;line-height:1;display:block}.blog-page .blog-meta-text h6{color:var(--blog-dark);margin:0;font-size:16px;font-weight:600}.blog-page .tj-entry-content{color:var(--blog-body);font-size:16px;line-height:1.75}.blog-page .tj-entry-content>*+*{margin-top:1.25rem}.blog-page .tj-entry-content h2{color:var(--blog-dark);border-bottom:1px solid var(--blog-border);letter-spacing:-.02em;margin:48px 0 16px;padding-bottom:12px;font-size:24px;font-weight:700}.blog-page .tj-entry-content h2:first-child{margin-top:0}.blog-page .tj-entry-content h3{color:var(--blog-dark);margin:28px 0 10px;font-size:20px;font-weight:600}.blog-page .tj-entry-content p{margin:0 0 16px}.blog-page .tj-entry-content strong{color:var(--blog-dark);font-weight:600}.blog-page .tj-entry-content img,.blog-page .tj-entry-content .blog-figure img{border-radius:12px 12px 0 0}.blog-page .blog-figure figcaption{text-align:center;color:var(--blog-muted);margin-bottom:24px;font-size:14px}.blog-page .blog-figure-grid{grid-template-columns:1fr;gap:20px;margin:30px 0;display:grid}@media (min-width:768px){.blog-page .blog-figure-grid{grid-template-columns:1fr 1fr}}.blog-page .blog-figure-card{border:1px solid var(--blog-border);border-radius:12px;overflow:hidden}.blog-page .blog-step{border-bottom:1px solid var(--blog-border);gap:16px;padding:20px 0;display:flex}.blog-page .blog-step:last-child{border-bottom:none}.blog-page .blog-step h3{color:var(--blog-dark);margin:0 0 8px;font-size:18px;font-weight:600}.blog-page .blog-step p{margin:0;font-size:15px;line-height:1.65}.blog-page .blog-figure-card figcaption{background:#fafbfc;margin:0;padding:12px 16px}.blog-page .blog-step-num{color:#fff;background:var(--blog-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.blog-page .blog-checklist{gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.blog-page .blog-checklist{grid-template-columns:1fr 1fr}}.blog-page .blog-checklist li{background:var(--blog-bg-soft);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:15px;line-height:1.6;display:flex}.blog-page .blog-checklist li:before{content:"✓";background:var(--blog-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.blog-page .blog-table-wrap{background:#fff;border-radius:12px;margin:24px 0;padding:0;overflow:auto hidden}.blog-page .blog-table{border-collapse:separate;border-spacing:0;border:none;width:100%;margin:0;font-size:15px}.blog-page .blog-table th,.blog-page .blog-table td{border:none;border-right:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);color:var(--blog-body);vertical-align:middle;box-sizing:border-box;background:#fff;margin:0;padding:14px 16px}.blog-page .blog-table thead th{text-align:left;color:var(--blog-dark);background:var(--blog-bg);border-top:1px solid var(--blog-border);font-weight:600}.blog-page .blog-table thead th:first-child,.blog-page .blog-table tbody td:first-child{border-left:1px solid var(--blog-border)}.blog-page .blog-table thead th:first-child{border-top-left-radius:11px}.blog-page .blog-table thead th:last-child{border-top-right-radius:11px}.blog-page .blog-table tbody tr:last-child td:first-child{border-bottom-left-radius:11px}.blog-page .blog-table tbody tr:last-child td:last-child{border-bottom-right-radius:11px}.blog-page .blog-table tbody tr:nth-child(2n) td{background:#fafbfc}.blog-page .blog-table .price{color:var(--blog-primary);white-space:nowrap;font-weight:600}.blog-page .blog-notice{background:var(--blog-bg-soft);border-left:4px solid var(--blog-primary);border-radius:0 12px 12px 0;margin:24px 0;padding:16px 20px;font-size:15px;line-height:1.65}.blog-page .blog-tips{margin:20px 0;padding:0;list-style:none}.blog-page .blog-tips li{border-bottom:1px solid var(--blog-border);gap:14px;padding:14px 0;font-size:15px;line-height:1.65;display:flex}.blog-page .blog-tips li:last-child{border-bottom:none}.blog-page .blog-tip-num{width:28px;height:28px;color:var(--blog-primary);background:var(--blog-bg-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.blog-page .tj-cta-section{background-color:var(--blog-primary);z-index:2;padding:53px 0;position:relative;overflow:hidden}.blog-page .cta-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1140px;margin:0 auto;padding:0 20px;display:flex}.blog-page .cta-wrapper .cta-title .title{color:var(--blog-white);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.1}.blog-page .blog-btn-primary{color:var(--blog-dark);background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 28px 16px 56px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.blog-page .blog-btn-primary:before{content:"→";background:var(--blog-dark);color:#fff;border-radius:50px;justify-content:center;align-items:center;width:40px;height:calc(100% - 12px);font-size:18px;transition:width .3s,background .3s;display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.blog-page .blog-btn-primary:hover{color:#fff}.blog-page .blog-btn-primary:hover:before{background:var(--blog-dark);width:calc(100% - 12px)}.blog-page .blog-related{border-top:1px solid var(--blog-border);gap:12px;margin-top:48px;padding-top:32px;display:grid}@media (min-width:576px){.blog-page .blog-related{grid-template-columns:repeat(3,1fr)}}.blog-page .blog-related a{border:1px solid var(--blog-border);color:var(--blog-dark);border-radius:12px;padding:16px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:block}.blog-page .blog-related a:hover{border-color:var(--blog-primary);color:var(--blog-primary)}