*{box-sizing:border-box}body{margin:0;background:#fff;color:#262626;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}.mobile-search-header{height:65px;padding:9px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #fafafa}.back{width:27px;height:36px;display:grid;place-items:center}.back svg{width:24px;fill:none;stroke:#333;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.mobile-search-header form{display:flex;align-items:center;flex:1;gap:9px}.mobile-search-header input{height:43px;border:0;background:#f7f8fa;border-radius:28px;min-width:0;width:100%;font-size:15px;color:#111;padding:0 16px;outline:none}.mobile-search-header input::placeholder{color:#a9a9a9}.mobile-search-header button{border:0;background:transparent;font-size:16px;color:#222;flex:0 0 auto;padding:8px 0}main{padding:24px 18px}h1{font-size:18px;font-weight:600;margin:8px 0 24px}ol{list-style:none;margin:0;padding:0}li{margin:0 0 14px}li button{border:0;background:none;display:flex;align-items:center;width:100%;text-align:left;min-height:33px;padding:0;gap:13px;color:#222;font-size:15px;line-height:1.5}li span{width:23px;height:23px;border-radius:4px;flex:0 0 23px;display:flex;align-items:center;justify-content:center;background:#bfc0c5;color:white;font-size:12px;font-weight:700}li:nth-child(1) span{background:#ff8737}li:nth-child(2) span{background:#ffad00}li:nth-child(3) span{background:#ffc10f}li b{flex:1;min-width:0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li button:active b{color:#2775ff}@media(min-width:768px){.mobile-search-header,main{max-width:650px;margin:auto}}