*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111;background:#f8f8fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button{cursor:pointer}input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.layout[data-v-311ed6b3]{flex-direction:column;min-height:100vh;display:flex}.navbar[data-v-311ed6b3]{z-index:100;background:#0ea899;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav-inner[data-v-311ed6b3]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.nav-logo[data-v-311ed6b3]{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo-icon[data-v-311ed6b3]{font-size:24px}.nav-logo-text[data-v-311ed6b3]{letter-spacing:-.03em;font-size:1.3rem;font-weight:800}.nav-right[data-v-311ed6b3]{align-items:center;gap:10px;display:flex}.nav-btn[data-v-311ed6b3]{border-radius:12px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.nav-btn-outline[data-v-311ed6b3]{color:#fff;border:1.5px solid #fff6}.nav-btn-outline[data-v-311ed6b3]:hover{background:#ffffff1a;border-color:#fffc}.nav-btn-primary[data-v-311ed6b3]{color:#0ea899;background:#fff}.nav-btn-primary[data-v-311ed6b3]:hover{background:#ffffffe6}.nav-user[data-v-311ed6b3]{position:relative}.nav-avatar[data-v-311ed6b3]{color:#0ea899;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .15s;display:flex;position:relative;box-shadow:0 1px 4px #00000014}.nav-avatar[data-v-311ed6b3]:hover{transform:scale(1.05)}.nav-role-dot[data-v-311ed6b3]{background:#0ea899;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.nav-role-dot.owner[data-v-311ed6b3]{background:#f97316}.nav-dropdown[data-v-311ed6b3]{z-index:50;background:#fff;border:1px solid #f0f0f0;border-radius:14px;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001a}.nav-dropdown-header[data-v-311ed6b3]{border-bottom:1px solid #f4f4f6;padding:12px 16px 8px}.nav-dropdown-name[data-v-311ed6b3]{color:#111;font-size:13px;font-weight:700;display:block}.nav-dropdown-role[data-v-311ed6b3]{color:#999;font-size:11px;font-weight:500}.nav-dropdown-item[data-v-311ed6b3]{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.nav-dropdown-item[data-v-311ed6b3]:hover{background:#f8f8f8}.nav-dropdown-danger[data-v-311ed6b3]{color:#dc2626}.nav-dropdown-danger[data-v-311ed6b3]:hover{background:#fef2f2}.fade-enter-active[data-v-311ed6b3],.fade-leave-active[data-v-311ed6b3]{transition:opacity .15s,transform .15s}.fade-enter-from[data-v-311ed6b3],.fade-leave-to[data-v-311ed6b3]{opacity:0;transform:translateY(-4px)}.main[data-v-311ed6b3]{flex:1}.footer[data-v-311ed6b3]{color:#fffc;background:#0ea899;padding:48px 24px 0}.footer-inner[data-v-311ed6b3]{grid-template-columns:1fr 2fr;gap:48px;max-width:1200px;margin:0 auto;padding-bottom:32px;display:grid}.footer-brand p[data-v-311ed6b3]{color:#fff9;margin-top:8px;font-size:14px}.footer-brand .nav-logo-text[data-v-311ed6b3]{color:#fff}.footer-links[data-v-311ed6b3]{grid-template-columns:1fr 1fr;gap:32px;display:grid}.footer-links h4[data-v-311ed6b3]{color:#fff;margin-bottom:12px;font-size:14px}.footer-links a[data-v-311ed6b3]{color:#fff9;margin-bottom:8px;font-size:13px;text-decoration:none;transition:color .2s;display:block}.footer-links a[data-v-311ed6b3]:hover{color:#fff}.footer-bottom[data-v-311ed6b3]{text-align:center;color:#ffffff80;border-top:1px solid #ffffff26;padding:16px 24px;font-size:12px}@media (width<=640px){.nav-inner[data-v-311ed6b3]{padding:12px 16px}.nav-btn[data-v-311ed6b3]{padding:6px 14px;font-size:12px}.footer-inner[data-v-311ed6b3]{grid-template-columns:1fr;gap:24px}}