*{
    font-size: 18px;
}
.layout-error {
    background: #fff;
    width: 100%
}

.layout-error-pic {
    height: 4rem;
    width: 8.93333rem
}

.layout-error-title {
    color: rgba(30,32,35,.4);
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: .37333rem;
    line-height: .53333rem;
    margin-top: .42667rem;
    text-align: center;
    width: 100%
}

.layout-error-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: fixed;
    top: 33%;
    width: 100%
}

body {
    -webkit-touch-callout: none;
    background-color: #fff;
    box-sizing: border-box;
    margin-left: 0!important;
    padding: .53333rem;
    -webkit-user-select: none;
    user-select: none
}

body::-webkit-scrollbar {
    display: none!important;
    height: 0!important;
    width: 0!important
}

.g-android .em {
    -webkit-text-stroke: .3px #303030;
    font-weight: 400
}

.g-ios .em {
    font-weight: 700
}

.container {
    background-color: #f5f6f7;
    border: 1px solid #dee0e3;
    line-height: 1.5;
    padding: .16rem .21333rem .08rem 0rem;
    word-break: break-word
}

.container li {
    list-style: decimal
}

td,th {
    word-wrap: break-word;
    border: 1px solid #e8e8e8;
    color: rgba(0,0,0,.6);
    font-family: PingFang SC;
    font-size: 0.96rem;
    line-height: 1.28rem;
    padding: .26667rem;
    text-align: left;
    vertical-align: middle
}

th {
    color: #000;
    text-align: left
}

.g-android th {
    -webkit-text-stroke: .3px #303030;
    font-weight: 400
}

.g-ios th {
    font-weight: 700
}

.sub-title {
    color: #333;
    font-size: 1rem;
    margin: 1rem 0 .5rem
}

.g-android .sub-title {
    -webkit-text-stroke: .3px #303030;
    font-weight: 400
}

.g-ios .sub-title {
    font-weight: 700
}

.tb-container {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%
}

.tb-container table {
    width: 26.6666rem;
    display: table;
    border-collapse: collapse;
}
@media (max-width: 780PX) {
    .tb-container table {
        display: block;
    }
}
div[data-key],p {
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
    padding: .26rem 0;
    text-align: justify;
    text-indent: 2em
}

div[data-key].desc,p.desc {
    text-indent: 0
}

.g-android div[data-key] u,.g-android p u {
    -webkit-text-stroke: .3px #303030;
    font-weight: 400
}

.g-ios div[data-key] u,.g-ios p u {
    font-weight: 700
}

.a-link,.a-link:active,.a-link:hover,.a-link:visited {
    color: #5b7eac
}

h3 {
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1.06rem 0
}

.cw-table-container .cw-table td:first-child,.cw-table-container .cw-table td:last-child,.cw-table-container .cw-table td:nth-child(2),.cw-table-container .cw-table td:nth-child(3) {
    min-width: 10.6rem
}

.cw-table-container .cw-table td p {
    text-indent: 0
}

.text-bold {
    font-weight: 700
}

.text-underline {
    text-decoration: underline
}

.text-italic {
    font-style: italic
}

.text-strike {
    text-decoration: line-through
}

.text-yh {
    font-family: Microsoft YaHei
}

.text-simsunss {
    font-family: SimSuncss
}

.text-arial {
    font-family: Arial
}

.text-pfm {
    font-family: PingFangSC-Medium
}

.text-pfl {
    font-family: PingFangSC-Light
}

.text-pfr {
    font-family: PingFangSC-Regular
}

.text-pfb {
    font-family: PingFangSC-Bold
}

.text-font-12 {
    font-size: .64rem
}

.text-font-14 {
    font-size: .74rem
}

.text-font-15 {
    font-size: .8rem
}

.text-font-16 {
    font-size: .85rem
}

.text-font-20 {
    font-size: 1.06rem
}

.text-font-24 {
    font-size: 1.28rem
}

.text-font-28 {
    font-size: 1.47rem
}

.text-font-30 {
    font-size: 1.6rem
}

.text-font-32 {
    font-size: 1.7rem
}

.line-height-12 {
    line-height: .64rem
}

.line-height-14 {
    line-height: .75rem
}

.line-height-16 {
    line-height: .85rem
}

.line-height-20 {
    line-height: 1.06rem
}

.line-height-24 {
    line-height: 1.28rem
}

.line-height-28 {
    line-height: 1.48rem
}

.line-height-30 {
    line-height: 1.6rem
}

.line-height-32 {
    line-height: 1.7rem
}

.text-weight-100 {
    font-weight: 100
}

.text-weight-200 {
    font-weight: 200
}

.text-weight-300 {
    font-weight: 300
}

.text-weight-400 {
    font-weight: 400
}

.text-weight-500 {
    font-weight: 500
}

.text-weight-600 {
    font-weight: 600
}

.text-weight-700 {
    font-weight: 700
}

.text-weight-800 {
    font-weight: 800
}

.text-weight-900 {
    font-weight: 900
}

.text-weight-bolder {
    font-weight: bolder
}

.text-weight-lighter {
    font-weight: lighter
}

.cw-table-container {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%
}

.cw-table-container .cw-table {
    border-collapse: collapse;
    max-width: 74.6rem
}

.cw-table-container .cw-table td,.cw-table-container .cw-table th {
    word-wrap: break-word;
    border: 1px solid #e8e8e8;
    color: rgba(0,0,0,.6);
    font-family: PingFang SC;
    font-size: .8rem;
    line-height: 1.28rem;
    padding: .52rem;
    text-align: left;
    vertical-align: middle
}

body {
    margin-left: .52rem
}

p {
    line-height: 1.5
}

.break-word,.text-break-word {
    text-align: justify;
    word-break: break-word
}

.no-scrollbar::-webkit-scrollbar {
    display: none!important;
    height: 0!important;
    width: 0!important
}

.common {
    box-sizing: border-box;
    content: "";
    pointer-events: none;
    position: absolute
}

@font-face {
    font-family: dragon;
    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"),url(//sf1-cdn-tos.toutiaostatic.com/obj/iconfont/dragon_2e2826d42be1c73afae313064e5200df.ttf?t=1670834304245) format("truetype")
}

[class*=dragon-],[class^=dragon-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    line-height: 1
}

[class*=dragon-]:before,[class^=dragon-]:before {
    display: block;
    font-family: dragon!important
}

.dragon-play:before {
    content: "\ea01"
}

.dragon-arrow-down:before {
    content: "\ea02"
}

.dragon-cross:before {
    content: "\ea03"
}

.dragon-arrow-left:before {
    content: "\ea04"
}

.dragon-share:before {
    content: "\ea05"
}

.dragon-arrow-right:before {
    content: "\ea06"
}

.dragon-arrow-right-button:before {
    content: "\ea07"
}

.dragon-like:before {
    content: "\ea08"
}

.dragon-editor-delete:before {
    content: "\ea09"
}

.dragon-search:before {
    content: "\ea0a"
}

.dragon-check:before {
    content: "\ea0b"
}

.dragon-favorite-check:before {
    content: "\ea0c"
}

.dragon-favorite-uncheck:before {
    content: "\ea0d"
}

.dragon-menu:before {
    content: "\ea0e"
}

.dragon-return:before {
    content: "\ea0f"
}

.dragon-trash:before {
    content: "\ea10"
}

.dragon-uncheck:before {
    content: "\ea11"
}

.dragon-user-change:before {
    content: "\ea12"
}

.dragon-agreement:before {
    content: "\ea13"
}

.dragon-info:before {
    content: "\ea14"
}

.dragon-tag-mention:before {
    content: "\ea15"
}

.SourceHanSerifCN {
    font-family: SourceHanSerifCN-Bold,PingFangSC-Medium,sans-serif
}

.dragon-wap-dialog.fq-dialog.fanqie-theme .fq-dialog-content {
    width: 14.88rem
}

.dragon-wap-dialog.fq-dialog.fanqie-theme .fq-dialog-content .fq-dialog-header {
    font-family: PingFang SC!important;
    font-size: .85rem;
    line-height: 1.17rem;
    padding: .85333rem .74667rem 0
}

.dragon-wap-dialog.fq-dialog.fanqie-theme .fq-dialog-content .fq-dialog-footer {
    height: 2.88rem;
    margin-top: 1.7rem
}

.dragon-wap-dialog.fq-dialog.fanqie-theme .fq-dialog-content .fq-dialog-footer .dialog-footer-button {
    font-family: PingFangSC-Regular,PingFang SC,sans-serif-light,sans-serif;
    font-size: .85rem;
    height: 2.88rem
}

.dragon-wap-dialog.fq-dialog.fanqie-theme .fq-dialog-content .fq-dialog-footer .dialog-footer-button.fanqie-primary.system-android {
    -webkit-text-stroke: .3Px #fa6725;
    font-weight: 400
}

.dragon-wap-dialog.fq-dialog.fanqie-theme .fq-dialog-content .fq-dialog-footer .dialog-footer-button.fanqie-primary.system-ios {
    font-weight: 500
}
.content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

/* 响应式表格设计 */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.responsive-table thead {
    color: #000;
}

.responsive-table th {
    padding: 18px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 1.1rem;
}

.responsive-table td {
    padding: 16px 15px;
    border-bottom: 1px solid #eaeef5;
}

.responsive-table tbody tr {
    transition: background 0.3s ease;
}

.responsive-table tbody tr:nth-child(even) {
    background-color: #f8fafd;
}

.responsive-table tbody tr:hover {
    background-color: #e6f7ff;
}

.product-image {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
    margin-right: 15px;
}

.product-info {
    display: flex;
    align-items: center;
}

.status {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status.in-stock {
    background: #e8f5e9;
    color: #2e7d32;
}

.status.low-stock {
    background: #fff8e1;
    color: #e65100;
}

.status.out-of-stock {
    background: #ffebee;
    color: #c62828;
}

.price {
    font-weight: 700;
    color: #1a2980;
}

/* 移动端适配 - 一行一列 */
@media (max-width: 768px) {
    .responsive-table {
        display: block;
        border-radius: 15px;
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table tbody, .responsive-table tr, .responsive-table td {
        display: block;
    }

    .responsive-table tr {
        margin-bottom: 20px;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        background: white;
        position: relative;
    }

    .responsive-table tr:last-child {
        margin-bottom: 0;
    }

    .responsive-table td {
        padding: 15px;
        border-bottom: 1px solid #f0f5ff;
        display: flex;
        justify-content: space-between;
    }

    .responsive-table td:last-child {
        border-bottom: none;
    }

    .responsive-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #1a2980;
        margin-right: 20px;
        flex: 1;
    }

    .responsive-table td > div {
        flex: 2;
        text-align: right;
    }

    .product-info {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
    }

    .product-image {
        margin-bottom: 10px;
    }
}

/* PC端适配 - 一行三列 */
@media (min-width: 769px) {
    .responsive-table {
        display: table;
    }

    .responsive-table th:nth-child(1),
    .responsive-table td:nth-child(1) {
        width: 30%;
    }

    .responsive-table th:nth-child(2),
    .responsive-table td:nth-child(2) {
        width: 20%;
    }

    .responsive-table th:nth-child(3),
    .responsive-table td:nth-child(3) {
        width: 20%;
    }

    .responsive-table th:nth-child(4),
    .responsive-table td:nth-child(4) {
        width: 20%;
    }

    .responsive-table th:nth-child(5),
    .responsive-table td:nth-child(5) {
        width: 10%;
        text-align: center;
    }
}

/* 设备检测面板 */
.device-panel {
    background: #f8f9ff;
    border-radius: 15px;
    padding: 25px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.device-info {
    flex: 1;
    min-width: 200px;
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.device-info h3 {
    color: #1a2980;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.device-info p {
    font-size: 1.1rem;
    color: #5a6a85;
    line-height: 1.6;
}

.device-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #e6f7ff;
    border-radius: 12px;
}

.indicator {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1.2rem;
}

.indicator.mobile {
    background: #ffebee;
    color: #c62828;
}

.indicator.desktop {
    background: #e8f5e9;
    color: #2e7d32;
}

.footer {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e5ff;
    color: #5a6a85;
    font-size: 1.1rem;
    width: 100%;
}

.instructions {
    background: #fff8e1;
    border-left: 5px solid #ffb300;
    padding: 20px;
    margin: 30px 0;
    border-radius: 0 12px 12px 0;
}

.instructions h3 {
    color: #e65100;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}