.pinpai[data-v-39c9bf66]{-webkit-font-smoothing:antialiased!important;color:#323233;font-family:Microsoft YaHei;font-size:14px;padding:22px 24px 24px}.pinpai[data-v-39c9bf66] .nav-toolbox-input input{font-size:14px;height:42px;width:100%}.pinpai-main[data-v-39c9bf66]{background-image:url(./bg.a79891aa.svg);border:1px solid #c5dbfd;border-radius:8px}.pinpai-main-header[data-v-39c9bf66]{--tw-text-opacity:1;align-items:center;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:15px;height:42px;padding-left:24px;padding-right:24px;position:relative}.pinpai-main-header h1[data-v-39c9bf66]{margin-left:4px}.pinpai-main-header-box-img[data-v-39c9bf66]{height:124px;position:absolute;right:31px;top:-22px;width:143px;z-index:0}.pinpai-main-handle[data-v-39c9bf66]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:8px;margin-left:auto;margin-right:auto;padding:22px 26px 16px;position:relative;z-index:10}.pinpai-main-handle h2[data-v-39c9bf66]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity));font-size:18px;font-weight:600}.pinpai-main-handle h2 i[data-v-39c9bf66]{font-weight:400}.pinpai-main-handle h2 span[data-v-39c9bf66]{color:#515152}.pinpai-main-handle-input[data-v-39c9bf66]{--tw-bg-opacity:1;background-color:#fbfdff;background-color:rgb(251 253 255/var(--tw-bg-opacity));border-color:$theme-color-light;border-radius:8px;border-width:1px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;padding:14px 20px 16px}.pinpai-main-handle-input h3[data-v-39c9bf66]{color:#323233d9;margin-bottom:8px}.pinpai-main-handle-type[data-v-39c9bf66]{margin-top:35px;position:relative}.pinpai-main-handle-type-content[data-v-39c9bf66]{--tw-bg-opacity:1;background-color:#fbfdff;background-color:rgb(251 253 255/var(--tw-bg-opacity));border-color:$theme-color-light;border-radius:8px;border-width:1px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding:18px 20px;row-gap:18px}.pinpai-main-handle-type-content div[data-v-39c9bf66]{align-items:center;color:#323233bf;display:flex}.pinpai-main-handle-type-content div h3[data-v-39c9bf66]{color:#323233d9;margin-right:12px}.pinpai-main-handle-type-content div span[data-v-39c9bf66]{--tw-bg-opacity:1;align-items:center;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;margin-right:10px;width:54px}.pinpai-main-handle-type-content div span[data-v-39c9bf66]:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#e8f0fe;background-color:rgb(232 240 254/var(--tw-bg-opacity));color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity))}.pinpai-result[data-v-39c9bf66]{--tw-border-opacity:1;border-color:#c5dbfd;border-color:rgb(197 219 253/var(--tw-border-opacity));border-radius:8px;border-width:1px;margin-top:20px;position:relative}.pinpai-result h2[data-v-39c9bf66]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));left:18px;padding-left:.5rem;padding-right:.5rem;position:absolute;top:-10px}.pinpai-result-box[data-v-39c9bf66]{-moz-column-gap:14px;column-gap:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:184px;padding:24px 26px 61px;position:relative;row-gap:14px}.pinpai-result-box-copy[data-v-39c9bf66]{bottom:14px;position:absolute;right:26px}.pinpai-result-box-copy button[data-v-39c9bf66]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:#eff7fe;background-color:rgb(239 247 254/var(--tw-bg-opacity));border-color:#aecdff;border-color:rgb(174 205 255/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;color:#323233;color:rgb(50 50 51/var(--tw-text-opacity));color:#323233d9;display:flex;font-size:14px;gap:.5rem;padding:5px 6px}.pinpai-result-box-copy button[data-v-39c9bf66]:hover{opacity:.8}.pinpai-result-box-item[data-v-39c9bf66]{--tw-bg-opacity:1;align-items:center;background-color:#fbfdff;background-color:rgb(251 253 255/var(--tw-bg-opacity));border-color:$theme-color;border-radius:8px;border-width:1px;display:flex;height:42px;justify-content:space-between;padding-left:12px;padding-right:20px;position:relative;transition-duration:.2s}.pinpai-result-box-item[data-v-39c9bf66]:hover{border:1px solid #3b82f6;box-shadow:0 4px 12px #1e58b71c}.pinpai-result-box-item i[data-v-39c9bf66]{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;height:24px;justify-content:center;transition-duration:.2s;width:24px}.pinpai-result-box-item i[data-v-39c9bf66]:hover{--tw-bg-opacity:1;background-color:#e2f0fe;background-color:rgb(226 240 254/var(--tw-bg-opacity))}.pinpai-result-box-item i[data-v-39c9bf66]:active{--tw-bg-opacity:1;background-color:#b8d9fc;background-color:rgb(184 217 252/var(--tw-bg-opacity))}.pinpai-result-box-item img[data-v-39c9bf66]{position:absolute;right:.25rem}.pinpai-type-selected[data-v-39c9bf66]{--tw-border-opacity:1;--tw-text-opacity:1;background-color:#f4faff!important;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity));border-width:1px;box-shadow:0 4px 12px #1e58b71c;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity))}.pinpai-handle-btn[data-v-39c9bf66]{display:flex;position:absolute;right:0;top:-15px}.pinpai-handle-btn button[data-v-39c9bf66]{align-items:center;border-radius:4px;display:flex;font-size:14px;height:34px;justify-content:space-between;padding:10px;transition:all .2s ease;width:98px}.pinpai-handle-btn button[disabled][data-v-39c9bf66]{border:1px solid #aecdff!important;color:#323233!important}.pinpai-handle-btn button[disabled] i[data-v-39c9bf66]{color:#323233!important}.pinpai-handle-btn button[data-v-39c9bf66]:first-of-type{background-color:#eff7fe;border:1px solid #aecdff;margin-right:18px}.pinpai-handle-btn button[data-v-39c9bf66]:first-of-type:hover{border:1px solid #3b82f6}.pinpai-handle-btn button[data-v-39c9bf66]:first-of-type:active,.pinpai-handle-btn button:first-of-type:active i[data-v-39c9bf66]{color:#3b82f6}.pinpai-handle-btn button[data-v-39c9bf66]:nth-of-type(2){background-color:#3b82f6;color:#fff}.pinpai-handle-btn button[data-v-39c9bf66]:nth-of-type(2):hover{background-color:#66a6ff}.pinpai-handle-btn button[data-v-39c9bf66]:nth-of-type(2):active{background-color:#2762cf}.pinpai-arrow-up[data-v-39c9bf66]{top:31px}.pinpai-arrow-down[data-v-39c9bf66],.pinpai-arrow-up[data-v-39c9bf66]{cursor:pointer;height:-moz-fit-content;height:fit-content;position:absolute;right:10px}.pinpai-arrow-down[data-v-39c9bf66]{top:47px}.pinpai-arrow-icon[data-v-39c9bf66]{color:#323233bf;font-size:1rem;line-height:1.5rem}.pinpai-arrow-icon[data-v-39c9bf66]:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity))}.pinpai-btn-mobile[data-v-39c9bf66],.pinpai-result-copy-mobile[data-v-39c9bf66]{display:none}@media (max-width:1024px){.pinpai-main-header[data-v-39c9bf66]{padding-left:10px;padding-right:10px}.pinpai-main-header-box-img[data-v-39c9bf66]{display:none}.pinpai-main-handle[data-v-39c9bf66]{padding:14px 10px 10px}.pinpai-main-handle h2[data-v-39c9bf66]{font-size:14px}.pinpai-main-handle-input[data-v-39c9bf66]{margin-top:12px;padding:12px}.pinpai[data-v-39c9bf66] .nav-toolbox-input input{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:32px}.pinpai-arrow-up[data-v-39c9bf66]{top:28px}.pinpai-arrow-down[data-v-39c9bf66]{top:42px}.pinpai-btn-mobile[data-v-39c9bf66]{display:flex;gap:6px;margin-top:12px;position:relative;right:0;top:0}.pinpai-btn-pc[data-v-39c9bf66],.pinpai-result-copy-pc[data-v-39c9bf66]{display:none}.pinpai-handle-btn button[data-v-39c9bf66]:first-of-type{margin-right:0}.pinpai-handle-btn button[data-v-39c9bf66]{font-size:13px;gap:6px;height:28px;line-height:22px;padding-bottom:2px;padding-top:2px;width:auto}.pinpai-handle-btn button i[data-v-39c9bf66]{height:10px;width:10px}.pinpai-handle-btn button[data-v-39c9bf66] svg{font-size:10px;height:10px;width:10px}.pinpai-main-handle-type-content[data-v-39c9bf66]{gap:8px;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:10px;padding:12px}.pinpai-result[data-v-39c9bf66]{margin-top:16px}.pinpai-result h2[data-v-39c9bf66]{--tw-bg-opacity:1;align-items:center;background-color:#f7faff;background-color:rgb(247 250 255/var(--tw-bg-opacity));display:flex;left:0;position:relative;top:0}.pinpai-result h2[data-v-39c9bf66]:before{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-radius:20px;content:"";height:6px;margin-right:6px;width:3px}.pinpai-result-copy-mobile[data-v-39c9bf66]{bottom:0;display:flex;position:relative;right:0}.pinpai-result-copy[data-v-39c9bf66]{--tw-bg-opacity:1;align-items:center;background-color:#f7faff;background-color:rgb(247 250 255/var(--tw-bg-opacity));border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:14px 12px}.pinpai-result-box-copy button[data-v-39c9bf66]{background-color:transparent;border-width:0;color:#323233d9;font-size:13px;gap:2px;height:22px}.pinpai-result-box[data-v-39c9bf66]{gap:6px;grid-template-columns:repeat(1,minmax(0,1fr));padding:13px 12px}.pinpai-result-box-item[data-v-39c9bf66]{height:32px}.pinpai-main-handle-type[data-v-39c9bf66]{margin-top:18px}}