/*! 上海薯瓜信息科技 */
.v5-resources{background:#fff;color:#171717}.v5-resource-tabs{align-items:stretch;background:#fff;border-top:1px solid #f2f2f2;box-sizing:border-box;display:flex;gap:clamp(20px,3.5vw,68px);height:clamp(45px,3.05vw,60px);justify-content:flex-end;padding-inline:max(0px,2.6%);position:sticky;top:var(--design-header-height);transition:top .38s ease;width:100%;z-index:55}.colors-design-site.has-subnav.header-collapsed .v5-resource-tabs,.colors-design-site.is-product-list.header-collapsed .v5-resource-tabs{top:0}@media (prefers-reduced-motion:reduce){.v5-resource-tabs,.v5-resource-tabs button,.v5-resource-tabs button:before{transition:none}}.v5-resource-tabs button{color:#b8b8b8;flex:0 0 auto;font-size:clamp(9px,.65vw,12px);font-weight:400;padding:0;position:relative;text-transform:uppercase;transition:color .28s ease;white-space:nowrap}.v5-resource-tabs button.active,.v5-resource-tabs button:hover{color:#222}.v5-resource-tabs button:before{background:#141414;content:"";height:2px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:right center;transition:opacity .35s ease,transform .35s ease}.v5-resource-tabs button.active:before,.v5-resource-tabs button:hover:before{opacity:1;transform:scaleX(1);transform-origin:left center}.v5-resource-workspace{display:grid;gap:2.85%;grid-template-columns:14.75% minmax(0,1fr);margin:clamp(calc(88px - var(--design-content-nudge, 20px)),calc(7.35vw - var(--design-content-nudge, 20px)),calc(145px - var(--design-content-nudge, 20px))) auto 0;transition:grid-template-columns .36s ease;width:94.8%}.v5-resource-sidebar{min-width:0;overflow:hidden}.resource-filter-caption{align-items:center;display:flex;height:16px;justify-content:space-between}.resource-filter-tag{background:#31b64a;border-radius:3px;color:#fff;font-size:9px;line-height:1.3;padding:1px 5px;position:relative;transition:background-color .28s ease}.resource-filter-tag:before{background:inherit;bottom:0;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";position:absolute;right:calc(100% - 1px);top:0;width:5px}.resource-filter-tag.closed{background:#ed1c24}.resource-filter-tag.closed:before{left:calc(100% - 1px);right:auto;transform:rotate(180deg)}.resource-filter-collapse{color:#8f8f8f;display:block;font-size:10px;letter-spacing:-1.5px;line-height:1;max-width:100%;overflow:hidden;padding:10px 0 0;text-align:left;white-space:nowrap;width:100%}.resource-filter-panel{opacity:1;transform:translate(0);transition:opacity .36s ease,transform .36s ease,visibility 0s linear 0s;visibility:visible}.filters-hidden .resource-filter-panel{opacity:0;pointer-events:none;transform:translate(-12px);transition:opacity .36s ease,transform .36s ease,visibility 0s linear .36s;visibility:hidden}.resource-search{align-items:center;border:1px solid #a4a4a4;border-radius:20px;display:flex;height:30px;margin:49px 0 18px;padding:0 10px;width:100%}.resource-search input{background:transparent;border:0;flex:1;font-size:10px;min-width:0;outline:none;width:100%}.resource-search input::-moz-placeholder{color:#b9b9b9}.resource-search input::placeholder{color:#b9b9b9}.resource-search:focus-within{border-color:#31b64a;box-shadow:0 0 0 1px #31b64a}.resource-search-icon{flex-shrink:0;height:14px;opacity:.55;width:14px}.resource-category-filter{border:0;margin:0;min-width:0;padding:0}.resource-category-filter legend{border-bottom:1px solid #d5d5d5;font-size:10px;font-weight:600;padding:0 0 8px;width:100%}.resource-selected-count{align-items:center;border-bottom:1px solid #d5d5d5;color:#777;display:flex;font-size:10px;justify-content:space-between;min-height:29px}.resource-selected-count button{color:#777;font-size:13px;padding:2px}.resource-category-filter label{align-items:center;border-bottom:1px solid #d5d5d5;color:#b0b0b0;cursor:pointer;display:flex;font-size:10px;gap:11px;min-height:28px}.resource-category-filter input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #bdbdbd;border-radius:50%;flex-shrink:0;height:10px;margin:0 1px 0 2px;position:relative;width:10px}.resource-category-filter input:after{border-bottom:1px solid #bdbdbd;border-left:1px solid #bdbdbd;content:"";height:2px;left:2px;position:absolute;top:2px;transform:rotate(-45deg);width:4px}.resource-category-filter input:checked{background:#31b64a;border-color:#31b64a}.resource-category-filter input:checked:after{border-color:#fff}.resource-category-filter input:checked+span{color:#333}.resource-select-filter{display:block;margin-top:39px}.resource-select-filter>span{border-bottom:1px solid #d5d5d5;display:block;font-size:10px;font-weight:600;padding-bottom:8px}.resource-select-filter select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url(../media/Icon-arrow-down.svg);background-position:100%;background-repeat:no-repeat;background-size:12px auto;border:0;border-bottom:1px solid #d5d5d5;border-radius:0;color:#b3b3b3;font-size:10px;padding:7px 20px 7px 0;width:100%}.resource-select-filter select:disabled{cursor:not-allowed;opacity:.65}.v5-resource-results{border-top:1px solid #d8d8d8;margin-top:36px;min-width:0;position:relative;transition:margin-right .36s ease}.resource-result-counter{bottom:calc(100% + 8px);color:#b8b8b8;font-size:clamp(10px,.83vw,14px);font-style:italic;position:absolute;right:0}.resource-results-heading{align-items:center;display:flex;justify-content:space-between;margin:13px 0 16px}.resource-results-heading h1{font-size:clamp(19px,1.31vw,26px);line-height:1.3;margin:0}.v5-resource-grid{-moz-column-gap:1.45%;column-gap:1.45%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:clamp(28px,2.55vw,50px)}.v5-resource-card{min-width:0}.resource-artwork{aspect-ratio:1;background:#fff;display:block;overflow:hidden;padding:0;position:relative;text-align:left;width:100%}.resource-artwork img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease;width:100%}.resource-artwork:hover img:not(.resource-placeholder-icon){transform:scale(1.025)}.resource-artwork.is-placeholder{border:1px solid #aaa}.resource-artwork img.resource-placeholder-icon{height:auto;left:8%;max-width:52px;-o-object-fit:contain;object-fit:contain;position:absolute;top:8%;width:18%}.v5-resource-card h2{font-size:clamp(10px,.78vw,15px);font-weight:400;line-height:1.6;margin:10px 0 0;min-height:3.2em}.v5-resource-card h2 a{line-height:inherit;padding:0;text-align:left}.resource-type-label{color:#b3b3b3;font-size:clamp(10px,.75vw,14px);line-height:1.6;margin:0}.resource-actions{align-items:center;display:flex;gap:23px;margin-top:10px}.resource-actions a,.resource-actions button{display:grid;height:21px;padding:0;place-items:center;width:19px}.resource-actions .resource-link-icon,.resource-actions a img,.resource-actions button img{display:block;height:auto;width:19px}.resource-actions button[aria-pressed=true]{filter:invert(48%) sepia(79%) saturate(447%) hue-rotate(78deg) brightness(95%) contrast(92%)}.resource-load-more{display:flex;justify-content:center;margin-bottom:39px;margin-top:46px;min-height:40px}.resource-empty button,.resource-load-more button{border:1px solid #5b5b5b;border-radius:30px;font-size:13px;padding:8px 18px}.resource-announcement{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.resource-empty{padding:80px 0;text-align:center}.v5-resource-workspace.filters-hidden{grid-template-columns:5.5% minmax(0,1fr);transition:grid-template-columns .36s ease .16s}.v5-resource-workspace.filters-hidden .v5-resource-results{margin-right:9.3%;transition:margin-right .36s ease .16s}.resource-mobile-close,.resource-mobile-open{display:none}.resource-filter-panel{min-width:0}.v5-dialux-hero{display:block;height:auto;margin-top:clamp(80px,9.7vw,186px);width:100%}.v5-dialux-copy{margin:0 auto;padding:42px 0 76px;width:78%}.v5-dialux-copy h1{font-size:clamp(25px,1.8vw,36px)}.v5-dialux-copy>p{font-size:14px;line-height:1.8;margin:24px 0;max-width:570px}.v5-dialux-copy>button{background:#050505;border:1px solid #050505;border-radius:30px;color:#fff;font-size:14px;padding:8px 20px}.resource-download-notice a{text-decoration:underline}.resource-detail{align-items:center;display:flex;gap:36px;margin:72px auto 80px;padding:0;width:min(840px,calc(100% - 80px))}.resource-detail>img{align-self:center;flex:0 0 45%;height:auto;max-height:70vh;-o-object-fit:contain;object-fit:contain;width:45%}.resource-detail>div{min-width:0}.resource-detail h1{font-size:24px;font-weight:400;margin:0 0 12px}.resource-detail p{font-size:14px;line-height:1.7;margin:0 0 8px}.resource-detail-type{color:#888}.resource-detail a{display:block;font-size:14px;padding:5px 0;text-decoration:underline}.resource-detail-back{margin-top:18px;text-decoration:none!important}@media (min-width:1700px){.resource-search{height:37px;margin-top:66px}.resource-category-filter label,.resource-selected-count{min-height:36px}.resource-category-filter label,.resource-category-filter legend,.resource-search input,.resource-select-filter select,.resource-select-filter>span,.resource-selected-count{font-size:12px}.resource-select-filter{margin-top:48px}.v5-resource-results{margin-top:47px}.resource-results-heading{margin-bottom:22px;margin-top:17px}}@media (max-width:1100px){.v5-resource-tabs{gap:26px;justify-content:flex-end;overflow-x:auto}.v5-resource-workspace{gap:3%;grid-template-columns:17% minmax(0,1fr)}.v5-resource-grid{-moz-column-gap:16px;column-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.v5-resource-card h2{font-size:11px}.v5-dialux-copy>p{max-width:70%}}@media (max-width:800px){.v5-resource-tabs{gap:25px;height:48px;justify-content:flex-end;overflow-x:auto;padding-inline:20px}.v5-resource-tabs button{font-size:10px}.v5-resource-workspace,.v5-resource-workspace.filters-hidden{display:flex;flex-direction:column;grid-template-columns:unset;margin:35px 20px 0;width:auto}.v5-resource-workspace.filters-hidden .v5-resource-results{margin-right:0}.v5-resource-sidebar{order:1;overflow:visible;padding-bottom:10px;width:100%}.resource-filter-caption,.resource-filter-collapse,.resource-filter-tag,.resource-mobile-close,.resource-mobile-open{display:none}.filters-hidden .resource-filter-panel,.resource-filter-panel{display:block!important;opacity:1;pointer-events:auto;transform:none;transition:none;visibility:visible}.resource-search{height:35px;margin:0 0 12px;padding:5px 12px}.resource-search input{font-size:12px}.v5-resource-results{border-top:0;margin-top:4px;order:2}.resource-result-counter{border-bottom:1px solid #d8d8d8;color:#b4b4b4;display:block;font-size:10px;margin:0;padding:8px 0 10px;position:static;right:auto;text-align:left;width:100%}.resource-results-heading{margin:10px 0 22px}.resource-results-heading h1{font-size:21px}.v5-resource-grid{gap:30px 15px;grid-template-columns:repeat(2,minmax(0,1fr))}.v5-resource-card h2{font-size:12px}.resource-type-label{font-size:11px}.resource-actions{gap:23px;margin-top:7px}.resource-actions a,.resource-actions button{height:28px;width:25px}.resource-load-more{margin:35px 0 15px;min-height:25px}.v5-dialux-copy{padding:30px 24px 48px;width:auto}.v5-dialux-hero{margin-top:54px}.v5-dialux-copy>p{font-size:13px;max-width:none}.v5-dialux-copy>button{font-size:12px}.resource-detail{display:block;margin:54px 24px 48px;width:auto}.resource-detail>img{display:block;margin:0 auto 22px;max-height:none;max-width:100%;width:210px}.resource-detail h1{font-size:21px}}@media (max-width:700px){.v5-resource-workspace,.v5-resource-workspace.filters-hidden{margin:54px 20px 0}}@media (prefers-reduced-motion:reduce){.filters-hidden .resource-filter-panel,.resource-artwork img,.resource-filter-panel,.resource-filter-tag,.v5-resource-results,.v5-resource-workspace,.v5-resource-workspace.filters-hidden,.v5-resource-workspace.filters-hidden .v5-resource-results{transition:none!important}}