[data-v-41e88cdc]:root{--mobile-screen-frame-size: 0px;--mobile-screen-frame-inline-size: 0px;--mobile-screen-frame-color: #000;--footer-com-inline-inset: 1.33333rem;--footer-com-mobile-inline-inset: 1rem;--page-inline-gutter: 6vw;--text-color: #fffff4;--bg-color: #000;--opacity-color: #ffffff7a;--opacity-color2: rgba(255, 255, 255, .1);--star-color: #f7f7b686;--surface-color: rgba(13, 9, 18, .82);--surface-color-solid: #0b070f;--surface-color-soft: rgba(255, 255, 255, .035);--surface-color-raised: rgba(20, 10, 18, .9);--surface-color-inset: #090406;--text-muted: rgba(255, 255, 255, .56);--text-faint: rgba(255, 255, 255, .32);--text-ghost: rgba(255, 255, 255, .14);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .22);--grid-line-color: rgba(255, 255, 255, .035);--shadow-color: rgba(0, 0, 0, .42);--shadow-color-soft: rgba(0, 0, 0, .18);--scanline-color: rgba(255, 255, 255, .04);--overlay-color: rgba(0, 0, 0, .58);--code-bg-color: #090406;--input-bg-color: rgba(9, 4, 6, .74);--panel-grid-bg: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px), #090406}@media screen and (max-aspect-ratio: 1){[data-v-41e88cdc]:root{--page-inline-gutter: clamp(1.8667rem, 8vw, 2.4rem)}}[data-theme=light][data-v-41e88cdc],.light[data-v-41e88cdc]{--text-color: #1f1f1f;--bg-color: #ffffff;--opacity-color: #00000075;--opacity-color2: rgba(0, 0, 0, .1);--star-color: #4400b986;--surface-color: rgba(255, 255, 255, .78);--surface-color-solid: #ffffff;--surface-color-soft: rgba(0, 0, 0, .035);--surface-color-raised: rgba(255, 255, 255, .92);--surface-color-inset: #f4f1ed;--text-muted: rgba(0, 0, 0, .58);--text-faint: rgba(0, 0, 0, .34);--text-ghost: rgba(0, 0, 0, .14);--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .2);--grid-line-color: rgba(0, 0, 0, .05);--shadow-color: rgba(20, 20, 20, .1);--shadow-color-soft: rgba(20, 20, 20, .08);--scanline-color: rgba(0, 0, 0, .035);--overlay-color: rgba(255, 255, 255, .62);--code-bg-color: #f7f4ef;--input-bg-color: rgba(255, 255, 255, .78);--panel-grid-bg: linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .035) 1px, transparent 1px), #f7f4ef}@keyframes tacticalIn-41e88cdc{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.palette-tool[data-v-41e88cdc]{color:#fff;font-family:UnboundedSans,system-ui,sans-serif}.pt-upload-area[data-v-41e88cdc]{animation:tacticalIn-41e88cdc .4s cubic-bezier(.2,.8,.2,1) .1s both}.pt-result-area[data-v-41e88cdc]{animation:tacticalIn-41e88cdc .4s cubic-bezier(.2,.8,.2,1) .15s both}.pt-grid[data-v-41e88cdc]{display:grid;grid-template-columns:5fr 2fr;gap:1rem 0;align-items:stretch}.pt-panel[data-v-41e88cdc]{position:relative;background:#25252587;-webkit-backdrop-filter:blur(.13333rem);backdrop-filter:blur(.13333rem);padding:1rem;min-height:20rem;display:flex;flex-direction:column}.right-panel[data-v-41e88cdc]{position:relative;background:#140a0c;border:1px solid rgba(255,255,255,.07);padding:1rem;min-height:20rem;display:flex;flex-direction:column}.corner[data-v-41e88cdc],.corner-img[data-v-41e88cdc]{position:absolute;width:.4rem;height:.4rem;pointer-events:none;z-index:5}.corner--tl[data-v-41e88cdc],.corner-img--tl[data-v-41e88cdc]{top:-1px;left:-1px;border-top:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--tr[data-v-41e88cdc],.corner-img--tr[data-v-41e88cdc]{top:-1px;right:-1px;border-top:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner--bl[data-v-41e88cdc],.corner-img--bl[data-v-41e88cdc]{bottom:-1px;left:-1px;border-bottom:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--br[data-v-41e88cdc],.corner-img--br[data-v-41e88cdc]{bottom:-1px;right:-1px;border-bottom:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner.corner-img.corner--tl[data-v-41e88cdc],.corner-img.corner-img.corner--tl[data-v-41e88cdc]{top:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--tr[data-v-41e88cdc],.corner-img.corner-img.corner--tr[data-v-41e88cdc]{top:.33333rem;right:.33333rem;border-color:#50505076}.corner.corner-img.corner--bl[data-v-41e88cdc],.corner-img.corner-img.corner--bl[data-v-41e88cdc]{bottom:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--br[data-v-41e88cdc],.corner-img.corner-img.corner--br[data-v-41e88cdc]{bottom:.33333rem;right:.33333rem;border-color:#50505076}.pt-upload-input[data-v-41e88cdc]{display:none}.pt-upload-area[data-v-41e88cdc]{padding:0;justify-content:center;align-items:center;overflow:hidden}.pt-upload-label[data-v-41e88cdc]{position:absolute;top:.53333rem;right:.53333rem;bottom:.53333rem;left:.53333rem;border:1px dashed rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.pt-upload-label[data-v-41e88cdc]:hover{border-color:#e8284a;background:rgba(232,40,74,.02)}.pt-upload-label:hover .pt-upload-icon[data-v-41e88cdc]{color:#e8284a}.pt-upload-label.has-image[data-v-41e88cdc]{border-style:solid;border-color:transparent}.pt-upload-icon[data-v-41e88cdc]{font-size:1.06667rem;color:#ffffff73;margin-bottom:.53333rem;transition:color .3s}.pt-upload-text span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center;font-size:.43333rem;font-weight:700}.pt-upload-hint span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center;font-size:.36667rem;color:#ffffff73;margin-top:.26667rem}.pt-preview-img[data-v-41e88cdc]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - 1.06667rem);object-fit:contain;padding:.33333rem;z-index:1}.pt-preview-overlay[data-v-41e88cdc]{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.pt-preview-overlay span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center;font-size:.4rem;letter-spacing:.1em;color:#fff}.pt-upload-label:hover .pt-preview-overlay[data-v-41e88cdc]{opacity:1}.pt-scanlines[data-v-41e88cdc]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.01) 1px,transparent 1px);background-size:100% .13333rem;pointer-events:none}.pt-panel-title[data-v-41e88cdc]{display:flex;justify-content:space-between;font-size:.4rem;color:#ffffff73;margin-bottom:.8rem}.pt-panel-title span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left}.pt-swatches[data-v-41e88cdc]{display:block;height:3.93333rem;margin-bottom:1rem;padding:.13333rem 0;font-family:alibaba-puhuiti,sans-serif}.pt-swatches-empty[data-v-41e88cdc]{width:100%;height:100%;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#ffffff1a}.pt-swatches-empty span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center;font-size:.36667rem;letter-spacing:.1em}.pt-swatch-controls[data-v-41e88cdc]{display:grid;align-items:center;justify-items:center;margin-bottom:.4rem}.pt-swatch-copy[data-v-41e88cdc]{--swatch-color: #e23456;display:grid;width:.93333rem;height:.93333rem;flex:0 0 auto;place-items:center;padding:0;border:.06667rem solid #fff;border-radius:50%;color:#fff;background:var(--swatch-color);cursor:pointer;font-family:alibaba-puhuiti,sans-serif;font-size:.33333rem;font-weight:800;transition:transform .22s ease,filter .22s ease}.pt-swatch-copy[data-v-41e88cdc]:hover,.pt-swatch-copy[data-v-41e88cdc]:focus-visible{outline:none;filter:brightness(1.08);transform:translateY(-.1rem) scale(1.06)}.pt-swatch-copy[data-v-41e88cdc]:focus-visible{outline:.06667rem solid rgba(255,255,255,.45);outline-offset:.1rem}.pt-swatch-copy.is-copied[data-v-41e88cdc]{transform:scale(1.08)}.pt-swatch-capsule[data-v-41e88cdc]{--palette-sheen-x: 50%;--palette-sheen-y: 50%;position:relative;display:grid;width:100%;min-height:1.4rem;box-sizing:border-box;overflow:hidden;border:.06667rem solid #fff;border-radius:33.3rem;color:#fff}.pt-swatch-capsule[data-v-41e88cdc]:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:radial-gradient(ellipse 1rem .66667rem at var(--palette-sheen-x) var(--palette-sheen-y),rgba(255,252,241,.38),rgba(255,239,204,.2) 42%,transparent 78%),radial-gradient(circle 2.93333rem at var(--palette-sheen-x) var(--palette-sheen-y),rgba(255,240,207,.28),rgba(194,220,255,.14) 34%,rgba(255,255,255,.05) 58%,transparent 78%);content:"";mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .24s ease}.pt-swatch-capsule[data-v-41e88cdc]:hover:after{opacity:1}.pt-swatch-segment[data-v-41e88cdc]{position:relative;z-index:3;display:flex;min-width:0;align-items:center;justify-content:center;padding:.26667rem .13333rem;text-align:center}.pt-swatch-segment span[data-v-41e88cdc]{overflow:hidden;font-family:alibaba-puhuiti,sans-serif;font-size:clamp(.26667rem,.5vw,.36667rem);font-weight:800;letter-spacing:0;line-height:1;text-overflow:ellipsis;text-shadow:0 1px .13333rem rgba(0,0,0,.75);white-space:nowrap}.pt-code-wrap[data-v-41e88cdc]{flex:1;display:flex;flex-direction:column;position:relative;border:1px solid rgba(255,255,255,.07);background:#090406}.pt-code-header[data-v-41e88cdc]{display:flex;justify-content:space-between;align-items:center;padding:.26667rem .53333rem;border-bottom:1px solid rgba(255,255,255,.07);color:#ffffff73}.pt-code-header>span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.36667rem}.pt-btn[data-v-41e88cdc]{background:transparent;border:1px solid rgba(255,255,255,.07);color:#fff;padding:.13333rem .4rem;cursor:pointer;transition:all .2s ease}.pt-btn span[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center;font-size:.33333rem}.pt-btn[data-v-41e88cdc]:hover:not(:disabled){border-color:#e8284a;color:#e8284a}.pt-btn[data-v-41e88cdc]:disabled{opacity:.3;cursor:not-allowed}.pt-code-block[data-v-41e88cdc]{margin:0;padding:.53333rem;font-size:.43333rem;color:#e23456;line-height:1.6;flex:1;overflow-y:auto}.pt-code-block .pt-code-inner[data-v-41e88cdc]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left}.crystal-container[data-v-41e88cdc]{position:absolute;bottom:.5rem;right:.73333rem;z-index:1}@media (max-width: 900px){.pt-grid[data-v-41e88cdc]{grid-template-columns:1fr}.pt-panel[data-v-41e88cdc],.right-panel[data-v-41e88cdc]{min-height:15rem}}