*{margin:0;padding:0}body{font-size:14px;list-style:none;color:var(--color);background:repeating-linear-gradient(-45deg,var(--bg),var(--bg) 5px,rgba(238,241,246) 2px,rgba(238,241,246) 7px);background-size:32px 32px;--primary: #8a61ff;--secondary: #9fdc0b;--primary-bg: rgba(148, 108, 230, .1);--secondary-bg: rgb(159, 220, 11, .2);--bg: #f2f2f2;--black: rgb(37, 37, 37);--white: #fff;--border: 0 1px 2px #ddd;--color: #555;--background: #fafafa;--shadow: 2px 2px 0px rgba(5, 20, 50, .1)}e-player{--theme: #fff}.flex{display:flex}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}main{margin:0 auto;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)}.global-loader{height:3px;width:100%;display:flex;flex-shrink:0;position:absolute;overflow:hidden;top:0;left:0;z-index:9999}.global-loader .global-loader-fill{display:block;position:absolute;top:0;left:0;bottom:0;width:200%;transform:translate(0);opacity:0;transition:transform 2s ease,opacity 1s ease;background:linear-gradient(to right,var(--secondary) 0%,var(--primary) 99%,white 100%)}.global-loader.is-initing .global-loader-fill{transition:none;opacity:1;animation:Indeterminate 5s ease-out;animation-fill-mode:forwards}.global-loader.is-loading .global-loader-fill{transition:none;opacity:1;animation:Indeterminate 10s ease-out;animation-fill-mode:forwards}@keyframes Indeterminate{0%{transform:translate(-100%)}20%{transform:translate(-10%)}to{transform:translate(0)}}@media screen and (max-width: 500px){header,.wrap{width:100vw;height:auto!important;padding:0!important}header .section{border:1px dashed var(--primary)!important;padding:0 10px!important;border-radius:0!important;box-sizing:border-box}.center{max-width:100vw!important;margin:0!important}header .wrap{width:100%!important}.right{display:none}.wrap{width:100%!important}}header{padding:20px}header .section{border-radius:30px;height:60px;background:var(--primary-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:inset 4px 4px 5px var(--primary-bg);color:var(--primary);border:1px dashed var(--primary)}header .logo{background:url(https://dd-static.jd.com/ddimgp/jfs/t20260608/298409/22/2365/73693/68171acfFd4e5a67d/63d2961c8aaf95f4.png);height:35px;width:35px;border-radius:50%;background-size:100%}header .logo-wrap ul{display:flex;font-size:16px;align-items:center;padding:0 15px}header .logo-wrap li{margin:10px;text-align:center;padding:5px 0}header .logo-wrap .active{position:relative}header .logo-wrap .active:after{content:"";width:100%;height:4px;background:var(--primary);border-radius:2px;display:block;position:absolute;bottom:0}header .logo-wrap h1{font-weight:700;letter-spacing:3px}header .wrap{width:920px}header .logo-wrap{display:flex;align-items:center;cursor:pointer}header button{padding:6px 30px;font-size:16px;border-radius:15px}header .bio{cursor:pointer}.avatar{display:flex;align-items:center;position:relative}.avatar img{height:35px!important;width:35px!important;border-radius:50%;cursor:pointer}.avatar .info p{padding:0 10px}.avatar .info b{color:#bbb;font-size:12px;padding:0 10px;font-weight:400}.replies .avatar img{height:25px!important;width:25px!important}.container{display:flex;justify-content:center}.container .bio button{font-size:16px;background:var(--secondary-bg);color:var(--secondary);font-weight:700;height:30px;padding:2px 15px}.left,.center,.right{border-radius:10px;margin:10px 5px;box-sizing:border-box}.center{flex:1;min-height:100vh;max-width:660px}.left{min-width:220px;margin-top:20px}.right{min-width:300px;max-width:300px;padding:0 5px}.wrap{width:1000px;margin:0 auto}.iconfont{font-size:24px;padding:5px}nav{background:#fff;padding:10px;border-radius:10px}nav li{font-size:18px;padding:5px 20px;cursor:pointer;display:flex;align-items:center;border-left:5px solid transparent}nav li.active{color:var(--primary);background:var(--primary-bg);border-left:5px solid var(--primary)}.center li{background:#fff;margin:10px;padding:10px;border-radius:10px;box-sizing:border-box}.bio{display:flex;align-content:space-between;justify-content:space-between}section{background:#fff;border-radius:10px;padding:10px;margin:10px 0}section h1{font-size:18px;position:relative;padding:0;display:inline-block;margin-bottom:10px}.news li{padding:5px}section h1:before{content:"";width:10px;height:10px;border-bottom:5px solid var(--primary);color:var(--primary);transform:rotate(-45deg);position:absolute;right:0;bottom:0;padding:0}.news li:before{content:"\516c\544a";background:var(--secondary-bg);font-size:12px;color:var(--secondary);padding:2px;border-radius:5px;margin-right:5px}.authors .bio{padding:10px;border-top:1px dashed #eee}.icon-robot-fill{font-size:30px}.replies .likes{padding:10px 10px 5px;border-bottom:1px solid var(--primary-bg)}.actions{display:flex;align-items:center;justify-content:space-between}.actions div{display:flex;align-items:center}.actions .iconfont{font-size:20px;color:#444}.actions li{padding:5px;margin:5px;cursor:pointer}.replies{background:var(--primary-bg);color:var(--primary);border-radius:8px;overflow:hidden}.replies li{background:transparent;padding:0;display:flex;align-items:center;margin:0!important;overflow:hidden}.replies p{color:var(--primary)!important;font-weight:400!important;padding:0!important}.replies img{height:25px!important;width:25px!important;margin:5px}.cat li{background:#fff;border-radius:30px;margin:10px 5px;padding:5px 15px}.cat{display:flex}.tagtree li{border-radius:8px;background:#fff;padding:10px;margin:10px 5px}.tagtree li:before{content:"#";color:var(--secondary);font-weight:700;padding:2px}.tagtree li ul li{margin:0;padding:5px}.tagtree li ul{display:flex}.cat .active{border:1px solid var(--primary);background:var(--primary-bg);color:var(--primary)}.motal{position:fixed;min-width:300px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;overflow:hidden;z-index:9999;padding:10px;text-align:right}.motal-content{display:flex;align-items:center;justify-content:space-between}.motal-content p{padding:0 10px}.icon-close{cursor:pointer}.mask{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}article{padding:10px}.article h1{padding-bottom:10px}article img[alt=suo]{max-width:300px;border-radius:10px;display:block}article img{max-width:300px;border-radius:10px}article h1{font-size:18px;font-weight:700;padding:0 10px;margin:20px 0;border-left:5px solid var(--primary)}article h2{font-size:16px;font-weight:700;padding:0 10px;margin:18px 0;border-left:5px solid var(--primary)}article h3{font-size:16px;font-weight:700;padding:5px 0;margin:0}article blockquote{word-wrap:break-word;background:var(--primary-bg);color:var(--primary);padding:10px;margin:10px 0}article a{text-decoration:none;color:var(--primary);padding:0 5px;font-weight:700}article p{line-height:24px}.pub i{cursor:pointer;padding:5px;border-radius:5px;font-style:normal;font-weight:700}.pub i:hover{background:#eee}.pub{width:800px;min-height:200px;margin:30px auto}.minipub{width:300px;min-height:200px;margin:10px auto;background:#fff;text-align:center}.pub textarea,.minipub textarea{width:100%;min-height:200px;outline:none;border:none;box-sizing:border-box;padding:10px 15px;resize:none;border-radius:0 0 10px 10px;font-size:14px;line-height:20px}.pub section{padding:10px;background:#fff;border-bottom:2px solid #f2f2f2;border-radius:10px 10px 0 0;margin:0}.pub pre{white-space:break-spaces;padding:20px 0}.pub .submit{text-align:right;margin:10px 0;font-size:16px}.submit button{padding:8px 40px}.uc{width:200px;margin:0 auto}.uc .bioo{padding:10px;border-radius:8px;margin:10px auto;text-align:center;display:flex;flex-direction:column;align-items:center}.name{font-size:20px;padding:10px}.right .post-btn{text-align:center!important}.uc .bioo .avatar img{width:80px!important;height:80px!important}.toubi{background:var(--secondary-bg);width:100%;margin:10px 0;font-weight:700;font-size:20px;border-radius:15px;padding:5px;border:1px dashed var(--secondary);color:var(--secondary)}.logout{background:#fff;padding:5px;color:#ff276f;border:none;box-shadow:0 0}.post-btn{color:var(--primary);font-size:18px;text-align:right;padding:10px;cursor:pointer}.login{text-align:center;overflow:hidden;width:370px;margin:0 auto;border-radius:10px}.login li{padding:10px;margin:5px}.login li input{padding:10px 20px;border-radius:10px;border:none;width:100%;box-sizing:border-box}.login li button{background:var(--primary);color:#fff;width:100%;padding:10px;border-radius:10px;font-size:16px;border:none;cursor:pointer}.login li h1{color:var(--primary);padding:10px 0}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}