*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:#f5f5f5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){#app{font-size:14px}}.app-layout[data-v-8ac96119]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-8ac96119]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-8ac96119]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.logo-link[data-v-8ac96119]{text-decoration:none;color:#fff}.logo-text[data-v-8ac96119]{font-size:24px;font-weight:700;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav[data-v-8ac96119]{display:flex;gap:30px}.nav-link[data-v-8ac96119]{display:flex;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;color:#fffc;border-radius:8px;transition:all .3s ease;font-weight:500}.nav-link[data-v-8ac96119]:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.nav-link.active[data-v-8ac96119]{background:#fff3;color:#fff}.nav-icon[data-v-8ac96119]{font-size:16px}.user-actions[data-v-8ac96119]{display:flex;align-items:center;gap:20px}.user-info[data-v-8ac96119]{display:flex;align-items:center;gap:8px}.user-avatar[data-v-8ac96119]{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.user-name[data-v-8ac96119]{font-weight:500}.logout-btn[data-v-8ac96119]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.logout-btn[data-v-8ac96119]:hover{background:#fff3;transform:translateY(-1px)}.app-main[data-v-8ac96119]{flex:1;background:#f8fafc}.main-content[data-v-8ac96119]{max-width:1200px;margin:0 auto;padding:30px 20px;min-height:calc(100vh - 140px)}.app-footer[data-v-8ac96119]{background:#2d3748;color:#fff;text-align:center;padding:20px}.footer-content[data-v-8ac96119]{max-width:1200px;margin:0 auto}@media(max-width:768px){.header-content[data-v-8ac96119]{flex-wrap:wrap;height:auto;padding:10px 15px}.main-nav[data-v-8ac96119]{order:3;width:100%;justify-content:center;margin-top:10px;gap:10px}.nav-link[data-v-8ac96119]{padding:6px 12px;font-size:14px}.user-name[data-v-8ac96119]{display:none}}