.goods-playground{--goods-ink:#30214d;color:var(--goods-ink);width:100%}.goods-selector{flex-wrap:wrap;justify-content:center;gap:9px;margin:0 0 30px;display:flex}.goods-choice{font:inherit;cursor:pointer;background:#fff;border:1px solid #e8e2f0;border-radius:40px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:650;transition:background .18s,transform .18s;display:flex}.goods-choice-icon{text-align:center;width:22px;font-size:20px;line-height:1}.goods-choice:hover{background:#f2edff;transform:translateY(-2px)}.goods-choice.is-selected{color:#fff;background:#30214d;border-color:#30214d;box-shadow:0 5px #d7c8ed}.goods-experience{background:#fff;border:1px solid #e9e3ef;border-radius:30px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:525px;display:grid;overflow:hidden}.goods-stage{background:var(--goods-stage);isolation:isolate;min-width:0;transition:background .3s;position:relative}.goods-stage:before{content:"";z-index:-1;background:radial-gradient(#ffffffb0,#0000 68%);position:absolute;inset:20% 10% 16%}.goods-stage-bar{z-index:3;color:#5c4d77;pointer-events:none;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:24px;left:25px;right:25px}.goods-stage-bar>span{align-items:center;gap:7px;display:flex}.goods-live-dot{background:#8157f5;border-radius:50%;width:6px;height:6px;display:inline-block}.goods-sound{pointer-events:auto;color:#4a3967;font:inherit;cursor:pointer;background:#ffffffb5;border:1px solid #ffffffad;border-radius:30px;padding:6px 10px;font-size:11px}.goods-sound>span{margin-right:4px;font-size:15px}.goods-canvas{touch-action:none;cursor:grab;width:100%;height:470px}.goods-canvas:active{cursor:grabbing}.goods-stage-hint{z-index:2;justify-content:center;align-items:center;gap:8px;padding:0 18px 23px;line-height:1.6;display:flex;position:relative;color:#635479!important;margin:0!important;font-size:12px!important}.goods-stage-hint span{font-size:21px}.goods-stage-sticker{color:#65436d;pointer-events:none;background:#fff7b8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;font-family:Georgia,serif;font-size:12px;line-height:1.1;display:flex;position:absolute;bottom:68px;right:24px;transform:rotate(-10deg);box-shadow:0 3px #a08a6120}.goods-stage-sticker strong{font-family:Georgia,serif;font-size:24px;font-style:italic}.goods-details{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:44px 38px;display:flex}.goods-detail-tag{color:#7955ba;margin-bottom:13px;font-size:12px;font-weight:700}.goods-details h3{letter-spacing:-1px;word-break:keep-all;font-weight:800;line-height:1.25;margin:0 0 16px!important;font-size:clamp(22px,2.2vw,30px)!important}.goods-description{word-break:keep-all;color:#73677e!important;margin:0 0 24px!important;font-size:14px!important;line-height:1.9!important}.goods-status{color:#6b4c92;background:#f8f5fc;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:43px;padding:11px 13px;font-size:12px;font-weight:650;line-height:1.5;display:flex}.goods-status>span{font-size:18px}.goods-status.is-charging{color:#226e4c;background:#e4f4e9}.goods-controls{width:100%;margin-top:24px}.goods-controls-label{color:#887b94!important;margin:0 0 11px!important;font-size:11px!important}.goods-key-buttons{gap:10px;display:flex}.goods-hold-button{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;font:inherit;color:#5c3d82;background:#f5efff;border:1px solid #ddd1ef;border-radius:13px;padding:16px 24px;font-size:14px;font-weight:750;transition:transform 80ms,box-shadow 80ms,background 80ms;box-shadow:0 5px #d8cbe9}.goods-key-buttons .goods-hold-button{color:#6b4f94;background:#fffdf7;border-color:#ece4d4;min-width:64px;padding:14px 20px;font-size:20px;box-shadow:0 5px #e1d7bf}.goods-hold-button.is-held{background:#ddcbff;transform:translateY(4px);box-shadow:0 1px #d1bde9}.goods-control-note{color:#9b8da8!important;margin:14px 0 0!important;font-size:10px!important}.goods-action{color:#fff;width:100%;font:inherit;cursor:pointer;background:#8157f5;border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;font-size:14px;font-weight:700;transition:transform .15s,background .15s;display:flex;box-shadow:0 3px #5f3bbc}.goods-action:hover{background:#7046e6;transform:translateY(-1px)}.goods-action:active{transform:translateY(2px)}.goods-action>span{font-size:21px;line-height:1}.goods-action.is-active{background:#3c8868;box-shadow:0 3px #28664b}.goods-bag-buttons{flex-wrap:wrap;gap:7px;display:flex}.goods-action-small{width:auto;box-shadow:none;color:#694d97;background:#f0e8fd;border-radius:9px;padding:11px 12px;font-size:11px}.goods-action-small:hover{background:#e4d7fc}.goods-action:disabled{color:#558260;box-shadow:none;cursor:default;background:#e8f2e9;transform:none}.goods-text-action{text-underline-offset:4px;color:#7a6c8d;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:3px 0;font-size:11px;text-decoration:underline;display:block}.goods-text-action:disabled{opacity:.35;cursor:default}.goods-reset{color:#a092ad;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:25px;padding:4px 0;font-size:11px;display:flex}.goods-reset:hover{color:#674993}.goods-reset>span{font-size:17px}.goods-demo-note{text-align:center;color:#97899e!important;margin:17px 0 0!important;font-size:11px!important;line-height:1.7!important}.goods-playground button:focus-visible{outline-offset:4px;outline:3px solid #8157f5}.goods-webgl-fallback{text-align:center;color:#745a96;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.goods-webgl-fallback>span{font-size:90px}.goods-webgl-fallback p{font-size:13px;line-height:1.8}@media (max-width:1000px){.goods-details{padding:34px 26px}.goods-choice{padding:11px 14px;font-size:12px}.goods-canvas{height:440px}.goods-stage-bar{left:18px;right:18px}.goods-stage-sticker{width:60px;height:60px;right:15px}}@media (max-width:720px){.goods-selector{gap:7px;margin-bottom:21px}.goods-choice{gap:5px;padding:9px 13px;font-size:11px}.goods-choice-icon{width:18px;font-size:17px}.goods-experience{border-radius:22px;grid-template-columns:1fr}.goods-canvas{height:340px}.goods-stage-bar{font-size:10px;top:18px;left:17px;right:17px}.goods-sound{font-size:10px}.goods-stage-hint{padding:0 15px 17px;font-size:10px!important}.goods-stage-sticker{width:53px;height:53px;font-size:10px;bottom:55px;right:20px}.goods-stage-sticker strong{font-size:20px}.goods-details{padding:27px 25px 25px}.goods-detail-tag{margin-bottom:10px;font-size:11px}.goods-details h3{margin-bottom:12px!important;font-size:24px!important}.goods-description{margin-bottom:18px!important;font-size:13px!important;line-height:1.8!important}.goods-controls{margin-top:20px}.goods-reset{margin-top:22px}.goods-demo-note{padding:0 10px;font-size:10px!important}}@media (prefers-reduced-motion:reduce){.goods-playground *,.goods-playground :before{transition:none!important;animation:none!important}}