/* 底部固定保存键,内容要让开它 */ .ar-body{padding-bottom:calc(180rpx + env(safe-area-inset-bottom))} .ar-card{padding:0 var(--pad-x)} .ar-row{ display:flex;align-items:center;gap:var(--sp-3); min-height:112rpx;border-bottom:1rpx solid var(--line); } .ar-last,.ar-row:last-child{border-bottom:0} .ar-k{flex:none;font-size:var(--fs-md);font-weight:var(--fw-b);color:var(--text)} .ar-v{flex:1;text-align:right;font-size:var(--fs-md);color:var(--text-2)} .ar-in{flex:1;text-align:right;font-size:var(--fs-md);color:var(--text)} .ar-unit{flex:none;font-size:var(--fs-sm);color:var(--muted)} /* 单选独占一段:选项多的时候挤在一行右侧会换行成一团 */ .ar-opt-block{padding:var(--sp-4) 0;border-bottom:1rpx solid var(--line)} .ar-opts{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)} .ar-opt{ padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full); background:var(--surface-2);border:1rpx solid var(--line); font-size:var(--fs-sm);color:var(--text-2); } .ar-opt.on{ background:var(--primary-soft);border-color:var(--primary); color:var(--primary-ink);font-weight:var(--fw-b); } .ar-h{font-size:var(--fs-md);font-weight:var(--fw-b);padding:var(--sp-4) 0 var(--sp-2)} .ar-ta{width:100%;min-height:200rpx;font-size:var(--fs-md);line-height:1.6} .ar-media{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0 var(--sp-4)} .ar-thumb{position:relative;width:132rpx;height:132rpx;border-radius:var(--r-sm);overflow:hidden} .ar-thumb image{width:100%;height:100%} .ar-del{ position:absolute;top:0;right:0;width:40rpx;height:40rpx; display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.55);color:#fff;border-radius:0 var(--r-sm) 0 var(--r-sm); } .ar-add{ width:132rpx;height:132rpx;border-radius:var(--r-sm); background:var(--surface-2);color:var(--muted2); display:flex;align-items:center;justify-content:center; } .ar-foot{ position:fixed;left:0;right:0;bottom:0;z-index:50; padding:var(--sp-4) var(--pad-x) calc(var(--sp-4) + env(safe-area-inset-bottom)); background:#fff;box-shadow:0 -12rpx 32rpx rgba(70,48,25,.06); } .ar-busy{opacity:.6}