.wrap {
    padding-top: .2rem;
    background: #f5f5f5;
}

.wrap .smt-card-area {
    margin: 25.362rpx 0 72.464rpx;
    background: #fff;
}

.wrap .default-area-content .external-textarea-container {
    height: 202.9rpx;
}

.wrap .default-area-content.auto-height .external-textarea-container {
    height: auto;
    min-height: 202.9rpx;
    overflow: hidden;
}

.ios-card-area .default-area-content.auto-height .external-textarea-content {
    padding-top: 0;
    margin-top: -25rpx;
} 

.wrap .border-area-content .external-textarea-container {
    height: 279.59rpx;
}

.wrap .init-switch {
    vertical-align: middle;
    margin: 28.986rpx 0;    
}

.wrap .switch-text-before {
    font-size: 28.986rpx;
    color: #333;
    display: flex;
    align-items: center;
}

.wrap .smt-card-config {
    background: #fff;
    overflow: hidden;
}

.wrap .item-logo {
    display: inline-block;
    width: 32.609rpx;
    height: 32.609rpx;
    margin: 34.005rpx 0;
}

.page-status-hover {
    opacity: .2;
}

.wrap.dark {
    background-color: #3670c2;
}

.wrap.dark .smt-card-config,
.wrap.dark .external-textarea-container,
.wrap.dark .external-textarea-input {
    background-color: #4985da;
    color: #fff;
}

.wrap.dark .border-area-content .external-textarea-content {
    border: 1px solid #7fa9e5;
}

.wrap.dark .external-textarea-button {
    background: #6d9de1;
    color: #fff;
}

.wrap.dark .switch-text-before {
    color: #fff;
    background: #4985da;
}

.wrap.dark .mode-title-line-left {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    opacity: .3;
}

.wrap.dark .mode-title-line-right {
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    opacity: .3;
}

.wrap.dark .mode-title-text {
    color: #fff;
}

.wrap.dark .swan-switch-input:after {
    background: #38f;
}