.weui_mask_transition {
            display: none;
            position: fixed;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0);
            -webkit-transition: background .3s;
            transition: background .3s;
        }

        .weui_fade_toggle {
            background: rgba(0, 0, 0, 0.6);
        }

        .weui_actionsheet {
            position: fixed;
            left: 0;
            bottom: 0;
            -webkit-transform: translate(0, 100%);
            -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 2;
            width: 100%;
            background-color: #EFEFF4;
            -webkit-transition: -webkit-transform .3s;
            transition: transform .3s;
        }

        .weui_actionsheet_toggle {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        .weui_actionsheet_menu {
            background-color: #FFFFFF;
        }

        .weui_actionsheet_cell:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 1px;
            border-top: 1px solid #D9D9D9;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(0.5);
            -ms-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        .weui_actionsheet_cell:first-child:before {
            display: none;
        }

        .weui_actionsheet_cell {
            position: relative;
            padding: 10px 0;
            text-align: center;
            font-size: 18px;
        }

        .weui_actionsheet_cell.title {
            color: #999;
        }

        .weui_actionsheet_action {
            margin-top: 6px;
            background-color: #FFFFFF;
        }

        /* 基础样式 */
        body {
            margin: 0;
            padding: 0;
            font-family: '寒蝉全圆体 Bold';
        }

        #main {
            max-width: 600px;
            margin: 0 auto;
            padding: 10px;
            background-color: #f8f8f8;
        }

        #main ul, #main li, #main .po-avt-wrap, #main .po-cmt, #main .po-hd, #main p, #main img {
            max-width: 100%;
            box-sizing: border-box;
        }

        header {
            text-align: center;
            margin-bottom: 20px;
        }

        #bg {
            max-width: 100%;
            height: auto;
        }

        #avt {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
        }

        #user-name {
            font-size: 16px;
        }

        /* 媒体查询，仅在屏幕宽度大于768px时应用 */
        @media (min-width: 768px) {
            #main {
                max-width: 600px;
                margin: 0 auto;
                padding: 10px;
            }

            header {
                max-width: 600px;
                margin: 0 auto;
            }

            #bg, #avt {
                max-width: 100%;
                height: auto;
            }
        }

        /* 返回顶部按钮样式 */
        .back-to-top {
            display: none; /* 默认隐藏 */
            position: fixed;
            bottom: 80px;
            right: 20px;
            z-index: 999;
            border: none;
            outline: none;
            background-color: #555;
            color: white;
            cursor: pointer;
            padding: 15px;
            border-radius: 8px; /* 正方形带圆角 */
            font-size: 18px;
            transition: background-color 0.3s, opacity 0.3s; /* 添加过渡效果 */
            opacity: 0.8;
        }

        .back-to-top:hover {
            background-color: #333;
            opacity: 1;
        }