愛奇藝是中國領先的網絡視頻分享平臺，為了給用戶帶來更好的觀影體驗，愛奇藝的界面設計十分優秀。其中，CSS作為網頁的樣式語言，起到了至關重要的作用。

.container {
width: 1200px;
margin: 0 auto;
font-size: 14px;
color: #333;
background-color: #fff;
}
.header {
height: 60px;
line-height: 60px;
border-bottom: 1px solid #e5e5e5;
text-align: center;
font-size: 18px;
}
.menu {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #e5e5e5;
text-align: center;
background-color: #f5f5f5;
}
.menu li {
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
.menu li.active {
color: #ff5000;
border-bottom: 2px solid #ff5000;
}
.banner {
height: 500px;
background-image: url("banner.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main {
width: 1000px;
margin: 0 auto;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
}
.video-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.video-item {
width: 32%;
margin-bottom: 20px;
}

上述CSS代碼展示了愛奇藝網站首頁的一部分樣式設計。其中，.container定義了整個頁面的寬度、字體大小、字體顏色以及背景色。接下來的.header和.menu定義了頂部的標題和導航欄。其中導航欄使用了display: inline-block實現了菜單項的橫向排列。而.menu li.active則為當前選中的菜單項添加了下劃線的效果。

接下來的.banner定義了頁面的大型圖片背景。使用了CSS中的background-image、background-repeat、background-position和background-size屬性實現了圖片的居中顯示和適應屏幕大小的效果。

最后，.main和.video-list定義了視頻內容的部分樣式。使用了CSS3的Flexbox布局，.video-list實現了視頻列表的橫向排列。而每個視頻元素則通過.video-item定義了寬度和底部的邊距。

總體來說，愛奇藝的頁面通過精細的CSS樣式設計，為用戶提供了舒適、流暢的觀影體驗。