.blog-article-page{padding:70px 0 0}.blog-breadcrumb{display:flex;align-items:center;gap:7px;width:min(100% - 56px,1000px);margin:0 auto 52px;color:#8b8179;font-size:12px}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-breadcrumb a:hover{color:var(--orange)}.blog-breadcrumb span{min-width:0;overflow:hidden;color:#6f665f;text-overflow:ellipsis;white-space:nowrap}.blog-article-page>header{width:min(100% - 56px,1000px);margin:0 auto 58px;text-align:center}.blog-article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;color:#8b8179;font-size:13px}.blog-article-meta span{display:flex;align-items:center;gap:5px}.blog-article-page>header h1{max-width:760px;margin:24px auto 20px;line-height:.9}.blog-article-page>header>p{max-width:720px;margin:0 auto;color:#766d66;font-size:16px;line-height:1.65}.blog-article-art{overflow:hidden;width:min(100% - 56px,1080px);aspect-ratio:1200 / 630;height:auto;margin:0 auto 76px;border-radius:30px;background:#b64c1c}.blog-article-art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 68%}.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,252px);align-items:start;gap:clamp(42px,5vw,68px);width:min(100% - 56px,1080px);margin:0 auto}.blog-article-layout .blog-article-body{width:auto;margin:0}.blog-article-toc{position:sticky;top:92px;min-width:0;max-height:calc(100dvh - 116px);overflow-y:auto;padding:8px 0 4px}.blog-toc{min-width:0}.blog-toc__desktop-title{display:flex;align-items:center;gap:8px;margin-bottom:19px;color:var(--n-500);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.blog-toc__mobile-toggle{display:none}.blog-toc__list-wrap{display:grid;grid-template-rows:1fr}.blog-toc__list{overflow:hidden;margin:0;padding:0;list-style:none}.blog-toc__list li{margin:0}.blog-toc__link{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px;padding:7px 4px 7px 17px;border-left:1px solid var(--n-200);color:var(--n-500);font-size:12px;line-height:1.45;text-decoration:none;transition:color .16s ease,transform .16s ease}.blog-toc__link:hover{color:var(--n-900);transform:translate(2px)}.blog-toc__marker{position:absolute;top:7px;bottom:7px;left:-1px;width:2px;border-radius:999px;background:var(--brand-base);opacity:0;transform:scaleY(.35);transform-origin:center;transition:opacity .16s ease,transform .18s ease}.blog-toc__link.is-active{color:var(--brand-ink);font-weight:620}.blog-toc__link.is-active .blog-toc__marker{opacity:1;transform:scaleY(1)}.blog-toc__number{color:var(--n-400);font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:1.95}.blog-toc__label{min-width:0}.blog-toc__link:focus-visible,.blog-toc__mobile-toggle:focus-visible{outline:2px solid var(--brand-base);outline-offset:3px;border-radius:3px}.blog-share{margin-top:30px}.blog-share--end{width:min(100% - 56px,760px);margin:54px auto 0}.blog-share--mobile{display:none}.blog-creator-cta{position:relative;display:grid;min-height:560px;margin-top:clamp(88px,9vw,128px);overflow:hidden;isolation:isolate;place-items:center;color:#fff;background-color:var(--brand-base);background-image:url(../blog/creator-cta/banner-orange-texture-v2.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.blog-creator-cta:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 58% 72% at 50% 50%,rgb(107 30 0 / 30%) 0%,rgb(125 37 0 / 20%) 42%,transparent 76%);content:"";pointer-events:none}.blog-creator-cta__content{position:relative;z-index:1;display:flex;width:min(calc(100% - 48px),920px);flex-direction:column;align-items:center;text-align:center}.blog-creator-cta__eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:#ffffffe5;font-size:12px;font-weight:750;letter-spacing:.18em;line-height:1;text-transform:uppercase}.blog-creator-cta__eyebrow:before,.blog-creator-cta__eyebrow:after{width:36px;height:1px;background:#ffffff94;content:""}.blog-creator-cta h2{margin:24px 0 0;color:inherit;font-family:var(--font-serif);font-size:clamp(58px,5.6vw,80px);font-weight:600;letter-spacing:-.045em;line-height:.98;text-shadow:0 2px 2px rgb(95 31 0 / 12%),0 8px 24px rgb(95 31 0 / 18%);text-wrap:balance}html[lang=zh-CN] .blog-creator-cta h2{font-size:clamp(52px,5vw,72px)}.blog-creator-cta__description{max-width:680px;margin:28px 0 0;color:#fffffff5;font-size:clamp(19px,1.55vw,22px);font-weight:550;letter-spacing:-.015em;line-height:1.45;text-wrap:balance}.blog-creator-cta__actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px}.blog-creator-cta__button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.blog-creator-cta__button--primary{color:var(--brand-base);background:#fff;box-shadow:0 10px 28px #6426002e}.blog-creator-cta__button--secondary{border-color:#ffffffad;color:#fff;background:#ffffff14}.blog-creator-cta__button svg{width:18px;height:18px;flex:none;stroke-width:2.2;transition:transform .18s ease}.blog-creator-cta__button:hover{transform:translateY(-2px)}.blog-creator-cta__button--primary:hover{color:#d94f00;background:#fffaf7;box-shadow:0 14px 32px #6426003d}.blog-creator-cta__button--secondary:hover{border-color:#fff;background:#ffffff29}.blog-creator-cta__button--secondary:hover svg{transform:translate(3px)}.blog-creator-cta__button:focus-visible{outline:3px solid #fff;outline-offset:4px}.blog-share__heading{display:flex;align-items:center;gap:7px;color:#8b8179;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.blog-share__actions{display:flex;gap:8px;margin-top:12px}.blog-share__actions a,.blog-share__actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d8d0c8;border-radius:9px;color:#6f665f;background:transparent;cursor:pointer;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}.blog-share__brand-icon{width:15px;height:15px;fill:currentColor}.blog-share__actions a:hover,.blog-share__actions button:hover{border-color:var(--orange);color:var(--orange);background:#fff9f5}.blog-share__copied{display:block;margin-top:9px;color:var(--orange);font-size:11px}.blog-article-divider{width:38px;margin:36px 0;border-top:1px solid var(--border-strong)}.blog-article-body{width:min(100% - 56px,760px);margin:0 auto;color:#56504c}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3{margin:80px 0 28px;scroll-margin-top:112px;color:var(--ink);font-family:var(--font-serif);font-size:45px;font-weight:520;letter-spacing:-.045em;line-height:.98}.blog-article-body p,.blog-article-body li{margin:0 0 22px;color:#56504c;font-size:16px;line-height:1.85}.blog-article-body strong{color:#332b26;font-weight:700}.blog-article-body hr{width:38px;margin:36px 0;border:0;border-top:1px solid var(--border-strong)}.blog-article-body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.blog-game-rating{display:grid;width:100%;box-sizing:border-box;grid-template-columns:auto 248px minmax(0,1fr);align-items:center;gap:12px;margin:22px 0 32px}.blog-game-rating__heading{color:#332b26;font-size:11px;font-weight:750;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}.blog-game-rating__stars{display:grid;width:248px;grid-template-columns:repeat(5,1fr);gap:6px}.blog-game-rating__stars button{position:relative;display:grid;height:44px;padding:0;border:0;border-radius:10px;place-items:center;background:transparent;color:#c4bbb5;cursor:pointer;transition:color .14s ease,background-color .14s ease,transform .14s ease}.blog-game-rating__stars button:hover:not(:disabled),.blog-game-rating__stars button:focus-visible:not(:disabled){background:#ee5c2a12}.blog-game-rating__stars button:focus-visible{outline:2px solid var(--brand-base);outline-offset:2px}.blog-game-rating__stars button>svg{width:27px;height:27px;fill:transparent;stroke-width:1.65;transition:fill .14s ease,transform .14s ease}.blog-game-rating__stars button.is-active{color:var(--orange)}.blog-game-rating__stars button.is-active>svg{fill:currentColor}.blog-game-rating__stars button.is-selected>svg{animation:blog-rating-star-confirm .52s cubic-bezier(.2,.9,.3,1.35)}.blog-game-rating__stars button:disabled{cursor:default}.blog-game-rating__stars button:disabled:not(.is-active){color:#d5ceca}.blog-game-rating__particles{position:absolute;z-index:2;top:50%;left:50%;width:1px;height:1px;pointer-events:none}.blog-game-rating__particles:before{position:absolute;top:50%;left:50%;width:24px;height:24px;border:2px solid rgb(238 92 42 / 55%);border-radius:50%;content:"";transform:translate(-50%,-50%) scale(.55);animation:blog-rating-particle-ring .56s ease-out forwards}.blog-game-rating__particles i{position:absolute;top:-2px;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--particle-color);opacity:0;animation:blog-rating-particle .65s cubic-bezier(.16,.75,.3,1) var(--particle-delay) forwards}.blog-game-rating__particles i:nth-child(3n){border-radius:1px;transform:rotate(45deg)}.blog-game-rating__status{min-width:0;color:#615852;font-size:11px;font-weight:650;line-height:1.35;white-space:nowrap}.blog-game-rating.is-submitted .blog-game-rating__status{color:#496650}@keyframes blog-rating-star-confirm{0%{transform:scale(.82)}55%{transform:scale(1.16) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes blog-rating-particle-ring{0%{opacity:.75;transform:translate(-50%,-50%) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes blog-rating-particle{0%{opacity:0;transform:translate(0) scale(.5)}18%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--particle-x),var(--particle-y)) scale(.55)}}.blog-app-embed{width:min(100%,var(--blog-app-embed-width));margin:24px auto 36px;border:1px solid rgb(92 76 64 / 14%);border-radius:18px;background:#fff;box-shadow:0 10px 28px #3d30271a,0 2px 6px #3d30270f}.blog-app-embed__frame{position:relative;overflow:hidden;height:min(var(--blog-app-embed-height),calc(100svh - 120px));border-radius:inherit;background:#f8f6f3}.blog-app-embed iframe{display:block;width:100%;height:100%;border:0;background:#fff;opacity:0;overscroll-behavior:contain;transition:opacity .32s cubic-bezier(.32,.72,0,1)}.blog-app-embed__frame.is-loaded iframe{opacity:1}.blog-app-embed__loading,.blog-app-embed__placeholder{display:grid;place-items:center;color:#766d66;background:#f8f6f3}.blog-app-embed__loading{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-app-embed__placeholder{height:min(var(--blog-app-embed-height),calc(100svh - 120px));border-radius:inherit}.blog-app-embed__loading-content{display:flex;align-items:center;flex-direction:column;gap:14px;opacity:0;transform:translateY(4px);animation:blog-app-loading-enter .42s cubic-bezier(.32,.72,0,1) .14s forwards}.blog-app-embed__loading-dots{display:flex;height:8px;align-items:center;gap:6px}.blog-app-embed__loading-dots>span{width:6px;height:6px;border-radius:50%;background:var(--orange);opacity:.22;transform:scale(.72);animation:blog-app-loading-dot .9s cubic-bezier(.32,.72,0,1) infinite}.blog-app-embed__loading-dots>span:nth-child(1){animation-delay:-.24s}.blog-app-embed__loading-dots>span:nth-child(2){animation-delay:-.12s}.blog-app-embed__loading-copy{font-size:12px;font-weight:600;letter-spacing:.015em}@keyframes blog-app-loading-enter{to{opacity:1;transform:translateY(0)}}@keyframes blog-app-loading-dot{0%,to{opacity:.22;transform:scale(.72)}45%{opacity:.9;transform:scale(1)}}.blog-app-embed iframe:focus-visible{outline:2px solid var(--brand-base);outline-offset:-2px}.blog-faq{display:grid;width:min(100% - 56px,1080px);grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(64px,9vw,128px);margin:132px auto 0}.blog-faq__eyebrow{display:block;margin-bottom:25px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.blog-faq__intro h2{max-width:330px;margin:0;color:var(--ink);font-family:var(--font-serif);font-size:clamp(40px,4vw,56px);font-weight:520;letter-spacing:-.05em;line-height:.94}.blog-faq__intro p{max-width:300px;margin:24px 0 0;color:#766d66;font-size:13px;line-height:1.65}.blog-faq__items{display:grid;align-content:start;gap:34px}.blog-faq__item{position:relative}.blog-faq__item h3{margin:0}.blog-faq__item button{display:grid;width:100%;min-height:30px;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:16px;padding:0;border:0;color:#332b26;background:transparent;cursor:pointer;font:inherit;font-size:15px;font-weight:700;line-height:1.45;text-align:left}.blog-faq__number{align-self:start;padding-top:5px;color:#aca29a;font-size:9px;font-weight:800;letter-spacing:.16em;line-height:1;transition:color .28s cubic-bezier(.32,.72,0,1)}.blog-faq__question{transition:color .28s cubic-bezier(.32,.72,0,1),transform .36s cubic-bezier(.32,.72,0,1)}.blog-faq__item button:hover .blog-faq__question{color:#1f1a17;transform:translate(3px)}.blog-faq__item button:hover .blog-faq__number,.blog-faq__item.is-open .blog-faq__number{color:var(--orange)}.blog-faq__item button:focus-visible{border-radius:3px;outline:2px solid var(--brand-base);outline-offset:5px}.blog-faq__icon{position:relative;display:block;width:26px;height:26px;color:#766d66;transition:color .3s cubic-bezier(.32,.72,0,1),transform .42s cubic-bezier(.32,.72,0,1)}.blog-faq__icon:before,.blog-faq__icon:after{position:absolute;top:50%;left:50%;width:10px;height:1.5px;border-radius:999px;background:currentColor;content:"";transform:translate(-50%,-50%);transition:transform .42s cubic-bezier(.32,.72,0,1)}.blog-faq__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.blog-faq__item.is-open .blog-faq__icon{color:var(--orange);transform:rotate(45deg)}.blog-faq__answer-shell{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .46s cubic-bezier(.32,.72,0,1),opacity .28s cubic-bezier(.32,.72,0,1),transform .46s cubic-bezier(.32,.72,0,1)}.blog-faq__item.is-open .blog-faq__answer-shell{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.blog-faq__answer{min-height:0;overflow:hidden}.blog-faq__answer p{max-width:620px;margin:0;padding:14px 42px 0 54px;color:#615852;font-size:14px;line-height:1.75}.blog-faq__answer a{color:var(--orange);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .22s cubic-bezier(.32,.72,0,1)}.blog-faq__answer a:hover{color:#b94319}.blog-faq__answer a:focus-visible{border-radius:3px;outline:2px solid var(--brand-base);outline-offset:3px}@media (max-width: 1080px){.blog-article-layout{display:flex;flex-direction:column;width:min(100% - 56px,760px)}.blog-article-layout .blog-article-body{width:100%}.blog-article-toc,.blog-share--desktop{display:none}.blog-share--mobile{display:block}.blog-toc__desktop-title{display:none}.blog-toc__mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 2px;border:0;border-radius:0;color:var(--n-700);background:transparent;cursor:pointer;font-size:12px;font-weight:650;text-align:left}.blog-toc__mobile-toggle>span{display:inline-flex;align-items:center;gap:8px}.blog-toc__chevron{transition:transform .18s ease}.blog-toc__chevron.is-open{transform:rotate(180deg)}.blog-toc__list-wrap{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}.blog-toc__list-wrap.is-open{grid-template-rows:1fr;opacity:1}.blog-toc__list{min-height:0}.blog-toc__link{padding-left:15px}.blog-faq{width:min(100% - 56px,760px);grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);gap:52px}}@media (max-width: 820px){.blog-faq{grid-template-columns:1fr;gap:52px}.blog-faq__intro h2,.blog-faq__intro p{max-width:520px}}@media (max-width: 680px){.blog-share--end{width:calc(100% - 30px);margin-top:42px}.blog-article-page{padding:44px 0 0}.blog-breadcrumb{width:calc(100% - 36px);margin-bottom:42px}.blog-article-page>header{width:calc(100% - 36px);margin-bottom:52px}.blog-article-page>header>p{font-size:14px}.blog-article-art{width:calc(100% - 30px);aspect-ratio:1200 / 630;height:auto;margin-bottom:70px;border-radius:23px}.blog-article-body,.blog-article-layout{width:calc(100% - 44px)}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3{margin-top:65px;font-size:38px}.blog-article-body p,.blog-article-body li{font-size:15px}.blog-app-embed{width:100%;margin-top:20px;margin-bottom:30px;border-radius:14px}.blog-game-rating{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;margin:20px 0 28px}.blog-game-rating__stars{grid-column:1 / -1;grid-row:2;width:248px;gap:6px}.blog-game-rating__status{grid-column:2;grid-row:1;text-align:right}.blog-game-rating__stars button>svg{width:27px;height:27px}.blog-faq{width:calc(100% - 44px);gap:44px;margin-top:104px}.blog-faq__intro h2{font-size:40px}.blog-faq__intro p{margin-top:18px}.blog-faq__item button{min-height:28px;grid-template-columns:28px minmax(0,1fr) 24px;gap:12px;padding:0;font-size:13px}.blog-faq__items{gap:30px}.blog-faq__answer p{padding:12px 0 0 40px}.blog-creator-cta{min-height:500px;margin-top:72px}.blog-creator-cta__content{width:calc(100% - 44px)}.blog-creator-cta h2{margin-top:20px;font-size:clamp(42px,12.25vw,52px);letter-spacing:-.04em}html[lang=zh-CN] .blog-creator-cta h2{font-size:clamp(32px,10vw,40px)}.blog-creator-cta__description{max-width:440px;margin-top:22px;font-size:17px}.blog-creator-cta__eyebrow{gap:10px;font-size:11px}.blog-creator-cta__eyebrow:before,.blog-creator-cta__eyebrow:after{width:28px}.blog-creator-cta__actions{width:min(100%,320px);flex-direction:column;gap:10px;margin-top:32px}.blog-creator-cta__button{width:100%;min-height:52px}}.dark .blog-article-page{color:var(--n-600)}.dark .blog-game-rating__heading{color:#f2ebe5}.dark .blog-game-rating__status{color:#b9ada3}.dark .blog-game-rating__stars button{color:#6f6660}.dark .blog-game-rating__stars button.is-active{color:var(--orange)}.dark .blog-game-rating__stars button:hover:not(:disabled),.dark .blog-game-rating__stars button:focus-visible:not(:disabled){background:#ee5c2a1f}.dark .blog-game-rating.is-submitted .blog-game-rating__status{color:#9dc5a6}.dark .blog-toc__mobile-toggle{color:var(--n-700)}.dark .blog-faq__item button{color:#f2ebe5}.dark .blog-faq__intro p,.dark .blog-faq__answer p{color:#b9ada3}.dark .blog-faq__number{color:#746960}.dark .blog-faq__item button:hover .blog-faq__question,.dark .blog-faq__item.is-open .blog-faq__number{color:var(--orange)}@media (prefers-reduced-motion: reduce){.blog-app-embed iframe{transition:none}.blog-app-embed__loading-content{opacity:1;transform:none;animation:none}.blog-app-embed__loading-dots>span{opacity:.35;transform:scale(.82);animation:none}.blog-app-embed__loading-dots>span:nth-child(2){opacity:.9;transform:scale(1)}.blog-game-rating__stars button,.blog-game-rating__stars button>svg{transition:none}.blog-game-rating__stars button.is-selected>svg{animation:none}.blog-game-rating__particles{display:none}.blog-creator-cta__button,.blog-creator-cta__button svg{transition:none}.blog-creator-cta__button:hover{transform:none}.blog-creator-cta__button--secondary:hover svg{transform:none}.blog-toc__link,.blog-toc__marker,.blog-toc__chevron,.blog-toc__list-wrap,.blog-faq__icon,.blog-faq__number,.blog-faq__question,.blog-faq__answer-shell{transition:none}.blog-faq__item button:hover .blog-faq__question,.blog-toc__link:hover{transform:none}}