.community-icon--xs{width:8px;height:8px}.community-icon--sm{width:12px;height:12px}.community-icon--base{width:16px;height:16px}.community-icon--lg{width:20px;height:20px}.community-icon--xl{width:24px;height:24px}.community-icon--2xl{width:28px;height:28px}.community-icon--3xl{width:32px;height:32px}.pg-skills{--skills-bg:#fff;--skills-bg-soft:#f9f9f9;--skills-ink:#111;--skills-ink-2:#1a1a1a;--skills-ink-3:#444;--skills-ink-4:#6b6b6b;--skills-line:#f0f0f0;--skills-line-2:#d4d4d4;--skills-radius:16px;--skills-max-width:1280px;color:var(--skills-ink-2);background:var(--skills-bg);-webkit-font-smoothing:antialiased}.pg-skills .skills-page__navigation{position:sticky;z-index:100;top:0}.pg-skills .skills-page__content{display:flex;flex-direction:column;align-items:center}.pg-skills .skills-page__intro{display:flex;align-items:center;max-width:var(--skills-max-width);padding:13px 14px 13px 24px;gap:8px;color:var(--skills-ink-2);font-size:14px;line-height:20px;background:linear-gradient(90deg,#e6faf9,#e5fced 50%,#f2fcf9);border-radius:40px;text-decoration:none;cursor:pointer;transition:background .2s ease}.pg-skills .skills-page__intro:hover{background:linear-gradient(90deg,#c6f7f6,#e0fcf5 50%,#c5fad8)}.pg-skills .skills-page__intro:focus-visible{outline:none}.pg-skills .skills-page__title-image{width:min(838px,100% - 48px);height:auto;margin-top:32px;padding-left:20px}.pg-skills .skills-page__description{display:flex;margin-top:20px;align-items:center;gap:2px;font-size:24px;line-height:32px}.pg-skills .skills-page__skill-label{display:inline-flex;align-items:center;padding:2px 8px;gap:4px;color:#008f51;font-weight:500}.pg-skills .skills-page__skills{width:min(var(--skills-max-width),100% - 48px);margin-top:72px;scroll-margin-top:96px}.pg-skills .skills-page__skills-title{display:flex;align-items:baseline;margin:0;gap:12px}.pg-skills .skills-page__skills-title-cn{font-size:32px;font-weight:600}.pg-skills .skills-page__skills-title-en{width:auto;height:24px}.pg-skills .skills-page__usage{margin-top:12px}.pg-skills .skills-page__usage-title{display:flex;align-items:center;font-size:14px;line-height:20px}.pg-skills .skills-page__usage-steps{display:flex;align-items:center;margin:0;padding:13px 16px;column-gap:16px;background:var(--skills-bg-soft);border-radius:12px;list-style:none}.pg-skills .skills-page__usage-step{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px}.pg-skills .skills-page__usage-separator{display:flex;flex:0 0 24px;align-items:center;justify-content:center}.pg-skills .skills-page__usage-separator-icon{width:24px;height:12px}.pg-skills .skills-page__usage-step strong{font-weight:600}.pg-skills .skills-page__usage-index{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;font-weight:600;background:#e3e3e3;border-radius:50%}.pg-skills .skills-page__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:30px}.pg-skills .skills-page__templates{width:min(var(--skills-max-width),100% - 48px);margin-top:96px;scroll-margin-top:96px}.pg-skills .skills-page__templates-title{display:flex;align-items:center;margin:0;gap:12px}.pg-skills .skills-page__templates-title-cn{font-size:32px;font-weight:600}.pg-skills .skills-page__templates-title-en{width:auto;height:36px}.pg-skills .skills-page__template-tabs{display:flex;align-items:center;margin-top:28px;gap:16px}.pg-skills .skills-page__template-tab{display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:42px;padding:0 20px 0 16px;gap:6px;color:var(--skills-ink-3);font-family:PingFang SC,sans-serif;font-size:16px;font-weight:700;background:var(--skills-bg-soft);border:0;border-radius:12px;cursor:pointer}.pg-skills .skills-page__template-tab[aria-selected=true]{color:#fff;background:#2c2c2c}.pg-skills .skills-page__template-tab:not([aria-selected=true]):hover{background:#ebebeb}.pg-skills .skills-page__template-tab:focus-visible{outline:none}.pg-skills .skills-page__template-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:30px}.pg-skills .community-template-card{overflow:hidden;min-width:0;background:var(--skills-bg);border-radius:var(--skills-radius)}.pg-skills .community-template-card__media-link{display:block;border-radius:var(--skills-radius);cursor:pointer}.pg-skills .community-template-card__media-link:focus-visible,.pg-skills .community-template-card__title-link:focus-visible{outline:none}.pg-skills .community-template-card__media{position:relative;overflow:hidden;width:100%;aspect-ratio:3/2;background:#dff6ff;border-radius:var(--skills-radius)}.pg-skills .community-template-card__media:after{position:absolute;z-index:4;inset:0;background:rgba(0,0,0,0);border-radius:var(--skills-radius);content:"";pointer-events:none}.pg-skills .community-template-card__media[data-template-type=ui]:after{border:1px solid rgba(0,0,0,.08)}.pg-skills .community-template-card__media[data-template-type=ui]:hover:after{background:rgba(0,0,0,.08)}.pg-skills .community-template-card__image-wrap{position:absolute;overflow:hidden;background:var(--skills-bg-soft);border-radius:18px}.pg-skills .community-template-card__media[data-image-count="1"] .community-template-card__image-wrap{inset:0;border-radius:var(--skills-radius)}.pg-skills .community-template-card__media[data-image-count="3"] .community-template-card__image-wrap{width:auto;height:80%;aspect-ratio:2/3;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:transform .24s ease,filter .24s ease,box-shadow .24s ease}.pg-skills .community-template-card__media[data-image-count="3"] .community-template-card__image-wrap[data-position="1"]{z-index:3;left:50%;bottom:25px;transform:translateX(-50%)}.pg-skills .community-template-card__media[data-image-count="3"] .community-template-card__image-wrap[data-position="2"]{z-index:2;left:48%;bottom:32px;height:75%;transform:translateX(-50%) rotate(-5deg);transform-origin:bottom center;filter:brightness(.82)}.pg-skills .community-template-card__media[data-image-count="3"] .community-template-card__image-wrap[data-position="3"]{z-index:1;left:52%;bottom:32px;height:75%;transform:translateX(-50%) rotate(5deg);transform-origin:bottom center;filter:brightness(.76)}.pg-skills .community-template-card__media[data-image-count="3"]:hover .community-template-card__image-wrap{filter:none}.pg-skills .community-template-card__media[data-image-count="3"]:hover .community-template-card__image-wrap[data-position="2"]{transform:translateX(-115%) rotate(-5deg)}.pg-skills .community-template-card__media[data-image-count="3"]:hover .community-template-card__image-wrap[data-position="3"]{transform:translateX(15%) rotate(5deg)}.pg-skills .community-template-card__image{display:block;width:100%;height:100%;visibility:hidden;object-fit:cover}.pg-skills .community-template-card__image[data-loaded=true]{visibility:visible}.pg-skills .community-template-card__image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--skills-ink-4);font-size:12px;background:#f7f7f7;pointer-events:none}.pg-skills .community-template-card__image-fallback[data-state=loading]{background:linear-gradient(90deg,#f7f7f7 25%,#fff 37%,#f7f7f7 63%);background-size:400% 100%;animation:community-skill-card-skeleton 1.4s ease infinite}.pg-skills .community-template-card__image-fallback[data-state=loaded]{visibility:hidden}.pg-skills .community-template-card__body{position:relative;padding:12px 4px 10px}.pg-skills .community-template-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pg-skills .community-template-card__title{overflow:hidden;margin:0;font-size:16px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.pg-skills .community-template-card__title-link{color:inherit;text-decoration:none;cursor:pointer}.pg-skills .community-template-card__use{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;height:28px;padding:0 12px;gap:4px;font-size:12px;font-weight:500;background:rgba(0,0,0,0);border:1px solid var(--skills-line);border-radius:16px;cursor:pointer}.pg-skills .community-template-card__use:hover{background:var(--skills-bg-soft)}.pg-skills .community-template-card__use:focus-visible{outline:none}.pg-skills .community-template-card__author{display:flex;align-items:center;margin-top:8px;gap:8px;color:var(--skills-ink-3);font-size:14px;line-height:20px}.pg-skills .community-template-card__avatar,.pg-skills .community-template-card__avatar-image{width:20px;height:20px}.pg-skills .community-template-card__avatar-fallback{background:rgba(0,0,0,0)}.pg-skills .template-detail__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px}.pg-skills .template-detail__info{display:flex;flex-direction:column;align-items:flex-start}.pg-skills .template-detail__breadcrumb{display:flex;align-items:center;gap:8px;color:var(--skills-ink-4);font-size:14px;line-height:20px}.pg-skills .template-detail__breadcrumb a{color:inherit;text-decoration:none}.pg-skills .template-detail__breadcrumb a:hover{color:#000}.pg-skills .template-detail__title{margin:64px 0 0;font-size:32px;font-weight:600;line-height:45px}.pg-skills .template-detail__description{margin:20px 0 0;color:var(--skills-ink-3);font-size:14px;line-height:22px}.pg-skills .template-detail__metadata,.pg-skills .template-detail__source{display:flex;align-items:center;margin-top:24px;gap:3px;color:var(--skills-ink-4);font-size:14px;line-height:20px}.pg-skills .template-detail__actions{display:flex;align-items:center;margin-top:30px;gap:12px}.pg-skills .template-detail__use{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px 0 18px;gap:4px;color:#fff;font-size:14px;font-weight:600;background:rgba(0,0,0,.8);border:0;border-radius:20px;cursor:pointer}.pg-skills .template-detail__use:hover{background:rgba(0,0,0,.65)}.pg-skills .template-detail__save:focus-visible,.pg-skills .template-detail__use:focus-visible{outline:none}.pg-skills .template-detail__save{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;gap:6px;color:var(--skills-ink-2);font-size:14px;font-weight:600;background:#f0f0f0;border:0;border-radius:20px;cursor:pointer}.pg-skills .template-detail__save:hover,.pg-skills .template-detail__save[aria-expanded=true]{background:#dcdcdc}.pg-skills .template-detail__gallery{position:relative;overflow:visible;min-height:420px;border-radius:var(--skills-radius)}.pg-skills .template-detail__image-wrap{--gallery-base-x:-50%;--gallery-base-rotation:0deg;--gallery-motion-x:0px;--gallery-motion-y:0px;--gallery-motion-rotation:0deg;position:absolute;overflow:hidden;width:auto;height:85%;aspect-ratio:2/3;padding:0;background:var(--skills-bg-soft);border:0;border-radius:18px;box-shadow:0 6px 14px rgba(0,60,90,.16);cursor:zoom-in;transform:translate3d(var(--gallery-motion-x),var(--gallery-motion-y),0) translateX(var(--gallery-base-x)) rotate(calc(var(--gallery-base-rotation) + var(--gallery-motion-rotation)));transform-origin:bottom center}.pg-skills .template-detail__gallery[data-motion-active=true] .template-detail__image-wrap{will-change:transform}.pg-skills .template-detail__image-wrap:focus-visible{outline:none}.pg-skills .template-detail__image-wrap[data-position="1"]{z-index:3;left:50%;bottom:35px}.pg-skills .template-detail__image-wrap[data-position="2"]{--gallery-base-x:calc(-50% - 65%);--gallery-base-rotation:-5deg;z-index:2;left:48%;bottom:42px;height:80%}.pg-skills .template-detail__image-wrap[data-position="3"]{--gallery-base-x:calc(-50% + 65%);--gallery-base-rotation:5deg;z-index:1;left:52%;bottom:42px;height:80%}.pg-skills .template-detail__gallery[data-template-type=ui]{min-height:0;aspect-ratio:8/5}.pg-skills .template-detail__gallery[data-template-type=ui] .template-detail__image-wrap{width:82%;height:auto;aspect-ratio:3/2}.pg-skills .template-detail__gallery[data-template-type=ui] .template-detail__image-wrap[data-position="1"]{left:50%;bottom:20px}.pg-skills .template-detail__gallery[data-template-type=ui] .template-detail__image-wrap[data-position="2"]{--gallery-base-x:calc(-50% - 18%);--gallery-base-rotation:-3deg;left:50%;bottom:24px;width:76%;height:auto}.pg-skills .template-detail__gallery[data-template-type=ui] .template-detail__image-wrap[data-position="3"]{--gallery-base-x:calc(-50% + 18%);--gallery-base-rotation:3deg;left:50%;bottom:24px;width:76%;height:auto}.pg-skills .template-detail__image{width:100%;height:100%;visibility:hidden;object-fit:cover}.pg-skills .template-detail__image[data-loaded=true]{visibility:visible}.pg-skills .template-detail__image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--skills-ink-4);font-size:12px;background:#f7f7f7;pointer-events:none}.pg-skills .template-detail__image-fallback[data-state=loading]{background:linear-gradient(90deg,#f7f7f7 25%,#fff 37%,#f7f7f7 63%);background-size:400% 100%;animation:community-skill-card-skeleton 1.4s ease infinite}.pg-skills .template-detail__image-fallback[data-state=loaded]{visibility:hidden}.pg-skills .template-image-preview{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center}.pg-skills .template-image-preview__backdrop{position:absolute;inset:0;padding:0;background:hsla(0,0%,100%,.82);border:0;cursor:zoom-out;backdrop-filter:blur(12px)}.pg-skills .template-image-preview__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%}.pg-skills .template-image-preview__header{display:flex;flex:0 0 72px;align-items:center;justify-content:flex-end;padding:0 20px}.pg-skills .template-image-preview__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#fff;background:rgba(0,0,0,.68);border:0;border-radius:50%;cursor:pointer}.pg-skills .template-image-preview__body{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:0 80px 28px}.pg-skills .template-image-preview__content{display:flex;align-items:center;flex-direction:column;max-width:calc(100vw - 80px);max-height:100%;gap:40px}.pg-skills .template-image-preview__image{display:block;width:auto;max-width:min(560px,100vw - 80px);height:auto;max-height:calc(100vh - 228px);object-fit:contain;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.16)}.pg-skills .template-image-preview[data-template-type=ui] .template-image-preview__image{max-width:min(1120px,100vw - 120px)}.pg-skills .template-image-preview__thumbnails{display:flex;align-items:center;justify-content:center;gap:10px}.pg-skills .template-image-preview__thumbnail{overflow:hidden;width:88px;height:88px;padding:1px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer}.pg-skills .template-image-preview__thumbnail[aria-pressed=true]{border-color:#2c2c2c}.pg-skills .template-image-preview__nav{position:absolute;z-index:2;top:calc(50% - 64px);display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;padding:0;color:#2c2c2c;background:rgba(0,0,0,.06);border:0;border-radius:20px;cursor:pointer;transform:translateY(-50%)}.pg-skills .template-image-preview__nav:hover{background:rgba(0,0,0,.1)}.pg-skills .template-image-preview__nav--previous{left:32px}.pg-skills .template-image-preview__nav--next{right:32px}.pg-skills .template-image-preview__close:focus-visible,.pg-skills .template-image-preview__nav:focus-visible,.pg-skills .template-image-preview__thumbnail:focus-visible{outline:none}.pg-skills .template-image-preview__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}.pg-skills .template-detail__content{display:grid;grid-template-columns:minmax(0,1fr) 368px;align-items:start;padding-top:39px;margin-top:40px;border-top:1px solid rgba(0,0,0,.0784313725);gap:48px}.pg-skills .template-detail__markdown{min-width:0;color:var(--skills-ink-3);font-size:14px;line-height:24px;user-select:text}.pg-skills .template-detail__markdown h1{margin:0 0 24px;color:var(--skills-ink);font-size:32px;font-weight:600;line-height:40px}.pg-skills .template-detail__markdown h2{margin:40px 0 16px;color:var(--skills-ink-2);font-size:24px;font-weight:600;line-height:32px}.pg-skills .template-detail__markdown h3{margin:28px 0 12px;color:var(--skills-ink-2);font-size:18px;font-weight:600;line-height:28px}.pg-skills .template-detail__markdown li,.pg-skills .template-detail__markdown p{font-size:14px;line-height:24px}.pg-skills .template-detail__markdown-empty{margin:0;color:var(--skills-ink-4);font-size:14px;line-height:20px}.pg-skills .template-detail__usage{align-self:start;width:368px;max-width:100%;height:fit-content;padding:20px;background:var(--skills-bg-soft);border-radius:12px}.pg-skills .template-detail__usage-title{margin:0 -20px 20px;padding:0 20px 20px;font-size:16px;font-weight:600;line-height:24px;border-bottom:1px solid rgba(0,0,0,.08)}.pg-skills .template-detail__usage-steps{display:flex;flex-direction:column;margin:0;padding:0;gap:20px;list-style:none}.pg-skills .template-detail__usage-steps li{display:flex;flex-direction:column;gap:12px}.pg-skills .template-detail__usage-copy{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:500;line-height:20px}.pg-skills .template-detail__usage-copy>span{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;font-weight:600;background:#e3e3e3;border-radius:50%}.pg-skills .template-detail__usage-image{display:block;width:100%;height:auto;border-radius:12px}.pg-skills .skills-page__cards-state{grid-column:1/-1;margin:0;padding:48px 24px;color:var(--skills-ink-4);text-align:center;background:var(--skills-bg-soft);border-radius:var(--skills-radius)}.pg-skills .community-skill-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--skills-bg);border-radius:var(--skills-radius)}.pg-skills .community-skill-card__media-link{display:block;border-radius:var(--skills-radius);cursor:pointer}.pg-skills .community-skill-card__media-link:focus-visible,.pg-skills .community-skill-card__title:focus-visible{outline:none}.pg-skills .community-skill-card__media{position:relative;overflow:hidden;width:100%;aspect-ratio:3/2}.pg-skills .community-skill-card__media:after{position:absolute;inset:0;border-radius:var(--skills-radius);background:rgba(0,0,0,0);content:"";pointer-events:none}.pg-skills .community-skill-card__media:hover:after{background:rgba(0,0,0,.08)}.pg-skills .community-skill-card__image{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:var(--skills-radius);visibility:hidden;object-fit:cover}.pg-skills .community-skill-card__image[data-loaded=true]{visibility:visible}.pg-skills .community-skill-card__image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--skills-ink-4);font-size:14px;font-weight:400;border-radius:var(--skills-radius);background:#f7f7f7}.pg-skills .community-skill-card__image-fallback[data-state=loading]{background:linear-gradient(90deg,#f7f7f7 25%,#fff 37%,#f7f7f7 63%);background-size:400% 100%;animation:community-skill-card-skeleton 1.4s ease infinite}.pg-skills .community-skill-card__body{position:relative;display:flex;flex:1;flex-direction:column;padding:12px 0 10px 4px}.pg-skills .community-skill-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pg-skills .community-skill-card__title{overflow:hidden;margin:0;color:inherit;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pg-skills .community-skill-card__download{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;height:28px;padding:0 10px 0 12px;gap:4px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.0470588235);border-radius:16px;text-decoration:none;cursor:pointer}.pg-skills .community-skill-card__download:focus-visible{outline:none}.pg-skills .community-skill-card__download:hover{background:rgba(0,0,0,.04)}.pg-skills .community-skill-card__description{display:-webkit-box;flex:1;overflow:hidden;min-height:40px;margin:8px 0;color:var(--skills-ink-4);font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pg-skills .community-skill-card__author{display:flex;align-items:center;gap:8px;color:var(--skills-ink-3);font-size:14px;line-height:20px}.pg-skills .community-skill-card__avatar{width:20px;height:20px}.pg-skills .community-skill-card__avatar-fallback{background:rgba(0,0,0,0)}.pg-skills .community-skill-card__avatar-image{width:20px;height:20px}.pg-skills .skills-page__intro-button{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:2px 3px 8px #d3f5df}.pg-skills .skills-page__intro:hover .skills-page__intro-button{background:#8bf0b7}.pg-skills .skills-page__intro-button-icon{width:16px;height:16px}.pg-skills .skills-page__detail-content{width:min(var(--skills-max-width),100% - 48px);min-height:calc(100vh - 240px);margin:0 auto;padding-top:24px}.pg-skills .skills-page__detail-empty{margin:120px 0;color:var(--skills-ink-4);font-size:16px;line-height:24px;text-align:center}.pg-skills .skill-detail__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px}.pg-skills .skill-detail__info{display:flex;flex-direction:column;align-items:flex-start}.pg-skills .skill-detail__breadcrumb{display:flex;align-items:center;gap:8px;color:var(--skills-ink-4);font-size:14px;line-height:20px}.pg-skills .skill-detail__breadcrumb a{color:inherit;text-decoration:none}.pg-skills .skill-detail__breadcrumb a:hover{color:#000}.pg-skills .skill-detail__title{margin:64px 0 0;font-size:32px;font-weight:600;line-height:45px}.pg-skills .skill-detail__description{margin:20px 0 0;color:var(--skills-ink-3);font-size:14px;line-height:22px}.pg-skills .skill-detail__metadata{display:flex;margin-top:12px;gap:12px;color:rgba(0,0,0,.7);font-size:14px;line-height:22px}.pg-skills .skill-detail__metadata_version{display:flex;align-items:center;gap:3px}.pg-skills .skill-detail__source{display:flex;align-items:center;margin-top:12px;gap:2px;color:rgba(0,0,0,.7);font-size:14px;line-height:22px}.pg-skills .skill-detail__download{display:inline-flex;align-items:center;justify-content:center;height:40px;margin-top:30px;padding:0 20px 0 18px;gap:4px;color:#fff;font-size:14px;font-weight:600;background:rgba(0,0,0,.8);border-radius:20px;text-decoration:none}.pg-skills .skill-detail__download:hover{background:rgba(0,0,0,.65)}.pg-skills .skill-detail__download:focus-visible{outline:none}.pg-skills .skill-detail__media{position:relative;overflow:hidden;width:100%;aspect-ratio:3/2;background:var(--skills-bg-soft);border-radius:var(--skills-radius)}.pg-skills .skill-detail__image,.pg-skills .skill-detail__image-fallback{position:absolute;inset:0;width:100%;height:100%}.pg-skills .skill-detail__image{visibility:hidden;object-fit:cover}.pg-skills .skill-detail__image[data-loaded=true]{visibility:visible}.pg-skills .skill-detail__image-fallback{display:flex;align-items:center;justify-content:center;color:var(--skills-ink-4);font-size:14px;font-weight:400;background:#f7f7f7}.pg-skills .skill-detail__image-fallback[data-state=loading]{background:linear-gradient(90deg,#f7f7f7 25%,#fff 37%,#f7f7f7 63%);background-size:400% 100%;animation:community-skill-card-skeleton 1.4s ease infinite}.pg-skills .skill-detail__content{display:grid;grid-template-columns:minmax(0,1fr) auto;padding-top:39px;margin-top:40px;border-top:1px solid rgba(0,0,0,.0784313725);gap:48px}.pg-skills .skill-detail__markdown{min-width:0;padding-right:16px;color:var(--skills-ink-3);font-size:14px;line-height:22px;user-select:text}.pg-skills .skill-detail__markdown>div>div{font-size:14px;line-height:24px}.pg-skills .skill-detail__markdown h1{margin:0 0 24px;color:var(--skills-ink);font-size:32px;font-weight:600;line-height:40px}.pg-skills .skill-detail__markdown h2{margin:40px 0 16px;color:var(--skills-ink-2);font-size:24px;font-weight:600;line-height:32px}.pg-skills .skill-detail__markdown h3{margin:28px 0 12px;color:var(--skills-ink-2);font-size:18px;font-weight:600;line-height:28px}.pg-skills .skill-detail__markdown h4{margin:24px 0 8px;color:var(--skills-ink-2);font-size:16px;font-weight:600;line-height:24px}.pg-skills .skill-detail__markdown p{margin:12px 0;font-size:14px;line-height:24px}.pg-skills .skill-detail__markdown ol,.pg-skills .skill-detail__markdown ul{margin:12px 0;padding-left:24px}.pg-skills .skill-detail__markdown li{margin:6px 0;font-size:14px;line-height:24px}.pg-skills .skill-detail__markdown blockquote{margin:16px 0;padding-left:16px}.pg-skills .skill-detail__markdown pre{margin:16px 0;padding:16px}.pg-skills .skill-detail__markdown code{font-size:13px;line-height:20px}.pg-skills .skill-detail__markdown table{margin:16px 0;font-size:14px;line-height:22px}.pg-skills .skill-detail__markdown td,.pg-skills .skill-detail__markdown th{padding:8px 12px}.pg-skills .skill-detail__markdown hr{margin:32px 0}.pg-skills .skill-detail__markdown-empty{margin:0;color:var(--skills-ink-4);font-size:14px;line-height:20px}.pg-skills .skill-detail__aside-wrap{justify-self:end;min-width:0}.pg-skills .skill-detail__aside{width:fit-content;max-width:100%;padding:20px 0;border-radius:16px;background:#f7f7f7}.pg-skills .skill-detail__usage-title{margin:0 0 20px;padding:0 20px 20px;font-size:16px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.08)}.pg-skills .skill-detail__usage-steps{display:flex;flex-direction:column;margin:0;padding:0 20px;gap:24px;list-style:none}.pg-skills .skill-detail__usage-step{display:flex;flex-direction:column;gap:12px}.pg-skills .skill-detail__usage-copy{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px}.pg-skills .skill-detail__usage-copy strong{font-weight:600}.pg-skills .skill-detail__usage-index{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;font-weight:600;background:#e3e3e3;border-radius:50%}.pg-skills .skill-detail__usage-image{display:block;width:328px;height:auto;border-radius:12px}.pg-skills .skills-page__footer-wrap{margin-top:80px;background:var(--skills-bg-soft)}.pg-skills .skills-page__hero{display:flex;align-items:center;justify-content:center;max-width:var(--skills-max-width);margin:0 auto;padding:100px 24px 60px;text-align:center}.pg-skills .skills-page__hero-title{font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}.pg-skills .skills-page__hero-underline-wrap{position:relative;display:inline-block}.pg-skills .skills-page__hero-underline-svg{position:absolute;left:0;bottom:-4px;display:block;width:100%;height:auto}.pg-skills .skills-page__section{max-width:var(--skills-max-width);margin:0 auto;padding:0 24px 80px}.pg-skills .skills-page__section-header{margin-bottom:48px;text-align:center}.pg-skills .skills-page__section-header h2{margin-bottom:12px;font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-.01em}.pg-skills .skills-page__section-header p{margin:0 auto;color:var(--skills-ink-4);font-size:16px}.pg-skills .skills-page__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.pg-skills .skills-page__card{display:flex;flex-direction:column;overflow:hidden;background:var(--skills-bg);border:1px solid var(--skills-line);border-radius:var(--skills-radius);transition:box-shadow .2s,border-color .2s}.pg-skills .skills-page__card:hover{border-color:var(--skills-line-2);box-shadow:0 8px 32px rgba(0,0,0,.08)}.pg-skills .skills-page__card-body{display:flex;flex:1;flex-direction:column;padding:24px}.pg-skills .skills-page__card-title{margin-bottom:8px;color:var(--skills-ink-2);font-size:16px;font-weight:600}.pg-skills .skills-page__card-desc{margin-bottom:8px;color:var(--skills-ink-4);font-size:13px;line-height:1.6}.pg-skills .skills-page__card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.pg-skills .skills-page__card-author{color:var(--skills-ink-4);font-size:12px;font-weight:400}.pg-skills .skills-page__card-actions{display:flex;gap:12px;opacity:0;transition:opacity .2s}.pg-skills .skills-page__card:hover .skills-page__card-actions{opacity:1}.pg-skills .skills-page__card-link{padding:4px 8px;color:var(--skills-ink);font-size:12px;font-weight:500;border-radius:4px;transition:background-color .2s}.pg-skills .skills-page__card-link:hover{background:var(--skills-bg-soft)}.pg-skills .skills-page__card-link:focus-visible{outline:2px solid var(--skills-ink);outline-offset:2px}.pg-skills .skills-page__cta{display:flex;align-items:center;gap:48px;overflow:hidden;height:300px;padding:0 60px;background:var(--skills-bg);border:1px solid var(--skills-line);border-radius:var(--skills-radius)}.pg-skills .skills-page__cta-content{flex:1;min-width:0}.pg-skills .skills-page__cta-content h2{margin-bottom:12px;font-size:clamp(24px,3vw,32px);font-weight:700}.pg-skills .skills-page__cta-content p{margin-bottom:24px;color:var(--skills-ink-4);font-size:15px}.pg-skills .skills-page__cta-actions{display:flex;align-items:center;gap:12px}.pg-skills .skills-page__cta-button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;color:#fff;font-size:14px;font-weight:500;background:var(--skills-ink);border:1.5px solid var(--skills-ink);border-radius:100px;transition:background-color .2s,border-color .2s,transform .1s}.pg-skills .skills-page__cta-button:hover{background:var(--skills-ink-3);border-color:var(--skills-ink-3)}.pg-skills .skills-page__cta-button:active{transform:scale(.97)}.pg-skills .skills-page__cta-button:focus-visible{outline:2px solid var(--skills-ink);outline-offset:2px}.pg-skills .skills-page__cta-image{flex:1;align-self:flex-end;min-width:0;padding-right:40px}.pg-skills .skills-page__cta-image img{display:block;width:100%;height:260px;object-fit:cover;object-position:top center;border-radius:12px 12px 0 0}.pg-skills .footer-section .txd-footer__btns{display:none}@media(max-width:1000px){.pg-skills .skills-page__grid{grid-template-columns:1fr}.pg-skills .skills-page__cards,.pg-skills .skills-page__template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-skills .skill-detail__content,.pg-skills .skill-detail__summary,.pg-skills .template-detail__content,.pg-skills .template-detail__summary{grid-template-columns:1fr}.pg-skills .template-detail__usage{width:100%}}@media(max-width:767px){.pg-skills .skills-page__detail-content{width:calc(100% - 32px)}.pg-skills .skill-detail__title,.pg-skills .template-detail__title{font-size:32px;line-height:40px}.pg-skills .template-detail__gallery{min-height:340px}.pg-skills .skills-page__cards,.pg-skills .skills-page__template-cards{grid-template-columns:1fr}.pg-skills .skills-page__usage-steps{flex-direction:column;align-items:flex-start;row-gap:16px}.pg-skills .skills-page__usage-separator{align-self:center;transform:rotate(90deg)}.pg-skills .skills-page__hero{padding:80px 16px 48px}.pg-skills .skills-page__hero-title{white-space:normal}.pg-skills .skills-page__section{padding:0 16px 60px}.pg-skills .skills-page__cta{flex-direction:column;align-items:stretch;gap:24px;height:auto;padding:32px 24px}.pg-skills .skills-page__cta-image{align-self:stretch;padding-right:0}.pg-skills .skills-page__cta-image img{height:auto;max-height:260px}.pg-skills .skills-page__card-actions{opacity:1}}.template-save-dropdown__backdrop,.template-use-dropdown__backdrop{position:fixed;z-index:6000;inset:0;padding:0;background:rgba(0,0,0,0);border:0;cursor:default}.template-save-dropdown__overlay,.template-use-dropdown__overlay{padding:0!important;overflow:hidden;background:#fff!important;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.16)!important;border-radius:12px!important}.template-save-dropdown__panel{display:flex;flex-direction:column;width:170px;padding:8px;gap:4px;color:#2c2c2c;font-size:12px;background:#fff}.template-save-dropdown__item{display:flex;align-items:center;width:100%;min-height:28px;padding:0 8px;gap:6px;color:#2c2c2c;font-size:12px;text-align:left;background:rgba(0,0,0,0);border:0;border-radius:8px;cursor:pointer}.template-save-dropdown__item:focus-visible,.template-save-dropdown__item:hover{background:#f3f3f3;outline:none}.template-save-dropdown__item:disabled{cursor:not-allowed;opacity:.45}.template-save-dropdown__item small{margin-left:auto;color:rgba(0,0,0,.45);font-size:12px}.template-use-dropdown__panel{width:240px;max-width:calc(100vw - 32px);padding-top:12px;color:#2c2c2c;font-size:12px;background:#fff}.template-use-dropdown__title{padding:0 16px 4px;color:rgba(0,0,0,.45);font-size:12px;line-height:20px}.template-use-dropdown__list{min-height:40px;display:flex;flex-direction:column;gap:4px;padding:0 8px 10px}.template-use-dropdown__create,.template-use-dropdown__item{display:flex;align-items:center;width:100%;color:#2c2c2c;font-size:12px;background:rgba(0,0,0,0);border:0;cursor:pointer}.template-use-dropdown__item{height:28px;padding:0 8px;gap:8px;border-radius:8px}.template-use-dropdown__create:focus-visible,.template-use-dropdown__create:hover,.template-use-dropdown__item:focus-visible,.template-use-dropdown__item:hover{background:#f3f3f3;outline:none}.template-use-dropdown__file-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;color:#008f51;background:#e5f8ec;border-radius:6px}.template-use-dropdown__file-name{overflow:hidden;flex:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.template-use-dropdown__state{display:flex;align-items:center;justify-content:center;min-height:80px;padding:12px;color:rgba(0,0,0,.45);font-size:12px;text-align:center}.template-use-dropdown__state--error{flex-direction:column;gap:8px}.template-use-dropdown__state--error button{padding:4px 12px;color:#2c2c2c;font-size:12px;background:#f3f3f3;border:0;border-radius:8px;cursor:pointer}.template-use-dropdown__separator{height:1px;background:rgba(0,0,0,.08)}.template-use-dropdown__create{padding:8px 20px;gap:8px}.template-use-dropdown__create:disabled{cursor:default;opacity:.5}.template-use-dropdown__create:disabled .template-use-dropdown__create-icon{animation:template-use-loading-rotate .8s linear infinite}@keyframes template-use-loading-rotate{to{transform:rotate(1turn)}}@keyframes community-skill-card-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.pg-skills .community-skill-card__image-fallback[data-state=loading],.pg-skills .community-template-card__image-fallback[data-state=loading],.pg-skills .skill-detail__image-fallback[data-state=loading],.pg-skills .template-detail__image-fallback[data-state=loading],.template-use-dropdown__create:disabled .template-use-dropdown__create-icon{animation:none}.pg-skills .community-template-card__media[data-image-count="3"] .community-template-card__image-wrap{transition:none}.pg-skills .template-detail__image-wrap{--gallery-motion-x:0px!important;--gallery-motion-y:0px!important;--gallery-motion-rotation:0deg!important}}