.search-dropdown-trigger.wff-trigger{appearance:none;font:inherit;color:inherit;border-color:#0000;margin:0;padding:0 .16rem;line-height:normal}.search-dropdown-trigger.wff-trigger .trigger-icon,.search-dropdown-trigger.wff-trigger .trigger-text{color:#fff}.search-dropdown-trigger.wff-trigger.is-open,.search-dropdown-trigger.wff-trigger:hover{border-color:#0000}.search-dropdown-trigger.wff-trigger.has-value{background-color:#ffc74329;border-color:#0000}.search-dropdown-trigger.wff-trigger:focus-visible{outline-offset:2px;outline:2px solid #ffffffbf}.wff-edge{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(160deg,#ffffffb3,#ffffff38 45%,#fff6);padding:1px;position:absolute;inset:-1px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.has-value>.wff-edge{background:linear-gradient(160deg,#ffdc82e6,#ffc74373 45%,#ffc743a6)}.wff-edge__spin{aspect-ratio:1;background:conic-gradient(from 0deg,#fff0 0 74%,#fffffff2 86%,#fff0 94%);opacity:0;width:200%;margin:-100% 0 0 -100%;position:absolute;top:50%;left:50%}.wff-badge{color:#3a2a00;background:#ffc743;border-radius:100px;justify-content:center;align-items:center;min-width:calc(max(.3rem,15px));height:calc(max(.3rem,15px));padding:0 .05rem;font-size:calc(max(.17rem,10px));font-weight:700;line-height:1;display:inline-flex}.wff-panel{z-index:10000;color:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:0 100%;background:#00000040;border-radius:12px;grid-template-columns:2.6rem minmax(0,1fr);width:calc(min(14.6rem,100vw - 24px));display:grid;position:fixed;box-shadow:0 8px 32px #0000004d}.wff-nav{border-right:1px solid #ffffff14;flex-direction:column;gap:.04rem;padding:.2rem .12rem;display:flex;position:relative}.wff-nav__ind{pointer-events:none;background:#ffffff26;border-radius:10px;width:0;height:0;transition:transform .44s cubic-bezier(.22,.8,.2,1),width .44s cubic-bezier(.22,.8,.2,1),height .44s cubic-bezier(.22,.8,.2,1);position:absolute;top:0;left:0}.wff-nav__ind.no-anim{transition:none}.wff-tab{appearance:none;font:inherit;color:inherit;text-align:inherit;cursor:var(--cursor-touch),auto;text-align:left;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:.02rem;min-width:0;margin:0;padding:.14rem .18rem;transition:background-color .2s;display:flex}.wff-tab:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}.wff-tab:not(.is-on):hover{background:#ffffff14}.wff-tab b{color:#ffffffeb;font-size:calc(max(.23rem,12.5px));font-weight:600}.wff-tab.has-value .wff-tab__val{color:#ffd479}.wff-tab__val{color:#ffffff80;align-items:center;gap:.06rem;min-width:0;font-size:calc(max(.18rem,11px));display:flex}.wff-tab__val em{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-style:normal;overflow:hidden}.wff-main{flex-direction:column;min-width:0;display:flex}.wff-stage{flex:1 0 auto;position:relative}.wff-stage.is-swapping{overflow:hidden}.wff-view{flex-direction:column;display:flex}.wff-head{align-items:baseline;gap:.15rem;padding:.2rem .3rem .08rem;display:flex}.wff-head__title{color:#fff;font-size:calc(max(.24rem,13px));font-weight:600}.wff-head__desc{color:#ffffff8c;flex:1;min-width:0;font-size:calc(max(.18rem,11px))}.wff-head__clear{appearance:none;font:inherit;color:#ffffffb3;text-align:inherit;cursor:var(--cursor-touch),auto;background:0 0;border:0;flex-shrink:0;margin:0;font-size:calc(max(.19rem,11.5px))}.wff-head__clear:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}.wff-head__clear:hover{color:#fff}.wff-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4d #0000;max-height:calc(min(52vh,430px));padding:.08rem .2rem .22rem;overflow-y:auto}.wff-body::-webkit-scrollbar{width:4px}.wff-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.wff-empty{color:#ffffff8c;margin:0;padding:.3rem .1rem;font-size:calc(max(.2rem,12px))}.wff-sec+.wff-sec{border-top:1px solid #ffffff14;margin-top:.16rem;padding-top:.14rem}.wff-sec__title{color:#fffc;margin:0 .1rem .1rem;font-size:calc(max(.2rem,12px))}.wff-grid{gap:.04rem;display:grid}.wff-grid--category{grid-template-columns:repeat(4,minmax(0,1fr))}.wff-grid--mood{grid-template-columns:repeat(3,minmax(0,1fr))}.wff-grid--layout{grid-template-columns:repeat(5,minmax(0,1fr))}.wff-grid--color{grid-template-columns:repeat(7,minmax(0,1fr));gap:.06rem .04rem}.wff-opt{appearance:none;font:inherit;color:inherit;text-align:inherit;cursor:var(--cursor-touch),auto;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;gap:.03rem;min-width:0;margin:0;padding:.14rem .18rem;transition:background-color .2s;display:flex}.wff-opt:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}.wff-opt:hover{background-color:#ffffff1a}.wff-opt.is-selected{background-color:#ffffff2b;box-shadow:inset 0 0 0 1px #ffffff47}.wff-opt__name{color:#ffffffeb;font-size:calc(max(.24rem,13px))}.wff-opt__hint,.wff-opt__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.wff-opt__hint{color:#ffffff80;font-size:calc(max(.17rem,10.5px));line-height:1.35}.wff-opt.is-selected .wff-opt__name{color:#fff;font-weight:600}.wff-opt.is-selected .wff-opt__hint{color:#ffffffb3}.wff-sw{border-radius:50%;flex-shrink:0;width:.3rem;min-width:12px;height:.3rem;min-height:12px;display:inline-block;box-shadow:0 0 0 1px #ffffff38,0 1px 3px #00000059}.wff-opt--color{text-align:center;align-items:center;gap:.08rem;padding:.14rem .04rem .1rem}.wff-opt--color .wff-sw{width:calc(max(.46rem,22px));height:calc(max(.46rem,22px))}.wff-opt--color .wff-opt__name{font-size:calc(max(.2rem,11.5px))}.wff-opt--color.is-selected .wff-sw{box-shadow:0 0 0 2px #00000080,0 0 0 4px #fff}.wff-tone-row{justify-content:space-between;align-items:center;gap:.15rem;margin:0 .1rem .14rem;display:flex}.wff-tone-row small{color:#ffffff73;font-size:calc(max(.17rem,10.5px))}.wff-seg{background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:inline-grid;position:relative}.wff-seg,.wff-seg__btn,.wff-seg__ind{border-radius:100px}.wff-seg__ind{pointer-events:none;width:calc(33.3333% - 2.66667px);transform:translate(0);transform:translateX(calc(var(--seg-i,0) * (100% + 2px)));background:#ffffffe6;transition:transform .32s cubic-bezier(.22,.8,.2,1);position:absolute;top:2px;bottom:2px;left:2px}.wff-seg__btn{appearance:none;font:inherit;color:#ffffffbf;text-align:inherit;cursor:var(--cursor-touch),auto;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:.07rem;margin:0;padding:.05rem .2rem;font-size:calc(max(.19rem,11.5px));transition:color .32s cubic-bezier(.22,.8,.2,1);display:inline-flex;position:relative}.wff-seg__btn:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}.wff-seg__btn:hover{color:#fff}.wff-seg__btn.is-on{color:#111}.wff-tone-dot{border-radius:50%;width:.16rem;min-width:8px;height:.16rem;min-height:8px}.wff-tone-dot.is-light{background:#f4f4f5;box-shadow:inset 0 0 0 1px #00000040}.wff-tone-dot.is-dark{background:#18181b;box-shadow:inset 0 0 0 1px #ffffff73}.wff-opt--layout{text-align:center;justify-content:flex-start;align-items:center;gap:.07rem;padding:.14rem .08rem .12rem}.wff-opt--layout .wff-opt__name{font-size:calc(max(.21rem,12px))}.wff-opt--layout .wff-opt__hint{white-space:normal}.wff-lay{--pic-bg:#2f3a55;--pic-clean:#48557a;--pic-sub:#dfe5f5;--pic-line:#6b7aa3;--pic-icon:#f5c451;--pic-text:#dfe5f5;aspect-ratio:160/100;border-radius:4px;flex-shrink:0;width:1.3rem;min-width:64px;max-width:100%;display:block;box-shadow:0 0 0 1px #ffffff29,0 2px 8px -3px #00000073}.wff-lay svg{width:100%;height:100%;display:block}.wff-lay .f{fill:var(--pic-bg)}.wff-lay .cl{fill:var(--pic-clean)}.wff-lay .su{fill:var(--pic-sub)}.wff-lay .ln{fill:var(--pic-line)}.wff-lay .lns{stroke:var(--pic-line);fill:none}.wff-lay .ic{fill:var(--pic-icon)}.wff-lay .rv{stroke:var(--pic-sub)}.wff-lay .tx{fill:var(--pic-text);font:600 11px -apple-system,Segoe UI,sans-serif}.wff-lay .dash{stroke:var(--pic-text);stroke-dasharray:3 3;stroke-width:1px;fill:none;opacity:.6}.wff-lay--phone{aspect-ratio:60/104;border-radius:6px;width:.62rem;min-width:32px}.wff-foot{background:#0000002e;border-top:1px solid #ffffff14;border-radius:0 0 12px;align-items:center;gap:.15rem;padding:.16rem .3rem;display:flex}.wff-foot__desc{color:#ffffff8c;flex:1;min-width:0;font-size:calc(max(.18rem,11px))}.wff-btn{appearance:none;font:inherit;color:#ffffffe6;text-align:inherit;cursor:var(--cursor-touch),auto;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff40;border-radius:100px;justify-content:center;align-items:center;gap:.06rem;height:calc(max(.5rem,28px));margin:0;padding:0 .26rem;font-size:calc(max(.2rem,12px));display:inline-flex}.wff-btn:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}.wff-btn:hover{background:#ffffff24}.wff-btn--go{border:0;padding:0}.wff-btn--go,.wff-btn--go:hover{background:0 0}.wff-btn__face{color:#fff;background:#0009;border:2px solid #fff;border-radius:50px;justify-content:center;align-items:center;height:100%;padding:0 .3rem;font-weight:500;display:inline-flex;box-shadow:0 0 10px #fff1f1}.wff-btn--go:active .wff-btn__face{transform:scale(.85)}.wff-btn__text{line-height:1.4;display:block;position:relative;top:.05em}.wff-pop-enter-active{transition:opacity .24s cubic-bezier(.22,.8,.2,1),transform .24s cubic-bezier(.22,.8,.2,1)}.wff-pop-leave-active{transition:opacity .14s}.wff-pop-enter-from{opacity:0;transform:translateY(10px)scale(.985)}.wff-pop-leave-to{opacity:0}.wff-panel.is-calm .wff-nav__ind,.wff-panel.is-calm .wff-seg__btn,.wff-panel.is-calm .wff-seg__ind{transition:none}@media (prefers-reduced-motion:reduce){.wff-nav__ind,.wff-pop-enter-active,.wff-pop-leave-active,.wff-seg__btn,.wff-seg__ind{transition:none}.wff-edge__spin{display:none}}.wff-chips{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);white-space:nowrap;scrollbar-width:none;pointer-events:all;background:#403f3f54;border-radius:100px;align-items:center;gap:.1rem;max-width:calc(100vw - 24px);padding:.08rem .1rem;display:flex;position:absolute;bottom:calc(100% + .14rem);left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 0 14px #0006}.wff-chips::-webkit-scrollbar{display:none}.wff-chip{color:#ffffffeb;background:#ffffff1f;border:1px solid #fff3;border-radius:100px;flex-shrink:0;align-items:center;gap:.07rem;height:calc(max(.44rem,24px));padding:0 .12rem 0 .18rem;font-size:calc(max(.2rem,11.5px));display:inline-flex}.wff-chip small{color:#ffffff8c;font-size:inherit}.wff-chip__x{appearance:none;font:inherit;color:inherit;text-align:inherit;cursor:var(--cursor-touch),auto;opacity:.7;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:calc(max(.24rem,12px));height:calc(max(.24rem,12px));margin:0;padding:0;display:inline-flex}.wff-chip__x:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}.wff-chip__x:hover{opacity:1}.wff-chip__x .el-icon{width:100%;height:100%;font-size:inherit}button.wff-chip--clear{appearance:none;font:inherit;color:#ffffffb3;text-align:inherit;cursor:var(--cursor-touch),auto;background:0 0;border:1px solid #fff3;height:calc(max(.44rem,24px));margin:0;padding:0 .16rem}button.wff-chip--clear:focus-visible{outline-offset:-2px;outline:2px solid #ffffffbf}button.wff-chip--clear:hover{color:#fff}@media screen and (width<=800px){.wff-panel{transform-origin:bottom;grid-template-columns:minmax(0,1fr);width:auto}.wff-nav{scrollbar-width:none;border-bottom:1px solid #ffffff14;border-right:0;flex-direction:row;padding:.14rem .14rem .06rem;overflow-x:auto}.wff-nav::-webkit-scrollbar{display:none}.wff-tab{flex:1 0 auto;align-items:center;padding:.1rem .16rem}.wff-tab .wff-tab__val{max-width:1.8rem}.wff-foot{border-radius:0 0 12px 12px}.wff-grid--category{grid-template-columns:repeat(2,minmax(0,1fr))}.wff-grid--layout{grid-template-columns:repeat(3,minmax(0,1fr))}.wff-chips{bottom:calc(100% + .8rem)}}