html{font-size:16px;background:#000;color:#fff}@media screen and (max-width:768px){html{font-size:calc(16px * (100vw/768))}}@media screen and (max-width:480px){html{font-size:calc(16px * (100vw/480))}}body{background-color:#0e0e0e;font-family:Arial,sans-serif;box-sizing:border-box;overflow-y:auto;height:auto}a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:inherit}.header{padding:0 20px;box-sizing:border-box;height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;background-color:#333}.backBtn{flex:none;width:24px;height:24px}.searchBox{flex:1;height:40px;padding:0 6px;box-sizing:border-box;color:rgb(158 158 158/.2);font-size:14px;font-style:normal;font-weight:400;line-height:22px;display:flex;align-items:center;justify-content:space-between;background:#212121;border-radius:999px;border:1px solid rgb(255 255 255/.2)}.searchBox label{display:block;width:100%}.searchInput{padding:10px;border:none;border-radius:4px;flex:1;outline:none;background:0 0;color:#fff}.searchInput::placeholder{color:#757575}.searchIcon{width:24px;height:24px}.searchBtn{background-color:#333;border-radius:20px;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap}.main{padding:0 16px;box-sizing:border-box;max-width:774px;margin:0 auto}.searchBar{display:none;align-items:center;gap:7px;width:100%;margin-bottom:24px;margin-top:18px;padding:4px 4px 4px 24px;box-sizing:border-box;background:rgba(255,255,255,.1);border-radius:999px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.searchBar__icon{flex:none;width:24px;height:24px;position:relative;overflow:hidden}.searchBar__iconCircle{position:absolute;left:4.66px;top:4.71px;width:14.37px;height:14.37px;border-radius:9999px;outline:1.6px solid #eee;outline-offset:-.8px}.searchBar__iconHandle{position:absolute;left:16.84px;top:17.26px;width:2.82px;height:2.81px;outline:1.6px solid #eee;outline-offset:-.8px}.searchBar__input{flex:1;min-width:0;border:0;outline:none;background:0 0;color:#fff;font-size:16px;font-family:pingfang sc,sans-serif;font-weight:400;line-height:28px}.searchBar__input::placeholder{color:rgba(255,255,255,.6)}.searchBar__submit{flex:none;display:flex;align-items:center;justify-content:center;padding:14px 38px;border:0;border-radius:999px;background:linear-gradient(180deg,#FC5A8C 0%,#CF2345 100%);color:#fff;font-size:16px;font-family:pingfang sc,sans-serif;font-weight:400;line-height:22px;cursor:pointer}.todayHotText{font-weight:400;font-size:18px;line-height:24px;text-align:center;width:100%;margin-bottom:12px}.historyTitleBox{display:flex;justify-content:space-between;padding-bottom:24px;font-weight:400;border-bottom:1px solid rgb(255 255 255/.2);margin-bottom:24px}.historyTitle{color:#fff;font-size:18px;font-style:normal;font-weight:500;line-height:22px}.clearBox{display:flex;align-items:center;color:#9e9e9e;font-size:16px;font-style:normal;font-weight:400;line-height:18px;cursor:pointer}.clearBox .clearIcon{width:16px;height:16px;margin-right:10px}.historyList{display:flex;align-items:center;flex-wrap:wrap;gap:12px 8px;margin-bottom:28px}.historyItem{display:flex;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.2);height:34px;font-size:12px;color:#bdbdbd}.hotSearchTitle{color:#fff;font-size:18px;font-style:normal;font-weight:500;line-height:22px;margin-bottom:18px}.searchRankBox{padding:18px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.searchRank{display:flex;gap:12px}.topIcon{flex:none;width:30px;height:30px}.hotTextBox{flex:1;width:calc(100% - 42px)}.hotText{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.postTitle{flex:1;color:rgb(224 224 224/.6);font-size:16px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 28px)}.hotTag{flex:none;width:16px;height:16px}.searchCount{color:rgb(224 224 224/.6);font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-top:7px}.topNum{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff}@media screen and (min-width:768px){body{padding-top:140px}.header{display:none}.searchBar{display:flex}.todayHotText{padding-top:12px;padding-bottom:24px;background-color:#212121;font-size:36px;line-height:36px}}