.page[data-v-1a837dc3]{height:100vh;flex-direction:column;overflow:hidden;background-size:500px auto;background-color:rgba(247,243,233,.55)}.header[data-v-1a837dc3],.page[data-v-1a837dc3]{box-sizing:border-box;display:flex;background-image:url(../img/subtle.3b529a03.webp);background-repeat:repeat;background-position:50%}.header[data-v-1a837dc3]{position:relative;z-index:10;flex-shrink:0;height:clamp(48px,7vh,68px);align-items:center;padding:0 clamp(16px,3vw,24px);background-size:400px auto;background-color:rgba(247,243,233,.4);background-blend-mode:overlay;border-bottom:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.back-btn[data-v-1a837dc3]{border-radius:6px;height:clamp(24px,3.2vh,28px);padding:0 clamp(8px,1.2vw,14px);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.15));color:#fff;font-weight:600;border:1px solid hsla(0,0%,100%,.6);box-shadow:0 2px 6px rgba(0,0,0,.1),inset 0 1px 2px hsla(0,0%,100%,.9);backdrop-filter:blur(4px);font-size:clamp(11px,1.1vw,14px);line-height:1.2;cursor:pointer;flex-shrink:0;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.15)}.back-btn[data-v-1a837dc3]:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.3));transform:translateY(-1px)}.back-btn[data-v-1a837dc3]:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 5px rgba(0,0,0,.15)}.header-title[data-v-1a837dc3]{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;color:#2c3e50!important;font-size:clamp(16px,2.2vw,22px)!important;font-weight:900!important;letter-spacing:3px!important;white-space:nowrap!important;pointer-events:none!important;line-height:1.2!important;text-shadow:0 2px 4px hsla(0,0%,100%,.9),0 4px 12px hsla(0,0%,100%,.6),0 1px 0 #fff!important}.scroll-wrap[data-v-1a837dc3]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.content[data-v-1a837dc3]{padding:clamp(12px,2vw,20px);max-width:1200px;margin:0 auto}.empty-tip[data-v-1a837dc3]{margin-top:clamp(40px,10vh,100px);text-align:center;color:#555}.empty-icon[data-v-1a837dc3]{font-size:clamp(30px,5vw,50px);margin-bottom:12px}.empty-back-btn[data-v-1a837dc3]{padding:clamp(4px,1vw,8px) clamp(16px,3vw,24px);border-radius:8px;font-size:clamp(13px,1.3vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0) 50%),rgba(82,196,26,.85);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 4px 12px rgba(82,196,26,.25),inset 0 1px 2px hsla(0,0%,100%,.5);text-shadow:0 1px 2px rgba(0,0,0,.15)}.empty-back-btn[data-v-1a837dc3]:hover{transform:translateY(-1px);background:linear-gradient(180deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,0) 50%),rgba(82,196,26,.95)}.group-card-wrap[data-v-1a837dc3]{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.8vw,20px)}@media (max-width:768px){.group-card-wrap[data-v-1a837dc3]{grid-template-columns:1fr}}.group-item[data-v-1a837dc3]{position:relative;background:hsla(0,0%,100%,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.7);box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05),inset 0 1px 2px hsla(0,0%,100%,.8);border-radius:12px;padding:clamp(12px,1.5vw,16px) clamp(14px,1.8vw,20px) clamp(12px,1.5vw,16px) clamp(20px,2vw,28px);display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;transition:all .25s ease;overflow:hidden}.group-item[data-v-1a837dc3]:before{content:"";position:absolute;left:clamp(8px,1vw,12px);top:clamp(12px,1.5vh,16px);bottom:clamp(12px,1.5vh,16px);width:4px;background:#fab8cf;border-radius:4px}.group-item[data-v-1a837dc3]:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.6);box-shadow:0 12px 32px rgba(0,0,0,.15),inset 0 1px 3px hsla(0,0%,100%,.9)}.group-info[data-v-1a837dc3]{display:flex;align-items:center;gap:clamp(8px,1vw,14px);flex:1;min-width:0}.group-name[data-v-1a837dc3]{font-size:clamp(14px,1.4vw,17px);font-weight:800;margin:0;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.type-tag[data-v-1a837dc3]{color:#52c41a}.group-tag[data-v-1a837dc3],.type-tag[data-v-1a837dc3]{font-size:clamp(11px,1vw,13px);white-space:nowrap;flex-shrink:0}.group-tag[data-v-1a837dc3]{color:#409eff}.manage-btn[data-v-1a837dc3]{padding:clamp(4px,.8vh,6px) clamp(10px,1.5vw,16px);border-radius:6px;font-size:clamp(12px,1.2vw,14px);font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;margin-left:clamp(8px,1vw,12px);transition:all .2s ease;color:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0) 50%),rgba(82,196,26,.85);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 12px rgba(82,196,26,.25),inset 0 1px 2px hsla(0,0%,100%,.6),inset 0 -2px 4px rgba(0,0,0,.15);text-shadow:0 1px 2px rgba(0,0,0,.15)}.manage-btn[data-v-1a837dc3]:hover{transform:translateY(-1px);background:linear-gradient(180deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,0) 50%),rgba(82,196,26,.95);box-shadow:0 6px 16px rgba(82,196,26,.35),inset 0 1px 3px hsla(0,0%,100%,.7)}.manage-btn[data-v-1a837dc3]:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 5px rgba(0,0,0,.2)}