@charset "UTF-8";.snackbar-container{position:fixed;right:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.snackbar-container--toast{z-index:4000}.snackbar-container--notice{z-index:1000}.snackbar-container--top{top:calc(var(--layout-header-h, 0px) + 10px)}.snackbar-container--bottom{bottom:calc(var(--layout-bottom-nav-h, 0px) + 10px)}.snackbar{--snack-accent: var(--color-info, #3b82f6);display:flex;align-items:center;gap:8px;box-sizing:border-box;max-width:min(86vw,340px);padding:7px 8px 7px 12px;font-size:13px;line-height:1.45;color:var(--color-text, #1e293b);background-color:var(--color-card, #fff);border:1px solid var(--color-border, rgba(71, 85, 105, .12));border-left:3px solid var(--snack-accent);border-radius:8px;box-shadow:0 6px 20px #0f172a1f;user-select:none;-webkit-user-select:none;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.snackbar--success{--snack-accent: var(--color-success, #10b981)}.snackbar--error{--snack-accent: var(--color-error, #ef4444)}.snackbar--info{--snack-accent: var(--color-info, #3b82f6)}.snackbar--warning{--snack-accent: var(--color-warning, #f59e0b)}.snackbar--enter,.snackbar--leave{opacity:0}.snackbar--entered{opacity:1;transform:translateY(0)}.snackbar--top.snackbar--enter,.snackbar--top.snackbar--leave{transform:translateY(-12px)}.snackbar--bottom.snackbar--enter,.snackbar--bottom.snackbar--leave{transform:translateY(12px)}.snackbar-content{display:flex;flex:1;gap:8px;align-items:center;min-width:0}.snackbar-message{flex:1;min-width:0;overflow-wrap:break-word;font-size:13px;font-weight:500}.snackbar-action{padding:4px 8px;font-size:11px;font-weight:500;white-space:nowrap;color:var(--color-button-secondary, #334155);background:var(--color-button-bg-secondary, #f1f5f9);border:1px solid var(--color-border, rgba(71, 85, 105, .12));border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}.snackbar-action:hover{color:var(--color-button-hover, #fff);background:var(--color-button-bg-hover, var(--accent-hover, #3d5170))}.snackbar-close{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--color-text-muted, #94a3b8);background:transparent;border:none;border-radius:50%;cursor:pointer;opacity:.7;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.snackbar-close:hover{color:var(--color-text, #1e293b);background:var(--color-hover, rgba(44, 61, 86, .06));opacity:1}@media screen and (max-width: 768px){.snackbar-container--bottom{bottom:calc(var(--layout-bottom-nav-h, 52px) + 10px)}.snackbar{max-width:min(88vw,320px)}}@media screen and (prefers-reduced-motion: reduce){.snackbar{transition:none}.snackbar--enter,.snackbar--leave{opacity:0;transform:none}}.title-modal-mask[data-v-a7a49df3]{position:fixed;inset:0;background:#0f172a80;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:title-mask-in-a7a49df3 .2s ease both}@keyframes title-mask-in-a7a49df3{0%{opacity:0}}.title-modal-particles[data-v-a7a49df3]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.title-modal-box[data-v-a7a49df3]{position:relative;width:100%;max-width:400px;box-sizing:border-box;padding:24px;border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-text);box-shadow:0 12px 40px #0000002e;animation:title-box-in-a7a49df3 .24s ease-out both}@keyframes title-box-in-a7a49df3{0%{opacity:0;transform:translateY(8px) scale(.97)}}.title-modal-badge[data-v-a7a49df3]{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:12px;font-weight:700}.title-modal-head[data-v-a7a49df3]{font-size:17px;font-weight:700;margin:14px 0 6px;color:var(--color-text)}.title-modal-meta[data-v-a7a49df3]{font-size:13px;line-height:1.7;margin:0 0 18px;color:var(--color-text-secondary)}.title-modal-field[data-v-a7a49df3]{display:block}.title-modal-field-label[data-v-a7a49df3]{display:block;margin-bottom:5px;font-size:12px;color:var(--color-text-secondary)}.title-modal-input[data-v-a7a49df3]{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.title-modal-input[data-v-a7a49df3]::placeholder{color:var(--color-text-muted)}.title-modal-input[data-v-a7a49df3]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.title-modal-count[data-v-a7a49df3]{text-align:right;font-size:11px;color:var(--color-text-muted);margin:6px 2px 14px}.title-modal-btn[data-v-a7a49df3]{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.title-modal-btn[data-v-a7a49df3]:hover:not(:disabled){background:var(--accent-hover)}.title-modal-btn[data-v-a7a49df3]:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.title-modal-mask[data-v-a7a49df3],.title-modal-box[data-v-a7a49df3]{animation:none}}.now-playing[data-v-21aaff9b]{position:fixed;inset:0;z-index:3000;overflow:hidden;background:#0d1424}.bg[data-v-21aaff9b]{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(56px) brightness(.5) saturate(1.3);transform:scale(1.3)}.bg-mask[data-v-21aaff9b]{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0d142440,#0d1424d9)}.close[data-v-21aaff9b]{position:absolute;top:16px;left:16px;z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:26px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.close[data-v-21aaff9b]:hover{background:#ffffff38}.layout[data-v-21aaff9b]{position:relative;z-index:1;height:100%;max-width:920px;margin:0 auto;padding:48px 32px 32px;display:flex;align-items:center;justify-content:center;gap:64px;color:#fff}.disc-area[data-v-21aaff9b]{position:relative;width:min(340px,70vw);aspect-ratio:1;flex-shrink:0}.disc[data-v-21aaff9b]{position:relative;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,#14161d 0px 2px,#1e212b 3px,#14161d 4px),#14161d;box-shadow:0 12px 48px #0009;display:flex;align-items:center;justify-content:center}.disc.spinning[data-v-21aaff9b]{animation:disc-spin-21aaff9b 24s linear infinite}@keyframes disc-spin-21aaff9b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-cover[data-v-21aaff9b]{width:66%;height:66%;border-radius:50%;object-fit:cover;border:6px solid #0a0c11;box-shadow:0 0 0 1px #ffffff0f}.disc-hole[data-v-21aaff9b]{position:absolute;width:26px;height:26px;border-radius:50%;background:#ec4141;box-shadow:inset 0 0 0 8px #0d1424}.disc-hole[data-v-21aaff9b]:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:#0a0c11}.tonearm[data-v-21aaff9b]{position:absolute;top:-6%;right:-9%;width:36%;height:46%;transform-origin:84% 16%;transform:rotate(-26deg);transition:transform .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.tonearm.on[data-v-21aaff9b]{transform:rotate(0)}.tonearm .arm-base[data-v-21aaff9b]{position:absolute;top:0;right:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#3a4051,#1c202b);box-shadow:0 4px 12px #00000080}.tonearm .arm[data-v-21aaff9b]{position:absolute;top:16px;right:15px;width:5px;height:100%;border-radius:3px;background:linear-gradient(#c9cedb,#6c7383);transform:rotate(18deg);transform-origin:top center}.tonearm .arm-head[data-v-21aaff9b]{position:absolute;bottom:-6px;left:2px;width:18px;height:26px;border-radius:6px;background:linear-gradient(145deg,#3a4051,#1c202b);transform:rotate(18deg)}.panel[data-v-21aaff9b]{flex:1;min-width:0;max-width:420px}.song[data-v-21aaff9b]{margin-bottom:36px}.song .title[data-v-21aaff9b]{font-size:28px;font-weight:700;line-height:1.3;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.song .meta[data-v-21aaff9b]{margin-top:10px;font-size:14px;opacity:.65}.song .meta span[data-v-21aaff9b]{opacity:1;margin-left:4px}.progress[data-v-21aaff9b]{display:flex;align-items:center;gap:12px;margin-bottom:28px}.progress .time[data-v-21aaff9b]{font-size:12px;opacity:.65;flex-shrink:0;font-variant-numeric:tabular-nums}.progress-bar[data-v-21aaff9b]{position:relative;flex:1;height:4px;border-radius:2px;background:#ffffff38;cursor:pointer}.progress-bar[data-v-21aaff9b]:after{content:"";position:absolute;inset:-12px 0}.progress-bar .progress-fill[data-v-21aaff9b]{height:100%;border-radius:2px;background:#fff}.progress-bar .progress-thumb[data-v-21aaff9b]{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.controls[data-v-21aaff9b]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.controls__side--left[data-v-21aaff9b]{justify-self:start}.controls__side--right[data-v-21aaff9b]{justify-self:end}.controls__main[data-v-21aaff9b]{display:flex;align-items:center;gap:18px}.ctrl[data-v-21aaff9b]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:none;color:#fff;cursor:pointer;font-size:26px;transition:color .15s,transform .1s}.ctrl[data-v-21aaff9b]:hover{color:#ec4141}.ctrl[data-v-21aaff9b]:active{transform:scale(.94)}.ctrl.big[data-v-21aaff9b]{font-size:34px}.ctrl.ctrl--active[data-v-21aaff9b]{color:#ec4141}.ctrl.play[data-v-21aaff9b]{width:62px;height:62px;background:#ec4141;font-size:42px}.ctrl.play[data-v-21aaff9b]:hover{background:#ef5d5d;color:#fff}.volume[data-v-21aaff9b]{display:flex;align-items:center;gap:6px;opacity:.85}.volume input[type=range][data-v-21aaff9b]{width:96px;height:4px;accent-color:#fff;cursor:pointer}@media screen and (min-width: 769px) and (max-width: 1100px){.disc-area[data-v-21aaff9b]{width:min(240px,32vw)}.layout[data-v-21aaff9b]{gap:36px;padding:40px 24px 24px}}@media screen and (max-width: 768px){.layout[data-v-21aaff9b]{flex-direction:column;gap:20px;padding:64px 24px calc(28px + env(safe-area-inset-bottom,0px));justify-content:flex-start;overflow-y:auto}.disc-area[data-v-21aaff9b]{width:min(58vw,250px);margin-top:auto}.panel[data-v-21aaff9b]{max-width:none;width:100%;margin-bottom:auto}.song[data-v-21aaff9b]{margin-bottom:24px}.song .title[data-v-21aaff9b]{font-size:20px;text-align:center}.song .meta[data-v-21aaff9b]{text-align:center}.progress[data-v-21aaff9b]{margin-bottom:20px}.controls__main[data-v-21aaff9b]{gap:22px}.volume[data-v-21aaff9b]{display:none}}.nowplaying-enter-active[data-v-21aaff9b],.nowplaying-leave-active[data-v-21aaff9b]{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s}.nowplaying-enter-from[data-v-21aaff9b],.nowplaying-leave-to[data-v-21aaff9b]{transform:translateY(6%);opacity:0}body.pwa-sidebar-open .player-bar{left:280px}.player-bar[data-v-245d989e]{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:var(--color-nav-bg);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -4px 18px #00000024}.bar-inner[data-v-245d989e]{display:flex;align-items:center;gap:18px;height:72px;max-width:1200px;margin:0 auto;padding:0 18px}.track[data-v-245d989e]{display:flex;align-items:center;gap:12px;min-width:0;width:250px;background:none;border:none;cursor:pointer;text-align:left;padding:0}.track .cover[data-v-245d989e]{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #00000040}.track .info[data-v-245d989e]{min-width:0}.track .info .title[data-v-245d989e]{color:var(--color-text);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .info .artist[data-v-245d989e]{color:var(--color-text);opacity:.55;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.controls[data-v-245d989e]{display:flex;align-items:center;gap:10px;flex-shrink:0}.ctrl[data-v-245d989e]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;padding:0;border-radius:50%;background:none;color:var(--color-text);cursor:pointer;font-size:26px;transition:color .15s,background .15s,transform .15s}.ctrl[data-v-245d989e]:hover{background:#ec41411f;color:#ec4141}.ctrl[data-v-245d989e]:active{transform:scale(.94)}.ctrl.play[data-v-245d989e]{width:50px;height:50px;background:#ec4141;color:#fff;font-size:32px;box-shadow:0 4px 14px #ec414166}.ctrl.play[data-v-245d989e]:hover{background:#e81c1c;color:#fff;transform:scale(1.04)}.ctrl.play[data-v-245d989e]:active{transform:scale(.96)}.ctrl.small[data-v-245d989e]{width:34px;height:34px;font-size:20px}.progress-wrap[data-v-245d989e]{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.progress-wrap .time[data-v-245d989e]{font-size:11px;color:var(--color-text);opacity:.55;flex-shrink:0;font-variant-numeric:tabular-nums}.progress-bar[data-v-245d989e]{position:relative;flex:1;height:4px;border-radius:2px;background:var(--color-border);cursor:pointer}.progress-bar .progress-fill[data-v-245d989e]{height:100%;border-radius:2px;background:#ec4141}.progress-bar .progress-thumb[data-v-245d989e]{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#ec4141;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d;opacity:0;transition:opacity .15s}.progress-bar:hover .progress-thumb[data-v-245d989e]{opacity:1}.extras[data-v-245d989e]{display:flex;align-items:center;gap:6px;flex-shrink:0}.volume[data-v-245d989e]{display:flex;align-items:center;gap:6px;padding-right:6px;margin-right:2px;color:var(--color-text);opacity:.85}.volume .volume-btn[data-v-245d989e]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;padding:0;border-radius:50%;background:none;color:inherit;cursor:pointer;font-size:20px}.volume .volume-btn[data-v-245d989e]:hover{background:#ec41411f;color:#ec4141}.volume .volume-slider[data-v-245d989e]{width:0;opacity:0;height:4px;accent-color:#ec4141;cursor:pointer;transition:width .22s ease,opacity .22s ease}.volume:hover .volume-slider[data-v-245d989e],.volume .volume-slider[data-v-245d989e]:active{width:96px;opacity:1}.playerbar-enter-active[data-v-245d989e],.playerbar-leave-active[data-v-245d989e]{transition:transform .3s ease,opacity .3s ease}.playerbar-enter-from[data-v-245d989e],.playerbar-leave-to[data-v-245d989e]{transform:translateY(100%);opacity:0}@media screen and (min-width: 769px) and (max-width: 1280px){.track[data-v-245d989e]{width:200px}}@media screen and (min-width: 769px) and (max-width: 1120px){.track[data-v-245d989e]{width:auto}.track .info[data-v-245d989e]{display:none}}@media screen and (min-width: 769px) and (max-width: 1000px){.ctrl.small.mode[data-v-245d989e],.ctrl.small.expand[data-v-245d989e]{display:none}.bar-inner[data-v-245d989e]{gap:12px}}@media screen and (min-width: 769px) and (max-width: 900px){.volume[data-v-245d989e]{display:none}}.music-ball[data-v-245d989e]{position:fixed;z-index:2100;width:56px;height:56px;border-radius:50%;padding:4px;box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(2,6,23,.35))}.music-ball--dragging[data-v-245d989e],.music-ball[data-v-245d989e]:active{cursor:grabbing}.ball-ring[data-v-245d989e]{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ball-ring .ball-ring__track[data-v-245d989e]{fill:none;stroke:#94a3b859;stroke-width:3}.ball-ring .ball-ring__fill[data-v-245d989e]{fill:none;stroke:#ec4141;stroke-width:3;stroke-linecap:round}.ball-cover[data-v-245d989e]{width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none;background:var(--color-nav-bg)}.ball-act[data-v-245d989e]{position:absolute;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;background:#0f172ab8;color:#fff;cursor:pointer}.ball-act--close[data-v-245d989e]{top:-3px;right:-3px}.ball-act[data-v-245d989e]:active{transform:scale(.9)}.drawer-mask[data-v-cab0fe39]{position:fixed;inset:0;z-index:2500;background:#00000040}.drawer[data-v-cab0fe39]{position:absolute;right:12px;bottom:80px;width:360px;max-height:min(60vh,480px);display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px #00000047;overflow:hidden}.drawer-head[data-v-cab0fe39]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:14px;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer-head .close-btn[data-v-cab0fe39]{border:none;background:none;color:var(--color-text);opacity:.6;font-size:18px;cursor:pointer}.drawer-head .close-btn[data-v-cab0fe39]:hover{opacity:1}.drawer-list[data-v-cab0fe39]{overflow-y:auto;padding:6px}.row[data-v-cab0fe39]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.row[data-v-cab0fe39]:hover{background:var(--color-nav-hover)}.row:hover .remove[data-v-cab0fe39]{opacity:.55}.row.active .title[data-v-cab0fe39]{color:#ec4141}.row .cover[data-v-cab0fe39]{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.row .info[data-v-cab0fe39]{flex:1;min-width:0}.row .info .title[data-v-cab0fe39]{font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .info .artist[data-v-cab0fe39]{font-size:12px;color:var(--color-text);opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.row .remove[data-v-cab0fe39]{border:none;background:none;color:var(--color-text);opacity:0;font-size:16px;cursor:pointer;padding:4px}.row .remove[data-v-cab0fe39]:hover{opacity:1}.equalizer[data-v-cab0fe39]{display:flex;align-items:flex-end;gap:2px;width:14px;height:16px;flex-shrink:0;visibility:hidden}.row.active .equalizer[data-v-cab0fe39]{visibility:visible}.equalizer span[data-v-cab0fe39]{width:3px;background:#ec4141;border-radius:1px;animation:eq-bounce-cab0fe39 .9s ease-in-out infinite}.equalizer span[data-v-cab0fe39]:nth-child(1){height:60%;animation-delay:-.3s}.equalizer span[data-v-cab0fe39]:nth-child(2){height:100%;animation-delay:-.15s}.equalizer span[data-v-cab0fe39]:nth-child(3){height:45%}.equalizer.paused span[data-v-cab0fe39]{animation-play-state:paused}@keyframes eq-bounce-cab0fe39{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media screen and (max-width: 768px){.drawer[data-v-cab0fe39]{right:0;left:0;bottom:0;width:auto;max-height:60vh;border-radius:14px 14px 0 0}}.drawer-enter-active[data-v-cab0fe39],.drawer-leave-active[data-v-cab0fe39]{transition:opacity .25s ease}.drawer-enter-active .drawer[data-v-cab0fe39],.drawer-leave-active .drawer[data-v-cab0fe39]{transition:transform .25s ease}.drawer-enter-from[data-v-cab0fe39],.drawer-leave-to[data-v-cab0fe39]{opacity:0}.drawer-enter-from .drawer[data-v-cab0fe39],.drawer-leave-to .drawer[data-v-cab0fe39]{transform:translateY(16px)}.skin-splash[data-v-e7c35bba]{position:fixed;inset:0;z-index:6000;overflow:hidden;background:radial-gradient(90% 70% at 50% 0%,#eef5ff,#dceaff 55%,#cfe2ff);touch-action:none;-webkit-tap-highlight-color:transparent}.skin-splash__media[data-v-e7c35bba],.skin-splash__media picture[data-v-e7c35bba],.skin-splash__media img[data-v-e7c35bba]{position:absolute;inset:0;width:100%;height:100%}.skin-splash__media img[data-v-e7c35bba]{display:block;object-fit:cover;object-position:center 38%;opacity:0;transform:scale(1.015);transition:opacity .42s ease,transform .9s ease;-webkit-user-select:none;user-select:none}.skin-splash__media img.is-loaded[data-v-e7c35bba]{opacity:1;transform:scale(1)}.skin-splash__fallback[data-v-e7c35bba]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#31558f;text-align:center;padding:24px}.skin-splash__fallback .skin-splash__fallback-code[data-v-e7c35bba]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(28px,9vw,64px);font-weight:700;letter-spacing:.08em;opacity:.4}.skin-splash__fallback strong[data-v-e7c35bba]{font-size:clamp(20px,6vw,30px)}.skin-splash__fallback span[data-v-e7c35bba]:last-child{font-size:clamp(13px,3.6vw,16px);opacity:.72}.skin-splash__topbar[data-v-e7c35bba]{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 28px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#e9f3ffb8,#e9f3ff00)}.skin-splash__brand[data-v-e7c35bba]{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(61,111,214,.18);color:#2f5bb8;font-size:12px;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.skin-splash__brand-dot[data-v-e7c35bba]{width:6px;height:6px;border-radius:50%;background:#3d6fd6;box-shadow:0 0 0 3px #3d6fd629}.skin-splash__skip[data-v-e7c35bba]{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:40px;padding:0 14px;border:1px solid rgba(61,111,214,.22);border-radius:999px;background:#ffffffd1;color:#2f5bb8;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 14px #2f5bb81f;transition:background .15s ease,transform .15s ease}.skin-splash__skip[data-v-e7c35bba]:hover{background:#fff}.skin-splash__skip[data-v-e7c35bba]:active{transform:scale(.97)}.skin-splash__skip[data-v-e7c35bba]:focus-visible{outline:2px solid #3d6fd6;outline-offset:2px}.skin-splash__footer[data-v-e7c35bba]{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:2;display:flex;justify-content:center;pointer-events:none}.skin-splash__hint[data-v-e7c35bba]{padding:6px 12px;border-radius:999px;background:#ffffffa8;color:#47628f;font-size:12px;letter-spacing:.02em;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.skin-splash__progress[data-v-e7c35bba]{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:#3d6fd61f}.skin-splash__progress-bar[data-v-e7c35bba]{display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#8ab6ff,#3d6fd6);animation:skin-splash-progress-e7c35bba 3s linear forwards}@keyframes skin-splash-progress-e7c35bba{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skin-splash-enter-active[data-v-e7c35bba]{transition:opacity .28s ease}.skin-splash-leave-active[data-v-e7c35bba]{transition:opacity .48s ease,transform .48s ease}.skin-splash-enter-from[data-v-e7c35bba],.skin-splash-leave-to[data-v-e7c35bba]{opacity:0}.skin-splash-leave-to[data-v-e7c35bba]{transform:scale(1.012)}@media (max-width: 768px){.skin-splash__media img[data-v-e7c35bba]{object-position:center 34%}.skin-splash__footer[data-v-e7c35bba]{bottom:calc(env(safe-area-inset-bottom,0px) + 26px)}}@media (prefers-reduced-motion: reduce){.skin-splash__media img[data-v-e7c35bba]{transform:none;transition:opacity .2s ease}.skin-splash__progress-bar[data-v-e7c35bba]{animation-duration:3s}}.skin-background[data-v-8c486a78]{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#eaf2ff}.skin-background img[data-v-8c486a78]{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;-webkit-user-select:none;user-select:none}.skin-background__scrim[data-v-8c486a78]{position:absolute;inset:0;background:linear-gradient(180deg,#fafcff1f,#f6f9ff42 46%,#f0f6ff75),radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.24),transparent 62%)}body.dark-mode .skin-background[data-v-8c486a78]{background:#0b1424}body.dark-mode .skin-background__scrim[data-v-8c486a78]{background:linear-gradient(180deg,#080f1e80,#080f1e9e 55%,#080f1ebd),radial-gradient(120% 80% at 50% 0%,rgba(26,45,80,.2),transparent 62%)}.skin-decor[data-v-f61a1600]{display:none}@media (min-width: 1100px){.skin-decor[data-v-f61a1600]{position:fixed;inset:0;z-index:0;display:block;pointer-events:none;overflow:hidden}.skin-decor__item[data-v-f61a1600]{position:absolute;width:96px;height:96px;object-fit:contain;border-radius:18px;background:#ffffffb8;box-shadow:0 8px 24px #2f5bb81f,0 1px 2px #2f5bb81a;border:1px solid rgba(61,111,214,.14);opacity:.9;animation:skin-decor-float-f61a1600 9s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none}.skin-decor__item--left-top[data-v-f61a1600]{left:max(14px,50vw - 492px);top:26%;transform:rotate(-6deg)}.skin-decor__item--right-mid[data-v-f61a1600]{right:max(14px,50vw - 492px);top:48%;transform:rotate(5deg);animation-delay:-3s}.skin-decor__item--left-bottom[data-v-f61a1600]{left:max(14px,50vw - 486px);bottom:14%;transform:rotate(4deg);animation-delay:-6s}}@media (min-width: 1100px) and (max-width: 1240px){.skin-decor__item[data-v-f61a1600]{width:80px;height:80px;opacity:.82}}body.dark-mode .skin-decor__item[data-v-f61a1600]{background:#1e293bd1;border-color:#7aa7ff2e;box-shadow:0 8px 24px #00000052,0 1px 2px #0000004d}body.pwa-sidebar-open .skin-decor__item--left-top[data-v-f61a1600],body.pwa-sidebar-open .skin-decor__item--left-bottom[data-v-f61a1600]{display:none}@keyframes skin-decor-float-f61a1600{0%{translate:0 0}to{translate:0 -10px}}@media (prefers-reduced-motion: reduce){.skin-decor__item[data-v-f61a1600]{animation:none}}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/ubuntumono/v17/KFOjCneDtsqEr0keqCMhbCc3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/ubuntumono/v17/KFOjCneDtsqEr0keqCMhbCc-CsTKlA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/ubuntumono/v17/KFOjCneDtsqEr0keqCMhbCc2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF;font-display:swap}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/ubuntumono/v17/KFOjCneDtsqEr0keqCMhbCc5CsTKlA.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/ubuntumono/v17/KFOjCneDtsqEr0keqCMhbCc0CsTKlA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.font.im/s/ubuntumono/v17/KFOjCneDtsqEr0keqCMhbCc6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--layout-site-top-h: 0rem;--layout-nav-h: 2.75rem;--layout-header-h: calc(var(--layout-site-top-h) + var(--layout-nav-h));--layout-bottom-nav-h: calc(52px + env(safe-area-inset-bottom, 0px)) }html{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%}body,#app{width:100%;min-height:100vh;min-height:100dvh;background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body:has(.root),body:has(.root) #app{height:100%;max-height:100%;overflow:hidden}@supports (height: 100dvh){body:has(.root),body:has(.root) #app{height:100dvh;max-height:100dvh}}body:has(.root){overscroll-behavior-y:none}@media screen and (min-width: 768px){body::-webkit-scrollbar{width:6px;background-color:transparent}body::-webkit-scrollbar-thumb{background-color:var(--color-scroll-thumb);border-radius:3px}}button,.fileInput,.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;border:none;outline:none;background-color:var(--color-button-bg);color:var(--color-button);border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;transition:background-color .15s ease,color .15s ease,transform .1s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;letter-spacing:0;font-family:inherit;padding:8px 16px;line-height:1.4}button:hover,.fileInput:hover,.btn:hover{background-color:var(--color-button-bg-hover, var(--accent-hover, #3d5170));color:var(--color-button-hover, #ffffff)}button:active,.fileInput:active,.btn:active{transform:scale(.97);opacity:.9}button:disabled,.fileInput:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button.btn-secondary,.btn-secondary{background-color:var(--color-button-bg-secondary, #f1f5f9);color:var(--color-button-secondary, #334155)}button.btn-secondary:hover,.btn-secondary:hover{background-color:var(--color-hover, rgba(44, 61, 86, .06));color:var(--color-text, #1e293b)}button.btn-ghost,.btn-ghost{background-color:transparent;color:var(--color-text-secondary, #475569)}button.btn-ghost:hover,.btn-ghost:hover{background-color:var(--color-hover, rgba(44, 61, 86, .06));color:var(--color-text, #1e293b)}@media screen and (max-width: 768px){button,.fileInput,.btn{padding:10px 16px;font-size:14px;border-radius:var(--radius-md, 8px)}.editorButton{display:grid!important;grid-template-columns:1fr 1fr}}.markdown-body img,.imgs img{max-width:100%;max-height:min(75vh,720px);width:auto;height:auto;object-fit:contain}img.user-avatar-img{width:100%;height:100%;object-fit:cover;filter:none}body.dark-mode img.user-avatar-img{filter:none!important}.root{color:var(--color-text)}a{text-decoration:none;color:var(--color-link, var(--accent));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background-color .15s ease}a:hover{color:var(--color-link-hover, var(--accent-hover))}a:active{opacity:.7}.card{background:var(--color-card, #ffffff);border-radius:var(--radius-lg, 14px);box-shadow:var(--color-card-shadow);border:1px solid var(--color-border, rgba(71, 85, 105, .12))}hr{border:none;border-top:1px solid var(--color-hr);margin:12px 0}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--accent)}.xq-teleport{--xq-surface: #ffffff;--xq-surface-muted: #f3f6f9;--xq-accent: #2aab9f;--xq-accent-deep: #1f8f86;--xq-accent-soft: rgba(42, 171, 159, .12);--xq-accent-border: rgba(42, 171, 159, .28);--xq-accent-ring: rgba(42, 171, 159, .1);--xq-text: #1c2530;--xq-text-secondary: #4a5568;--xq-text-muted: #8b95a5;--xq-border: rgba(15, 23, 42, .07);--xq-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .05)}body.dark-mode .xq-teleport{--xq-surface: #252b34;--xq-surface-muted: #2f3640;--xq-accent: #4ecdc4;--xq-accent-deep: #7ee8df;--xq-accent-soft: rgba(78, 205, 196, .14);--xq-accent-border: rgba(78, 205, 196, .32);--xq-text: #e8edf3;--xq-text-secondary: #b8c0cc;--xq-text-muted: #7a8494;--xq-border: rgba(255, 255, 255, .08);--xq-shadow: 0 4px 18px rgba(0, 0, 0, .22)}body{--color-bg: #f5f6f7;background-color:var(--color-bg);--color-scroll: rgba(71, 85, 105, .12);--color-scroll-thumb: rgba(71, 85, 105, .3);--color-text: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-tips: #94a3b8;--color-hr: rgba(71, 85, 105, .15);--color-border: rgba(71, 85, 105, .12);--color-border-strong: rgba(71, 85, 105, .2);--accent: #2c3d56;--accent-soft: rgba(44, 61, 86, .08);--accent-hover: #3d5170;--color-card: #ffffff;--color-card-shadow: 0 1px 2px rgba(0, 0, 0, .03);--color-card-hover-shadow: 0 1px 4px rgba(0, 0, 0, .06);--color-button-bg: var(--accent);--color-button: #ffffff;--color-button-bg-secondary: #f1f5f9;--color-button-secondary: #334155;--color-button-bg-hover: var(--accent-hover);--color-button-hover: #ffffff;--color-nav-bg: #fffffff2;--color-nav-hover: rgba(44, 61, 86, .06);--color-nav-active: var(--accent);--color-ball-bg: #ffffff;--color-ball-text: var(--accent);--color-ball-box-shadow: 0 2px 8px rgba(71, 85, 105, .12);--color-selected-shadow-first: rgba(44, 61, 86, .15);--color-selected-shadow-second: rgba(44, 61, 86, .1);--color-title-selected: var(--accent);--color-title-bg: var(--accent-soft);--color-hover: rgba(44, 61, 86, .06);--color-active: rgba(44, 61, 86, .12);--color-link: var(--accent);--color-link-hover: var(--accent-hover);--color-to-post: #ffffff;--color-to-post-bg: var(--accent);--color-to-post-border: transparent;--color-a-in-post: var(--accent);--color-a-hover-in-post: var(--accent-hover);--color-a-hover-bg-in-post: var(--accent-soft);--color-user-text: #334155;--color-user-avatar-bg: #cbd5e1;--color-user-avatar: #ffffff;--color-user-name: #1e293b;--color-post-card-box-shadow: 0 1px 3px rgba(71, 85, 105, .08), 0 1px 2px rgba(71, 85, 105, .04);--color-post-card-hover-box-shadow: var(--color-card-hover-shadow);--color-level-undefined-box-shadow: #47556980;--color-level-6-bg: #f1f5f9;--color-level: #b45309;--color-unread: #ef4444;--color-unread-bg: #ef4444;--color-unread-text: #ffffff;--chat-bg-main: #e9edf1;--chat-bg-highlight: #f6f7f9;--chat-bg-elevated: #f1f5f9;--chat-border: rgba(71, 85, 105, .1);--chat-border-strong: rgba(71, 85, 105, .18);--chat-text: #1e293b;--chat-text-secondary: #64748b;--chat-text-tips: #94a3b8;--chat-accent: var(--accent);--chat-accent-soft: rgba(44, 61, 86, .08);--chat-bubble-peer: #ffffff;--chat-bubble-self: #e8edf4;--chat-bubble-border-peer: rgba(71, 85, 105, .06);--chat-bubble-border-self: rgba(44, 61, 86, .1);--chat-unread-bg: var(--color-unread);--chat-unread-text: #ffffff;--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .1);--color-error: #ef4444;--color-error-soft: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-soft: rgba(59, 130, 246, .1);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .1);--shop-card-bg: #ffffff;--shop-section-bg: #ffffff;--shop-filter-bg: #ffffff;--shop-text-secondary: #64748b;--shop-text-muted: #94a3b8;--shop-skeleton-bg: #f1f5f9;--shop-price: #dc2626;--shop-tag-bg: var(--accent-soft);--shop-tag-text: var(--accent);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px}body.dark-mode{--color-bg: #0f172a;background-color:var(--color-bg);--color-scroll: rgba(148, 163, 184, .12);--color-scroll-thumb: rgba(148, 163, 184, .3);--color-text: #e2e8f0;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-text-tips: #64748b;--color-hr: rgba(148, 163, 184, .15);--color-border: rgba(148, 163, 184, .12);--color-border-strong: rgba(148, 163, 184, .2);--accent: #5989b8;--accent-soft: rgba(89, 137, 184, .15);--accent-hover: #7aa3cf;--color-card: #1e293b;--color-card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .25);--color-card-hover-shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);--color-button-bg: var(--accent);--color-button: #0f172a;--color-button-bg-secondary: #334155;--color-button-secondary: #e2e8f0;--color-button-bg-hover: var(--accent-hover);--color-button-hover: #0f172a;--color-nav-bg: #1e293bf2;--color-nav-hover: rgba(89, 137, 184, .12);--color-nav-active: var(--accent);--color-ball-bg: #1e293b;--color-ball-text: var(--accent);--color-ball-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);--color-selected-shadow-first: rgba(89, 137, 184, .2);--color-selected-shadow-second: rgba(0, 0, 0, .3);--color-title-selected: var(--accent);--color-title-bg: var(--accent-soft);--color-hover: rgba(148, 163, 184, .08);--color-active: rgba(148, 163, 184, .15);--color-link: var(--accent);--color-link-hover: var(--accent-hover);--color-to-post: #0f172a;--color-to-post-bg: var(--accent);--color-to-post-border: transparent;--color-a-in-post: var(--accent);--color-a-hover-in-post: var(--accent-hover);--color-a-hover-bg-in-post: var(--accent-soft);--color-user-text: #93c5fd;--color-user-avatar-bg: #475569;--color-user-avatar: #e2e8f0;--color-user-name: #e2e8f0;--color-post-card-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .25);--color-post-card-hover-box-shadow: var(--color-card-hover-shadow);--color-level-undefined-box-shadow: #94a3b880;--color-level-6-bg: #334155;--color-level: #fbbf24;--color-unread: #f87171;--color-unread-bg: #f87171;--color-unread-text: #0f172a;--chat-bg-main: #0f172a;--chat-bg-highlight: #1e293b;--chat-bg-elevated: #243044;--chat-border: rgba(148, 163, 184, .1);--chat-border-strong: rgba(148, 163, 184, .18);--chat-text: #e2e8f0;--chat-text-secondary: #94a3b8;--chat-text-tips: #64748b;--chat-accent: var(--accent);--chat-accent-soft: rgba(89, 137, 184, .15);--chat-bubble-peer: #1e293b;--chat-bubble-self: #243044;--chat-bubble-border-peer: rgba(148, 163, 184, .06);--chat-bubble-border-self: rgba(89, 137, 184, .2);--chat-unread-bg: var(--color-unread);--chat-unread-text: #0f172a;--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .1);--color-error: #f87171;--color-error-soft: rgba(248, 113, 113, .1);--color-info: #60a5fa;--color-info-soft: rgba(96, 165, 250, .1);--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .1);--shop-card-bg: #1e293b;--shop-section-bg: #1e293b;--shop-filter-bg: #1e293b;--shop-text-secondary: #94a3b8;--shop-text-muted: #64748b;--shop-skeleton-bg: #334155;--shop-price: #f87171;--shop-tag-bg: var(--accent-soft);--shop-tag-text: var(--accent)}body.skin-bg-active{background-color:transparent!important;--color-bg: rgb(var(--skin-card-rgb) / .22)}body.skin-bg-active #app{background-color:transparent!important}body.dark-mode.skin-bg-active{--color-bg: rgb(var(--skin-card-rgb) / .3)}body.skin-bg-active{--chat-bg-main: rgb(var(--skin-card-rgb) / .22);--chat-bg-highlight: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7));--chat-bg-elevated: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7));--shop-card-bg: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7));--shop-section-bg: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7));--shop-filter-bg: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7))}body.skin-bg-active .workbench{--wb-bg: transparent;--wb-card: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7))}:root{--skin-card-rgb: 255 255 255}body.dark-mode{--skin-card-rgb: 30 41 59}body.skin-bg-active{--color-card: rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7))}body.skin-bg-active .home-page__toolbar{border:1px solid rgb(var(--skin-card-rgb) / .5);border-radius:14px;background:rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7));box-shadow:0 4px 16px #2f5bb814;backdrop-filter:none;-webkit-backdrop-filter:none}body.skin-bg-active .partition-strip-wrap{background:rgb(var(--skin-card-rgb) / var(--post-card-alpha, .7));border-bottom-color:rgb(var(--skin-card-rgb) / .35);backdrop-filter:none;-webkit-backdrop-filter:none}@media (prefers-reduced-motion: reduce){.skin-decor,.skin-decor *{animation:none!important}}body.skin-bg-active .root{position:relative;z-index:1}body[data-skin]:not([data-skin=""]) .root{position:relative;z-index:1}body.skin-bg-active .auth-shell{background:radial-gradient(120% 85% at 50% -25%,rgba(255,255,255,.46),transparent 52%),linear-gradient(165deg,#f6faff8f,#f3f8ffa8 38%,#f0f6ffb3)}body.dark-mode.skin-bg-active .auth-shell{background:radial-gradient(120% 85% at 50% -25%,rgba(42,71,120,.28),transparent 52%),linear-gradient(165deg,#0a1323b3,#0a1323c7 38%,#0a1323d1)}body[data-skin=programmers-day-2026]{--skin-accent: #3d6fd6;--skin-accent-strong: #2f5bb8;--skin-accent-soft: rgba(61, 111, 214, .1);--skin-ink: #1e335c;--skin-gradient: linear-gradient(135deg, #eaf3ff 0%, #dbeaff 45%, #cfe3ff 100%);--accent: var(--skin-accent);--accent-hover: var(--skin-accent-strong);--accent-soft: var(--skin-accent-soft);--color-link: var(--skin-accent);--color-link-hover: var(--skin-accent-strong);--color-button-bg: var(--skin-accent);--color-button-bg-hover: var(--skin-accent-strong);--color-to-post-bg: var(--skin-accent);--color-nav-active: var(--skin-accent);--color-title-selected: var(--skin-accent);--color-title-bg: var(--skin-accent-soft);--color-a-in-post: var(--skin-accent);--color-a-hover-in-post: var(--skin-accent-strong);--color-a-hover-bg-in-post: var(--skin-accent-soft);--color-selected-shadow-first: rgba(61, 111, 214, .16);--color-selected-shadow-second: rgba(61, 111, 214, .1);--color-user-avatar-bg: #d4e4ff;--shop-tag-bg: var(--skin-accent-soft);--shop-tag-text: var(--skin-accent);--chat-accent: var(--skin-accent);--chat-accent-soft: var(--skin-accent-soft);--color-scroll-thumb: rgba(61, 111, 214, .32)}body[data-skin=programmers-day-2026].skin-bg-active{--color-bg: rgb(var(--skin-card-rgb) / .22)}body.dark-mode[data-skin=programmers-day-2026]{--skin-accent: #7aa7ff;--skin-accent-strong: #9cbcff;--skin-accent-soft: rgba(122, 167, 255, .14);--skin-ink: #dce8ff;--accent: var(--skin-accent);--accent-hover: var(--skin-accent-strong);--accent-soft: var(--skin-accent-soft);--color-link: var(--skin-accent);--color-link-hover: var(--skin-accent-strong);--color-button-bg: #4173cf;--color-button-bg-hover: #4d82e2;--color-button: #ffffff;--color-button-hover: #ffffff;--color-to-post-bg: #4173cf;--color-nav-active: var(--skin-accent);--color-title-selected: var(--skin-accent);--color-title-bg: var(--skin-accent-soft);--color-a-in-post: var(--skin-accent);--color-a-hover-in-post: var(--skin-accent-strong);--color-a-hover-bg-in-post: var(--skin-accent-soft);--color-selected-shadow-first: rgba(122, 167, 255, .24);--color-selected-shadow-second: rgba(0, 0, 0, .3);--shop-tag-bg: var(--skin-accent-soft);--shop-tag-text: var(--skin-accent);--chat-accent: var(--skin-accent);--chat-accent-soft: var(--skin-accent-soft)}body.dark-mode[data-skin=programmers-day-2026].skin-bg-active{--color-bg: rgb(var(--skin-card-rgb) / .3)}body[data-skin=programmers-day-2026] .site-header-stack{border-bottom:1px solid rgba(61,111,214,.12)}body[data-skin=programmers-day-2026] .site-header-stack:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(125,173,255,.55) 18%,rgba(61,111,214,.65) 50%,rgba(125,173,255,.55) 82%,transparent 100%)}body.dark-mode[data-skin=programmers-day-2026] .site-header-stack:after{opacity:.75}@media (prefers-reduced-motion: reduce){body[data-skin=programmers-day-2026] .site-header-stack:after{display:none}}.comment-panel{box-sizing:border-box;width:100%;max-width:100%;margin-top:1.25rem;background:var(--chat-bg-highlight);border:1px solid var(--chat-border);border-radius:8px;box-shadow:none;overflow:visible}.comment-panel__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--chat-border);background:var(--chat-bg-highlight);flex-wrap:nowrap}.comment-panel__title{margin:0;font-size:1rem;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--chat-text)}.comment-panel__list{display:flex;flex-direction:column;min-width:0}.comment-panel__empty{padding:32px 16px;text-align:center;font-size:14px;color:var(--chat-text-secondary)}.sort-switch{position:relative;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-width:168px;height:32px;padding:2px;border-radius:16px;background:#0000000a;border:1px solid var(--chat-border);box-sizing:border-box}.sort-switch__thumb{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0000000f;transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.sort-switch__thumb--asc{transform:translate(100%)}.sort-switch__option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 10px;border:none;border-radius:14px;background:transparent!important;color:var(--chat-text-secondary);font-size:12px;font-weight:500;font-family:inherit;line-height:1.2;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.sort-switch__option:hover,.sort-switch__option:focus-visible{color:var(--chat-text);background:transparent!important;background-color:transparent!important}.sort-switch__option--active{color:var(--chat-text);font-weight:600;background:transparent!important;background-color:transparent!important}body.dark-mode .sort-switch{background:#ffffff0f}body.dark-mode .sort-switch__thumb{background:var(--chat-bg-elevated);box-shadow:0 1px 3px #0003}.comment-row{--comment-avatar-size: 36px;--comment-avatar-gap: 10px;position:relative;padding:12px 16px;border-bottom:1px solid var(--chat-border);background:var(--chat-bg-highlight);transition:background .12s ease}.comment-row:last-child{border-bottom:none}.comment-row:hover,body.dark-mode .comment-row,body.dark-mode .comment-row:hover{background:var(--chat-bg-highlight)}.comment-row--sub{--comment-avatar-size: 32px;padding:10px 12px 10px 14px}.comment-row__header{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.comment-row__identity{flex:1;min-width:0;display:flex;align-items:center}.comment-row__avatar :deep(.user){width:auto;max-width:100%}.comment-row :deep(.user-level.level-7::before),.comment-row :deep(.user-level.level-8::before){display:none;content:none}.comment-row__time{flex-shrink:0;font-size:12px;font-weight:400;color:var(--chat-text-tips);white-space:nowrap}.comment-row__time--mobile{display:none}.comment-row__actions{flex-shrink:0;margin-left:auto}.comment-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 6px;padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap))}.comment-row__reply-label{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:500;color:var(--chat-accent);background:var(--chat-accent-soft)}.comment-row__body{margin:0;padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap));font-size:14px;line-height:1.55}.comment-row__body.markdown-body,.comment-row .markdown-body{margin-top:0;font-size:14px;line-height:1.55;color:var(--chat-text);background:transparent}.comment-row .markdown-body :deep(p){text-indent:0;margin:.35em 0}.comment-row .markdown-body :deep(p:first-child){margin-top:0}.comment-row .markdown-body :deep(p:last-child){margin-bottom:0}.rating-display-area{margin:4px 0 6px;padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap));display:flex;align-items:center;gap:4px}.rating-display-area .hp-stars__item{font-size:14px}.comment-row>.sub-comments-thread{display:flex;flex-direction:column;gap:0;margin:8px 0 0;margin-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap));padding:6px 12px 8px 14px;scroll-margin-top:calc(var(--layout-header-h, 5.75rem) + 8px);background:var(--chat-bg-main);border:none;border-left:2px solid var(--chat-border-strong);border-radius:0 4px 4px 0;box-sizing:border-box}.comment-row>.sub-comments-thread .comment-row--sub{--comment-avatar-size: 28px;--comment-avatar-gap: 8px;padding:10px 0;background:transparent;border-bottom:1px solid rgba(15,23,42,.06)}.comment-row>.sub-comments-thread .comment-row--sub:last-child{border-bottom:none;padding-bottom:2px}.comment-row>.sub-comments-thread .comment-row--sub:first-child{padding-top:4px}.comment-row>.sub-comments-thread .comment-row--sub:hover{background:transparent}body.dark-mode .comment-row>.sub-comments-thread{background:#0f172a59;border-left-color:#94a3b859}body.dark-mode .comment-row>.sub-comments-thread .comment-row--sub{border-bottom-color:#94a3b81f}body.dark-mode .comment-row>.sub-comments-thread .comment-row--sub:hover{background:#ffffff0a}.sub-comments-thread__toggle-wrap{padding:6px 16px 8px calc(var(--comment-avatar-size, 36px) + var(--comment-avatar-gap, 10px) + 16px);border-top:1px solid var(--chat-border);background:var(--chat-bg-main)}.comment-compose{margin:8px 0 0;padding:12px 0 0;border-top:1px solid var(--chat-border)}.comment-compose .md-editor--compact .md-editor__toolbar{margin-bottom:6px}.comment-row .comment-compose{margin-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap));padding:10px 0 0}.comment-editor{clear:both}:deep(.md-mention){color:#0969da;font-weight:inherit;background:none;padding:0;border-radius:0}:deep(.md-mention--link){cursor:pointer}:deep(.md-mention--link):hover{text-decoration:underline;text-underline-offset:2px}:deep(.md-mention--staff){padding:0 5px;border:1px solid rgba(9,105,218,.35);border-radius:6px;background:#0969da14;font-weight:600}.watch-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:0;border:none;text-decoration:none;font-family:inherit;line-height:1.3;white-space:nowrap;cursor:pointer;box-sizing:border-box;appearance:none;background-color:transparent;text-transform:none;letter-spacing:inherit;font-weight:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.watch-link:disabled{cursor:default;opacity:.72}.watch-link--active.watch-link--prominent,.watch-link--active.watch-link--prominent:hover,.watch-link--active.watch-link--prominent:focus,.watch-link--active.watch-link--prominent:focus-visible,.watch-link--active.watch-link--prominent:active{color:var(--chat-unread-text)!important;background:var(--chat-accent)!important;background-color:var(--chat-accent)!important;border-color:var(--chat-accent)!important;box-shadow:none;filter:none;outline:none}.watch-link--busy{pointer-events:none}.watch-link--prominent{padding:7px 16px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--chat-accent);background:var(--chat-bg);border:1px solid var(--chat-accent);border-radius:8px}.watch-link--prominent:hover:not(.watch-link--active):not(:disabled){background:var(--chat-accent-soft);background-color:var(--chat-accent-soft);color:var(--chat-accent)}.vote-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:0;border:none;text-decoration:none;font-family:inherit;line-height:1.3;white-space:nowrap;cursor:pointer;box-sizing:border-box;appearance:none;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.vote-link:disabled{cursor:default;opacity:.72}.vote-link--voted.vote-link--muted{color:var(--chat-accent);border-color:var(--chat-accent);background:var(--chat-accent-soft)}.vote-link--voted.vote-link--prominent{color:var(--chat-text-secondary);background:var(--chat-bg-main);border-color:var(--chat-border-strong);box-shadow:none;filter:none}.vote-link--busy{pointer-events:none}.vote-link--muted{padding:4px 10px;font-size:13px;font-weight:500;color:var(--chat-text-secondary);border:1px solid var(--chat-border);border-radius:8px;background:var(--chat-bg)}.vote-link--muted:hover{color:var(--chat-accent);border-color:var(--chat-accent);background:var(--chat-accent-soft)}.vote-link--prominent{padding:7px 16px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--chat-unread-text);background:var(--chat-accent);border:1px solid var(--chat-accent);border-radius:8px;box-shadow:0 2px 6px #2c3d5638}.vote-link--prominent:hover{filter:brightness(1.08);box-shadow:0 3px 10px #2c3d5647}body.dark-mode .vote-link--prominent{box-shadow:0 2px 8px #00000059}body.dark-mode .vote-link--prominent:hover{filter:brightness(1.06)}.detail-card .comment-toolbar--split .vote-link--prominent{padding:5px 12px;font-size:15px;font-weight:600;letter-spacing:0;color:var(--chat-accent);background:transparent;border:none;border-radius:4px;box-shadow:none;filter:none}.detail-card .comment-toolbar--split .vote-link--prominent:hover:not(:disabled){filter:none;box-shadow:none;background:transparent;color:var(--chat-accent);text-decoration:underline;text-underline-offset:2px}.detail-card .comment-toolbar--split .vote-link--prominent.vote-link--voted{color:var(--chat-accent);background:transparent;border:none;text-decoration:none;font-weight:600}.detail-card .comment-toolbar--split .watch-link--prominent{padding:5px 12px;font-size:15px;font-weight:600;letter-spacing:0;color:var(--chat-accent);background:transparent;border:1px solid var(--chat-border);border-radius:4px;box-shadow:none}.detail-card .comment-toolbar--split .watch-link--prominent:hover:not(:disabled):not(.watch-link--active){background:var(--chat-accent-soft);background-color:var(--chat-accent-soft);border-color:var(--chat-accent);color:var(--chat-accent)}.detail-card .comment-toolbar--split .watch-link--prominent.watch-link--active,.detail-card .comment-toolbar--split .watch-link--prominent.watch-link--active:hover:not(:disabled),.detail-card .comment-toolbar--split .watch-link--prominent.watch-link--active:focus,.detail-card .comment-toolbar--split .watch-link--prominent.watch-link--active:focus-visible,.detail-card .comment-toolbar--split .watch-link--prominent.watch-link--active:active{color:var(--chat-unread-text)!important;background:var(--chat-accent)!important;background-color:var(--chat-accent)!important;border-color:var(--chat-accent)!important;outline:none;filter:none;box-shadow:none}.detail-card .comment-toolbar--split .comment-toolbar__btn--prominent{padding:7px 16px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--chat-unread-text)!important;background:var(--chat-accent)!important;border:1px solid var(--chat-accent)!important;border-radius:8px;box-shadow:0 2px 6px #2c3d5638}.detail-card .comment-toolbar--split .comment-toolbar__btn--prominent:hover,.detail-card .comment-toolbar--split .comment-toolbar__btn--prominent:focus-visible{filter:brightness(1.08);box-shadow:0 3px 10px #2c3d5647;text-decoration:none!important;background:var(--chat-accent)!important;color:var(--chat-unread-text)!important}.detail-card .comment-toolbar--split .comment-toolbar__btn--prominent.comment-toolbar__btn--active{color:var(--chat-unread-text)!important;background:var(--chat-accent)!important;background-color:var(--chat-accent)!important;border-color:var(--chat-accent)!important;text-decoration:none;filter:brightness(.96)}body.dark-mode .detail-card .comment-toolbar--split .comment-toolbar__btn--prominent{box-shadow:0 2px 8px #00000059}body.dark-mode .detail-card .comment-toolbar--split .comment-toolbar__btn--prominent:hover,body.dark-mode .detail-card .comment-toolbar--split .comment-toolbar__btn--prominent:focus-visible{filter:brightness(1.06)}.comment-row .comment-toolbar{margin-top:6px;padding-top:0;border-top:none;padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap))}.comment-row .comment-toolbar--split :deep(.basic-info__stats){margin-top:0}.comment-panel .comment-toolbar__btn,.comment-row .comment-toolbar__btn,.detail-card .comment-toolbar__btn{background:transparent!important;background-color:transparent!important;text-transform:none;letter-spacing:0}.comment-panel .comment-toolbar__btn:hover,.comment-panel .comment-toolbar__btn:focus-visible,.comment-row .comment-toolbar__btn:hover,.comment-row .comment-toolbar__btn:focus-visible,.detail-card .comment-toolbar__btn:hover,.detail-card .comment-toolbar__btn:focus-visible{background:transparent!important;background-color:transparent!important;color:var(--chat-accent);text-decoration:underline;text-underline-offset:2px}.comment-panel .comment-toolbar__btn--active,.comment-row .comment-toolbar__btn--active,.detail-card .comment-toolbar__btn--active{background:transparent!important;background-color:transparent!important;color:var(--chat-accent);font-weight:600;text-decoration:none}.comment-panel .comment-toolbar__btn--prominent,.comment-row .comment-toolbar__btn--prominent,.detail-card .comment-toolbar__btn--prominent{padding:6px 14px;border:1px solid var(--chat-border-strong);border-radius:6px;background:var(--chat-accent-soft)!important;font-weight:600}.comment-panel .comment-toolbar__btn--prominent:hover,.comment-panel .comment-toolbar__btn--prominent:focus-visible,.comment-row .comment-toolbar__btn--prominent:hover,.comment-row .comment-toolbar__btn--prominent:focus-visible,.detail-card .comment-toolbar__btn--prominent:hover,.detail-card .comment-toolbar__btn--prominent:focus-visible{background:var(--chat-accent-soft)!important;border-color:var(--chat-accent);text-decoration:none;filter:brightness(1.06)}.comment-panel .comment-toolbar__btn--prominent.comment-toolbar__btn--active,.comment-row .comment-toolbar__btn--prominent.comment-toolbar__btn--active,.detail-card .comment-toolbar__btn--prominent.comment-toolbar__btn--active{border-color:var(--chat-accent);background:var(--chat-accent-soft)!important}body.dark-mode .user-avatar-img,body.dark-mode .user-avatar .user-avatar-img{filter:none!important}.user-avatar{color-scheme:only light}.comment-row__footer{padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap));margin-top:4px}@media screen and (max-width: 420px){.comment-row{padding:10px 12px}.comment-row--sub{padding:9px 10px 9px 12px}.comment-row__header{display:flex;align-items:center;gap:8px}.comment-row__identity{flex:1 1 auto;min-width:0}.comment-row__header>.comment-row__time{display:none}.comment-row__time--mobile{display:block;margin-top:2px;padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap));line-height:1.35}.comment-row__actions{flex:0 0 auto;margin-left:0}.comment-row__meta,.comment-row__body,.comment-row__body.markdown-body,.comment-row .markdown-body,.comment-row__footer{padding-left:calc(var(--comment-avatar-size) + var(--comment-avatar-gap))}}.user-buttons__delete{flex-shrink:0;white-space:nowrap;min-width:auto;min-height:26px;padding:3px 10px!important;border-radius:4px!important;border:1px solid rgba(220,38,38,.35)!important;background:transparent!important;color:#c50f1f!important;font-size:12px!important;font-weight:500!important;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}.user-buttons__delete:hover{background:#fef2f2!important;border-color:#c50f1f!important;color:#a4262c!important}body.dark-mode .user-buttons__delete{background:transparent!important;border-color:#f8717173!important;color:#fca5a5!important}body.dark-mode .user-buttons__delete:hover{background:#7f1d1d66!important;border-color:#f87171!important;color:#fff!important}.deleteButton{display:flex;justify-content:flex-end;margin-top:10px}.deleteButton button{flex-shrink:0;white-space:nowrap;min-width:72px;min-height:32px;padding:6px 16px;border-radius:4px;border:1px solid #c50f1f;background:transparent;color:#c50f1f;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.deleteButton button:hover{background:#c50f1f;color:#fff}body.dark-mode .deleteButton button{border-color:#f87171;color:#fecaca}body.dark-mode .deleteButton button:hover{background:#dc2626;color:#fff}.comment-list-item{margin:0!important;width:100%;max-width:100%}.feed-card{transition:box-shadow .15s ease,transform .1s ease}.post-card__head{align-items:center}.post-card__title{color:var(--color-text);font-weight:600}.post-card__excerpt{color:var(--color-text-secondary)}.post-card.new-post{position:relative}.post-card.new-post:before{content:"NEW";position:absolute;top:8px;right:10px;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm, 4px);background:var(--color-unread-bg);color:var(--color-unread-text);z-index:10;font-weight:600}.feed-list__item{display:block;width:100%;max-width:100%;margin:8px 0}.feed-list__footer{text-align:center;padding:20px 0 16px;font-size:13px;font-weight:500;color:var(--color-text-muted)}@media screen and (min-width: 768px){.feed-list__item{width:calc(100% - 24px);margin-left:auto;margin-right:auto}.feed-card.post-card:hover{box-shadow:var(--color-card-hover-shadow);transform:translateY(-1px)}}@media screen and (max-width: 768px){.feed-list__item{width:calc(100% - 16px);margin-top:6px;margin-bottom:6px}}.rating-zone,.rating-page{--hp-primary: var(--accent);--hp-primary-soft: var(--accent-soft);--hp-bg: var(--color-bg);--hp-card: var(--color-card);--hp-text: var(--color-text);--hp-muted: var(--color-text-secondary);--hp-border: var(--color-border);--hp-bar-bg: var(--color-bg);--hp-score-bg: var(--accent);--hp-score-fg: var(--color-button, #fff);--hp-score-shadow: var(--accent-soft)}.rating-page{background:var(--hp-bg);min-height:100%}.rating-feed.post-list--rating{width:100%;max-width:720px;margin:0 auto;padding:0 10px 1.25rem;box-sizing:border-box}.rating-feed.post-list--rating .feed-list__item{width:100%;margin:0 0 8px}.rating-feed.post-list--rating .feed-list__footer{color:var(--hp-muted);font-size:13px}.rating-detail-page{background:var(--hp-bg);min-height:100%}.shop-zone,.shop-page,.shop-detail-page,.shop-sale-page{--shop-primary: var(--chat-accent);--shop-primary-soft: var(--chat-accent-soft);--shop-bg: var(--chat-bg-main);--shop-card: var(--shop-card-bg, var(--chat-bg-elevated));--shop-text: var(--chat-text);--shop-muted: var(--shop-text-secondary, var(--chat-text-secondary));--shop-border: var(--chat-border)}.shop-hero{margin-bottom:6px;border-radius:8px;overflow:hidden;border:1px solid var(--shop-border);background:var(--shop-card)}.shop-hero__track{position:relative;width:100%;aspect-ratio:2.4/1;max-height:148px}.shop-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}.shop-hero__slide--active{opacity:1;pointer-events:auto}.shop-hero__img{width:100%;height:100%;object-fit:cover;display:block}.shop-hero__caption{position:absolute;left:0;right:0;bottom:0;padding:14px 10px 6px;background:linear-gradient(transparent,#0000008c);color:#fff}.shop-hero__caption h3{margin:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-hero__caption p{margin:1px 0 0;font-size:11px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-hero__dots{display:flex;flex-wrap:nowrap;justify-content:center;gap:5px;padding:5px 8px}.shop-hero__dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:var(--shop-border);cursor:pointer}.shop-hero__dot--active{background:var(--shop-primary)}.shop-product-card{display:flex;flex-wrap:nowrap;gap:8px;padding:8px;border:1px solid var(--shop-border);border-radius:8px;background:var(--shop-card);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.shop-product-card:hover:not(.shop-product-card--sold){border-color:var(--chat-border-strong);box-shadow:0 2px 6px #0000000f}.shop-product-card__cover{position:relative;flex-shrink:0;width:72px;height:72px;border-radius:6px;overflow:hidden;background:var(--shop-bg)}.shop-product-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.shop-product-card__sold-badge{position:absolute;left:0;right:0;bottom:0;padding:3px 0;text-align:center;font-size:10px;font-weight:700;color:#fff;background:#0000008c;letter-spacing:.04em}.shop-product-card__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.shop-product-card__name{margin:0;font-size:14px;font-weight:600;line-height:1.25;color:var(--shop-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-product-card__desc{margin:0;font-size:11px;line-height:1.35;color:var(--shop-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.shop-product-card__meta{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-top:2px}.shop-product-card__price{font-size:15px;font-weight:700;color:var(--shop-primary);white-space:nowrap}.shop-product-card--sold{background:var(--chat-bg-muted, #f0f2f5);border-color:var(--shop-border)}.shop-product-card--sold .shop-product-card__cover img{filter:grayscale(.85) brightness(.72)}.shop-product-card--sold .shop-product-card__name,.shop-product-card--sold .shop-product-card__desc{color:var(--shop-muted)}.shop-product-card--sold .shop-product-card__price{color:var(--shop-muted);font-weight:600}body.dark-mode .shop-product-card--sold{background:#ffffff0a}body.dark-mode .shop-product-card--sold .shop-product-card__cover img{filter:grayscale(.7) brightness(.55)}.shop-nav-tabs{display:flex;flex-wrap:nowrap;flex-shrink:0;align-items:stretch;justify-content:space-around;gap:2px;padding:6px 4px;border:1px solid var(--shop-border);border-radius:10px;background:var(--shop-card);box-shadow:0 1px 3px #0000000a}.shop-nav-tabs__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 4px;border:none;border-radius:8px;background:transparent;color:var(--shop-muted);font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;font-family:inherit}.shop-nav-tabs__item--active{color:var(--shop-primary);background:var(--shop-primary-soft);font-weight:600}.shop-detail-page__head{display:flex;align-items:center;gap:8px;padding:10px 0}.shop-detail-page__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--shop-border);border-radius:8px;background:var(--shop-card);color:var(--shop-text);cursor:pointer}.shop-detail-page__gallery{border-radius:10px;overflow:hidden;border:1px solid var(--shop-border);background:var(--shop-card)}.shop-detail-page__main-img{width:100%;max-height:280px;object-fit:contain;display:block;background:var(--shop-bg)}.shop-detail-page__thumbs{display:flex;gap:6px;padding:8px;overflow-x:auto}.shop-detail-page__thumb{flex:0 0 auto;width:56px;height:56px;border-radius:6px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:transparent}.shop-detail-page__thumb--active{border-color:var(--shop-primary)}.shop-detail-page__thumb img{width:100%;height:100%;object-fit:cover}.shop-detail-page__info{margin-top:12px;padding:12px;border-radius:10px;border:1px solid var(--shop-border);background:var(--shop-card)}.shop-detail-page__price{font-size:22px;font-weight:700;color:var(--shop-primary)}.shop-detail-page__name{margin:6px 0 0;font-size:18px;font-weight:600}.shop-detail-page__seller{margin-top:4px;font-size:13px;color:var(--shop-muted)}.shop-detail-page__desc{margin-top:12px;font-size:14px;line-height:1.55;color:var(--shop-text);white-space:pre-wrap}.shop-detail-page__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.shop-detail-page__btn{flex:1 1 auto;min-width:100px;padding:10px 14px;border-radius:8px;border:1px solid var(--shop-border);background:var(--shop-card);color:var(--shop-text);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;text-transform:none;letter-spacing:0}.shop-detail-page__btn--primary{background:var(--shop-primary);border-color:var(--shop-primary);color:var(--chat-unread-text, #fff)}.shop-detail-page__btn--danger{border-color:#dc262666;color:#c50f1f}.shop-sale-page__head{display:flex;align-items:center;gap:8px;padding:10px 0}.shop-sale-page__card{padding:12px;border:1px solid var(--shop-border);border-radius:10px;background:var(--shop-card)}.shop-sale-page__field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.shop-sale-page__field span{font-size:13px;font-weight:600;color:var(--shop-text)}.shop-sale-page__field input,.shop-sale-page__field textarea{padding:8px 10px;border:1px solid var(--shop-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--shop-bg);color:var(--shop-text)}.shop-sale-page__previews{display:flex;flex-wrap:wrap;gap:8px}.shop-sale-page__preview{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden}.shop-sale-page__preview img{width:100%;height:100%;object-fit:cover}.shop-sale-page__preview-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:12px;cursor:pointer}.shop-sale-page__add-img{width:72px;height:72px;border:1px dashed var(--shop-border);border-radius:8px;background:transparent;color:var(--shop-muted);cursor:pointer;font-size:24px}.shop-sale-page__toggle{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px;color:var(--shop-text)}.shop-sale-page__submit{width:100%;margin-top:12px;padding:12px;border:none;border-radius:8px;background:var(--shop-primary);color:var(--chat-unread-text, #fff);font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;text-transform:none;letter-spacing:0}.shop-sale-page__submit:disabled{opacity:.6;cursor:not-allowed}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\*\:pointer-events-none>*,.pointer-events-none{pointer-events:none}.visible,[visible=""]{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative,[relative=""]{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-50px{top:-50px}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.right-0{right:0}.top-5\%{top:5%}[left~="12"]{left:3rem}[right~="100"]{right:25rem}[right~="120"]{right:30rem}[right~="50"]{right:12.5rem}.isolate{isolation:isolate}.z-10000{z-index:10000}.z-2000{z-index:2000}.z-9999{z-index:9999}.grid,[grid=""]{display:grid}[rows~="1"]{grid-template-rows:repeat(1,minmax(0,1fr))}[rows~="14"]{grid-template-rows:repeat(14,minmax(0,1fr))}[rows~="2"]{grid-template-rows:repeat(2,minmax(0,1fr))}[rows~="3"]{grid-template-rows:repeat(3,minmax(0,1fr))}[rows~="4"]{grid-template-rows:repeat(4,minmax(0,1fr))}[rows~="5"]{grid-template-rows:repeat(5,minmax(0,1fr))}.m\[1\]{margin:1}.m\[2\]{margin:2}.m\[4\]{margin:4}.m12\.9{margin:3.225rem}.m6{margin:1.5rem}.m8,[m8=""]{margin:2rem}.mx-a{margin-left:auto;margin-right:auto}.my,[my=""]{margin-top:1rem;margin-bottom:1rem}[disabled~=my]:disabled{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ms,[ms=""]{margin-inline-start:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.inline,[inline=""]{display:inline}.block,[block=""]{display:block}.inline-block{display:inline-block}.list-item{display:list-item}.\!hidden{display:none!important}.hidden,[hidden=""]{display:none}.h-\[48px\]{height:48px}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-200px{height:200px}.h-40px{height:40px}.h-5{height:1.25rem}.h-8{height:2rem}.h1,[h1=""]{height:.25rem}.h2{height:.5rem}.h3,[h3=""]{height:.75rem}.max-h-90vh{max-height:90vh}.max-h-full{max-height:100%}.max-w-90vw{max-width:90vw}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-10{width:2.5rem}.w-12{width:3rem}.w-15\/16{width:93.75%}.w-16{width:4rem}.w-200px{width:200px}.w-40px{width:40px}.w-5{width:1.25rem}.w-8{width:2rem}.w-fit{width:fit-content}.w-full{width:100%}.flex,[flex=""]{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.border-collapse{border-collapse:collapse}.hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform,[transform=""]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-pointer,[cursor-pointer=""]{cursor:pointer}.resize{resize:both}[resize~="default:"]:default{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-3>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.75rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.75rem * var(--un-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.75rem * var(--un-space-y-reverse))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.b,.border,[b=""]{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-3{border-width:3px}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity))}.border-t-white{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(255 255 255 / var(--un-border-top-opacity))}.border-opacity-30{--un-border-opacity:.3}.rounded-\[24px\]{border-radius:24px}.rounded-\[50\%\]{border-radius:50%}.rounded-1{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-none{border-style:none}.bg-\[\#333\]{--un-bg-opacity:1;background-color:rgb(51 51 51 / var(--un-bg-opacity))}.bg-\[\#eb6b26\]{--un-bg-opacity:1;background-color:rgb(235 107 38 / var(--un-bg-opacity))}.bg-\[\#fb0\]{--un-bg-opacity:1;background-color:rgb(255 187 0 / var(--un-bg-opacity))}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity))}.bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity))}.bg-gray-500{--un-bg-opacity:1;background-color:rgb(107 114 128 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\:bg-\[\#ff7e3b\]:hover{--un-bg-opacity:1;background-color:rgb(255 126 59 / var(--un-bg-opacity))}.hover\:bg-gray-600:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.disabled\:bg-zinc-600:disabled{--un-bg-opacity:1;background-color:rgb(82 82 91 / var(--un-bg-opacity))}.bg-opacity-80{--un-bg-opacity:.8}.bg-opacity-90{--un-bg-opacity:.9}.hover\:bg-opacity-100:hover{--un-bg-opacity:1}[stroke-width~="1.3"]{stroke-width:1.3px}[stroke-width~="1.4"]{stroke-width:1.4px}[stroke-width~="1.5"]{stroke-width:1.5px}[stroke-width~="1.6"]{stroke-width:1.6px}[stroke-width~="1.8"]{stroke-width:1.8px}[stroke-width~="1.9"]{stroke-width:1.9px}[stroke-width~="2"]{stroke-width:2px}[stroke-width~="2.1"]{stroke-width:2.1px}[stroke-width~="2.6"]{stroke-width:2.6px}[stroke~=none]{stroke:none}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.p-0{padding:0}.p-1\%{padding:1%}.p-4{padding:1rem}.px,.px-4,[px=""]{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py,[py=""]{padding-top:1rem;padding-bottom:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}[p~=x-2]{padding-left:.5rem;padding-right:.5rem}[p~=y-1]{padding-top:.25rem;padding-bottom:.25rem}[px~="10"]{padding-left:2.5rem;padding-right:2.5rem}[px~="56"]{padding-left:14rem;padding-right:14rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3{font-size:.75rem}.text-5{font-size:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}[text~="65%"]{font-size:65%}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity))}.text-gray-800{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity))}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity))}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}[text~="[#eee]"]{--un-text-opacity:1;color:rgb(238 238 238 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.op-0,.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.sepia{--un-sepia:sepia(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-300,[duration~="300"]{transition-duration:.3s}[duration~="150"]{transition-duration:.15s}[duration~="200"]{transition-duration:.2s}[duration~="280"]{transition-duration:.28s}[duration~="350"]{transition-duration:.35s}[duration~="380"]{transition-duration:.38s}.ease,.ease-in-out,[ease=""]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}