Add Border 在 rounded 变体下的场景价值
`rounded-card-border` 面向圆角卡片展示场景。该场景下常见风险并非边框无法生成，而是边框参数与发布环境不匹配：可能出现裁切风险、边线发灰、主体层级被弱化或风格不统一。建议先定义用途边界，明确该图用于线上展示、打印输出还是证书留档，再将质量门禁模板化，至少覆盖主体可读性、边框权重、色彩对比、目标端渲染稳定性和版本可追溯性。执行层面推荐“样本预检、分批导出、异常留痕”策略：先在代表素材上验证浅底/深底和压缩后效果，再按批次放量并记录失败样本与修复结论。上线后持续跟踪退回原因与返工时长，把复盘结论回写模板库和检查清单，形成持续优化闭环。通过流程化治理，圆角卡片展示场景下的 add border 才能兼顾视觉品质、交付效率和审计可追踪性，避免同类问题在跨团队协作中重复发生。 同时建议建立“预检-发布-复盘”三阶段机制：预检冻结样张与参数，发布绑定版本与责任链，复盘统计异常并更新模板，持续降低返工与沟通成本。
`rounded-card-border`：先从设计 token 抄准圆角半径，再画内容安全矩形，最后在浅色页与 #121212 深底上双边验透明边
- 营销截图「像官方」的关键是圆角与组件库一致：向设计要 iOS/Android/Web 三端 token，禁止目测「差不多 16px」。在 Figma 或真机组件上叠半透明参考层，检查弧顶是否与按钮、卡片外轮廓逐像素对齐，再批量套到截图外层。
- 大圆角会吃掉界面四角的状态图标与角标：在套模板前先在截图内画「禁止进入」矩形，保证关键像素离弧边至少若干 pt。透明 PNG 若出现白边或彩边，尝试实色衬底版本给网页用，或做 1px 内缩裁切并记录为团队固定 workaround。
- 应用商店若禁止带壳营销图，就只输出纯界面圆角卡片并留足外周中性底；若允许设备框，框与屏幕内圆角半径必须匹配官方模板。导出后用商店预览缩略图尺寸检查，避免圆角外又套一层平台圆角造成「双弧」假影。
圆角卡片边框问答：token 对齐、透明底白边、商店壳图规则、内容安全区、深色光晕
我们 Marketing 圆角比 App 里真实组件略大，老板说「更年轻」，工程坚持不能误导用户，以谁为准？
以商店审核与广告真实性为准：夸大 UI 曲率可能构成误导性素材。可做「概念氛围图」与「真实截图」两套命名分文件夹，前者仅用于品牌片不在商店详情页冒充界面。圆角工具只执行参数，合规边界要法务与增长共同签字。
同样 PNG，在官网白底正常，嵌进邮件客户端或旧版 Android WebView 就出现一圈灰白毛边，是谁的锅？
多为预乘 alpha 与浏览器缩放插值不一致：准备「预乘正确」与「带 1px 实色垫边」两套导出做 A/B。长期方案是在规范里写死目标容器背景色，用同色实底 PNG 消灭毛边；不要要求一张透明图在所有上古内核里都完美。
应用商店截图规范每年微调，去年合规的带壳图今年被打回，怎样减少全量重导与版本混乱？
把官方 PSD/sketch 模板纳入版本库，改规范时只升模板版本号并重导受影响的尺寸档。边框预设引用模板名而不是魔法数字；审核备注里链接到当期规范 PDF，方便下次审计知道依据是哪一版。
圆角开太大，截图里的支付金额与安全角标贴在弧边被啃掉，怎样事后补救而不回到直角？
降低半径或把界面整体缩小一点再套框，让关键信息落进弦内矩形；不要试图用变形拉伸补回角标，会改变 UI 比例。更根本是在截屏阶段就留出系统安全区，而不是指望边框工具事后魔法扩容。
深色模式宣传图在 OLED 黑底上，圆角外圈有一圈微妙亮边像没关干净的发光，怎么压掉？
关掉外层 glow，检查是否误把白色描边以低透明度叠在黑底；必要时改用纯黑背景与稍抬亮的卡片底形成分离，而不是靠外发光。验收时把屏幕亮度拉到最高与最低各看一遍，OLED 上微弱灰线会被放大。