*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#fff;color:#222}.nav{display:flex;justify-content:flex-end;gap:20px;padding:16px 24px;font-size:13px}.nav a{color:#222;text-decoration:none}.nav a:hover{color:#3385ff}.main{max-width:650px;margin:80px auto 0;text-align:center}.logo{font-size:64px;font-weight:700;margin-bottom:24px}.logo .b1{color:#2319dc}.logo .b2{color:#3385ff}.logo .b3{color:#e10602}.search{display:flex}.search input{flex:1;height:38px;padding:0 14px;border:2px solid #c8cccf;border-right:none;border-radius:10px 0 0 10px;outline:none;font-size:15px}.search input:focus{border-color:#3385ff}.search button{padding:0 22px;background:#3385ff;color:#fff;border:none;border-radius:0 10px 10px 0;cursor:pointer;font-size:15px}.search button:hover{background:#1c6dd0}.hot{margin-top:40px;text-align:left}.hot h3{color:#3385ff;font-size:14px;margin-bottom:12px;font-weight:400}.hot ol{list-style:none}.hot li{display:flex;align-items:center;padding:6px 0;font-size:14px;cursor:pointer}.hot li:hover{color:#3385ff}.hot .rank{display:inline-block;width:22px;color:#999}.hot .rank.top{color:#fe2d46;font-weight:700}.hot .word{flex:1}.hot .heat{color:#999;font-size:12px}.footer{margin-top:60px;padding:20px;text-align:center;color:#999;font-size:12px}.msg{margin-top:12px;color:#3385ff;font-size:13px;min-height:18px}