/* 中文注释：首页在手机上按正常字号呈现，搜索和热榜使用可伸缩宽度。 */
@media (max-width: 700px) {
    html,
    html body {
        width: 100%;
        min-width: 0 !important;
        min-height: 100%;
        margin: 0;
        -webkit-text-size-adjust: 100%;
    }
    html body #wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        min-height: 100svh;
        height: auto;
    }
    html body #head {
        position: relative;
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: auto;
        padding: 0 18px;
        box-sizing: border-box;
    }
    html body #s_top_wrap,
    html body #s-top-left,
    html body #s-top-right {
        position: static;
        width: auto;
        min-width: 0;
        height: auto;
    }
    html body #s_top_wrap { display: none; }
    html body #u,
    html body #u1 { display: none; }
    html body #s-top-left {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 16px;
        padding: 0;
    }
    html body #s-top-left { padding-top: 12px; }
    html body #s-top-left > .mnav { margin: 0; padding: 0; font-size: 13px; line-height: 28px; }
    html body #s-top-right { display: none; }
    html body #head_wrapper,
    html body #head_wrapper .s_form,
    html body #head_wrapper .s_form_wrapper {
        position: static;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0;
        padding: 0;
        transform: none;
        display: flow-root;
    }
    html body #head_wrapper #lg {
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 28px 0 20px;
        padding: 0;
        text-align: center;
    }
    html body #head_wrapper #lg img {
        position: static;
        width: 210px;
        height: auto;
        max-width: 80%;
        margin: 0;
        transform: none;
    }
    html body #head_wrapper #form {
        display: flex;
        width: 100%;
        min-width: 0;
        height: 46px;
        margin: 0;
        /* 中文注释：由表单统一绘制外框，输入框和按钮不再各自撑出多余边框。 */
        box-sizing: border-box;
        border: 2px solid #c4c7ce;
        border-radius: 10px;
        overflow: hidden;
    }
    html body #head_wrapper #form:focus-within { border-color: #4e6ef2; }
    html body #head_wrapper #form .s_ipt_wr {
        flex: 1 1 0%;
        width: auto;
        min-width: 0;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        box-sizing: border-box;
    }
    html body #head_wrapper #form #kw {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 100%;
        padding: 0 12px;
        margin: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height: normal;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    html body #head_wrapper #form .s_btn_wr { flex: 0 0 82px; width: 82px; height: 100%; margin: 0; border: 0; }
    html body #head_wrapper #form #su { width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; font-size: 15px; }
    html body #form .tools,
    html body #form .soutu-btn,
    html body #form .quickdelete,
    html body #form .quickdelete-line { display: none; }
    html body #head_wrapper #m { width: 100%; margin: 14px 0 24px; }
    html body #head_wrapper .undertips-link {
        height: auto;
        padding: 0;
        font-size: 13px;
        white-space: normal;
    }
    html body #s-hotsearch-wrapper {
        width: 100%;
        margin: 24px 0;
        padding: 0;
    }
    html body #s-hotsearch-wrapper .hot-title { font-size: 0; }
    html body #s-hotsearch-wrapper .hot-title::after { content: "百度热榜"; font-size: 14px; color: #222; }
    html body #s-hotsearch-wrapper .hot-title i,
    html body #s-hotsearch-wrapper .refresh-icon { display: none; }
    html body .s-hotsearch-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    html body #s-hotsearch-wrapper .hotsearch-item {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
        height: 38px;
        line-height: 38px;
    }
    /* 中文注释：原热榜按两列交错存储，手机单列仍依排名显示。 */
    html body .hotsearch-item[data-index="0"] { order: 0; }
    html body .hotsearch-item[data-index="1"] { order: 1; }
    html body .hotsearch-item[data-index="2"] { order: 2; }
    html body .hotsearch-item[data-index="3"] { order: 3; }
    html body .hotsearch-item[data-index="4"] { order: 4; }
    html body .hotsearch-item[data-index="5"] { order: 5; }
    html body #s-hotsearch-wrapper .title-content-title {
        max-width: calc(100vw - 110px);
        font-size: 14px;
    }
    html body #s_wrap { width: 100%; min-width: 0; min-height: 0; height: auto; }
    html body #bottom_layer {
        position: static;
        width: 100%;
        min-width: 0;
        height: auto;
        margin-top: auto;
        padding: 18px;
        box-sizing: border-box;
        text-align: center;
    }
    html body #bottom_layer .s-bottom-layer-left,
    html body #bottom_layer .s-bottom-layer-right {
        position: static;
        float: none;
        width: 100%;
        min-width: 0;
        white-space: normal;
    }
    html body #bottom_layer p { display: inline-block; margin: 0 5px; line-height: 24px; }
    /* 中文注释：页脚按链接整体换行，避免短链接被拆成零散汉字。 */
    html body #bottom_layer .s-bottom-layer-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 12px;
        width: 100%;
        height: auto;
        white-space: normal;
    }
    html body #bottom_layer .s-bottom-layer-content p { margin: 0; max-width: 100%; }
    html body #s_side_wrapper { display: none; }
}