.notification-bell[data-v-3195a9b7]{position:relative;--bell-accent: var(--student-color);--bell-accent-light: var(--student-color-light);--bell-tint: rgb(0 47 167 / .06);--bell-tint-strong: rgb(0 47 167 / .12)}.notification-bell.teacher-mode[data-v-3195a9b7]{--bell-accent: var(--teacher-color);--bell-accent-light: var(--teacher-color-light);--bell-tint: rgb(234 88 12 / .06);--bell-tint-strong: rgb(234 88 12 / .12)}.bell-btn[data-v-3195a9b7]{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;border-radius:var(--radius-full);color:var(--bell-accent);font-size:var(--hp-text-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.bell-btn[data-v-3195a9b7]:hover{background:var(--bell-tint);color:var(--bell-accent-light)}.bell-badge[data-v-3195a9b7]{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 var(--spacing-1);display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:var(--color-white);font-size:.75rem;font-weight:var(--font-bold);line-height:1;border-radius:var(--radius-full);pointer-events:none}.bell-menu[data-v-3195a9b7]{position:absolute;top:calc(100% + var(--spacing-1));right:0;padding-top:var(--spacing-2);z-index:var(--z-dropdown);min-width:320px;box-sizing:border-box;max-height:var(--bell-max-h, calc(100dvh - var(--navbar-height, 64px) - 24px));display:flex}.bell-menu-inner[data-v-3195a9b7]{background:var(--color-white);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;min-height:0;width:100%}.bell-menu-header[data-v-3195a9b7]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-thin) solid var(--color-border-muted)}.bell-menu-title[data-v-3195a9b7]{font-size:var(--hp-text-base);font-weight:var(--font-semibold);color:var(--color-text)}.bell-mark-all[data-v-3195a9b7]{border:none;background:transparent;color:var(--bell-accent);font-size:var(--hp-text-xs);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-smooth)}.bell-mark-all[data-v-3195a9b7]:hover{background:var(--bell-tint)}.bell-list-wrap[data-v-3195a9b7]{max-height:400px;flex:1 1 auto;min-height:0;overflow-y:auto}.bell-list[data-v-3195a9b7]{list-style:none;margin:0;padding:0}.bell-item[data-v-3195a9b7]{display:flex;align-items:flex-start;gap:var(--spacing-3);min-height:44px;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-secondary);text-decoration:none;transition:background var(--duration-fast) var(--ease-smooth)}.bell-item[data-v-3195a9b7]:hover{background:linear-gradient(90deg,var(--bell-tint) 0%,transparent 100%);color:var(--color-text)}.bell-item.unread[data-v-3195a9b7]{background:var(--bell-tint)}.bell-item.unread[data-v-3195a9b7]:hover{background:var(--bell-tint-strong)}.bell-item-icon[data-v-3195a9b7]{flex-shrink:0;width:20px;margin-top:2px;text-align:center;color:var(--bell-accent);font-size:var(--hp-text-base)}.bell-item-body[data-v-3195a9b7]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.bell-item-title[data-v-3195a9b7]{font-size:var(--hp-text-sm);line-height:var(--leading-relaxed);word-break:break-word}.bell-item.unread .bell-item-title[data-v-3195a9b7]{font-weight:var(--font-semibold);color:var(--color-text)}.bell-item-time[data-v-3195a9b7]{font-size:var(--hp-text-xs);color:var(--color-text-muted)}.bell-item-dot[data-v-3195a9b7]{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:var(--radius-full);background:var(--color-danger)}.bell-load-more[data-v-3195a9b7]{display:block;width:100%;border:none;border-top:var(--border-thin) solid var(--color-border-muted);background:transparent;color:var(--bell-accent);font-size:var(--hp-text-sm);min-height:44px;cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth)}.bell-load-more[data-v-3195a9b7]:hover{background:var(--bell-tint)}.bell-load-more[data-v-3195a9b7]:disabled{cursor:default;color:var(--color-text-muted)}.bell-empty[data-v-3195a9b7]{margin:0;padding:var(--spacing-8) var(--spacing-4);text-align:center;font-size:var(--hp-text-sm);color:var(--color-text-muted)}@media(max-width:576px){.bell-menu[data-v-3195a9b7]{position:fixed;top:calc(var(--navbar-height, 64px) + var(--spacing-1));right:var(--spacing-3);left:var(--spacing-3);min-width:0}.bell-list-wrap[data-v-3195a9b7]{max-height:none}}.main-nav[data-v-4f6fae7f]{position:fixed;top:0;left:0;right:0;z-index:var(--z-dropdown);background-image:var(--glass-bg-nav);-webkit-backdrop-filter:var(--hp-glass-blur-md);backdrop-filter:var(--hp-glass-blur-md);border-bottom:var(--border-thin) solid var(--glass-border);box-shadow:var(--glass-shadow-nav);transition:background var(--duration-slow) var(--ease-smooth),border-color var(--duration-slow) var(--ease-smooth),box-shadow var(--duration-slow) var(--ease-smooth)}.main-nav.scrolled[data-v-4f6fae7f]{background:var(--glass-bg-nav-scrolled);border-bottom:var(--border-thin) solid rgb(0 0 0 / .06);box-shadow:var(--glass-shadow-nav-scrolled)}.nav-container[data-v-4f6fae7f]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:var(--spacing-2-5) var(--spacing-4);width:100%;gap:var(--spacing-4);height:var(--navbar-height);box-sizing:border-box}.logo-img[data-v-4f6fae7f]{height:40px;width:auto}.nav-search[data-v-4f6fae7f]{display:flex;justify-self:center;width:100%;max-width:600px;min-width:400px;flex-shrink:0;border-radius:var(--radius-md);border:none!important;outline:none!important;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-moderate) var(--ease-smooth)}.main-nav .nav-search[data-v-4f6fae7f]:focus-within{border:none!important;outline:none!important;box-shadow:0 4px 12px rgb(var(--color-primary-rgb) / .08),0 8px 24px rgb(var(--color-primary-rgb) / .04)}.search-category[data-v-4f6fae7f]{height:auto;min-width:120px;padding:var(--spacing-2-5) var(--spacing-8) var(--spacing-2-5) var(--spacing-4);border:1.5px solid var(--glass-border);border-right:var(--border-thin) solid rgb(0 0 0 / .05);border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--hp-text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right var(--spacing-2) center,linear-gradient(135deg,#ffffffb3,#ffffff80);-webkit-backdrop-filter:var(--hp-glass-blur-sm);backdrop-filter:var(--hp-glass-blur-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none!important;cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);box-shadow:inset 0 1px 0 var(--glass-border-strong)}.search-category[data-v-4f6fae7f]:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2317b9b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right var(--spacing-2) center,linear-gradient(135deg,#ffffffd9,#ffffffa6);border-color:rgb(var(--color-primary-rgb) / .2)}.main-nav .search-category[data-v-4f6fae7f]:focus,.main-nav .search-category[data-v-4f6fae7f]:focus-visible{border:1.5px solid var(--palette-teal-300);border-right:var(--border-thin) solid rgb(0 0 0 / .05);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2317b9b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right var(--spacing-2) center,#ffffffe6;outline:none!important;box-shadow:inset 0 1px #fffc,0 0 0 3px rgb(var(--color-primary-rgb) / .08)}.main-nav .search-category[data-v-4f6fae7f]:focus-visible{box-shadow:inset 0 1px #fffc,0 0 0 3px rgb(var(--color-primary-rgb) / .4)}.search-input[data-v-4f6fae7f]{flex:1;height:auto!important;padding:var(--spacing-2-5) var(--spacing-5)!important;line-height:var(--leading-normal)!important;border:1.5px solid var(--glass-border);border-left:none;border-right:none;border-radius:0;font-size:var(--hp-text-sm);color:var(--color-text);outline:none;background:linear-gradient(180deg,#ffffffa6,#ffffff8c);-webkit-backdrop-filter:var(--hp-glass-blur-sm);backdrop-filter:var(--hp-glass-blur-sm);transition:background var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);box-shadow:inset 0 1px 2px #00000005,inset 0 -1px 0 var(--glass-border-strong)}.search-input[data-v-4f6fae7f]::placeholder{color:var(--color-text-disabled);font-weight:var(--font-normal);transition:color var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out)}.search-input[data-v-4f6fae7f]:focus{background:linear-gradient(180deg,#fffffff2,#ffffffd9);box-shadow:inset 0 1px 2px #00000005,inset 0 -1px #fffc}.search-input[data-v-4f6fae7f]:focus::placeholder{color:var(--color-text-muted);transform:translate(4px)}.main-nav .search-input[data-v-4f6fae7f]:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary),inset 0 1px 2px #00000005}.search-btn[data-v-4f6fae7f]{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-6);background:linear-gradient(135deg,var(--palette-teal-500) 0%,var(--palette-teal-600) 50%,var(--palette-teal-700) 100%);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;color:var(--color-white);position:relative;overflow:hidden;transition:transform var(--duration-moderate) var(--ease-smooth),box-shadow var(--duration-moderate) var(--ease-smooth);box-shadow:inset 0 1px #fff3,0 2px 8px #4f46e54d}.search-btn[data-v-4f6fae7f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--palette-teal-400) 0%,var(--palette-teal-500) 50%,var(--palette-teal-600) 100%);opacity:0;transition:opacity var(--duration-moderate) var(--ease-in-out)}.search-btn[data-v-4f6fae7f]:hover{box-shadow:inset 0 1px #ffffff4d,0 4px 16px #4f46e566}.search-btn[data-v-4f6fae7f]:hover:before{opacity:1}.search-btn[data-v-4f6fae7f]:active{transform:scale(.98)}.search-btn i[data-v-4f6fae7f]{position:relative;z-index:1;font-size:var(--hp-text-base);transition:transform var(--duration-moderate) var(--ease-bounce-subtle)}.search-btn:hover i[data-v-4f6fae7f]{transform:scale(1.08)}.nav-actions[data-v-4f6fae7f]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-2);min-width:clamp(100px,20vw,200px);grid-column:3}.auth-loading[data-v-4f6fae7f]{display:flex;align-items:center;justify-content:center;width:80px;color:var(--color-text-muted)}.btn-login[data-v-4f6fae7f],.btn-register[data-v-4f6fae7f]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--hp-text-sm);text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.btn-login[data-v-4f6fae7f]{color:var(--color-text)}.btn-login[data-v-4f6fae7f]:hover,.btn-register[data-v-4f6fae7f]{color:var(--color-primary)}.btn-register[data-v-4f6fae7f]:hover{text-decoration:underline}.identity-switcher[data-v-4f6fae7f]{display:inline-flex;position:relative;background:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-0-5)}.identity-switcher[data-v-4f6fae7f]:before{content:"";position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:calc(var(--radius-md) - 1px);background:linear-gradient(135deg,var(--teacher-color-light),var(--teacher-color));box-shadow:0 2px 6px var(--color-black-a10);transition:transform var(--duration-moderate) var(--ease-in-out),background var(--duration-moderate) var(--ease-in-out);transform:translate(100%)}.identity-switcher.student-active[data-v-4f6fae7f]:before{transform:translate(0);background:linear-gradient(135deg,var(--student-color-light),var(--student-color))}.identity-option[data-v-4f6fae7f]{position:relative;z-index:1;flex:1;border:none;min-height:36px;padding:var(--spacing-2) var(--spacing-3);border-radius:calc(var(--radius-md) - 1px);font-size:var(--hp-text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out);background:transparent;color:var(--color-text-secondary);font-weight:var(--font-medium);white-space:nowrap;font-family:inherit;line-height:var(--leading-normal);text-align:center}.identity-option.active[data-v-4f6fae7f]{color:var(--color-white)}.identity-option[data-v-4f6fae7f]:not(.active):hover{color:var(--color-text)}.identity-option-dot[data-v-4f6fae7f]{position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-danger);pointer-events:none}.identity-switcher--wide[data-v-4f6fae7f]{display:flex;width:100%;background:#0000000f;border-radius:var(--radius-md);padding:3px}.identity-switcher--wide .identity-option[data-v-4f6fae7f]{padding:var(--spacing-2-5) var(--spacing-4);font-size:var(--hp-text-base);font-weight:var(--font-semibold);border-radius:calc(var(--radius-md) - 1px);letter-spacing:var(--tracking-tight)}.identity-switcher--wide[data-v-4f6fae7f]:before{top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:calc(var(--radius-lg) - 3px);box-shadow:var(--shadow-sm)}.user-dropdown[data-v-4f6fae7f]{position:relative}.user-btn[data-v-4f6fae7f]{display:flex;align-items:center;gap:var(--spacing-1-5);padding:0 var(--spacing-3) 0 0;background:linear-gradient(135deg,var(--student-color) 0%,var(--student-color-light) 100%);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-white);min-height:44px;position:relative;overflow:hidden;transition:box-shadow var(--duration-moderate) var(--ease-bounce-subtle),transform var(--duration-moderate) var(--ease-bounce-subtle)}.user-btn[data-v-4f6fae7f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--student-color-light) 0%,var(--student-color) 100%);opacity:0;transition:opacity var(--duration-moderate) var(--ease-in-out)}.user-btn[data-v-4f6fae7f]:hover:before{opacity:1}.user-btn[data-v-4f6fae7f]:hover{box-shadow:0 4px 12px var(--student-shadow),0 0 0 2px #002fa71a;transform:translateY(-2px)}.user-btn.teacher-mode[data-v-4f6fae7f]{background:linear-gradient(135deg,var(--teacher-color) 0%,var(--teacher-color-light) 100%)}.user-btn.teacher-mode[data-v-4f6fae7f]:before{background:linear-gradient(135deg,var(--teacher-color-light) 0%,var(--teacher-color) 100%)}.user-btn.teacher-mode[data-v-4f6fae7f]:hover{box-shadow:0 4px 12px var(--teacher-shadow),0 0 0 2px #892b001a}.user-avatar[data-v-4f6fae7f]{position:relative;z-index:1;width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:var(--border-thick) solid rgb(255 255 255 / .3);transition:border-color var(--duration-moderate) var(--ease-in-out)}.user-btn:hover .user-avatar[data-v-4f6fae7f]{border-color:#fff9}.user-name[data-v-4f6fae7f]{position:relative;z-index:1;font-size:var(--hp-text-sm);font-weight:var(--font-medium);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--tracking-tight)}.user-caret[data-v-4f6fae7f]{position:relative;z-index:1;font-size:var(--hp-text-xs);opacity:.85;transition:transform var(--duration-moderate) var(--ease-smooth)}.user-caret.rotated[data-v-4f6fae7f]{transform:rotate(180deg)}.user-menu[data-v-4f6fae7f]{position:absolute;top:calc(100% + var(--spacing-1));right:0;padding-top:var(--spacing-2);z-index:var(--z-dropdown);min-width:240px}.user-menu-inner[data-v-4f6fae7f]{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--hp-glass-blur-md);backdrop-filter:var(--hp-glass-blur-md);border:var(--border-thin) solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.dropdown-header[data-v-4f6fae7f]{display:flex;align-items:flex-start;gap:var(--spacing-3-5);padding:var(--spacing-4) var(--spacing-4);border-bottom:var(--border-thin) solid var(--glass-border-subtle);background:linear-gradient(180deg,rgb(255 255 255 / .5) 0%,transparent 100%)}.dropdown-avatar[data-v-4f6fae7f]{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:var(--border-thick) solid var(--glass-border);box-shadow:0 2px 8px var(--color-black-a8)}.dropdown-info[data-v-4f6fae7f]{flex:1;min-width:0}.dropdown-name[data-v-4f6fae7f]{margin:0;font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--hp-text-base)}.dropdown-plan-badge[data-v-4f6fae7f]{display:inline-block;margin-left:var(--spacing-2);padding:0 var(--spacing-2);border-radius:var(--radius-sm);background:var(--color-primary-subtle);color:var(--color-primary-active);font-size:var(--hp-text-xs);font-weight:var(--font-medium);line-height:1.6;vertical-align:middle;white-space:nowrap}.dropdown-email[data-v-4f6fae7f]{margin:var(--spacing-1) 0 0;font-size:var(--hp-text-xs);color:var(--color-text-muted);word-break:break-all}.user-dropdown-item[data-v-4f6fae7f]{display:flex;align-items:center;min-height:44px;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-secondary);text-decoration:none;font-size:var(--hp-text-base);position:relative;transition:background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),padding-left var(--duration-fast) var(--ease-smooth)}.user-dropdown-item[data-v-4f6fae7f]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:height var(--duration-fast) var(--ease-smooth)}.user-dropdown-item[data-v-4f6fae7f]:hover{background:linear-gradient(90deg,var(--palette-teal-50) 0%,transparent 100%);color:var(--color-text);padding-left:var(--spacing-5)}.user-dropdown-item[data-v-4f6fae7f]:hover:before{height:60%}.user-dropdown-item[data-v-4f6fae7f]:active{background:var(--palette-teal-100)}.user-dropdown-logout[data-v-4f6fae7f]{border-top:var(--border-thin) solid var(--glass-border-subtle);margin-top:var(--spacing-1)}.user-dropdown-logout[data-v-4f6fae7f]:hover{background:linear-gradient(90deg,var(--color-danger-subtle) 0%,transparent 100%);color:var(--color-danger)}.user-dropdown-logout[data-v-4f6fae7f]:hover:before{background:var(--color-danger)}.mobile-search-toggle[data-v-4f6fae7f],.mobile-menu-toggle[data-v-4f6fae7f]{display:none;padding:var(--spacing-2);min-width:44px;min-height:44px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast)}.mobile-search-toggle[data-v-4f6fae7f]:hover,.mobile-menu-toggle[data-v-4f6fae7f]:hover{color:var(--color-primary)}.mobile-search[data-v-4f6fae7f]{display:none;padding:var(--spacing-2) var(--spacing-4);border-top:var(--border-thin) solid var(--color-border)}.mobile-menu-overlay[data-v-4f6fae7f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu[data-v-4f6fae7f]{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--color-bg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.mobile-menu-header[data-v-4f6fae7f]{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:var(--border-thin) solid var(--color-border);background:inherit;flex-shrink:0}.mobile-menu-title[data-v-4f6fae7f]{font-size:var(--hp-text-base);font-weight:var(--font-semibold);color:var(--color-text)}.mobile-menu-close[data-v-4f6fae7f]{display:flex;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);padding:0;background:var(--color-bg-muted);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.mobile-menu-close[data-v-4f6fae7f]:hover{background:var(--color-border);color:var(--color-text)}.mobile-menu-role-switch[data-v-4f6fae7f]{padding:var(--spacing-4);border-bottom:var(--border-thin) solid var(--color-border)}.mobile-menu-nav[data-v-4f6fae7f]{display:flex;flex-direction:column;padding:var(--spacing-2) 0;flex:1;overflow-y:auto}.mobile-menu-link[data-v-4f6fae7f]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3-5) var(--spacing-4);color:var(--color-text-secondary);text-decoration:none;font-size:var(--hp-text-base);transition:background var(--duration-fast),color var(--duration-fast)}.mobile-menu-link i[data-v-4f6fae7f]{width:20px;text-align:center;font-size:var(--hp-text-base);opacity:.7}.mobile-menu-link[data-v-4f6fae7f]:hover{background:var(--color-bg-muted);color:var(--color-text)}.mobile-menu-link:hover i[data-v-4f6fae7f]{opacity:1}.mobile-menu.theme-teacher .mobile-menu-header[data-v-4f6fae7f],.mobile-menu.theme-student .mobile-menu-header[data-v-4f6fae7f]{border-bottom:none}.mobile-menu.theme-teacher .mobile-menu-title[data-v-4f6fae7f],.mobile-menu.theme-student .mobile-menu-title[data-v-4f6fae7f]{color:var(--color-white)}.mobile-menu.theme-teacher .mobile-menu-close[data-v-4f6fae7f],.mobile-menu.theme-student .mobile-menu-close[data-v-4f6fae7f]{background:#fff3;color:var(--color-white)}.mobile-menu.theme-teacher .mobile-menu-close[data-v-4f6fae7f]:hover,.mobile-menu.theme-student .mobile-menu-close[data-v-4f6fae7f]:hover{background:#ffffff4d}.mobile-menu.theme-teacher .mobile-menu-header[data-v-4f6fae7f]{background:linear-gradient(135deg,var(--teacher-color) 0%,var(--teacher-color-light) 100%)}.mobile-menu.theme-student .mobile-menu-header[data-v-4f6fae7f]{background:linear-gradient(135deg,var(--student-color) 0%,var(--student-color-light) 100%)}.mobile-menu-enter-active[data-v-4f6fae7f],.mobile-menu-leave-active[data-v-4f6fae7f]{transition:opacity var(--duration-normal) var(--ease-smooth)}.mobile-menu-enter-active .mobile-menu[data-v-4f6fae7f],.mobile-menu-leave-active .mobile-menu[data-v-4f6fae7f]{transition:transform var(--duration-normal) var(--ease-smooth)}.mobile-menu-enter-from[data-v-4f6fae7f],.mobile-menu-leave-to[data-v-4f6fae7f]{opacity:0}.mobile-menu-enter-from .mobile-menu[data-v-4f6fae7f],.mobile-menu-leave-to .mobile-menu[data-v-4f6fae7f]{transform:translate(100%)}@media(max-width:991px){.user-name[data-v-4f6fae7f]{display:none}.identity-switcher[data-v-4f6fae7f]:not(.identity-switcher--wide){display:none}}@media(max-width:991px){.nav-search[data-v-4f6fae7f]{display:none}.mobile-search-toggle[data-v-4f6fae7f],.mobile-menu-toggle[data-v-4f6fae7f],.mobile-search[data-v-4f6fae7f]{display:flex}}@media(max-width:576px){.nav-container[data-v-4f6fae7f]{padding:.5rem clamp(.5rem,2vw,.75rem);gap:clamp(.5rem,2vw,.75rem)}.logo-img[data-v-4f6fae7f]{height:clamp(26px,6vw,32px)}.btn-login[data-v-4f6fae7f],.btn-register[data-v-4f6fae7f]{padding:.25rem clamp(.375rem,1.5vw,.5rem);font-size:clamp(.6875rem,2vw,.8125rem)}.btn-switch[data-v-4f6fae7f]{font-size:clamp(.625rem,2vw,.75rem);padding:.2rem clamp(.3rem,1.5vw,.5rem)}.btn-switch i[data-v-4f6fae7f]{display:none}.nav-actions[data-v-4f6fae7f]{gap:var(--spacing-1-5)}.user-btn[data-v-4f6fae7f]{height:38px;min-height:38px;padding:0 var(--spacing-2) 0 var(--spacing-0-5);gap:var(--spacing-1);border-radius:var(--radius-full)}.user-avatar[data-v-4f6fae7f]{width:30px;height:30px;border-width:2px;border-color:#fff9}.user-btn .user-name[data-v-4f6fae7f]{display:none}.user-caret[data-v-4f6fae7f]{font-size:.625rem;margin-right:var(--spacing-0-5);opacity:.9}.user-btn[data-v-4f6fae7f]:active{transform:scale(.94);transition-duration:var(--duration-fast)}.user-btn[aria-expanded=true] .user-avatar[data-v-4f6fae7f]{border-color:#ffffffe6;box-shadow:0 0 0 2px #ffffff40}.mobile-search[data-v-4f6fae7f]{padding:var(--spacing-2) var(--spacing-3)}}.role-section[data-v-4f6fae7f]{position:fixed;top:var(--navbar-height, 64px);left:0;right:0;z-index:var(--z-sticky);background-image:var(--glass-bg-nav);-webkit-backdrop-filter:var(--hp-glass-blur-md);backdrop-filter:var(--hp-glass-blur-md);border-bottom:var(--border-thin) solid var(--glass-border-subtle);box-shadow:var(--glass-shadow-nav),0 1px 3px var(--color-black-a4);transition:transform var(--duration-normal) var(--ease-smooth),opacity var(--duration-normal) var(--ease-smooth)}.role-section[data-v-4f6fae7f]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 2%,var(--role-color) 15%,var(--role-color-light, var(--role-color)) 50%,var(--role-color) 85%,transparent 98%)}.role-section.theme-teacher[data-v-4f6fae7f]{--role-color: var(--teacher-color);--role-color-light: var(--teacher-color-light);--role-hover-bg: var(--teacher-hover-bg);--role-tint: rgb(234 88 12 / .06)}.role-section.theme-student[data-v-4f6fae7f]{--role-color: var(--student-color);--role-color-light: var(--student-color-light);--role-hover-bg: var(--student-hover-bg);--role-tint: rgb(0 47 167 / .06)}.role-section.theme-teacher[data-v-4f6fae7f]:after,.role-section.theme-student[data-v-4f6fae7f]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--role-tint);pointer-events:none;z-index:-1}.role-section .section-nav[data-v-4f6fae7f]{display:flex;justify-content:center;align-items:center;height:var(--nav-section-height, 45px);max-width:100%;padding:0 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:var(--spacing-0-5)}.role-section .section-nav[data-v-4f6fae7f]::-webkit-scrollbar{display:none}.role-section .section-nav a[data-v-4f6fae7f]{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:clamp(32px,calc(var(--nav-section-height, 48px) - 10px),38px);padding:0 var(--spacing-3-5);margin:0 var(--spacing-0-5);color:var(--color-text-secondary);text-decoration:none;font-size:var(--hp-text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);white-space:nowrap;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.role-section .section-nav a[data-v-4f6fae7f]:active{transform:scale(.97)}.role-section .section-nav a i[data-v-4f6fae7f]{font-size:var(--hp-text-base);color:var(--role-color);opacity:.8;transition:opacity var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-bounce)}.role-section .section-nav a[data-v-4f6fae7f]:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%) scaleX(0);width:calc(100% - 1.25rem);height:2px;background:var(--role-color);border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-smooth);transform-origin:center}.role-section .section-nav a[data-v-4f6fae7f]:hover{color:var(--color-text);background:var(--role-hover-bg)}.role-section .section-nav a:hover i[data-v-4f6fae7f]{opacity:1;transform:translateY(-1px)}.role-section .section-nav a[data-v-4f6fae7f]:hover:after{transform:translate(-50%) scaleX(1)}.role-section .section-nav a.active[data-v-4f6fae7f]{color:var(--color-text);background:var(--role-hover-bg);font-weight:var(--font-semibold)}.role-section .section-nav a.active i[data-v-4f6fae7f]{opacity:1}.role-section .section-nav a.active[data-v-4f6fae7f]:after{transform:translate(-50%) scaleX(1)}.role-section .section-nav a[data-v-4f6fae7f]:focus-visible{outline:var(--border-thick) solid var(--role-color);outline-offset:2px;color:var(--color-text);background:var(--role-hover-bg)}.role-section .section-nav a:focus-visible i[data-v-4f6fae7f]{opacity:1}.role-section .section-nav a[data-v-4f6fae7f]:focus-visible:after{transform:translate(-50%) scaleX(1)}.role-section.hidden[data-v-4f6fae7f]{transform:translateY(-100%);opacity:0;pointer-events:none}@media(min-width:1200px){.role-section .section-nav a[data-v-4f6fae7f]{padding:0 var(--spacing-4)}}@media(max-width:1199px)and (min-width:992px){.role-section .section-nav a[data-v-4f6fae7f]{padding:0 var(--spacing-2-5);font-size:var(--hp-text-sm);gap:var(--spacing-1-5)}.role-section .section-nav a i[data-v-4f6fae7f]{font-size:var(--hp-text-sm)}}@media(max-width:991px){.role-section[data-v-4f6fae7f]{display:none}}.floating-checkin[data-v-4f6fae7f]{position:fixed;top:70%;right:var(--spacing-2-5);width:100px;height:100px;z-index:var(--z-dropdown);padding:0;background:transparent;border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth)}.floating-checkin[data-v-4f6fae7f]:hover{transform:scale(1.05)}.floating-checkin[data-v-4f6fae7f]:disabled{cursor:wait}.floating-checkin .checkin-img[data-v-4f6fae7f]{width:100%;height:auto;pointer-events:none}.floating-checkin .checkin-loading[data-v-4f6fae7f]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.5rem;color:var(--color-primary)}.back-to-top[data-v-4f6fae7f]{position:fixed;right:var(--spacing-4);bottom:80px;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;width:var(--control-height-lg);height:var(--control-height-lg);padding:0;background:var(--btn-color-primary);border:none;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--hp-text-lg);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--duration-normal) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.back-to-top[data-v-4f6fae7f]:hover{background:var(--btn-color-primary-hover);transform:translateY(-3px);box-shadow:0 6px 20px rgb(var(--color-primary-rgb) / .5)}.float-btn-enter-active[data-v-4f6fae7f],.float-btn-leave-active[data-v-4f6fae7f]{transition:opacity var(--duration-normal) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth)}.float-btn-enter-from[data-v-4f6fae7f],.float-btn-leave-to[data-v-4f6fae7f]{opacity:0}.floating-checkin.float-btn-enter-from[data-v-4f6fae7f],.floating-checkin.float-btn-leave-to[data-v-4f6fae7f]{opacity:0;transform:translate(20px)}.back-to-top.float-btn-enter-from[data-v-4f6fae7f],.back-to-top.float-btn-leave-to[data-v-4f6fae7f]{transform:translateY(20px)}@media(max-width:768px){.floating-checkin[data-v-4f6fae7f]{top:auto;bottom:140px;width:80px;height:80px}.back-to-top[data-v-4f6fae7f]{right:12px;bottom:70px;width:44px;height:44px}}@media(max-width:576px){.floating-checkin[data-v-4f6fae7f]{bottom:120px;width:70px;height:70px}.back-to-top[data-v-4f6fae7f]{bottom:60px;width:44px;height:44px;font-size:1rem}}.toast-notification[data-v-4f6fae7f]{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);background:var(--gradient-success);color:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 8px 30px rgb(var(--color-success-rgb) / .4);font-weight:var(--font-medium);font-size:var(--hp-text-base)}.toast-notification i[data-v-4f6fae7f]{font-size:var(--hp-text-xl)}.toast-enter-active[data-v-4f6fae7f],.toast-leave-active[data-v-4f6fae7f]{transition:opacity var(--duration-normal) var(--ease-bounce),transform var(--duration-normal) var(--ease-bounce)}.toast-enter-from[data-v-4f6fae7f]{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}.toast-leave-to[data-v-4f6fae7f]{opacity:0;transform:translate(-50%) translateY(-10px)}.user-dropdown:hover .user-btn[data-v-4f6fae7f]{box-shadow:0 4px 12px var(--student-shadow)}.user-dropdown:hover .user-btn.teacher-mode[data-v-4f6fae7f]{box-shadow:0 4px 12px var(--teacher-shadow)}.checkin-modal-overlay[data-v-4f6fae7f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkin-modal[data-v-4f6fae7f]{position:relative;width:100%;max-width:600px;padding:var(--spacing-8);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.checkin-modal-close[data-v-4f6fae7f]{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:flex;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);padding:0;background:var(--color-bg-muted);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--hp-text-base);cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.checkin-modal-close[data-v-4f6fae7f]:hover{background:var(--color-border);color:var(--color-text)}.checkin-modal-title[data-v-4f6fae7f]{margin:0 0 var(--spacing-6);font-size:var(--hp-text-2xl);font-weight:var(--font-bold);text-align:center;color:var(--color-text)}.checkin-days[data-v-4f6fae7f]{display:flex;gap:var(--spacing-1-5);justify-content:center}.checkin-day-wrapper[data-v-4f6fae7f]{perspective:1000px}.checkin-day[data-v-4f6fae7f]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-2-5);min-width:56px;background:linear-gradient(135deg,var(--palette-yellow-100) 0%,var(--palette-yellow-300) 100%);border:var(--border-thick) solid var(--palette-yellow-300);border-radius:var(--radius-md);transition:background var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth),filter var(--duration-normal) var(--ease-smooth)}.checkin-day.grayscale[data-v-4f6fae7f]{filter:grayscale(100%)}.checkin-day.signed[data-v-4f6fae7f]{background:linear-gradient(135deg,var(--palette-teal-300) 0%,var(--palette-teal-400) 100%);border-color:var(--palette-teal-400);color:var(--color-white);filter:none}.checkin-day.active[data-v-4f6fae7f]{background:var(--btn-color-yellow);border-color:var(--color-accent-light);color:var(--color-white);animation:checkin-pop-4f6fae7f .4s .2s ease-out forwards}@keyframes checkin-pop-4f6fae7f{0%{transform:scale(.8);opacity:.5}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.checkin-day-points[data-v-4f6fae7f]{font-size:var(--hp-text-base);font-weight:var(--font-bold);color:var(--palette-yellow-900)}.checkin-day-icon[data-v-4f6fae7f]{font-size:var(--hp-text-xl);color:var(--palette-yellow-800)}.checkin-day-label[data-v-4f6fae7f]{font-size:var(--hp-text-xs);font-weight:var(--font-medium);color:var(--palette-yellow-900)}.checkin-day.signed .checkin-day-points[data-v-4f6fae7f],.checkin-day.signed .checkin-day-icon[data-v-4f6fae7f],.checkin-day.active .checkin-day-points[data-v-4f6fae7f],.checkin-day.active .checkin-day-icon[data-v-4f6fae7f]{color:var(--color-white)}.checkin-day.signed .checkin-day-label[data-v-4f6fae7f],.checkin-day.active .checkin-day-label[data-v-4f6fae7f]{color:#ffffffe6}.checkin-modal-message[data-v-4f6fae7f]{margin:var(--spacing-6) 0 0;font-size:var(--hp-text-base);font-weight:var(--font-medium);text-align:center;color:var(--color-success)}.modal-enter-active[data-v-4f6fae7f],.modal-leave-active[data-v-4f6fae7f]{transition:opacity var(--duration-normal) var(--ease-smooth)}.modal-enter-active .checkin-modal[data-v-4f6fae7f],.modal-leave-active .checkin-modal[data-v-4f6fae7f]{transition:opacity var(--duration-normal) var(--ease-bounce),transform var(--duration-normal) var(--ease-bounce)}.modal-enter-from[data-v-4f6fae7f],.modal-leave-to[data-v-4f6fae7f]{opacity:0}.modal-enter-from .checkin-modal[data-v-4f6fae7f],.modal-leave-to .checkin-modal[data-v-4f6fae7f]{opacity:0;transform:scale(.9) translateY(20px)}@media(max-width:576px){.checkin-modal[data-v-4f6fae7f]{padding:var(--spacing-6);margin:0 var(--spacing-4);overflow:hidden}.checkin-days[data-v-4f6fae7f]{flex-wrap:wrap}.checkin-day[data-v-4f6fae7f]{min-width:0;flex:1 0 calc(25% - var(--spacing-1-5));padding:var(--spacing-2)}.checkin-day-points[data-v-4f6fae7f]{font-size:var(--hp-text-sm)}.checkin-day-icon[data-v-4f6fae7f]{font-size:var(--hp-text-base)}}.ai-icon[data-v-4f6fae7f]{--ai-icon-size: 20px;display:inline-block;width:var(--ai-icon-size);height:var(--ai-icon-size);background:url(/images/common/ai-logo.png) no-repeat center / contain;vertical-align:middle}@media(prefers-reduced-motion:reduce){[data-v-4f6fae7f],[data-v-4f6fae7f]:before,[data-v-4f6fae7f]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.homepage-footer[data-v-6b452f09]{--footer-bg: var(--palette-gray-950);background:var(--footer-bg);position:relative;overflow:hidden;padding:var(--section-padding) 0 0;line-height:var(--leading-relaxed);font-size:var(--hp-text-base)}.footer-brand-showcase[data-v-6b452f09]{text-align:center;padding-bottom:var(--spacing-16);border-bottom:var(--border-thin) solid rgb(255 255 255 / .06);position:relative;z-index:1}.brand-visual[data-v-6b452f09]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-5);margin-bottom:var(--spacing-5)}.brand-logo-img[data-v-6b452f09]{height:28px;width:auto;object-fit:contain;opacity:.95;transition:opacity var(--duration-moderate) var(--ease-in-out)}.brand-logo-img[data-v-6b452f09]:hover{opacity:1}.brand-divider[data-v-6b452f09]{width:1px;height:20px;background:linear-gradient(180deg,transparent,rgb(255 255 255 / .2),transparent)}.brand-tagline[data-v-6b452f09]{font-size:var(--hp-text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500)}.brand-mission[data-v-6b452f09]{font-size:var(--hp-text-sm);color:var(--color-gray-400);line-height:var(--leading-relaxed);max-width:480px;margin:0 auto}.footer-nav-grid[data-v-6b452f09]{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:var(--spacing-8);padding:var(--spacing-12) 0;position:relative;z-index:1}.nav-column[data-v-6b452f09]{text-align:center}.nav-title[data-v-6b452f09]{font-size:var(--hp-text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-400);margin-bottom:var(--spacing-5)}.nav-title[data-v-6b452f09]:after{content:"";display:block;width:20px;height:2px;margin:var(--spacing-1-5) auto 0;background:linear-gradient(90deg,var(--palette-teal-500),var(--palette-teal-400));border-radius:var(--radius-sm)}.nav-list[data-v-6b452f09]{list-style:none;padding:0;margin:0}.nav-list li[data-v-6b452f09]{margin-bottom:var(--spacing-2)}.nav-list li[data-v-6b452f09]:last-child{margin-bottom:0}.footer-nav-link[data-v-6b452f09]{color:var(--color-gray-400);font-size:var(--hp-text-sm);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.footer-nav-link[data-v-6b452f09]:hover,.footer-nav-link[data-v-6b452f09]:focus{color:var(--color-white);outline:none}.footer-nav-link[data-v-6b452f09]:focus-visible{outline:var(--border-thick) solid var(--palette-teal-400);outline-offset:2px;border-radius:var(--radius-sm)}.footer-bar[data-v-6b452f09]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6) 0;border-top:var(--border-thin) solid rgb(255 255 255 / .06);position:relative;z-index:1}.bar-left[data-v-6b452f09],.bar-right[data-v-6b452f09]{flex:1}.bar-right[data-v-6b452f09]{text-align:right}.bar-center[data-v-6b452f09]{flex:0 0 auto}.copyright[data-v-6b452f09]{font-size:var(--hp-text-xs);color:var(--color-gray-400);letter-spacing:var(--tracking-normal)}.copyright-link[data-v-6b452f09]{color:var(--color-gray-300);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.copyright-link[data-v-6b452f09]:hover,.copyright-link[data-v-6b452f09]:focus{color:var(--color-white)}.icp-info[data-v-6b452f09]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3) var(--spacing-5);margin-top:var(--spacing-2-5)}.icp-link[data-v-6b452f09]{display:inline-flex;align-items:center;gap:var(--spacing-1-5);color:var(--color-gray-300);font-size:var(--hp-text-xs);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.icp-link[data-v-6b452f09]:hover,.icp-link[data-v-6b452f09]:focus{color:var(--color-white)}.icp-icon[data-v-6b452f09]{font-size:var(--hp-text-sm);opacity:.85}.social-row[data-v-6b452f09]{display:flex;align-items:center;gap:var(--spacing-2)}.social-btn[data-v-6b452f09]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:#ffffff0f;border:var(--border-thin) solid rgb(255 255 255 / .1);color:var(--color-gray-400);font-size:var(--hp-text-base);text-decoration:none;cursor:pointer;transition:background var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out)}.social-btn[data-v-6b452f09]:hover,.social-btn[data-v-6b452f09]:focus{background:#17b9b926;border-color:#17b9b94d;color:var(--color-white);transform:translateY(-2px)}.social-btn[data-v-6b452f09]:focus-visible{outline:var(--border-thick) solid var(--palette-teal-400);outline-offset:2px}.social-btn[data-v-6b452f09]:active{transform:translateY(0)}.social-dropdown[data-v-6b452f09]{position:relative}.social-dropdown-menu[data-v-6b452f09]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(8px);min-width:120px;background:#0f141efa;-webkit-backdrop-filter:var(--hp-glass-blur-sm);backdrop-filter:var(--hp-glass-blur-sm);border:var(--border-thin) solid rgb(255 255 255 / .1);border-radius:var(--radius-lg);padding:var(--spacing-2);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out),visibility var(--duration-fast) var(--ease-in-out);z-index:var(--z-elevated)}.social-dropdown-menu[data-v-6b452f09]:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#0f141efa;border-right:var(--border-thin) solid rgb(255 255 255 / .1);border-bottom:var(--border-thin) solid rgb(255 255 255 / .1)}.social-dropdown:hover .social-dropdown-menu[data-v-6b452f09],.social-dropdown.is-open .social-dropdown-menu[data-v-6b452f09]{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.social-dropdown-item[data-v-6b452f09]{display:block;padding:var(--spacing-2) var(--spacing-3);color:var(--color-gray-400);font-size:var(--hp-text-sm);text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out);text-align:center;white-space:nowrap}.social-dropdown-item[data-v-6b452f09]:hover{background:#17b9b926;color:var(--color-white)}.status-badge[data-v-6b452f09]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);background:#10b9811a;border:var(--border-thin) solid rgb(16 185 129 / .2);border-radius:var(--radius-full)}.status-dot[data-v-6b452f09]{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 8px rgb(var(--color-success-rgb) / .6);animation:pulse-dot-6b452f09 2s var(--ease-in-out) infinite}@keyframes pulse-dot-6b452f09{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-6b452f09]{font-size:var(--hp-text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-success)}.wechat-link[data-v-6b452f09]{cursor:help}.download-app-column[data-v-6b452f09]{display:flex;flex-direction:column;align-items:center}.app-download-card[data-v-6b452f09]{display:flex;align-items:center;gap:var(--spacing-4)}.qrcode-link[data-v-6b452f09]{display:block;padding:var(--spacing-1-5);background:var(--color-white);border-radius:var(--radius-md);transition:transform var(--duration-moderate) var(--ease-in-out),box-shadow var(--duration-moderate) var(--ease-in-out)}.qrcode-link[data-v-6b452f09]:hover{transform:scale(1.03);box-shadow:0 8px 20px #0003}.app-qrcode[data-v-6b452f09]{width:90px;height:90px;display:block}.app-info[data-v-6b452f09]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2-5)}.app-header[data-v-6b452f09]{display:flex;align-items:center;gap:var(--spacing-2)}.app-logo[data-v-6b452f09]{width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.app-name[data-v-6b452f09]{font-size:var(--hp-text-sm);font-weight:var(--font-semibold);color:var(--color-gray-300);letter-spacing:var(--tracking-normal)}.app-store-link[data-v-6b452f09]{display:block;transition:transform var(--duration-moderate) var(--ease-in-out),filter var(--duration-moderate) var(--ease-in-out)}.app-store-link[data-v-6b452f09]:hover{transform:translateY(-2px);filter:brightness(1.1)}.app-store-links[data-v-6b452f09]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.app-store-badge[data-v-6b452f09]{height:32px;width:auto}.google-play-badge[data-v-6b452f09]{height:40px;width:auto}@media(max-width:768px){.footer-brand-showcase[data-v-6b452f09]{padding-bottom:var(--spacing-12)}.brand-visual[data-v-6b452f09]{flex-direction:column;gap:var(--spacing-3)}.brand-divider[data-v-6b452f09]{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent)}.footer-nav-grid[data-v-6b452f09]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);padding:var(--spacing-8) 0}.app-header[data-v-6b452f09]{flex-direction:column;align-items:center;gap:0}.app-info[data-v-6b452f09]{align-items:center;text-align:center;gap:0}.app-qrcode[data-v-6b452f09]{width:80px;height:80px;aspect-ratio:1;object-fit:contain}.footer-bar[data-v-6b452f09]{flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-5) 0}.bar-left[data-v-6b452f09],.bar-center[data-v-6b452f09],.bar-right[data-v-6b452f09]{flex:none;text-align:center}}@media(prefers-reduced-motion:reduce){.status-dot[data-v-6b452f09],.social-btn[data-v-6b452f09],.footer-nav-link[data-v-6b452f09],.brand-logo-img[data-v-6b452f09],.qrcode-link[data-v-6b452f09],.app-store-link[data-v-6b452f09]{animation:none;transition:none}}