*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Microsoft YaHei,微软雅黑,sans-serif;background-color:#f5f7fa;color:#333}#app-container{display:flex;height:100vh;overflow:hidden}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:100}.header-title{font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.05)}.header-actions .logout-btn{display:flex;align-items:center;color:#fff;background-color:#e74c3c;text-decoration:none;font-size:14px;padding:8px 15px;border-radius:4px;transition:all .2s ease;transform:translateX(-15px);box-shadow:0 2px 6px rgba(231,76,60,.25)}.header-actions .logout-btn i{margin-right:8px}.header-actions .logout-btn:hover{background-color:#c0392b;transform:translateX(-15px) translateY(-2px);box-shadow:0 4px 10px rgba(231,76,60,.3)}.sidebar{width:240px;background-color:#1f2937;color:#d1d5db;display:flex;flex-direction:column;transition:all .3s ease;z-index:10;margin-top:60px}.sidebar-header{padding:20px;display:flex;align-items:center;border-bottom:1px solid #374151}.user-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;margin-right:15px}.user-info .username{display:block;font-size:16px;font-weight:700;color:#f9fafb}.user-info .role{font-size:12px;color:#9ca3af}.main-nav{flex-grow:1;padding-top:30px;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 25px;color:#d1d5db;text-decoration:none;font-size:15px;transition:background-color .2s}.nav-item i{margin-right:12px;font-size:18px;width:20px;text-align:center}.nav-item:hover{background-color:#374151}.nav-item.active{background-color:#111827;color:#3b82f6;border-left:4px solid #3b82f6}.main-content{flex-grow:1;padding:20px;overflow-y:auto;background-color:#f5f7fa;margin-top:60px}#app-container:not(:has(.main-content>*)){display:none}.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f7fa}