.app-header{z-index:100;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;max-width:100vw;height:83px;padding:0 50px 0 60px;display:flex;position:sticky;top:0;overflow-x:hidden;box-shadow:0 1px 3px #0000000d}.app-header .header-left{flex:1;align-items:center;gap:40px;min-width:0;display:flex}.app-header .header-left .frame{cursor:pointer;height:55px;transition:opacity .2s}.app-header .header-left .frame:hover{opacity:.8}.app-header .header-left .nav-menu-horizontal{flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;display:flex}.app-header .header-left .nav-menu-horizontal .nav-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:#6b7280;border-radius:10px;flex:0 auto;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.app-header .header-left .nav-menu-horizontal .nav-item:hover{color:#1f2937;background-color:#f3f4f6}.app-header .header-left .nav-menu-horizontal .nav-item:active{background-color:#e5e7eb;transform:scale(.98)}.app-header .header-left .nav-menu-horizontal .nav-item.active{color:#0891b2;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);font-weight:600;box-shadow:0 2px 4px #0891b21a}.app-header .header-left .nav-menu-horizontal .nav-item .nav-label{white-space:nowrap;line-height:1}.app-header .header-left .nav-menu-horizontal .nav-item svg{flex-shrink:0}.app-header .header-actions{align-items:center;gap:16px;display:flex}.app-header .header-actions .nav-buttons{justify-content:flex-end;align-items:center;column-gap:20px;display:inline-flex}.app-header .header-actions .nav-buttons .nav-btn{cursor:pointer;letter-spacing:0;color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;column-gap:8px;min-width:120px;height:40px;padding:8px 16px;font-size:16px;line-height:24px;transition:all .3s;display:flex}.app-header .header-actions .nav-buttons .nav-btn.login{background:#00b0c2}.app-header .header-actions .nav-buttons .nav-btn.login:hover{background:#09a}.app-header .header-actions .nav-buttons .nav-btn.register{color:#333;background:#d9d9d9}.app-header .header-actions .nav-buttons .nav-btn.register:hover{background:silver}.app-header .header-actions .header-icon{color:#6b7280;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.app-header .header-actions .header-icon:hover{color:#1f2937;background-color:#f3f4f6}.app-header .header-actions .header-icon:active{background-color:#e5e7eb;transform:scale(.95)}.app-header .header-actions .header-icon.has-badge .badge{background:#f59e0b;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.app-header .header-actions .user-menu{cursor:pointer;margin-left:8px}.app-header .header-actions .user-menu .user-avatar{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,#0891b2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #22d3ee4d}.app-header .header-actions .user-menu .user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 8px #22d3ee66}.header-actions{position:relative}.user-menu-item{align-items:center;gap:6px;display:flex}.app-header.community-header .header-left .community-tabs{align-items:center;gap:30px;display:flex}.app-header.community-header .header-left .community-tabs .community-tab{color:#a9a9a9;cursor:pointer;padding:6px 0;font-family:SF Pro,Inter,sans-serif;font-size:20px;transition:all .2s;position:relative}.app-header.community-header .header-left .community-tabs .community-tab.active{color:#00b0c2;background:#00b0c242;border-radius:90px;padding:6px 20px;font-weight:700}.app-header.community-header .header-left .community-tabs .community-tab:hover:not(.active){color:#00b0c2}@media (max-width:1200px){.app-header{padding:0 30px}.app-header .header-left{gap:24px}}@media (max-width:768px){.app-header{flex-wrap:wrap;gap:12px;height:auto;min-height:83px;padding:0 16px}.app-header .header-left{justify-content:space-between;gap:16px;width:100%}.app-header .header-left .frame{width:90px;height:43px}.app-header .header-left .nav-menu-horizontal{gap:4px}.app-header .header-left .nav-menu-horizontal .nav-item{padding:8px 12px;font-size:14px}.app-header .header-left .nav-menu-horizontal .nav-item .nav-icon{width:18px;height:18px}.app-header .header-actions{justify-content:flex-end;gap:12px;width:100%;padding-bottom:8px}.app-header .header-actions .header-icon{width:36px;height:36px}.app-header .header-actions .user-menu .user-avatar{width:36px;height:36px;font-size:13px}}
.footer{box-sizing:border-box;color:#fff;background:#00b0c2;justify-content:space-between;align-self:stretch;align-items:flex-start;width:100%;max-width:100vw;padding:51px 66px 40px;display:flex;position:relative;overflow-x:hidden}.footer .footer-left{flex-direction:column;align-items:flex-start;row-gap:20px;display:flex}.footer .footer-left .footer-logo{object-fit:contain;align-self:stretch;width:187px;height:55px}.footer .footer-left .footer-social{align-self:stretch;align-items:center;column-gap:15px;display:inline-flex}.footer .footer-left .footer-social .social-icon{cursor:pointer;object-fit:contain;width:24px;height:24px;transition:transform .3s}.footer .footer-left .footer-social .social-icon:hover{transform:scale(1.2)}.footer .footer-right{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:20px 80px;padding:0 20px;display:inline-flex}.footer .footer-right .footer-column{flex-direction:column;align-items:flex-start;row-gap:20px;display:flex}.footer .footer-right .footer-column .footer-column-title{letter-spacing:0;color:#fff;align-self:stretch;font-size:20px;font-weight:700}.footer .footer-right .footer-column .footer-links{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;row-gap:12px;display:flex}.footer .footer-right .footer-column .footer-links .footer-link{letter-spacing:0;color:#fff;cursor:pointer;align-self:stretch;font-size:14px;font-weight:300;text-decoration:none;transition:color .3s}.footer .footer-right .footer-column .footer-links .footer-link:hover{color:#ffea04}.footer .footer-bottom{text-align:left;padding-top:0;position:absolute;bottom:40px;left:66px}.footer .footer-bottom p{color:#fff6;font-size:14px}@media screen and (max-width:992px){.footer{text-align:center;flex-direction:column;gap:30px;padding:30px 20px}.footer .footer-left{align-items:center}.footer .footer-right{flex-direction:column;gap:20px}.footer .footer-right .footer-column{align-items:center}.footer .footer-bottom{text-align:left;bottom:20px;left:20px}}@media screen and (max-width:1200px){.footer{padding:40px 30px}.footer-right{column-gap:40px}}
.layout{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}