.shell-main__scroll:has(.skills-home){display:flex;flex-direction:column;overflow:hidden;padding:0 var(--shell-page-gutter, 48px)}.skills-home{--skills-ink: #0d0f1c;--skills-text-1: #1d2129;--skills-text-2: #4e5969;--skills-muted: #86909c;--skills-border: #e5e6eb;--skills-brand: #165dff;--skills-category-bg: #ebf0f9;--skills-category-text: #183775;--skills-content-width: 87.5rem;box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding-top:var(--shell-page-top, 2.5rem);width:100%}.skills-home__panel{backdrop-filter:blur(40.6px);-webkit-backdrop-filter:blur(40.6px);background:#fff;border:1px solid #fff;border-radius:1.4375rem 1.4375rem 0 0;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.skills-home__scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;width:100%}.skills-home__content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:3.125rem;margin:0 auto;max-width:calc(var(--skills-content-width) + 60px);padding:3.6875rem 30px 2.5rem;width:100%}.skills-home__header+*{margin-top:-1.875rem}.skills-home__header{align-items:flex-start;display:flex;flex-direction:column;gap:1.8125rem;width:100%}.skills-home__header-title-box{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:space-between;width:100%}.skills-home__search{align-items:center;display:flex;gap:.5rem;width:min(100%,21rem)}.skills-home__search input{background:#fff;border:1px solid var(--skills-border);border-radius:.5rem;color:var(--skills-ink);flex:1;font:inherit;min-height:2.75rem;min-width:0;padding:0 .75rem}.skills-home__no-results button,.skills-home__search button{color:var(--skills-brand);cursor:pointer;min-height:2.75rem;padding:0 .5rem}.skills-home__no-results{color:var(--skills-text-2);display:grid;gap:.25rem;justify-items:center;min-height:9rem;place-content:center;width:100%}.skills-home__header-icon{color:var(--skills-text-1);height:1.25rem;width:1.25rem}.skills-home__title{color:var(--skills-ink);font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:1.25rem;font-weight:700;line-height:normal;margin:0;white-space:nowrap}.skills-home__tabs{align-items:center;border-bottom:1px solid var(--skills-border);display:flex;gap:2.5rem;overflow-x:auto;scrollbar-width:none;width:100%}.skills-home__tabs::-webkit-scrollbar{display:none}.skills-home__tab{background:none;border:none;box-sizing:border-box;color:var(--skills-text-2);cursor:pointer;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:1rem;font-weight:500;line-height:normal;min-height:2.75rem;padding:0 0 .25rem;position:relative;text-align:left;transition:color .2s ease;vertical-align:top;white-space:nowrap}.skills-home__tab:hover{color:var(--skills-brand)}.skills-home__tab--active{color:var(--skills-brand);font-weight:600}.skills-home__tab--active:after{background:var(--skills-brand);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.skills-home__grid{display:grid;gap:1.8125rem 1.375rem;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.skills-card{align-items:stretch;background:#fff;border:1px solid var(--skills-border);border-radius:.625rem;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:1.0625rem;justify-content:flex-end;min-width:0;padding:.875rem 1.25rem;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.skills-card:focus-visible{border-color:var(--skills-brand);box-shadow:0 5px 6.65px #165dff38;outline:none}.quality-card{color:inherit;text-decoration:none}.skills-card__top{align-items:center;display:flex;gap:1rem;min-width:0;width:100%}.skills-card__icon{align-items:center;border-radius:.675rem;display:flex;flex-shrink:0;height:3rem;justify-content:center;overflow:hidden;width:3rem}.skills-card__text{display:flex;flex:1;flex-direction:column;gap:.4375rem;justify-content:center;min-width:0}.skills-card__name{color:var(--skills-text-1);font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:1rem;font-weight:800;line-height:normal;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills-card__desc{color:var(--skills-text-2);display:-webkit-box;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:.75rem;font-weight:500;-webkit-line-clamp:2;line-height:normal;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-align:justify}.skills-card__bottom{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.skills-card__category{align-items:center;background:var(--skills-category-bg);border-radius:2.3125rem;color:var(--skills-category-text);display:inline-flex;flex-shrink:0;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:.75rem;font-weight:500;height:1.5625rem;justify-content:center;line-height:normal;padding:0 .5625rem;white-space:nowrap}.skills-card--offline{cursor:not-allowed;opacity:.72}.skills-card--offline:focus-visible{outline:none}.skills-card__action--disabled{background:#f7f8fa;border-color:#e5e6eb;color:#c9cdd4;pointer-events:none}.skills-card__action{align-items:center;background:#fff;border:1px solid #e5e6eb;border-radius:.375rem;color:var(--skills-text-1);display:inline-flex;flex-shrink:0;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:.75rem;font-weight:500;gap:.125rem;height:1.875rem;justify-content:center;line-height:normal;padding:0 .5rem;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.skills-card__action-icon{color:var(--skills-text-1);transition:color .2s ease}.skills-card:focus-visible .skills-card__action{background:var(--skills-brand);border-color:#fff;color:#fff}.skills-card:focus-visible .skills-card__action-icon{color:#fff}.skills-card--typesetting{gap:.25rem;justify-content:space-between;min-height:7.6875rem;padding:.8125rem 1.1875rem .6875rem}.skills-card--typesetting .skills-card__top{align-items:flex-start}.skills-card--typesetting .skills-card__icon{align-items:flex-start;box-sizing:border-box;justify-content:flex-start;padding:.8125rem}.skills-card--typesetting .skills-card__name{font-weight:700;line-height:1.375rem}.skills-card--typesetting .skills-card__desc{color:var(--skills-muted);display:block}.skills-card--typesetting .skills-card__action,.skills-card--typesetting .skills-card__category,.skills-card--typesetting .skills-card__desc{font-weight:400;line-height:1.0625rem}.skills-card--typesetting .skills-card__action{box-sizing:border-box;min-width:4.875rem;padding-inline:.4375rem}.skills-home__quality-section{display:flex;flex-direction:column;gap:1.25rem;width:100%}.skills-home__quality-header{align-items:center;display:flex;gap:.5rem}.skills-home__quality-title{color:var(--skills-ink);font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:1.25rem;font-weight:700;line-height:normal;margin:0}.skills-home__quality-grid{display:grid;gap:1.375rem;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.quality-card{align-items:center;background:#f6f8fe;border:1px solid transparent;border-radius:.625rem;box-sizing:border-box;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;min-height:6.875rem;padding:.875rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.quality-card:focus-visible{border-color:var(--skills-brand, #165dff);box-shadow:0 5px 6.65px #165dff38;outline:none}.quality-card__left{display:flex;flex:1;flex-direction:column;gap:.4375rem;justify-content:center;min-width:0}.quality-card__brand{align-items:center;display:flex;gap:.4375rem;min-width:0}.quality-card__logo{display:block;flex-shrink:0}.quality-card__logo--vpcs{height:23.33px;-o-object-fit:contain;object-fit:contain;width:56px}.quality-card__logo--aigc{height:24px;margin-right:-3px;width:56px}.quality-card__logo--format{height:32px;width:28px}.quality-card__logo--quality{align-self:center;flex-shrink:0;height:30px;overflow:hidden;position:relative;width:30px}.quality-card__logo-quality-mask{aspect-ratio:28 / 29;border-radius:5.625px;left:4.69%;overflow:hidden;position:absolute;right:7.81%;top:1.41px}.quality-card__logo-quality-img{height:146.83%;left:-22.08%;max-width:none;position:absolute;top:-23.21%;width:431.69%}.quality-card__name{color:#1d2129;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:1rem;font-weight:800;line-height:normal;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-card__desc{color:#86909c;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:.75rem;font-weight:500;line-height:normal;margin:0;overflow-wrap:anywhere;text-align:justify}.quality-card__btn{align-items:center;background:#fff;border:1px solid #e5e6eb;border-radius:6px;box-sizing:border-box;color:#1d2129;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:.75rem;font-weight:500;gap:2px;height:30px;justify-content:center;line-height:normal;padding:0 8px;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.quality-card__btn-arrow{flex-shrink:0}.quality-card:focus-visible .quality-card__btn{background:var(--skills-brand, #165dff);border-color:#fff;color:#fff}@media(hover:hover){.quality-card:hover,.skills-card:hover{border-color:var(--skills-brand, #165dff);box-shadow:0 5px 6.65px #165dff38}.quality-card:hover .quality-card__btn,.skills-card:hover .skills-card__action{background:var(--skills-brand, #165dff);border-color:#fff;color:#fff}.skills-card:hover .skills-card__action-icon{color:#fff}}@media(max-width:1679px){.skills-home__quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.skills-home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-home__quality-grid{grid-template-columns:1fr}}.skills-home__quality-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1359px){.skills-home__quality-grid--three{grid-template-columns:1fr}}@media(max-width:720px){.skills-home{padding:.625rem .75rem 0}.skills-home__content{gap:1.5rem;padding:1rem .875rem 1.5rem}.skills-home__header{gap:.75rem}.skills-home__header+*{margin-top:0}.skills-home__title{font-size:1.125rem;white-space:normal}.skills-home__tabs{flex-wrap:wrap;gap:0 .875rem}.skills-home__tab{font-size:.875rem}.skills-home__grid{gap:1rem;grid-template-columns:1fr}}
