.function-overlay[data-v-962a0d5e]{position:absolute;inset:0;background:#7272723d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9;opacity:0;pointer-events:none;transition:opacity .3s}.function-overlay.open[data-v-962a0d5e]{opacity:1;pointer-events:auto}.function-panel[data-v-962a0d5e]{position:absolute;bottom:64px;left:5px;right:5px;max-height:calc(100vh - 120px);background:#fff;border-radius:5px;z-index:9;padding:10px 16px 32px;overflow-y:auto;border:1px solid #FF5500;transform:translateY(100%);transition:transform .3s ease;opacity:0}.function-panel.open[data-v-962a0d5e]{opacity:1;transform:translateY(0)}.function-panel .panel-header[data-v-962a0d5e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.function-panel .panel-header .header-title[data-v-962a0d5e]{display:flex;align-items:center;gap:3px}.function-panel .panel-header .header-title .title-bar[data-v-962a0d5e]{width:3px;height:14px;background:#ff530f}.function-panel .panel-header .header-title .title-text[data-v-962a0d5e]{font-size:16px;font-weight:600;color:#222;text-transform:capitalize}.function-panel .panel-header .header-buttons[data-v-962a0d5e]{display:flex;align-items:center;gap:6px}.function-panel .panel-header .header-buttons .auth-btn[data-v-962a0d5e]{position:relative;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;height:30px;aspect-ratio:186 / 61}.function-panel .panel-header .header-buttons .auth-btn .btn-bg[data-v-962a0d5e]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.function-panel .panel-header .header-buttons .auth-btn span[data-v-962a0d5e]{position:relative;z-index:1;font-size:16px;font-weight:500;line-height:100%;color:#fff;text-transform:capitalize}.function-panel .function-grid[data-v-962a0d5e]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.function-panel .function-grid .grid-item[data-v-962a0d5e]{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.function-panel .function-grid .grid-item .item-bg[data-v-962a0d5e]{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.function-panel .function-grid .grid-item .item-content[data-v-962a0d5e]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 4px;width:100%}.function-panel .function-grid .grid-item .item-content .item-icon[data-v-962a0d5e]{height:32px;object-fit:contain}.function-panel .function-grid .grid-item .item-content .item-label[data-v-962a0d5e]{font-size:12px;font-weight:500;color:#000;text-align:center;line-height:100%;word-break:break-word;max-width:100%}.function-panel .function-grid .grid-item .unread-badge[data-v-962a0d5e]{position:absolute;top:0;right:0;min-width:20px;height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:red;border-radius:50%;pointer-events:none}.function-panel .function-grid .grid-item .unread-badge .text[data-v-962a0d5e]{font-size:10px;font-weight:500;color:#fff;line-height:100%;white-space:nowrap}@media(min-width:768px){.function-overlay[data-v-962a0d5e]{width:var(--mobile-max-width);left:50%;transform:translate(-50%)}.function-panel[data-v-962a0d5e]{width:420px;left:50%;right:auto;transform:translate(-50%) translateY(100%)}.function-panel.open[data-v-962a0d5e]{transform:translate(-50%) translateY(0)}}