*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial,sans-serif;background-color:#f5f5f5;height:100vh;display:flex;flex-direction:column;}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 15px;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1001;}.logo{font-size:1.5rem;font-weight:bold;color:#2c3e50;display:flex;align-items:center;gap:.5rem;height:40px;width:auto;}.logo i{color:#3498db;}.login-status{font-size:14px;color:#666;}.user-info{display:flex;align-items:center;}.avatar{width:30px;height:30px;border-radius:50%;background-color:#ddd;margin-right:8px;display:flex;align-items:center;justify-content:center;}.search-container-fixed{position:fixed;top:50px;left:0;right:0;display:flex;padding-top:20px;padding-left:15px;padding-right:15px;background-color:#f5f5f5;z-index:1000;}.search-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px;outline:none;}.search-btn{background-color:#FFD700;color:#333;border:none;border-radius:0 4px 4px 0;padding:10px 15px;font-size:14px;cursor:pointer;white-space:nowrap;}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;}.file-list{background-color:#fff;margin-top:120px;margin-bottom:120px;border-radius:8px;overflow:auto;}.file-item{padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eee;}.file-item:last-child{border-bottom:none;}.file-name{font-weight:bold;color:#333;margin-bottom:5px;font-size:14px;}.file-info{display:flex;justify-content:space-between;color:#666;font-size:12px;}.pagination{position:fixed;bottom:70px;left:0;right:0;display:flex;justify-content:center;align-items:center;margin:0;padding:10px 15px;background-color:#f5f5f5;z-index:999;}.page-btn{background-color:#007bff;color:white;border:none;border-radius:4px;padding:8px 15px;margin:0 5px;cursor:pointer;}.page-btn.disabled{background-color:#ccc;cursor:not-allowed;}.page-numbers{display:flex;margin:0 10px;}.page-number{background-color:#007bff;color:white;border:none;border-radius:4px;padding:8px 12px;margin:0 2px;cursor:pointer;}.page-number.active{background-color:#FFD700;color:#333;}.ellipsis{padding:8px 4px;margin:0 2px;color:#666;}