*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#242730;color:#f5f5f7;font:14px/1.4 Arial,sans-serif}body{min-height:100vh}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 8px;background:linear-gradient(110deg,#352750,#26343a)}.brand{color:#fff;font-size:29px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}.brand:before{content:'';display:inline-block;width:7px;height:7px;margin:0 2px 19px 0;border-radius:50%;background:#27d49a}.account{font-weight:700}.post-layout{width:min(1060px,calc(100% - 48px));margin:38px auto;display:grid;grid-template-columns:minmax(0,710px) 308px;gap:44px;align-items:start}.post{text-align:center}.post-title{margin:0 0 35px;color:#777887;font-size:26px;font-style:italic;font-weight:700;text-align:left}.hero{display:block;width:708px;max-width:100%;margin:0 auto;line-height:0}.hero img{display:block;width:100%;height:auto}.description{padding:20px 24px;background:#474b54;color:#a9abb2;font-size:17px;text-align:left}.add-image{margin-top:30px;border:0;border-radius:24px;padding:11px 24px;background:#1fc4bf;color:#fff;font-weight:700;font-size:15px}.tools h3{margin:0 0 15px;font-size:13px}.tools h3:not(:first-child){margin-top:34px}.link-box{display:flex;height:36px;align-items:center;background:#17191e;color:#eee;overflow:hidden;padding-left:12px;white-space:nowrap;font-size:13px}.link-box button{margin-left:auto;border:0;padding:0 22px;background:#2bc487;color:#fff;font-weight:700}.share{display:flex;gap:28px;align-items:center}.share i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#667080;color:#fff;font-size:22px;font-style:normal;font-weight:700}.share i:nth-child(2){background:#ff4e15}.share i:nth-child(3){background:#3e5d9a}.share i:nth-child(4){background:#168fe9}.more{margin-top:17px;text-align:center;font-weight:700}.tag{border:0;border-radius:18px;padding:9px 16px;background:#687181;color:#fff;font-weight:700}.community{width:100%;border:0;border-radius:4px;padding:12px;background:#4c2ba4;color:#bcb0df;font-weight:700}.mature{display:flex;gap:10px;align-items:center;color:#b9bbc2;font-weight:400}.mature span{width:18px;height:18px;background:#656c7b}.tools p{color:#c2c4ca}.landing{width:min(900px,calc(100% - 48px));margin:auto;padding-top:22vh;color:#b9bbc0}.landing h1{color:#fff;font-size:32px}@media(max-width:850px){.post-layout{grid-template-columns:1fr;width:min(710px,calc(100% - 24px));gap:28px}.tools{padding-bottom:30px}.hero{width:100%}}