*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-height:100vh;position:relative;background-color:#f5f5f5}body:before{content:"";position:fixed;top:0;left:0;width:50%;height:100%;pointer-events:none;z-index:0;background-color:#f5f5f5;background-image:url(/images/left.png);background-position:left center;background-size:250px auto;background-repeat:no-repeat;opacity:.9}body:after{content:"";position:fixed;top:0;right:0;width:50%;height:100%;pointer-events:none;z-index:0;background-color:#f5f5f5;background-image:url(/images/right.png);background-position:right center;background-size:250px auto;background-repeat:no-repeat;opacity:.9}#root{min-height:100vh;display:flex;flex-direction:column;background:transparent;position:relative;z-index:1}.app-layout{background:transparent!important;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#001529!important;padding:0;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.logo{display:flex;align-items:center;color:#fff;font-size:18px;font-weight:700}.logo-icon{font-size:24px;margin-right:8px;color:#1890ff}.logo-text{white-space:nowrap}.nav-menu{flex:1;border:none;background:transparent;margin:0 40px}.user-section{display:flex;align-items:center}.user-button{color:#fff!important;display:flex;align-items:center;gap:8px}.username{display:none}@media (min-width: 768px){.username{display:inline}}.main-content{flex:1;margin-top:64px;min-height:calc(100vh - 134px);padding:24px;background:transparent}.content-container{max-width:1200px;margin:0 auto;background:transparent}.footer{background:#001529;color:#fff;text-align:center;padding:20px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-left,.footer-center,.footer-right{flex:1;min-width:150px}.footer-center{text-align:center}.footer-right{text-align:right}.heart-icon{color:#ff4d4f;margin:0 4px}.footer-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.footer-link:hover{color:#1890ff}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-left,.footer-center,.footer-right{text-align:center}}.episode-card{margin-bottom:24px;border-radius:8px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.episode-card .ant-card-body{flex:1;display:flex;flex-direction:column}.episode-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.episode-cover{position:relative;width:100%;height:240px;overflow:hidden;background-color:#f0f0f0}.episode-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.episode-cover:hover img{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.episode-cover:hover .play-overlay{opacity:1}.play-button{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;border-radius:50%!important}.episode-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:8px}.episode-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-description{color:#8c8c8c;min-height:48px}.episode-description p{margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;line-height:1.5}.episode-tags{display:flex;flex-wrap:wrap;gap:4px}.episodes-grid{margin-top:24px}.loading-container,.empty-container{display:flex;justify-content:center;align-items:center;min-height:200px;flex-direction:column;gap:16px}.empty-container{color:#8c8c8c}
