.contents-feedback{display:flex;justify-content:center;width:100%;height:34px;margin-top:32px}.contents-feedback__background{display:flex;align-items:center;justify-content:center;min-width:472px;padding:0 14px;text-align:center;background:#f1f2f499;border-radius:8px}.contents-feedback__tip span{color:#000}.contents-feedback__tip em{font-style:normal;color:var(--link-regular, #2254f4)}.contents-feedback__tip em:hover{color:var(--link-hover, #4d7cff)}@media (max-width: 599px){.contents-feedback .contents-feedback__background{min-width:initial;background:var(--background-color-primary-regular, #fff)}}.contents-filter-label{position:relative;display:flex;gap:4px;align-items:center;height:32px;padding:0 8px;font-size:var(--font-size-100, 14px);font-weight:var(--font-weight-bold, 600);color:var(--text-color-emphasis, #2254f4);background-color:var(--background-color-transparent-emphasis-regular);border-radius:var(--border-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--motion-normal)}.contents-filter-label:hover{background-color:var(--background-color-transparent-emphasis-regular)}.gdesign-icon.contents-filter-label__icon-arrow{width:var(--tag-withicon-icon-size-medium, 20px);height:var(--tag-withicon-icon-size-medium, 20px);color:var(--tag-color-checked, #2254f4)}.gdesign-icon.contents-filter-label__icon-arrow-clear{width:var(--tag-withicon-icon-size-medium, 20px);height:var(--tag-withicon-icon-size-medium, 20px);margin-left:4px;color:var(--tag-color-checked, #2254f4)}.contents-filter-dropdown__dropdown{margin-right:8px;background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-dropdown__dropdown:hover{background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-dropdown__menu-list{display:grid;grid-template-columns:repeat(6,auto);gap:4px;padding:16px}.contents-filter-dropdown__menu-item:hover{color:var(--text-color-emphasis, #2254f4);background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-dropdown__menu-item--active{font-size:var(--font-size-100, 14px);font-weight:var(--font-weight-bold, 600);color:var(--text-color-emphasis, #2254f4);background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-button-more{padding:0 8px}.contents-filter-button-more .gdesign-icon{margin-right:-4px;font-size:16px;color:#9da3ac;transition:transform .2s}.contents-filter-button-more--collapsed>.contents-filter-button-more__icon{transform:rotate(-180deg)}.contents-filter-tags{display:flex;flex:1}.contents-filter-tags__container{display:grid;gap:12px}.contents-filter-tags__container.contents-filter-tags__container--no-options{display:none}.contents-filter-tags__label{flex:none;min-width:2em;margin-right:40px;font:var(--text-p1-regular);line-height:var(--button-height-medium, 32px);color:var(--text-color-tertiary);white-space:nowrap}.contents-filter-tags__list{display:flex;flex:1;flex-wrap:wrap;gap:12px 8px}.contents-filter-tags__list--collapsed{height:var(--button-height-medium, 32px);overflow:hidden}.contents-filter-tags__toggle{margin-left:8px}.contents-filter-tags__child-filters{display:contents}.contents-filter-tags__filter-row-enter{opacity:0;transform:translateY(-4px)}.contents-filter-tags__filter-row-leave-to{opacity:0}.contents-filter-tags__filter-row-enter-active{transition:cubic-bezier(.2,0,0,1) .3s}.contents-filter-tags__filter-row-leave-active{transition:0s}.contents-filter-tags a.gda-btn:visited{color:inherit}.contents-group-only-toggle{display:flex;gap:8px;align-items:center;height:32px;cursor:pointer;-webkit-user-select:none;user-select:none}._header_1rdqn_1{position:-webkit-sticky;position:sticky;top:-20px;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px;background-color:var(--bg-color-primary, #fff)}._title_1rdqn_11{font:var(--text-h6-bold);color:var(--text-color-primary, #222529);-webkit-user-select:none;user-select:none}._toggle_1rdqn_16{display:inline-flex;gap:4px;align-items:center;padding:0 12px;font:var(--text-p2-regular);color:var(--text-color-tertiary, #7f8792)}._color-list_1g0vw_1{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}._color-item_1g0vw_6{min-width:40px;height:40px;color:transparent;border:none;border-radius:8px}._white_1g0vw_13{border:1px solid var(--border-color-overlay, rgba(0, 0, 0, .08))}._active_1g0vw_16{border:1.5px solid var(--text-color-emphasis, #2254f4);box-shadow:inset 0 0 0 1.5px var(--background-color-primary-regular)}._list_133v2_1{display:grid;grid-template-columns:repeat(4,95px);gap:4px;max-width:100%;padding:8px 0}._list_w0xve_1{display:grid;grid-template-columns:100%;gap:12px}._options_w0xve_6{display:grid;grid-template-columns:repeat(4,95px);gap:4px;max-width:100%;padding:8px 0}._option_w0xve_6{overflow:hidden;text-overflow:ellipsis}._format-options_w0xve_17{grid-template-columns:repeat(5,1fr)}._dialog_w0xve_20{top:0;bottom:0;left:0;margin:20px}._dialog_w0xve_20 .gda-modal-content{display:flex;flex-direction:column;height:calc(100vh - 40px)}._dialog_w0xve_20 .gda-modal-header{border-bottom:1px solid var(--border-color-overlay, rgba(0, 0, 0, .08))}._dialog_w0xve_20 .gda-modal-body{flex:1;overflow-y:auto}._dialog_w0xve_20 .gda-modal-footer{border-top:1px solid var(--border-color-overlay, rgba(0, 0, 0, .08))}._dialog_w0xve_20 .gda-modal-footer .gda-btn{flex:1}._dialog_w0xve_20 .gda-modal-footer-btns{display:contents}@media (max-width: 599px){._gda-breadcrumb_x516z_2{font-size:16px!important}}._transition-small_x516z_6{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_x516z_9{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_x516z_1{0%{background-position:100% 50%}to{background-position:0 50%}}._filter-chip_x516z_20{position:relative;display:flex;gap:4px;align-items:center;align-self:stretch;height:40px;padding:var(--spacing-0, 0) 12px;font-size:var(--button-font-size-medium, 14px);font-weight:500;color:var(--button-color-tertiary-regular, #222529);white-space:nowrap;border:1px solid var(--border-color-primary-regular, #e8eaec);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:cubic-bezier(.2,0,0,1) .2s}._filter-chip_x516z_20:hover{background:var(--background-color-transparent-primary-hover, rgba(0, 0, 0, .04))}.gda-btn-icon-only._button-close_x516z_41{position:absolute;top:0;right:0;font-size:16px;color:var(--text-color-placeholder);border-radius:50%;opacity:0;transform:translate(50%,-50%)}._filter-chip_x516z_20:hover ._button-close_x516z_41{opacity:1}@media (max-width: 599px){._gda-breadcrumb_1bnxp_2{font-size:16px!important}}._transition-small_1bnxp_6{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_1bnxp_9{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_1bnxp_1{0%{background-position:100% 50%}to{background-position:0 50%}}._popover_1bnxp_20.gda-popover{padding-top:4px}._popover_1bnxp_20 .gda-popover-inner-content{min-width:unset;padding:0}._columns_1bnxp_27{display:flex;max-width:100vw;overflow-x:auto}._column_1bnxp_27{display:grid;flex:none;grid-template-columns:repeat(2,auto);gap:8px;align-content:start;height:auto;max-height:calc(100vh - 168px);padding:8px}._column_1bnxp_27:not(:last-of-type){border-right:1px solid var(--cascader-dropdown-menu-background-color-divider, rgba(0, 0, 0, .08))}._column_1bnxp_27:not(:has(:nth-child(2))){grid-template-columns:repeat(1,auto)}._item_1bnxp_48{display:flex;flex-shrink:0;gap:4px;align-items:center;justify-content:space-between;min-width:96px;min-width:118px;height:32px;padding:0 var(--switch-height-dot-small, 10px);text-align:center;white-space:nowrap;border:none;border-radius:var(--border-radius-large, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}._item_1bnxp_48:hover{background:var(--background-color-primary-hover, #f6f7f9)}._item_1bnxp_48:active{background:var(--background-color-primary-active, #f1f2f4)}._item_1bnxp_48._active_1bnxp_71{font-weight:400;background:var(--background-color-primary-active, #f1f2f4)}._item_1bnxp_48._active_1bnxp_71:hover{font-weight:400}._icon_1bnxp_78{font-size:16px;color:var(--text-color-tertiary);pointer-events:none}.contents-seo-ads-simple{display:flex;align-items:flex-start;align-self:stretch;padding:var(--spacing-200, 8px) var(--spacing-300, 12px);background:var(--background-color-secondary-regular, #f6f7f9);border-radius:8px}@media (max-width: 599px){.contents-seo-ads-simple{margin-bottom:var(--container-layout-padding-bottom)}}.contents-seo-ads-simple__keywords{display:flex;gap:var(--spacing-400, 16px);justify-content:space-between;max-height:200px;overflow:hidden;color:var(--text-color-tertiary, #7f8792);text-overflow:ellipsis;white-space:no-warp}.contents-search-top-bar{margin-bottom:16px;color:#7f8792}.contents-search-top-bar__body{display:flex;align-items:center}.contents-search-top-bar .gda-breadcrumb{font-size:var(--font-size-large)}.contents-search-top-bar__nav{flex:1;overflow:hidden}.contents-search-top-bar__nav-list{display:flex;flex-wrap:nowrap;align-items:center;font-size:var(--font-size-large)}.contents-search-top-bar__nav-item{display:flex;align-items:center;white-space:nowrap}.contents-search-top-bar__nav-link{color:var(--text-color-placeholder, #9da3ac)}.contents-search-top-bar__nav-link:hover{color:var(--text-color-primary, #222529)}.contents-search-top-bar__nav-text{color:var(--text-color-placeholder, #9da3ac)}.contents-search-top-bar__nav-separator{margin:0 4px;color:var(--text-color-placeholder, #9da3ac)}.contents-search-top-bar__nav-separator .gdesign-icon{font-size:var(--font-size-large)}.contents-search-top-bar__nav a{color:var(--text-color-placeholder, #9da3ac)}.contents-search-top-bar__title{display:inline;margin:0;font-size:inherit;font-style:normal;font-weight:600;color:var(--breadcrumb-color-checked, #222529)}.contents-search-top-bar__bottom-recommend{margin-top:16px}.contents-search-top-bar__recommend{display:flex;align-items:center;margin-left:32px}.contents-search-top-bar__recommend-title{font-size:14px;font-style:normal;font-weight:400;color:var(--text-color-tertiary, #7f8792)}.contents-search-top-bar__recommend-card{display:inline-block;height:var(--tag-height-large, 32px);padding:0 var(--tag-space-left-large, 8px);font-size:12px;font-style:normal;font-weight:400;line-height:var(--tag-height-large, 32px);color:var(--tag-color, #222529);background:var(--tag-background-color-regular, rgba(0, 0, 0, .04));border-radius:var(--tag-border-radius-large, 6px);cursor:pointer}.contents-search-top-bar__recommend-card:hover{background-color:var(--actionbutton-quiet-background-color-checked-hover)}.contents-search-top-bar__recommend-card a{color:var(--tag-color, #222529)}.contents-search-top-bar__recommend-card+.contents-search-top-bar__recommend-card{margin-left:var(--spacing-200, 8px)}.contents-search-top-bar__right{display:flex;align-items:center;margin-left:auto;font-size:14px;font-style:normal;font-weight:400;color:var(--text-color-tertiary, #7f8792)}@media (max-width: 599px){.contents-search-top-bar{margin-bottom:var(--container-layout-padding-bottom);height:initial}}.contents-search-top-bar__seo-ads{margin-top:11px}.contents-search-top-bar__seo-ads-operations{align-items:center;justify-content:center;height:var(--button-height-xsmall, 24px);padding:5px 0;color:var(--text-color-tertiary, #7f8792)}.contents-search-top-bar__seo-ads-operations:hover{background:none}.contents-similar-template-dialog .gda-modal-body{height:calc(100vh - 256px);padding:0;overflow-y:auto}.contents-similar-template-dialog__content{margin:0 24px}.contents-group-template-dialog .gda-modal{height:613px}.contents-group-template-dialog .gda-modal .gda-modal-content{display:flex;flex-direction:column;overflow:hidden}.contents-group-template-dialog .gda-modal .gda-modal-content .gda-modal-header{height:56px}.contents-group-template-dialog .gda-modal .gda-modal-content .gda-modal-body{height:557px;padding:0;overflow-y:auto}.contents-group-template-dialog__preview{display:flex;flex-direction:row;width:100%;height:485px;padding:16px 24px;background:#fff}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area{width:120px;height:100%;overflow-y:auto}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails{width:100%;height:auto}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails .contents-group-template-dialog__thumbnail{position:relative;width:100px;height:100px;margin-bottom:8px;background:var(--background-color-secondary-regular, #f6f7f9);border:2px solid var(--background-color-secondary-regular, #f6f7f9);border-radius:8px;cursor:pointer;transition:all .2s}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails .contents-group-template-dialog__thumbnail--active{border:2px solid var(--border-color-info-primary, #2254f4)}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails .contents-group-template-dialog__thumbnail>picture{position:absolute;top:50%;left:50%;border-radius:4px;transform:translate(-50%,-50%)}.contents-group-template-dialog__preview .contents-group-template-dialog__detail{position:relative;flex:1;padding:20px;background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:8px}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card-container{display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%;height:100%}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-material-preview-webpage__preview-list{display:none}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card{left:50%;max-width:100%;max-height:100%;border-radius:0!important;transform:translate(-50%)}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card .contents-material-preview,.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card .contents-material-thumb{border-radius:0!important}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card:hover .contents-group-template-dialog__materail-tag{display:none}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card--long{overflow:auto;transform:initial}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card--long .contents-group-template-dialog__materail-tag{top:initial;bottom:20px;left:20px}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-title{margin-bottom:0;font:var(--text-p1-regular);color:var(--text-color-tertiary, #7f8792);text-align:center}.contents-group-template-dialog__tools{display:flex;gap:8px;align-items:center;justify-content:right;width:100%;height:72px;padding:var(--modal-footer-space-vertical, 16px) var(--modal-footer-space-horizontal, 24px);border-top:1px solid var(--border-color-primary-regular, #e8eaec)}.contents-group-template-dialog__tools .gda-skeleton{width:120px;height:40px}.contents-group-template-dialog__tools .gda-skeleton .gda-skeleton-title{width:120px;height:40px;padding:0;margin:0}.contents-infinite-scroll__sentinel{height:1px}.contents-material-sort-picker{margin-right:calc(var(--tabs-space-gap-compact) * -1)}.contents-material-sort-picker__tab{display:flex;gap:4px;align-items:center}.contents-material-sort-picker__icon-tag-new{width:28px;height:14px;background-image:url(https://cdn.dancf.com/fe-assets/img/8a091eb3c0332b02ead2ba0ff97f885b.svg);background-size:cover}.contents-property-filter-label{position:relative;display:flex;gap:4px;align-items:center;height:32px;padding:0 8px;color:var(--text-color-primary);border-radius:var(--border-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--motion-normal)}.contents-property-filter-label:hover{background-color:var(--background-color-transparent-primary-hover)}.gdesign-icon.contents-property-filter-label__icon-arrow{margin-right:-4px;font-size:16px;color:var(--text-color-placeholder)}.gdesign-icon.contents-property-filter-label__icon-clear{position:absolute;top:0;right:0;font-size:16px;color:var(--text-color-placeholder);opacity:0;transition:var(--motion-normal);transform:translate(50%,-50%)}.contents-property-filter-label--selected,.contents-property-filter-label--selected:hover{background-color:var(--background-color-transparent-primary-active)}.contents-property-filter-label--active,.contents-property-filter-label--active:hover{background-color:var(--actionbutton-quiet-background-color-checked-active)}.contents-property-filter-label--active .contents-property-filter-label__icon-clear,.contents-property-filter-label:hover .contents-property-filter-label__icon-clear{opacity:1}.contents-filetype-filter__menu-item{display:flex;gap:8px;align-items:center;justify-content:space-between}.contents-format-filter__menu-item{display:flex;gap:8px;align-items:center;justify-content:space-between}.contents-style-filter__menu-list{display:grid;grid-template-columns:repeat(6,auto);gap:4px;padding:8px}.contents-material-property-filter{position:relative;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.contents-material-property-filter__group{display:grid;grid-auto-flow:column;gap:8px;white-space:nowrap}.contents-material-list-with-infinite-scroll{padding-bottom:40px}.contents-material-list-with-infinite-scroll__loading,.contents-material-list-with-infinite-scroll__tools{display:flex;align-items:center;justify-content:center;height:72px}.contents-material-list-with-infinite-scroll__full-loaded-bottom{display:flex;justify-content:center;margin-top:16px}.contents-material-list-with-infinite-scroll__sentinel{height:1px}.contents-material-list-with-pagination__pagination{width:fit-content;margin:24px auto 0}.contents-material-list-with-pagination__empty-not{margin-top:24px;text-align:center}.contents-scenes-tab-item{position:relative;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--spacing-100, 4px);align-items:flex-start;width:120px;height:60px;padding:0;background:var(--background-color-secondary-regular, #f6f7f9);border-radius:var(--border-radius-large, 8px);transition:cubic-bezier(.2,0,0,1) .3s}.contents-scenes-tab-item:hover:not(.contents-scenes-tab-item--active){background:var(--background-color-secondary-hover, #f1f2f4)}.contents-scenes-tab-item--active{background:var(--theme-color, var(--brand-500, #4d7cff))}.contents-scenes-tab-item--active .contents-scenes-tab-item__title{color:var(--static-color-white, #fff)}.contents-scenes-tab-item--active .contents-scenes-tab-item__sub-title{color:var(--static-color-white, #fff);opacity:.4}.contents-scenes-tab-item--active .contents-scenes-tab-item__image{opacity:1}.contents-scenes-tab-item--active .contents-scenes-tab-item__content:before{opacity:.2}.contents-scenes-tab-item__content{width:100%;height:100%;padding:var(--spacing-300, 12px) var(--spacing-400, 16px) 0;border-radius:var(--border-radius-large, 8px)}.contents-scenes-tab-item__content:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 12px 28px 0 var(--theme-color, var(--brand-500, #4d7cff)),0 8px 20px 0 var(--theme-color, var(--brand-500, #4d7cff)),0 4px 8px 0 var(--theme-color, var(--brand-500, #4d7cff));opacity:0;content:"";transition:cubic-bezier(.2,0,0,1) .3s}.contents-scenes-tab-item__title{margin-bottom:var(--spacing-100, 4px);font:var(--text-h7-bold);color:var(--text-color-primary, #222529);transition:cubic-bezier(.2,0,0,1) .3s}.contents-scenes-tab-item__sub-title{max-width:100%;font-size:12px;line-height:18px;color:var(--text-color-disabled, #b4b8bf);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contents-scenes-tab-item__image{position:absolute;right:-12px;bottom:-12px;width:56px;height:56px;opacity:0;pointer-events:none}.contents-scenes-tab-item__badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:top;justify-content:flex-end}@media (max-width: 599px){.contents-scenes-tab-item{width:170px}}.contents-scenes-tab-item-badge{display:flex;align-items:center;justify-content:center;padding:4px;font-size:12px;font-style:normal;font-weight:700;line-height:1;border-radius:var(--border-radius-small, 4px);transform:scale(.83333333);transform-origin:top right}.scenes-guide-highlight-item{position:relative}.scenes-guide-highlight-item .contents-scenes-tab-item__content{padding:calc(var(--spacing-300, 12px) - 0px) calc(var(--spacing-400, 16px) - 0px) 0}.scenes-guide-highlight-item .contents-scenes-tab-item__content:before{box-shadow:initial}.scenes-guide-highlight-item .contents-scenes-tab-item__badge{z-index:500}.scenes-guide-highlight-onlyOne.scenes-guide-highlight-item{border:2px solid var(--border-color-emphasis);box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff}.scenes-guide-highlight-onlyOne.scenes-guide-highlight-item .contents-scenes-tab-item__content{padding:calc(var(--spacing-300, 12px) - 2px) calc(var(--spacing-400, 16px) - 2px) 0}.scenes-guide-highlight-onlyOne.scenes-guide-highlight-item.contents-scenes-tab-item .contents-scenes-tab-item__image{right:-14px;bottom:-14px}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-start{position:relative}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-start:before{position:absolute;top:-1px;left:-1px;z-index:100;width:calc(100% + var(--spacing-400, 16px) / 2 + 2px);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-right-radius:initial;border-bottom-right-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-start:after{position:absolute;top:-1px;left:calc(100% + var(--spacing-400, 16px) / 2 - 1px);z-index:200;width:2px;height:calc(100% + 2px);background:var(--border-color-emphasis);content:""}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-end{position:relative}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-end:before{position:absolute;top:-1px;right:-1px;z-index:100;width:calc(100% + var(--spacing-400, 16px) / 2);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-end:after{position:absolute;top:1px;right:calc(100% + var(--spacing-400, 16px) / 2 - 4px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-item:not(.scenes-guide-highlight-start):not(.scenes-guide-highlight-end){position:relative}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-item:not(.scenes-guide-highlight-start):not(.scenes-guide-highlight-end):before{position:absolute;top:-1px;left:calc(calc(var(--spacing-400, 16px) / 2) * -1);z-index:100;width:calc(100% + var(--spacing-400, 16px));height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:initial;box-shadow:0 -2px #bdccfc,0 2px #bdccfc,inset 0 -1px #fff,inset 0 1px #fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-item:not(.scenes-guide-highlight-start):not(.scenes-guide-highlight-end):after{position:absolute;top:1px;left:calc(-1 * var(--spacing-400, 16px) / 2 - 4px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-start{position:relative}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-start:before{position:absolute;top:-1px;left:-1px;z-index:100;width:calc(100% + var(--spacing-400, 16px) / 2 + 2px);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-right-radius:initial;border-bottom-right-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-start:after{position:absolute;top:1px;left:calc(100% + var(--spacing-400, 16px) / 2 - 1px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-end{position:relative}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-end:before{position:absolute;top:-1px;right:-1px;width:calc(100% + var(--spacing-400, 16px) / 2 + 2px);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-end:after{position:absolute;top:1px;left:calc(-1 * var(--spacing-400, 16px) / 2 - 4px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.contents-scenes-tab{--scenes-tab-swiper-top: 16px;overflow:hidden}.contents-scenes-tab__item{scroll-margin-inline:calc(var(--container-layout-padding-left) + 40px)}.contents-scenes-tab__item:not(:last-of-type){margin-right:var(--spacing-400, 16px)}@media (max-width: 599px){.contents-scenes-tab{--scenes-tab-swiper-top: var(--container-layout-padding-top)}.contents-scenes-tab .contents-scenes-tab__item:not(:last-of-type){margin-right:var(--container-layout-padding-right)}}.contents-banner-carousel{z-index:0;display:grid;grid:"content" auto / 100%;border-radius:var(--border-radius-xlarge)}.contents-banner-carousel__item{display:grid;grid-area:content;grid-template-areas:"content";grid-template-columns:100%;height:112px;overflow:hidden;border-radius:inherit;opacity:0;transition:transform 1ms .3s,opacity 1ms .3s;transform:translateY(-100%)}.contents-banner-carousel__item--active{z-index:1;opacity:1;transition:opacity .3s,transform 0s;transform:translateY(0)}.contents-banner-carousel__banner-image{width:100%;height:100%}.contents-banner-carousel__banner-image--background,.contents-banner-carousel__banner-image--front{grid-area:content}.contents-banner-carousel__banner-image--background .contents-banner-carousel__banner-img{width:100%}.contents-banner-carousel__banner-image--front{height:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%}@media (max-width: 959px){.contents-banner-carousel__banner-image--front{padding:0 var(--spacing-600, 24px)}}.contents-banner-carousel__banner-image--front:before{flex:1;min-width:400px;max-width:672px;content:""}@media screen and (min-width: 1576px){.contents-banner-carousel__banner-image--front:before{flex:none;width:672px}}@media (max-width: 959px){.contents-banner-carousel__banner-image--front:before{min-width:unset}}.contents-banner-carousel__banner-image--left{justify-content:flex-end;justify-self:right;order:-1}.contents-banner-carousel__banner-image--left,.contents-banner-carousel__banner-image--right{display:flex!important;align-items:center;height:100%;flex:.1;min-width:300px;max-width:375px;height:inherit;overflow:hidden}@media (max-width: 959px){.contents-banner-carousel__banner-image--left,.contents-banner-carousel__banner-image--right{display:none!important}}@media screen and (min-width: 1576px){.contents-banner-carousel__banner-image--left,.contents-banner-carousel__banner-image--right{flex:1}}.contents-banner-carousel__banner-image--left .contents-banner-carousel__banner-img,.contents-banner-carousel__banner-image--right .contents-banner-carousel__banner-img{width:100%;height:100%}.contents-banner-carousel__banner-img{height:100%;object-fit:cover}.contents-banner-carousel__controller-container{z-index:1;display:flex;grid-area:content;align-self:end;justify-content:center;padding-left:0;pointer-events:none}.contents-banner-carousel__controller-button{display:inline-flex;box-sizing:content-box;align-items:center;justify-content:center;width:auto;padding:8px 2px;background:none;border:none;opacity:1;pointer-events:auto;cursor:pointer}.contents-banner-carousel__controller-button:hover{opacity:.8}.contents-banner-carousel__controller-button:after{transition:cubic-bezier(.2,0,0,1) .2s;display:block;width:12px;height:3px;background:#00000014;border-radius:1px;content:""}.contents-banner-carousel__controller-button--active:after{background:var(--static-color-white, #fff);opacity:1}.contents-page-banner{display:grid;grid:"content" 112px / auto;overflow:hidden;color:var(--static-color-white, #fff);background:var(--background-color-secondary-regular);border-radius:var(--border-radius-xlarge, 12px)}.contents-page-banner__background{grid-area:content}.contents-page-banner__content{z-index:1;display:grid;grid-area:content;gap:8px;align-content:center;padding:0 24px;font:var(--text-p1-regular)}.contents-page-banner__title{font:var(--text-h4-bold)}.contents-page-banner__description{opacity:.7}.contents-page-banner__background-image{width:100%;height:100%;object-fit:cover;object-position:right center}.contents-page-banner-with-search{position:relative;z-index:5;display:grid;box-sizing:content-box;grid-template-areas:"content";grid-template-columns:100%;height:112px;padding-bottom:520px;margin-bottom:-520px;overflow:hidden;border-radius:var(--border-radius-xlarge);pointer-events:none}.contents-page-banner-with-search__content-container{display:flex;align-items:center;justify-content:center;width:100%;grid-area:content;height:inherit;pointer-events:auto}@media (max-width: 959px){.contents-page-banner-with-search__content-container{padding:0 var(--spacing-600, 24px)}}.contents-page-banner-with-search__content-container:before,.contents-page-banner-with-search__content-container:after{flex:.1;min-width:300px;max-width:375px;height:inherit;overflow:hidden;content:""}@media (max-width: 959px){.contents-page-banner-with-search__content-container:before,.contents-page-banner-with-search__content-container:after{display:none!important}}@media screen and (min-width: 1576px){.contents-page-banner-with-search__content-container:before,.contents-page-banner-with-search__content-container:after{flex:1}}.contents-page-banner-with-search__media{grid-area:content;width:100%;height:inherit;background:var(--background-color-secondary-regular);border-radius:inherit;pointer-events:initial}.contents-page-banner-with-search__img{width:100%;height:inherit;object-fit:cover;border-radius:inherit}.contents-page-banner-with-search__search-bar-v5{position:relative;z-index:1;height:48px;flex:1;min-width:400px;max-width:672px}@media screen and (min-width: 1576px){.contents-page-banner-with-search__search-bar-v5{flex:none;width:672px}}@media (max-width: 959px){.contents-page-banner-with-search__search-bar-v5{min-width:unset}}.contents-page-banner-with-search__search-bar-v5 .search-input{height:48px;border-radius:var(--border-radius-xlarge)}.contents-page-banner-with-search__search-bar-content{position:absolute;width:100%;height:inherit}.contents-page-banner-with-search .global-search-experiment__wrapper{position:absolute;width:100%}.contents-page-banner-with-search-v1{position:relative;z-index:5;display:grid;box-sizing:content-box;grid-template-areas:"content";grid-template-columns:100%;height:112px;padding-bottom:520px;margin-bottom:-520px;overflow:hidden;border-radius:var(--border-radius-xlarge);pointer-events:none}.contents-page-banner-with-search-v1__content-container{display:flex;align-items:center;justify-content:center;width:100%;grid-area:content;height:inherit;pointer-events:auto}@media (max-width: 959px){.contents-page-banner-with-search-v1__content-container{padding:0 var(--spacing-600, 24px)}}.contents-page-banner-with-search-v1__content-container:before,.contents-page-banner-with-search-v1__content-container:after{flex:.1;min-width:300px;max-width:375px;height:inherit;overflow:hidden;content:""}@media (max-width: 959px){.contents-page-banner-with-search-v1__content-container:before,.contents-page-banner-with-search-v1__content-container:after{display:none!important}}@media screen and (min-width: 1576px){.contents-page-banner-with-search-v1__content-container:before,.contents-page-banner-with-search-v1__content-container:after{flex:1}}.contents-page-banner-with-search-v1__media{grid-area:content;width:100%;height:inherit;background:var(--background-color-secondary-regular);border-radius:inherit;pointer-events:initial}.contents-page-banner-with-search-v1__img{width:100%;height:inherit;object-fit:cover;border-radius:inherit}.contents-page-banner-with-search-v1__search-bar-v5{position:relative;z-index:1;height:56px;flex:1;min-width:400px;max-width:672px}@media screen and (min-width: 1576px){.contents-page-banner-with-search-v1__search-bar-v5{flex:none;width:672px}}@media (max-width: 959px){.contents-page-banner-with-search-v1__search-bar-v5{min-width:unset}}.contents-page-banner-with-search-v1__search-bar-v5 .search-input-v1{height:56px;border-radius:var(--border-radius-xlarge)}.contents-page-banner-with-search-v1__search-bar-v5 .global-search-experiment-v1__search-button{padding:6px 16px}.contents-page-banner-with-search-v1__search-bar-content{position:absolute;width:100%;height:inherit}.contents-page-banner-with-search-v1 .global-search-experiment__wrapper{position:absolute;width:100%}.contents-page-section-more-link__link{display:flex;align-items:center;color:var(--text-color-tertiary, #7f8792);white-space:nowrap;transition:cubic-bezier(.2,0,0,1) .2s;transform:translateZ(0)}.contents-page-section-more-link__link:hover{color:#000}.contents-page-section-more-link__icon{font-size:16px}.contents-page-section__header{display:flex;gap:var(--spacing-600, 24px);align-items:center;margin-bottom:var(--spacing-400, 16px)}.contents-page-section__title-wrapper{display:flex;gap:var(--spacing-200, 8px);align-items:center}.contents-page-section__header-content{flex:1;overflow-x:auto;scrollbar-width:none}.contents-page-section__header-content::-webkit-scrollbar{display:none}.contents-page-section__title{margin:0;font:var(--text-h5-bold);white-space:nowrap}@media (max-width: 599px){.contents-page-section .contents-page-section__header{gap:var(--container-layout-padding-top);margin-bottom:var(--container-layout-padding-bottom)}.contents-page-section .contents-page-section__title{font:var(--text-h6-bold)}}.contents-page-section-skeleton{flex:none}.contents-page-section-skeleton__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-400, 16px)}.main-area-span{--main-area-span: 2}@media screen and (min-width: 1408px){.main-area-span{--main-area-span: 3}}@media screen and (min-width: 1632px){.main-area-span{--main-area-span: 4}}.contents-page-section-group{--main-area-span: 2;row-gap:var(--spacing-1000, 40px)}@media screen and (min-width: 1408px){.contents-page-section-group{--main-area-span: 3}}@media screen and (min-width: 1632px){.contents-page-section-group{--main-area-span: 4}}@media screen and (max-width: 1152px){.contents-page-section-group{display:flex;flex-direction:column}}.contents-page-section-group--incomplete{display:flex;flex-direction:column}.contents-page-section-group>*:nth-child(n+1){grid-column:span var(--main-area-span)}.contents-page-section-group>*:nth-child(2n){grid-column:calc(var(--main-area-span) + 1) / -1}.contents-ai-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:16px;font:var(--text-h5-bold);color:var(--text-color-primary)}@media (max-width: 599px){.contents-ai-title{font-size:16px}}.contents-ai-title__sub-title{font:var(--text-h6-regular);color:var(--text-color-tertiary)}.contents-ai-title__sub-title span{margin-left:24px;cursor:pointer}.contents-ai-title__sub-title span.active{font:var(--text-h6-bold);color:var(--text-color-primary)}.contents-ai-title__sub-title span:hover{color:var(--text-color-primary)}.contents-ai-design__card{position:relative;display:flex;box-sizing:border-box;flex:none;flex-direction:column;width:184px;height:184px;padding:12px;margin-right:16px;background:var(--background-color-secondary-regular);border-radius:12px;cursor:pointer}.contents-ai-design__card:last-child{margin-right:0}.contents-ai-design__card:hover .contents-ai-design__img img{transform:scale(1.18)}.contents-ai-design__card:hover .contents-ai-design__tag{width:86px}.contents-ai-design__img{position:relative;padding-top:85%;overflow:hidden;text-align:center;background:var(--background-color-secondary-regular);border-radius:10px;transition:all var(--motion-normal, .3s)}.contents-ai-design__img>img{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:calc(100% - 26px);height:auto;max-height:calc(100% - 20px);margin:auto;object-fit:cover;vertical-align:middle;border-radius:4px;transition:all var(--motion-normal, .2s)}.contents-ai-design__name{position:absolute;bottom:0;left:0;width:100%;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--text-color-primary);text-align:center}.contents-ai-design:hover .contents-ai-design__size{opacity:1}.contents-ai-design__tag{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;width:28px;height:28px;padding:4px;overflow:hidden;white-space:nowrap;background:#fff;border-radius:28px;transition:width .3s}.contents-ai-design__tag>img{width:20px;height:20px}.contents-ai-design__tag-text{margin-left:4px;font-size:12px;font-style:normal;font-weight:600;color:transparent;background:linear-gradient(90deg,#43bbff,#30e2b0);-webkit-background-clip:text;background-clip:text}.contents-column-materials__material-list-wrapper{width:100%}.contents-material-column{background:var(--body-background-color-primary)}.contents-material-column__title{display:grid;grid-auto-flow:column;gap:var(--spacing-100, 4px);align-items:center;font:var(--text-h5-bold);color:currentcolor;white-space:nowrap}.contents-material-column__title:hover{color:currentcolor}.contents-material-column__title-icon{font-size:var(--icon-size-large, 24px)}.contents-material-column__links{display:flex;gap:var(--spacing-200, 8px)}.contents-material-column__tag-pinned{display:inline-block;width:28px;height:14px;color:transparent;background:center / contain url(https://cdn.dancf.com/fe-assets/20240228/2dcb98b6ef3cfd91c4ad9e1e68392789.png);-webkit-user-select:none;user-select:none}@media (max-width: 599px){.contents-material-column__title{font:var(--text-h6-bold)}}.contents-transition-list-move,.contents-transition-list-enter-active,.contents-transition-list-leave-active{transition:.5s}.contents-transition-list-enter,.contents-transition-list-leave-to{opacity:0}.contents-material-column-menu__menu-item{display:grid;grid-auto-flow:column;gap:var(--spacing-200, 8px);align-items:center;justify-content:flex-start}.contents-material-column-menu__menu-item .gdesign-icon{font-size:var(--icon-suffix-size-xsmall, 16px)}.contents-material-column-list{position:relative;display:grid;gap:var(--spacing-1000, 40px)}.contents-material-column-list .contents-transition-list-move:first-child{position:relative;z-index:1}.contents-recommend-card-materials{display:grid;grid:"content" auto / auto;align-items:flex-start;width:142px;height:100%;padding-top:24px;margin:0 auto;will-change:transform}.contents-recommend-card-materials__vertical-item{grid-area:content;width:88px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials__vertical-item:nth-child(1){z-index:1}.contents-recommend-card-materials__vertical-item:nth-child(2n){justify-self:flex-end;margin-top:12px}.contents-recommend-card-materials .contents-recommend-card-materials__image{border-radius:var(--border-radius-medium, 6px)}.contents-recommend-card-materials__side-item{grid-area:content;width:156px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials__side-item:nth-child(1){z-index:1;margin-top:14px;margin-left:-14px}.contents-recommend-card-materials__side-item:nth-child(2n){justify-self:flex-end}.contents-recommend-card-materials-daily{display:flex;gap:4px;justify-content:center;height:100%;padding-top:24px;overflow:hidden}.contents-recommend-card-materials-daily__column{display:grid;gap:4px;align-content:start;width:88px;border-radius:var(--border-radius-medium, 6px)}.contents-recommend-card-materials-daily__column:nth-child(2n){margin-top:20px}.contents-recommend-card-materials-daily-skeleton{display:grid;grid-template-columns:repeat(4,88px);grid-auto-flow:column;gap:4px;justify-content:center;height:100%;padding-top:24px;overflow:hidden;filter:drop-shadow(0 12px 48px rgba(0,0,0,.08))}.contents-recommend-card-materials-daily-skeleton__item:nth-child(2n){margin-top:20px}.contents-recommend-card-materials-skeleton{display:grid;grid:"content" auto / auto;align-items:flex-start;width:142px;height:100%;padding-top:24px;margin:0 auto;will-change:transform}.contents-recommend-card-materials-skeleton__item{grid-area:content;width:88px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials-skeleton__item:nth-child(1){z-index:1}.contents-recommend-card-materials-skeleton__item:nth-child(2n){justify-self:flex-end;margin-top:12px}.contents-recommend-card__background{height:100%}.contents-recommend-card__image{width:100%}.feedback-questionnaire{position:relative;overflow:hidden;border-radius:var(--border-radius-xlarge, 12px)}.feedback-questionnaire img{width:100%;height:auto;cursor:pointer}.feedback-questionnaire:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;opacity:0;pointer-events:none;cursor:pointer;content:"";transition:opacity .3s}.feedback-questionnaire:hover:before{opacity:1}.feedback-questionnaire__modal .gda-modal-body{height:80vh}.feedback-questionnaire__modal iframe{width:100%;height:100%;border:none}.contents-seo-ads-design-tools{margin-top:var(--spacing-400)}.contents-seo-ads-design-tools__item{position:relative;display:flex;flex:1 0 180px;gap:var(--spacing-400);align-items:center;width:180px;height:64px;padding:var(--spacing-300) var(--spacing-400);overflow:hidden;border-radius:var(--border-radius-xlarge);cursor:pointer}.contents-seo-ads-design-tools__item:not(:last-of-type){margin-right:var(--spacing-400)}.contents-seo-ads-design-tools__item:hover:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000000a;content:""}.contents-seo-ads-design-tools__item-icon{width:32px;max-height:40px;overflow:hidden}.contents-seo-ads-design-tools__item-img{width:100%}.contents-seo-ads-design-tools__item-info{flex:1;width:0}.contents-seo-ads-design-tools__item-title{margin:0;overflow:hidden;font:var(--text-h7-bold);color:var(--text-color-primary);text-overflow:ellipsis;white-space:nowrap}.contents-seo-ads-design-tools__item-desc{margin:var(--spacing-100) 0 0 0;overflow:hidden;font:var(--text-p2-regular);color:var(--text-color-tertiary);text-overflow:ellipsis;white-space:nowrap}.contents-seo-ads-operations{display:flex;gap:var(--spacing-600)}@media (max-width: 959px){.contents-seo-ads-operations{flex-direction:column;gap:var(--spacing-400)}}.contents-seo-ads-operations__keywords{display:flex;flex:3;gap:8px;background-color:var(--color-red-100);border-radius:var(--border-radius-xlarge)}@media (max-width: 1372px){.contents-seo-ads-operations__keywords{flex:4}}.contents-seo-ads-operations__keywords-info{flex:1;padding:var(--spacing-800) 0 var(--spacing-800) var(--spacing-800)}@media (max-width: 1372px){.contents-seo-ads-operations__keywords-info{padding:var(--spacing-600) 0 var(--spacing-600) var(--spacing-600)}}@media (max-width: 959px){.contents-seo-ads-operations__keywords-info{padding:var(--spacing-800)}}.contents-seo-ads-operations__keywords-title{margin:0;font:var(--text-h5-bold);color:var(--text-color-primary)}.contents-seo-ads-operations__keywords-desc{margin:var(--spacing-300) 0 0;font:var(--text-p2-regular);color:var(--text-color-tertiary)}.contents-seo-ads-operations__keywords-em{color:var(--text-color-emphasis)}.contents-seo-ads-operations__keywords-btn{margin-top:var(--spacing-600)}.contents-seo-ads-operations__keywords-icon{display:flex!important;align-items:flex-end;max-width:33%;max-height:100%}@media (max-width: 959px){.contents-seo-ads-operations__keywords-icon{display:none!important}}.contents-seo-ads-operations__keywords-img{width:100%;max-height:100%}.contents-seo-ads-operations__list{display:flex;flex:2;flex-wrap:wrap;gap:var(--spacing-600)}@media (max-width: 959px){.contents-seo-ads-operations__list{gap:var(--spacing-400)}}.contents-seo-ads-operations__item{position:relative;display:flex;flex:1 0 40%;gap:var(--spacing-300);align-items:center;padding:var(--spacing-200) var(--spacing-400);overflow:hidden;border-radius:var(--border-radius-xlarge);cursor:pointer}@media (max-width: 1372px){.contents-seo-ads-operations__item{flex:1 0 80%;padding:var(--spacing-100) var(--spacing-400)}}@media (max-width: 959px){.contents-seo-ads-operations__item{flex:1 0 40%;padding:var(--spacing-100) var(--spacing-400);height:80px}}.contents-seo-ads-operations__item:nth-child(1){background-color:var(--color-green-100)}.contents-seo-ads-operations__item:nth-child(2){background-color:var(--color-pink-100)}.contents-seo-ads-operations__item:nth-child(3){background-color:var(--color-blue-100)}@media (max-width: 1372px){.contents-seo-ads-operations__item:nth-child(3){display:none}}@media (max-width: 959px){.contents-seo-ads-operations__item:nth-child(3){display:flex}}.contents-seo-ads-operations__item:nth-child(4){background-color:var(--color-yellow-100)}@media (max-width: 1372px){.contents-seo-ads-operations__item:nth-child(4){display:none}}@media (max-width: 959px){.contents-seo-ads-operations__item:nth-child(4){display:flex}}.contents-seo-ads-operations__item:hover:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000000a;content:""}.contents-seo-ads-operations__item-icon{width:44px;height:auto}.contents-seo-ads-operations__item-img{width:100%}.contents-seo-ads-operations__item-info{flex:1;width:0}.contents-seo-ads-operations__item-title{margin:0;overflow:hidden;font:var(--text-h6-bold);color:var(--text-color-primary);text-overflow:ellipsis;white-space:nowrap}.contents-seo-ads-operations__item-desc{margin:var(--spacing-100) 0 0;overflow:hidden;font:var(--text-p2-regular);color:var(--text-color-tertiary);text-overflow:ellipsis;white-space:nowrap}.contents-seo-ads{margin-bottom:var(--spacing-600)}@media (max-width: 599px){.contents-seo-ads{margin-bottom:var(--container-layout-padding-bottom)}}.contents-calendar-card{display:flex;align-items:flex-start;height:84px;padding:20px 16px;background:#fff;border:1px solid #e8eaec;border-radius:12px}.contents-calendar-card:hover{background-color:#f6f7f9}.contents-calendar-card:active{filter:brightness(.98)}.contents-calendar-card--active,.contents-calendar-card--active:hover{background:#2254f40f;border-color:#2254f4}.contents-calendar-card--active .contents-calendar-card__relative-time{color:#2254f4}.contents-calendar-card__type-indicator{width:4px;height:14px;margin-top:3px;margin-right:6px;background:currentcolor}.contents-calendar-card__type-indicator--festival{color:#f54531}.contents-calendar-card__type-indicator--solar-term{color:#24b35f}.contents-calendar-card__type-indicator--node{color:#faaa32}.contents-calendar-card__card-content{flex:1;margin-right:4px;overflow:hidden}.contents-calendar-card__title{font-size:16px;font-weight:500;line-height:20px;color:#33383e}.contents-calendar-card__time{margin-top:6px;font-size:12px;line-height:18px;color:#636c78}.contents-calendar-card__relative-time{font-family:Inter,sans-serif;font-weight:700;font-feature-settings:normal;font-variant:normal;display:flex;align-items:flex-end;margin-top:-2px;font-size:24px;line-height:24px;color:#636c78}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://st-gdx.dancf.com/gaodingx/4888/configs/system/20220810-193353-3e9e.otf)}.contents-calendar-card__unit{margin-bottom:1px;margin-left:4px;font-size:12px;font-weight:400;line-height:16px}.contents-calendar-list{padding-top:4px;padding-right:var(--grid-gap-size);margin-top:-4px;margin-right:calc(-1 * var(--grid-gap-size));overflow:hidden}.contents-calendar-list__list-container{display:grid;grid-template-rows:repeat(2,auto);grid-auto-columns:100%;grid-auto-flow:column;gap:12px var(--grid-gap-size, 24px)}.contents-calendar-list .contents-calendar-card-with-image:first-of-type{grid-area:span 2 / auto}@media (max-width: 599px){.contents-calendar-list{overflow:initial}}@keyframes material-operate-fade-in{0%{opacity:0}to{opacity:1}}.contents-suit-material-card{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden;border-radius:12px!important}.contents-suit-material-card__image{overflow:hidden;border-radius:12px!important;cursor:pointer}.contents-suit-material-card__image img{transition:all .3s ease}.contents-suit-material-card__preview:hover .contents-suit-material-card__image img{transform:scale(1.05)}.contents-suit-material-card__info{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 400px){.contents-suit-material-card__info .contents-suit-material-card__count{display:none}}.contents-suit-material-card__info .contents-suit-material-card__name{max-width:158px;overflow:hidden;font:var(--text-p2-bold);line-height:1.7;color:var(--text-color-primary, #222529);text-overflow:ellipsis;white-space:nowrap}.contents-suit-material-card__info .contents-suit-material-card__count{font:var(--text-p2-regular);color:var(--text-color-placeholder, #9da3ac)}.contents-suit-material-card__group-link{position:absolute;top:50%;left:50%;width:initial;height:32px;padding:10px 16px;font:var(--text-p2-bold);transform:translate(-50%,-50%)}@media (max-width: 599px){.gda-breadcrumb{font-size:16px!important}}.transition-small{transition:cubic-bezier(.2,0,0,1) .2s}.transition-medium{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes gda-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.contents-material-link-list{flex:none;gap:var(--spacing-200, 8px);height:120px;padding:var(--spacing-200, 8px);background:var(--background-color-secondary-regular, #f6f7f9);border-radius:var(--border-radius-xlarge, 12px)}.contents-material-link-list .swiper-list-with-grid__content{border-radius:var(--border-radius-medium, 6px)}