知乎移动版

使桌面版更接近移动风格
换行
/* ==UserStyle==
@name           知乎移动版
@version        2025.07.14.08
@namespace      github.com/Labolasya
@description    使桌面版更接近移动风格
@author         Labolasya
@license        MIT
==/UserStyle== */

@-moz-document domain("zhihu.com"),
domain("www.zhihu.com") {

    /* ============ 全局布局 ============ */
    :root {
        --app-width: initial;
    }

    * {
        font-size: clamp(16px, 2vw, 24px);
    }

    body {
        margin: 0;
        padding: 0;
    }

    html,
    body {
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
        /* overscroll-behavior-y: contain; 可选 */
    }

    /* ============ 顶部导航栏 ============ */
    .AppHeader {
        min-width: initial;
        a[aria-label="知乎"] {
            display: none;
        }
        .QuestionHeader-content {
            max-width: 100vw;
            width: initial;
        }
        .PageHeader .QuestionHeader-title {
            white-space: initial;
        }
    }

    .AppHeader > .AppHeader-inner {
        min-width: initial;
        width: initial;
        padding: 0 8px;
    }

    .AppHeader > .AppHeader-inner [aria-label="知乎"],
    .AppHeader > .AppHeader-inner .AppHeader-Tabs,
    .SearchBar-askButton,
    .AppHeader-userInfo > div:has(a[href="https://www.zhihu.com/creator"]) {
        display: none;
    }

    .AppHeader-inner .SearchBar {
        max-width: 100%;
        gap: 8px;
        .SearchBar-askContainer {
            order: -1;
            .SearchBar-searchButton {
                display: none;
            }
            .SearchBar-askButton {
                display: none;
            }
            .SearchBar-askDropdownButton {
                border: 0;
                width: 24px;
                height: 24px;
                background: rgba(132, 145, 165, .9);
                border-radius: 9999px !important;
                padding: 4px;
            }
        }
    }

    .AppHeader-userInfo {
        margin-left: 16px !important;
    }

    .AppHeader-userInfo button {
        margin-right: 8px;
    }

    /* ============ 首页内容流 ============ */
    .Topstory-container {
        width: initial;
        padding: 0;
    }

    .Topstory-container > :not(.Topstory-mainColumn) {
        display: none;
    }

    .Topstory-container > .Topstory-mainColumn {
        width: 100%;
        box-sizing: border-box;
    }

    /* 内容卡片操作按钮压缩 */
    .ContentItem-actions {
        flex-wrap: wrap;
        gap: 10px;
    }

    .ContentItem-actions > * {
        margin-left: 0;
    }

    .ContentItem-actions > span:first-child {
        display: flex;
        gap: 3px;
    }

    .ContentItem-actions [aria-label="反对"] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ContentItem-actions > button:has(svg.Zi--Comment) {
        display: flex;
        justify-content: center;
        flex-basis: 30%;
        order: 2;
    }

    .ContentItem-actions > button:has(svg.Zi--ArrowDown) {
        order: 3;
    }

    .ContentItem-actions button:not(:has(.Zi--Comment, .Zi--TriangleUp, .Zi--Heart)) {
        font-size: 0;
    }

    .ContentItem-actions button span {
        line-height: 1;
        font-size: 14px;
    }

    /* ============ 弹窗样式 ============ */
    [style="opacity: 1; transform: none;"] {
        width: 90vw;
        max-width: initial;
    }

    button[aria-label="关闭"] {
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        padding: 4px;
    }

    /* ============ 问题页面 ============ */
    /* 问题顶部区域 */
    .QuestionHeader {
        padding: 8px;
        max-width: calc(100% - 16px);
    }

    .QuestionHeader-content {
        gap: 8px;
        flex-wrap: wrap;
        padding: 0;
        width: initial;
    }

    .QuestionHeader-content > .QuestionHeader-main {
        flex-basis: 100%;
    }
    .QuestionButtonGroup > button {
        margin-left: 0 !important;
    }

    .QuestionHeaderActions {
        gap: 8px;
        flex-wrap: wrap;
    }

    .QuestionHeaderActions > * {
        flex-basis: 40%;
        display: flex;
        justify-content: start;
        padding-left: 0;
        border: 0;
    }

    .QuestionFollowStatus > .NumberBoard {
        margin: 0;
    }

    .QuestionHeader-footer-main {
        padding-left: 0;
        gap: 8px;
        flex-wrap: wrap;
    }

    .QuestionHeader-footer-main > * {
        margin-left: 0 !important;
        flex-basis: 100%;
        max-width: 90vw;
    }

    .QuestionHeader-footer-main > .QuestionHeader-actions {
        flex-direction: row-reverse;
    }

    .QuestionHeader-main,
    .QuestionHeader-side,
    .Question-mainColumn {
        width: initial;
        min-width: initial;
        max-width: initial;
    }

    /* 关怀模式 */
    #Popover4-toggle {
        display: none;
    }

    /* 问题主体内容区域 */
    .Question-main {
        margin: 0;
        padding: 0;
    }

    .Question-main > .Question-mainColumn {
        width: 90vw;
        padding: 0 16px;
    }

    .Question-main > .Question-sideColumn {
        display: none;
    }

    .Card.ViewAll {
        width: initial;
    }

    /* 富文本链接卡片 */
    .RichText-LinkCardContainer > a {
        margin: 0 !important;
        max-width: 80vw !important;
    }

    /* 作者徽章宽度修正 */
    .AuthorInfo-badgeText {
        width: initial !important;
    }

    figure {
        display: inline-block;
    }

    img {
        width: 100%;
        max-width: 90vw !important;
    }

    /* ============ 个人资料页 ============ */
    #ProfileHeader {
        width: initial;
    }

    .ProfileHeader-main > .ProfileHeader-avatar {
        max-width: 40vw;
        max-height: 40vw;
        top: -20vw !important;
    }
    .ProfileHeader-main > .ProfileHeader-content {
        border: 0;
        padding: 0;
        margin: 0;
        padding-top: 30vw;
    }
    .ProfileButtonGroup.ProfileHeader-buttons {
        position: initial;
        margin-top: 8px;
    }

    .ProfileHeader-title {
        flex-wrap: wrap;
    }

    .ProfileHeader-name {
        flex-basis: 100%;
    }
    .ProfileHeader-headline {
        margin-top: 8px;
    }

    .ProfileHeader-contentBody {
        width: initial;
        margin-bottom: 8px;
    }

    .ProfileHeader-contentFooter > .ProfileHeader-expandButton {
        margin-bottom: 8px;
    }

    .Profile-main {
        gap: 16px;
        flex-direction: column;
    }

    .Profile-main > .Profile-mainColumn {
        width: 100%;
        flex-basis: 100%;
    }

    .Profile-main > .Profile-sideColumn {
        width: 100%;
        max-width: initial;
        margin: 0;
    }

    /* ============ 专栏页 ============ */
    .Post-content {
        min-width: initial;
    }
    .Post-Row-Content {
        margin: 0;
        flex-direction: column;
        padding: 0;
    }
    .Post-Row-Content-left,
    .Post-Row-Content-right {
        width: 100% !important;
        margin: auto;
    }

    .Recommendations-BlockTitle {
        text-align: center;
    }

    .Recommendations-List {
        flex-direction: column;
        align-items: center;
        button {
            display: none;
        }
    }
    .PostItem {
        width: 330px;
    }

    /* ============ 登录(不可用)面板 ============ */
    .signQr-container {
        flex-direction: column;
        *:not(input) {
            width: initial
        }
    }
    .signQr-leftContainer > .Qrcode-container {
        padding-top: 0;
    }
    .signQr-rightContainer {
        order: -1;
    }

    .Login-socialButtonGroup {
        flex-basis: 150px;
    }

    /* 提示登录(不可用) */
    .css-i9srcr,
    div > div:has([src="https://static.zhihu.com/heifetz/assets/liukanshan-peek.a71ecf3e.png"]) {
        display: none;
    }

    /* ============ 热榜 ============ */
    .HotItem {
        flex-direction: column;
    }
    .HotItem-rank {
        float: left;
        clear: none;
    }
    .HotItem-label {
        position: relative;
        top: 4px;
        left: 4px;
        float: left;
    }
}
欢迎访问Greasy Fork镜像
