body {
    width: 375px; /* 强制固定宽度 */
    margin: 0 auto; /* 居中 */
    min-height: 100vh;
    background-color: #000;
    /* 如果屏幕小于 375px (如老款小手机)，则允许缩小 */
    max-width: 100%; 
}

        .navbar[data-v-2b3b3934] {
            position: fixed;
            top: 0;
            left: auto;
            right: auto;
            max-width: 430px;
            width: 100%;
            height: 52px;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 26px;
            z-index: 99;
            background: linear-gradient(180deg, #1f1c1f, #1f1c1f)
        }

        .navbar.border[data-v-2b3b3934] {
            border-bottom: 1px solid #322920
        }

        .navbar .navbar__left[data-v-2b3b3934] {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            padding: 0 8px;
            font-size: 7px;
            cursor: pointer
        }

        .navbar .navbar__left .icon-back[data-v-2b3b3934] {
            width: 20px;
            height: 15px
        }

        .navbar .navbar__title[data-v-2b3b3934] {
            max-width: 60%;
            margin: 0 auto;
            color: #f3c7a2;
            font-size: 16px;
            font-weight: 500;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .navbar .navbar__right[data-v-2b3b3934] {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            display: flex;
            align-items: center;
            padding: 0 8px;
            font-size: 7px;
            cursor: pointer
        }

        .notice-board[data-v-8d2e2b02] {
            display: flex;
            width: 100%;
            overflow: hidden
        }

        .notice-header[data-v-8d2e2b02] {
            display: flex;
            align-items: center;
            padding: 0 16px;
            background-color: #409eff;
            color: #fff;
            font-weight: 500;
            white-space: nowrap;
            border-radius: 4px 0 0 4px
        }

        .notice-container[data-v-8d2e2b02] {
            flex: 1;
            position: relative;
            overflow: hidden
        }

        .notice-wrapper[data-v-8d2e2b02] {
            display: flex;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            transition: transform 0s linear
        }

        .notice-content[data-v-8d2e2b02] {
            display: flex;
            align-items: center;
            height: 100%;
            white-space: nowrap
        }

        .notice-item[data-v-8d2e2b02] {
            display: inline-flex;
            align-items: center;
            padding: 0 16px;
            color: #333;
            text-decoration: none;
            transition: background-color .2s;
            cursor: pointer
        }

        .notice-text[data-v-8d2e2b02] {
            margin-right: 12px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        #home .header {
            height: 50px
        }

        #home .header .header_content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%;
            margin: 0 20px;
            color: #fff
        }

        #home .header .header_content .img {
            height: 41px;
            display: inline-flex;
            align-items: center
        }

        #home .header .header_content .img img {
            width: auto;
            height: 100%;
            margin-right: 5px
        }

        #home .banner {
            height: 156px
        }

        #home .banner .swiper-container,
        #home .banner .swiper-slide,
        #home .banner .swiper-wrapper {
            width: 100%;
            height: 100%
        }

        #home .banner .swiper-container img,
        #home .banner .swiper-slide img,
        #home .banner .swiper-wrapper img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        #home .notice-wrap {
            background: #313131;
            height: 43px;
            font-size: 15px;
            border-radius: 8px;
            border: 1px solid #766350;
            display: flex;
            align-items: center;
            padding: 0 8px
        }

        #home .notice-wrap .notice-item {
            color: #f3c7a2
        }

        #home .notice-wrap .van-notice-bar {
            width: 100%;
            background: transparent;
            color: #f3c7a2
        }

        #home .notice-wrap .notice-icon {
            width: 15px;
            height: 15px;
            margin-right: 10px
        }

        #home .nav_box {
            display: flex;
            align-items: center;
            justify-content: space-around;
            border: 1px solid #766350;
            margin: 5px 10px;
            border-radius: 8px;
            padding: 15px 10px;
            background: linear-gradient(120deg, #212121, #313131)
        }

        #home .nav_box .nav-item {
            text-align: center;
            color: #e6b98a;
            flex: 1
        }

        #home .nav_box .nav-item img {
            height: 39px
        }

        #home .nav_box .nav-item .nav-item__text {
            text-align: center;
            color: #e6b98a
        }

        #home .nav_title {
            font-weight: 700;
            color: #e6b98a;
            font-size: 14px;
            padding-left: 8px;
            position: relative
        }

        #home .nav_title:before {
            content: "";
            display: block;
            position: absolute;
            width: 4px;
            height: 15px;
            background-color: #e6b98a;
            left: 0;
            top: 3px
        }

        #home .more {
            color: #ccc
        }

        #home .nav-place {
            margin: 13px 10px 8px;
            border-radius: 8px;
            padding: 15px 10px;
            background: linear-gradient(120deg, #212121, #313131);
            border: 1px solid #766350
        }

        #home .nav-place .place-list {
            display: flex;
            flex-wrap: wrap;
            font-size: 13px;
            color: #ccc;
            padding-top: 5px
        }

        #home .nav-place .place-list .top-link {
            padding: 0 10px;
            line-height: 39px
        }

        #home .appoint {
            padding: 10px 10px
        }

        #home .appoint,
        #home .recommend-list .recommend-item {
            margin: 13px 10px 8px;
            background: linear-gradient(120deg, #212121, #313131);
            display: flex;
            justify-content: space-between
        }

        #home .recommend-list .recommend-item {
            border-radius: 8px;
            padding: 15px 20px 15px 13px;
            border: 1px solid #766350;
            position: relative;
            overflow: hidden
        }

        #home .recommend-list .recommend-item .tag {
            position: absolute;
            right: -37px;
            top: 16px;
            font-size: 12px;
            width: 125px;
            text-align: center;
            font-style: normal;
            transform: rotate(45deg);
            background: linear-gradient(90deg, #efcba7, #dcab76);
            color: #000
        }

        #home .recommend-list .recommend-item .info-box .info-id {
            width: 104px;
            text-align: center;
            background-color: #fff;
            background: linear-gradient(90deg, #efcba7, #dcab76);
            color: #8d5825;
            border-radius: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        #home .recommend-list .recommend-item .info-box .profile-info {
            color: #ddd;
            font-size: 13px;
            padding-top: 5px
        }

        #home .recommend-list .recommend-item .info-box .like-row {
            display: flex;
            align-items: center;
            color: #666;
            font-size: 11px;
            padding-top: 8px
        }

        #home .recommend-list .recommend-item .info-box .like-row img {
            width: 15px;
            height: 15px
        }

        #home .recommend-list .recommend-item .profile-photo {
            width: 96px;
            height: 96px;
            border-radius: 50%;
            overflow: hidden
        }

        @font-face {
            font-family: ZiYuWenQingTi;
            src: url(/fonts/ZiYuWenQingTi-2.0ef054a4.ttf) format("truetype")
        }

        #app {
            max-width: 430px;
            margin: 0 auto;
            min-height: 100vh;
            background-color: #fff;
            box-shadow: 0 0 20px #0003;
            position: relative;
            overflow: hidden;
            line-height: 1.5
        }

        @keyframes rotate {
            0% {
                transform: translate(-50%, -50%) rotate(0)
            }

            to {
                transform: translate(-50%, -50%) rotate(1turn)
            }
        }

        .van-popup--center {
            width: 100%;
            height: 100%;
            background: transparent;
            overflow: hidden
        }

        .van-popup--center .pop-bg {
            position: absolute;
            left: 50%;
            width: 170%;
            top: 50%;
            transform: translate(-50%, -50%);
            animation: rotate 5s linear infinite
        }

        .van-popup--center .pop-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            min-height: 300px;
            width: 90%
        }

        .van-popup--center .pop-content .bg {
            width: 100%
        }

        .van-popup--center .pop-content .close {
            position: absolute;
            width: 36px;
            height: 36px;
            top: 0;
            right: 4%
        }

        .van-popup--center .pop-content .pop-title {
            position: absolute;
            top: 17%;
            left: 32%;
            right: 26%;
            text-align: center;
            color: #fff;
            line-height: 27px;
            font-size: 13px
        }

        .van-popup--center .pop-content .pop-content_text {
            position: absolute;
            top: 31%;
            left: 13%;
            right: 8%;
            text-align: center;
            line-height: 39px;
            font-size: 15px;
            font-weight: 500;
            color: #825d1b
        }

        .van-popup--center .pop-content .pop-content_price {
            position: absolute;
            top: 42%;
            left: 17%;
            right: 13%;
            text-align: center;
            line-height: 47px;
            font-size: 15px;
            font-weight: 500;
            color: #e90b07
        }

        .van-popup--center .pop-content .commission {
            position: absolute;
            top: 54%;
            left: 17%;
            right: 13%;
            text-align: center;
            line-height: 47px;
            font-size: 15px;
            font-weight: 500;
            color: #825d1b
        }

        .van-popup--center .pop-content .return-button {
            position: absolute;
            top: 82%;
            left: 13%;
            right: 9%;
            text-align: center;
            line-height: 6vh;
            font-size: 19px;
            font-weight: 500;
            color: #825d1b
        }
        
        .normal-tabbar{
            position: fixed;
            bottom: 0;
            width: 375px;
        }

        .normal-tabbar .van-tabbar {
            z-index: 99;
            height: 60px;
            margin: 0 auto;
            left: auto;
            right: auto;
            background: #1f1c1f;
            width: 100%;
            display: flex;
            padding-top: 5px;
        }

        .normal-tabbar .van-tabbar-item--active {
            background: transparent
        }

        .normal-tabbar .van-tabbar-item__icon {
            margin-bottom: 2px
        }

        .normal-tabbar .van-tabbar-item__icon img {
            height: 27px
        }

        .normal-tabbar .van-tabbar-item {
            font-size: 13px;
            width: 20%;
            text-align: center;
        }

        .normal-tabbar .van-hairline--top-bottom:after,
        .normal-tabbar .van-hairline-unset--top-bottom:after {
            border: none
        }

        @keyframes scale {
            0% {
                transform: scale(.5)
            }

            to {
                transform: scale(1)
            }
        }

        .van-tabbar-item--active {
            animation: scale .4s
        }

        .svg-icon[data-v-4b3c0484] {
            width: 1em;
            height: 1em;
            vertical-align: -.15em;
            fill: currentcolor;
            overflow: hidden
        }

        .svg-external-icon[data-v-4b3c0484] {
            background-color: currentcolor;
            -webkit-mask-size: cover !important;
            mask-size: cover !important;
            display: inline-block
        }

        @keyframes sdspin-81a9a176 {
            0% {
                transform: rotate(0)
            }

            to {
                transform: rotate(1turn)
            }
        }

        .loading-wrap[data-v-81a9a176] {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent
        }

        .pg-loading-wrap[data-v-81a9a176] {
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom-left-radius: .1rem;
            border-bottom-right-radius: .1rem;
            background: #111
        }

        .pg-loading-wrap.default[data-v-81a9a176] {
            width: 117px;
            height: 117px;
            border-radius: 19.5px
        }

        .pg-loading-wrap.full[data-v-81a9a176] {
            width: 100%;
            height: 100%
        }

        .pg-loading-wrap.full .loading-bar-wrap .logo[data-v-81a9a176] {
            display: block;
            width: 40px;
            height: 40px
        }

        .pg-loading-wrap.full .loading-bar[data-v-81a9a176] {
            width: 50px;
            height: 50px;
            border: 4px solid hsla(0, 0%, 100%, 0);
            border-top-color: #fff
        }

        .pg-loading-wrap .loading-bar-wrap[data-v-81a9a176] {
            position: relative
        }

        .pg-loading-wrap .loading-bar-wrap .logo[data-v-81a9a176] {
            display: none;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 30px;
            height: 30px;
            transform: translate(-50%, -50%)
        }

        .pg-loading-wrap .loading-bar[data-v-81a9a176] {
            width: 30px;
            height: 30px;
            border: 4px solid hsla(0, 0%, 100%, .3);
            border-top-color: #fff;
            border-radius: 50%;
            animation: sdspin-81a9a176 1s linear infinite
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        html {
            background-color: #000
        }

        .page {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #1f1c1f
        }

        .page,
        .page-content {
            overflow-y: auto;
            overflow-x: hidden
        }

        .page-content {
            width: 100%;
            height: 100%
        }

        .van-cell .van-field__control {
            color: #f3c7a2
        }

        .van-cell-group {
            padding: 15.6px 0
        }

        .van-cell-group .van-cell {
            line-height: 12.5px;
            background: linear-gradient(120deg, #212121, #313131);
            margin: 0 15.6px;
            box-sizing: border-box;
            width: auto;
            border: 1px solid #766350;
            border-radius: 5.2px;
            font-size: 14.6px;
            padding: 10.4px 13.5px
        }

        .van-radio__icon--checked .van-icon {
            color: #fff;
            border-color: #f3c7a2;
            background-color: #f3c7a2
        }

        .van-cell-group {
            background-color: transparent
        }

        .row {
            display: flex
        }

        .row.column-c {
            align-items: center
        }

        .row.column-s {
            align-items: start
        }

        .row.column-e {
            align-items: end
        }

        .row.row-c {
            justify-content: center
        }

        .row.row-s {
            justify-content: start
        }

        .row.row-e {
            justify-content: end
        }

        .row.row-sb {
            justify-content: space-between
        }

        .column {
            display: flex;
            flex-direction: column
        }

        .column.row-c {
            align-items: center
        }

        .column.row-s {
            align-items: start
        }

        .column.row-e {
            align-items: end
        }

        .column.column-c {
            justify-content: center
        }

        .column.column-s {
            justify-content: start
        }

        .column.column-e {
            justify-content: end
        }

        .column.column-sb {
            justify-content: space-between
        }

        .h-color {
            color: #f3c7a2
        }

        .loading-parent {
            position: relative !important
        }

        .custom-toast {
            width: -moz-max-content;
            width: max-content
        }

        .van-button {
            color: #68302c;
            background: linear-gradient(#fde3ca, #e7b486);
            font-size: 15.6px;
            font-weight: bolder;
            border: none
        }

        .van-toast__text {
            word-break: break-word
        }

        .van-image__img {
            display: block;
            width: 100%;
            height: 100%;
        }