*{margin:0;padding:0}body{font-size:14px;list-style:none;color:var(--color);background:#f0f0f5;background-size:32px 32px;--primary: #8a61ff;--secondary: #9fdc0b;--secondary-bg: rgba(108, 230, 123, .3);--bg: #f2f2f2;--black: rgb(37, 37, 37);--white: #fff;--border: 0 1px 2px #ddd;--color: #555;--background: #fafafa;--primary-bg: rgba(148, 108, 230, .1);--shadow: 2px 2px 0px rgba(5, 20, 50, .1) }button{background:var(--primary);color:#fff;padding:5px 30px;border-radius:8px;border:none;cursor:pointer}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}a{color:var(--color);text-decoration:none}a:hover{color:var(--primary)}h3{padding:20px}li{list-style:none}h1{font-size:28px;font-weight:400;padding:20px 10px}.container{background:linear-gradient(180deg,hsla(0,0%,100%,0),#f0f0f5 140px),fixed 0 0 /20px 20px radial-gradient(#d0d0d0 1px,transparent 0),fixed 10px 10px /20px 20px radial-gradient(#d0d0d0 1px,transparent 0)}@media screen and (max-width: 500px){header{width:100%;background:transparent!important;height:auto!important}.lines{display:none!important}header .logo,header .logo-wrap{display:none}.search{margin:10px;width:100%}.searchbox{width:100%!important}header .logo-wrap{padding:10px}header .flex{justify-content:center;flex-wrap:wrap;box-sizing:border-box}.bind input{width:50px!important;background:#bbb}header .biu{justify-content:space-between;width:100%;background:var(--primary)!important}header .search .input{box-sizing:border-box;width:100%!important;border:1px solid #cecece!important}.section{display:block!important;width:100%!important}.recommend{width:100%!important}.recommend li,.post-list li{width:33.3%!important;padding:5px!important;border-radius:0!important;margin:0!important}.ugc-list .posts li{width:33.3%!important;height:40px!important}.recommend .cover,.recommend .cover img,.post-list .cover,.post-list .cover img{width:100%!important;height:150px!important}.recommend .title,.post-list .title{width:120px!important}.rank{width:100%!important}.ad{display:none}header .top{text-shadow:none!important}.weekcontent{margin-top:10px}.headline ul{display:flex;justify-content:center;width:100%}.week-list .headline button{margin:0!important;flex:1;border-radius:0!important}.week-list .posts li .post{padding:5px!important}.week-list .posts{margin:0!important}.card-wrap{width:100%!important;flex:1!important}.post-card ul li{flex:0 0 125px!important}.week-list .headline{display:block!important}.postplayer{position:fixed;top:0!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;height:100%!important}.player.wrap{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;right:0;left:0;display:block!important;overflow:auto!important;background:#111!important;border-radius:0!important}.comment-input{width:100%!important}.ep-wrap{width:100%!important;height:calc(var(--width) / 16 * 9)!important;box-sizing:border-box}.hot{display:none!important}.ep{border-radius:5px!important;overflow:hidden!important}.p{width:100%!important}.upload{padding:10px!important}.ei-wrap,.ei-wrap img{max-width:100%!important;height:auto!important}.p{height:auto!important;overflow-y:auto!important}.postplayer:hover body{overflow:hidden}}header .top{align-items:center;text-shadow:2px 0 2px #000,-2px 0 2px #000,0 2px 2px #000,0 -2px 2px #000}header .wrap{width:1260px;margin:0 auto;cursor:pointer;color:#fff;background:transparent}header .biu ul{display:flex;align-items:center}header .logo{width:200px;height:60px;background:url(https://image.planet.youku.com/img/100/19/22947/i_1714198822947_3121e11706edf77252386393406108a4_b_w305h91.png);background-size:contain;filter:drop-shadow(8px 0px #d21d65)}header .wrap a{color:#fff}header .flex{display:flex;align-items:center}header{background:url(https://image.planet.youku.com/img/100/21/40650/i_1736432140650_28b170f5a408edb0c7d2af155732ac3b_b_w1920h180.jpg);height:150px;background-size:cover;box-shadow:2px 2px #0514321a}header .logo-wrap{padding:10px 0;flex:1}header .avatar{margin:0!important;height:25px}header h1{flex:1;color:#fff;display:flex;align-items:flex-end}header .search input{width:500px;background:rgba(255,255,255,.5)!important;border-radius:50px;border:none;padding:8px 20px}header .biu{display:flex;align-items:center}header .biu li{padding:10px;display:flex;align-items:center}header .biu li i{padding:0 10px}header .avatar p{display:none}.biobox{width:200px;top:50px;left:-75px;min-height:100px;position:absolute;border-radius:8px;background:#fff;z-index:9999999;text-shadow:none!important;color:#444!important}.biobox li{border-bottom:1px solid #eee}.searchbox{left:0!important;top:50px!important;width:540px;min-height:200px;position:absolute;border-radius:8px;background:#fff;z-index:9999999;text-shadow:none!important;color:#444!important}.searchbox:before,.biobox:before{top:-9px;left:50%;border-bottom:10px solid #fff;border-left:8px dashed transparent;border-right:8px dashed transparent;height:0;width:0;content:"";position:absolute;transform:translate(-50%)}.searchbox .srctab{display:flex;padding:0}.searchbox .srctab li{padding:5px 0;margin:5px 10px}.searchbox .srctab li.active{border-bottom:3px solid var(--secondary)}.searchbox .list{padding:10px}.searchbox .list li{padding:5px 0;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.searchbox .list li div{padding:5px 0;border-bottom:1px solid #eee;display:flex;align-items:center}.searchbox .list li .bind{padding:0;border:0}.searchbox .list li .bind input{padding:5px;background:#eee;border-radius:0}.searchbox .list li .bind button{padding:5px;border-radius:0;height:26px}.searchbox input{width:50px!important}nav ul{width:700px;display:flex;margin:0 auto;align-items:center;height:100%}nav ul li{flex:1;color:var(--primary);font-size:16px;position:relative;cursor:pointer}nav ul li:before{position:absolute;right:0;top:-15px;left:60%;text-shadow:2px 0 2px #bbb;color:#fff;background:var(--secondary);height:25px;width:25px;font-size:12px;border-radius:20px;display:flex;align-items:center;justify-content:center}nav ul li:nth-child(3):before{content:"+2"}nav ul li:nth-child(2):before{content:"+4"}footer{text-align:center;color:#bbb;overflow:hidden}footer a{display:block;padding:10px}footer h1{color:var(--primary)}footer ul{padding-bottom:30px}footer ul li{text-align:center;padding:15px 30px;background:rgba(148,108,230,.2);display:inline-block;margin:20px auto;border-radius:4px;transition:.5s;color:var(--primary);cursor:pointer}footer img{width:100px}footer p{display:flex;align-items:center;width:100%;justify-content:center}.friends a{display:inline-block}.avatar{margin-right:8px;display:flex;align-items:center;position:relative;height:30px;width:30px}.avatar img{height:30px!important;width:30px!important;border-radius:50%}.login{text-align:center;overflow:hidden;max-width:370px;margin:0 auto;border-radius:10px}.login li{padding:10px;margin:5px}.login li input{padding:10px 20px;border-radius:4px;border:none;width:100%;box-sizing:border-box}.login li button{background:var(--primary);color:#fff;width:100%;padding:10px;border-radius:4px;border:none;cursor:pointer}.login li h1{color:#fff;padding:10px 0}.login .header{background:var(--primary);padding:10px 0;border-bottom:5px solid var(--secondary)}button:disabled{opacity:.7;cursor:wait!important}.login select{padding:10px 20px;border-radius:4px;border:none;width:330px;box-sizing:border-box;margin:10px 0}.login p{background:#555;padding:10px;border-radius:50px;margin:10px;color:var(--secondary)}button[type=error]{background:#fc4761!important}