样式 (Style / SCSS)

1. 嵌套规则与命名

• 使用 SCSS 预处理器。
• 务必使用 嵌套 反映 HTML 结构，并将样式作用域限定在组件内。
• class 名称统一使用 kebab-case（短横线分隔）。

<style lang="scss" scoped>
.refuse-popup {
    background-color: #fff;
    width: 624rpx;
    border-radius: 16rpx;

    .refuse-popup-title {
        text-align: center;
        padding: 16rpx 0;
        color: #333;
    }

    .refuse-popup-content {
        padding: 0 32rpx;
    }

    .refuse-popup-footer {
        border-top: 1rpx solid #d9d9d9;
        margin-top: 32rpx;

        .refuse-popup-btn {
            flex: 1;
            text-align: center;
            padding: 24rpx 0;
            font-size: 32rpx;
        }

        .refuse-popup-btn-cancel {
            border-right: 1rpx solid #d9d9d9;
        }
    }
}
</style>