.desk-theme-xin .ud-shell{padding:22px 0 48px;background:linear-gradient(180deg,#d9e4f0 0%,#e7eef6 180px,#eef3f8 100%)}
.desk-theme-xin .mh-search-card__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ud-search-side{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.ud-search-side>b{flex:0 0 auto;color:#1268b3;font-size:13px;font-weight:700;white-space:nowrap}
.desk-theme-xin .ud-search-side .ms-calculator-highlight{min-width:188px;min-height:54px}
.ud-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:18px;align-items:start}
.ud-menu,.ud-content{border-radius:12px}
.ud-menu{display:flex;flex-direction:column;padding:18px 12px 14px;border:0;background:linear-gradient(180deg,#102846 0%,#173a66 58%,#1d4b80 100%);box-shadow:0 16px 34px rgba(12,36,68,.22)}
.ud-menu>b{margin:2px 12px 12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14);color:#f0c27a;font-size:12px;letter-spacing:2px}
.ud-menu button{height:46px;border:0;border-radius:8px;background:transparent;color:#d5e4f4;font:inherit;font-size:15px;text-align:left;padding:0 14px;cursor:pointer}
.ud-menu button:hover{background:rgba(255,255,255,.1);color:#fff}
.ud-menu button.is-active{background:#fff;color:#14345c;font-weight:700;box-shadow:inset 4px 0 0 #e39a3c}
.ud-menu button[data-panel="pro"]{position:relative;margin-top:18px}
.ud-menu button[data-panel="pro"]:before{content:"";position:absolute;top:-10px;right:14px;left:14px;height:1px;background:rgba(255,255,255,.18)}
.ud-content{min-height:460px;padding:0 0 26px;border:1px solid #c9d7e6;background:#fff;box-shadow:0 18px 40px rgba(16,42,74,.1)}
.ud-panel>header{margin:0 0 20px;padding:20px 26px 16px;border-bottom:1px solid #e3ebf3;background:linear-gradient(180deg,#f7fafd 0%,#fff 100%)}
.ud-panel>header span{display:block;color:#b07a32;font-size:11px;font-weight:700;letter-spacing:1.6px}
.ud-panel h1{margin:4px 0 0;color:#102846;font-size:24px}
.ud-panel>.ud-note,.ud-panel>.ud-company,.ud-panel>.ud-status,.ud-panel>.ud-unbound,.ud-panel>.ud-lock,.ud-panel>.ud-ready,.ud-panel>.ud-phone-form,.ud-panel>.ud-phones,.ud-panel>.ud-steps,.ud-panel>.ud-stock,.ud-panel>.ud-pro,.ud-panel>.ud-enter,.ud-panel>.ud-msg-form,.ud-panel>.ud-msg-mine,.ud-panel>.ud-msg-board{margin-left:26px;margin-right:26px}
.ud-phone-form{display:flex;flex-direction:column;gap:14px}
.ud-phone-actions{display:flex;align-items:center;gap:12px}
.ud-phone-actions span{color:#157a45;font-size:13px;font-weight:700}
.ud-qr{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e6eef6}
.ud-qr img,.ud-qr-empty{width:64px;height:64px;flex:0 0 64px;border-radius:6px;background:#f7fafd}
.ud-qr img{object-fit:contain;border:1px solid #d5e2ef}
.ud-qr-empty{display:flex;align-items:center;justify-content:center;border:1px dashed #c5d4e4;color:#7b8fa3;font-size:12px}
.ud-qr img[hidden],.ud-qr-empty[hidden]{display:none}
.ud-qr-btn{position:relative;display:inline-flex;height:36px;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;background:#163e6b;color:#fff;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 6px 14px rgba(16,46,86,.16)}
.ud-phones label.ud-qr-btn,.ud-phones label.ud-qr-btn span{color:#fff;line-height:1}
.ud-qr-btn:hover{background:#1f5694}
.ud-qr-btn input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ud-company{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:16px 18px;border:1px solid #d5e2ef;border-left:4px solid #1d4f86;border-radius:8px;background:#f5f9fd}
.ud-company strong{color:#102846;font-size:18px}
.ud-company span,.ud-note{color:#4d647c;font-size:13px}
.ud-note{line-height:1.7}
.ud-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ud-status>div{position:relative;display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:16px 14px;border:1px solid #d5e2ef;border-top:3px solid #1d4f86;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(18,48,84,.05);text-align:center}
.ud-status>div::after{content:"";position:absolute;right:-34px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(29,79,134,.10),rgba(29,79,134,0) 68%);pointer-events:none}
.ud-status em{color:#3e5872;font-style:normal;font-weight:700}
.ud-status b{color:#9a6424;font-size:16px}
.ud-status b.is-on{color:#157a45}
.ud-status-ico{display:flex;width:64px;height:64px;align-items:center;justify-content:center;margin:10px 0 4px;border-radius:50%;background:linear-gradient(135deg,#e8f1fa,#d3e4f4);color:#1d4f86;box-shadow:inset 0 0 0 1px rgba(29,79,134,.14)}
.ud-status-ico svg{width:38px;height:38px}
.ud-status-ico.is-off{background:linear-gradient(135deg,#fdf1e3,#f8e3c8);color:#b0752a;box-shadow:inset 0 0 0 1px rgba(176,117,42,.18)}
.ud-unbound,.ud-lock,.ud-ready{padding:22px;border:1px solid #d5e2ef;border-left:4px solid #1d4f86;border-radius:10px;background:#f7fafd}
.ud-ready{border-left-color:#157a45}
.ud-unbound b,.ud-lock b,.ud-ready b{display:block;margin-bottom:8px;color:#102846;font-size:18px}
.ud-unbound p,.ud-lock p,.ud-ready p{margin:0;color:#3e5872;line-height:1.7}
.ud-unbound>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.ud-unbound a,.ud-unbound button,.ud-lock a,.ud-enter,.ud-btn{display:inline-flex;height:38px;align-items:center;padding:0 16px;border:0;border-radius:6px;background:#163e6b;color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 14px rgba(16,46,86,.16)}
.ud-unbound a.is-reg,.ud-unbound button.is-reg,.ud-btn.is-warm{background:#d4842c}
.ud-unbound button.ud-person{background:#157a45}
.desk-theme-xin a.ud-enter,.desk-theme-xin a.ud-enter:hover{margin-top:18px;color:#fff}
.ud-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ud-phones article{padding:16px;border:1px solid #d5e2ef;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(18,48,84,.05)}
.ud-phones h2{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e6eef6;color:#14345c;font-size:15px}
.ud-phones label{display:flex;flex-direction:column;gap:4px;margin-top:8px;color:#4d647c;font-size:12px;font-weight:700}
.ud-phones input,.ud-stock-bar input,.ud-form input[type="text"],.ud-form input[type="password"],.ud-form input[type="date"]{height:38px;padding:0 10px;border:1px solid #c5d4e4;border-radius:6px;background:#fff;color:#1c3148;font:inherit}
.ud-table-wrap{overflow-x:auto;border:1px solid #d5e2ef;border-radius:8px}
.ud-steps .ud-table-wrap,.ud-stock .ud-table-wrap{margin-top:0}
.ud-table-wrap table{width:100%;border-collapse:collapse}
.ud-table-wrap th,.ud-table-wrap td{height:44px;padding:0 12px;border-bottom:1px solid #e6eef6;text-align:left;color:#24384c;font-size:13px}
.ud-table-wrap th{background:#14345c;color:#fff;font-weight:700}
.ud-table-wrap tbody tr:nth-child(even) td{background:#f6f9fc}
.ud-table-wrap a{color:#1a4e86;font-weight:700}
.ud-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding:0;list-style:none}
.ud-pro li{display:flex;min-height:108px;flex-direction:column;gap:6px;padding:16px;border:1px solid #d5e2ef;border-top:3px solid #1d4f86;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(18,48,84,.05)}
.ud-pro li:nth-child(2){border-top-color:#d4842c}
.ud-pro li:nth-child(3){border-top-color:#157a45}
.ud-pro li:nth-child(4){border-top-color:#8d5a1b}
.ud-pro b{color:#102846;font-size:16px}
.ud-pro span{color:#4d647c;font-size:13px;line-height:1.7}
.ud-steps{display:flex;flex-direction:column;gap:14px}
.ud-steps article{padding:18px;border:1px solid #d5e2ef;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(18,48,84,.05)}
.ud-steps h2{margin:0 0 8px;color:#102846;font-size:16px}
.ud-steps p,.ud-stock-msg{margin:0 0 12px;color:#4d647c;font-size:13px;line-height:1.7}
.ud-steps img{display:block;max-width:100%;margin-top:12px;border:1px solid #d5e2ef;border-radius:6px;background:#fff}
.ud-file,.ud-stock-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ud-stock-bar{margin-bottom:12px}
.ud-file input[type="file"]{max-width:100%;color:#24384c;font:inherit}
.ud-stock-bar input{min-width:220px;flex:1}
.ud-stock-bar button,.ud-modal-actions button,.ud-row-actions button,.ud-stock-foot button{height:36px;padding:0 14px;border:0;border-radius:6px;background:#163e6b;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ud-stock-bar .is-fresh,.ud-btn.is-fresh{background:#157a45}
.ud-row-actions .is-danger,.ud-stock-foot button{background:#b1332c}
.ud-check{width:42px;text-align:center}
.ud-row-actions{white-space:nowrap}
.ud-row-actions button{height:28px;padding:0 10px;font-size:12px}
.ud-row-actions button+button{margin-left:6px}
.ud-stock-foot{margin-top:16px}
.ud-pager{display:flex;gap:10px;align-items:center;margin-top:14px;color:#3e5872;font-size:13px}
.ud-pager button{height:32px;padding:0 12px;border:1px solid #c5d4e4;border-radius:6px;background:#fff;color:#163e6b;font-weight:700;cursor:pointer}
.ud-pager button:disabled{opacity:.45;cursor:default}
.ud-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,28,48,.55)}
.ud-modal[hidden]{display:none}
.ud-modal form{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px 24px 18px;border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(8,24,44,.28)}
.ud-modal h2{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #e3ebf3;color:#102846;font-size:20px}
.ud-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ud-form label{display:flex;flex-direction:column;gap:4px;color:#3e5872;font-size:12px;font-weight:700}
.ud-form .is-check{flex-direction:row;align-items:center;gap:8px;padding-top:22px;color:#24384c;font-size:14px}
.ud-modal-actions{display:flex;gap:10px;margin-top:16px}
.ud-modal-actions .is-plain{background:#e7eef6;color:#24384c;box-shadow:none}
.ud-idcards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.ud-idcards article{padding:12px;border:1px solid #d5e2ef;border-radius:8px;background:#f7fafd}
.ud-idcards b{color:#102846;font-size:14px}
.ud-idcards img{display:block;width:100%;height:140px;object-fit:contain;margin:8px 0;border:1px dashed #c5d4e4;border-radius:6px;background:#fff}
.ud-idcards img[hidden]{display:none}
.ud-idcards button{height:36px;padding:0 14px;border:0;border-radius:6px;background:#163e6b;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ud-crop{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px 24px 18px;border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(8,24,44,.28)}
.ud-crop h2{margin:0 0 8px;color:#102846;font-size:20px}
.ud-crop p{margin:0 0 12px;color:#4d647c;line-height:1.7}
.ud-crop-frame{overflow:auto;text-align:center}
.ud-crop-stage{position:relative;display:inline-block;max-width:100%;line-height:0;user-select:none;touch-action:none}
.ud-crop-stage img{display:block;max-width:min(640px,100%);max-height:420px;width:auto;height:auto}
.ud-crop-box{position:absolute;border:2px solid #ffd36a;box-shadow:0 0 0 9999px rgba(8,16,28,.45);cursor:move}
.ud-crop-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:4px;background:#ffd36a;cursor:nwse-resize}
#udCropModal{z-index:90}
#udPersonForm>.ud-note,#udBindForm>.ud-note,#udRegForm>.ud-note{margin:0 0 14px}
#udRegModal form{width:min(680px,100%)}
.ud-reg-license{grid-column:1 / -1;padding:12px;border:1px solid #d5e2ef;border-radius:8px;background:#f7fafd}
.ud-reg-license b{display:block;margin-bottom:8px;color:#102846}
.ud-reg-license div{display:flex;gap:12px;align-items:center}
.ud-reg-license img{width:88px;height:88px;object-fit:contain;border:1px dashed #c5d4e4;border-radius:8px;background:#fff}
.ud-reg-license button{height:38px;padding:0 14px;border:0;border-radius:6px;background:#163e6b;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ud-captcha-label{grid-column:1 / -1}
.ud-captcha{display:flex;gap:8px;align-items:center}
.ud-captcha input{flex:1;min-width:0}
.ud-captcha img{width:160px;height:50px;flex:0 0 160px;object-fit:fill;border:1px solid #c5d4e4;border-radius:6px;background:#fff;cursor:pointer}
.ud-reg-region{grid-column:1 / -1}.ud-reg-region b{display:block;margin-bottom:8px;color:#102846}.ud-reg-region>div{display:flex;gap:10px}.ud-reg-region>div label{flex:1;min-width:0}.ud-reg-region label[hidden]{display:none}.ud-form select{width:100%;height:38px;padding:0 8px;border:1px solid #c5d4e4;border-radius:6px;background:#fff;color:#1c3148;font:inherit}
.ud-auth-note{margin:14px 0 0;color:#3e5872;line-height:1.7}
.ud-msg-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.ud-msg-form label{display:flex;flex-direction:column;gap:6px;color:#3e5872;font-size:13px;font-weight:700}
.ud-msg-form input,.ud-msg-form select,.ud-msg-form textarea{width:100%;padding:8px 10px;border:1px solid #c5d4e4;border-radius:6px;font:inherit;font-weight:400;color:#1c3148}
.ud-msg-form textarea{min-height:96px;resize:vertical}
.ud-msg-form label:nth-child(4),.ud-msg-form .ud-phone-actions{grid-column:1 / -1}
.ud-msg-mine,.ud-msg-board{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.ud-msg-mine article,.ud-msg-board article{padding:12px 14px;border:1px solid #d5e2ef;border-radius:8px;background:#f7fafd}
.ud-msg-mine b,.ud-msg-board b{color:#102846}
.ud-msg-mine span,.ud-msg-board span{margin-left:8px;color:#6b8196;font-size:12px}
.ud-msg-mine p,.ud-msg-board p{margin:6px 0 8px;color:#3e5872}
.ud-msg-filters{display:flex;gap:12px;margin-bottom:8px}
.ud-msg-filters label{display:flex;align-items:center;gap:8px;color:#3e5872;font-size:13px;font-weight:700}
.ud-msg-filters select{height:34px;padding:0 8px;border:1px solid #c5d4e4;border-radius:6px}
.ud-msg-actions{display:flex;gap:8px}
@media(max-width:800px){
.ud-layout,.ud-status,.ud-phones,.ud-pro,.ud-form,.ud-idcards{grid-template-columns:1fr}
.ud-panel>header{padding:16px 16px 12px}
.ud-panel>.ud-note,.ud-panel>.ud-company,.ud-panel>.ud-status,.ud-panel>.ud-unbound,.ud-panel>.ud-lock,.ud-panel>.ud-ready,.ud-panel>.ud-phone-form,.ud-panel>.ud-phones,.ud-panel>.ud-steps,.ud-panel>.ud-stock,.ud-panel>.ud-pro,.ud-panel>.ud-enter,.ud-panel>.ud-msg-form,.ud-panel>.ud-msg-mine,.ud-panel>.ud-msg-board{margin-left:16px;margin-right:16px}
.ud-search-side{flex-wrap:wrap;justify-content:flex-start}
.ud-search-side>b{display:none}
.desk-theme-xin .ud-search-side .ms-calculator-highlight{width:100%}
.ud-unbound>div,.ud-stock-bar,.ud-file{flex-direction:column;align-items:stretch}
.ud-form .is-check{padding-top:0}
.ud-reg-region>div{flex-direction:column}
.ud-menu button[data-panel="pro"]{margin-top:8px}
}

/* ===== 用户信息：权限卡片右侧关注二维码 ===== */
.ud-info-row{display:flex;flex-wrap:wrap;gap:18px;margin-left:26px;margin-right:26px}
.ud-info-row .ud-status{flex:1;min-width:280px;margin:0}
.ud-qr-side{flex:0 0 208px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #d5e2ef;border-radius:8px;background:#f8fbff}
.ud-qr-row{display:flex;gap:8px}
.ud-qr-item{flex:1;min-width:0;text-align:center}
.ud-qr-item img,.ud-qr-item .ud-qr-miss{display:block;width:100%;height:88px;object-fit:cover;border:1px solid #e0e9f3;border-radius:8px;background:#fff}
.ud-qr-item .ud-qr-miss{display:none;align-items:center;justify-content:center;color:#9fb2c4;font-size:10px;border-style:dashed;background:#fff}
.ud-qr-item b{display:block;margin-top:4px;color:#3e5872;font-size:11px;font-weight:700}
.ud-qr-note{margin:0;color:#4d647c;font-size:11px;line-height:1.6}
.ud-qr-tip{margin:0;color:#c2701c;font-size:11px;line-height:1.6}
.ud-qr-tip::before{content:"💡 "}

/* 窄屏：二维码块独占一行 */
@media(max-width:1000px){
  .ud-qr-side{flex:1 1 100%}
  .ud-qr-row{max-width:240px}
}

/* ===== 微信绑定面板 ===== */
.ud-wx-toolbar{margin-left:26px;margin-right:26px;margin-bottom:14px}
.ud-wx-form{margin-left:26px;margin-right:26px;margin-bottom:16px;padding:16px 18px;border:1px dashed #c5d4e4;border-radius:8px;background:#f8fbff}
.ud-wx-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.ud-wx-fields label{display:flex;flex-direction:column;gap:4px;color:#4d647c;font-size:12px;font-weight:700}
.ud-wx-fields input{height:38px;padding:0 10px;border:1px solid #c5d4e4;border-radius:6px;background:#fff;color:#1c3148;font:inherit}
.ud-wx-list{margin-left:26px;margin-right:26px}
.ud-wx-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 8px 18px rgba(18,48,84,.05);border:1px solid #d5e2ef;border-radius:8px;overflow:hidden}
.ud-wx-table th{padding:10px 14px;background:#f0f6fc;border-bottom:1px solid #d5e2ef;color:#14345c;font-size:13px;text-align:left;white-space:nowrap}
.ud-wx-table td{padding:10px 14px;border-bottom:1px solid #eef4f9;color:#1c3148;font-size:13px;vertical-align:middle}
.ud-wx-table tr:last-child td{border-bottom:0}
.ud-wx-table .is-on{color:#157a45;font-weight:700}
.ud-wx-table .is-off{color:#9a6424;font-weight:700}
.ud-wx-table time{color:#7b8fa3;font-size:12px;white-space:nowrap}
.ud-wx-ops{display:flex;gap:6px;white-space:nowrap}
.ud-wx-ops button{height:28px;padding:0 12px;border:0;border-radius:6px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.ud-wx-ops .wx-edit{background:#e8f1fa;color:#1d4f86}
.ud-wx-ops .wx-edit:hover{background:#d3e4f4}
.ud-wx-ops .wx-del{background:#fdeceb;color:#c0392b}
.ud-wx-ops .wx-del:hover{background:#f9d6d3}
.ud-wx-empty{padding:22px;text-align:center;color:#7b8fa3}
@media(max-width:1000px){
  .ud-wx-fields{grid-template-columns:1fr}
  .ud-wx-table th:nth-child(4),.ud-wx-table td:nth-child(4){display:none}
}

/* ===== 实名认证：未认证点击气泡（自助认证 / 客服认证） ===== */
.ud-rn-wrap{position:relative}
.ud-rn-btn{cursor:pointer;border-bottom:1px dashed currentColor;padding-bottom:1px}
.ud-rn-btn:hover{opacity:.85}
.ud-rn-pop{display:none;position:fixed;width:270px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(15,35,70,.18);padding:12px;z-index:600;text-align:left}
.ud-rn-pop.is-show{display:block}
.ud-rn-arrow{position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#fff;transform:translateX(-50%) rotate(45deg);border-radius:2px;box-shadow:-2px -2px 6px rgba(15,35,70,.06)}
.ud-rn-card{border:1px solid #e3ebf4;border-radius:10px;padding:12px;margin-bottom:10px}
.ud-rn-card:last-child{margin-bottom:0}
.ud-rn-card b{display:block;font-size:14px;color:#1d3557;margin-bottom:4px}
.ud-rn-card p{font-size:12px;line-height:1.6;color:#62788d;margin:0 0 8px}
.ud-rn-qr{display:flex;justify-content:center;padding:6px 0 2px}
.ud-rn-qr img{width:150px;height:150px;display:block}
.ud-rn-card.is-btn{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ud-rn-card.is-btn:hover{border-color:#4da3ff;box-shadow:0 4px 14px rgba(77,163,255,.16)}
.ud-rn-go{display:inline-block;font-size:13px;color:#2277e0;font-weight:600}

/* ===== 客服认证弹窗 ===== */
.ud-kf-mask,.ud-kfcrop-mask{display:none;position:fixed;inset:0;background:rgba(10,25,50,.55);z-index:120;align-items:center;justify-content:center;padding:16px}
.ud-kf-mask.is-show,.ud-kfcrop-mask.is-show{display:flex}
.ud-kf-dialog,.ud-kfcrop-dialog{background:#fff;border-radius:14px;width:100%;max-width:640px;max-height:92vh;overflow:auto;padding:18px 20px 20px}
.ud-kf-dialog header,.ud-kfcrop-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ud-kf-dialog header b,.ud-kfcrop-dialog header b{font-size:16px;color:#1d3557}
.ud-kf-close{border:0;background:#f1f5fa;color:#62788d;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;line-height:1}
.ud-kf-close:hover{background:#e3ebf4;color:#1d3557}
.ud-kf-tip{font-size:13px;color:#62788d;line-height:1.7;margin:0 0 14px}
.ud-kf-tip b{color:#e2622b}
.ud-kf-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ud-kf-slot{border:1.5px dashed #c6d4e4;border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:border-color .15s}
.ud-kf-slot:hover{border-color:#4da3ff}
.ud-kf-slot b{display:block;font-size:13px;color:#1d3557;margin-bottom:8px}
.ud-kf-preview{position:relative;width:100%;aspect-ratio:1.585;background:#f4f8fc;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ud-kf-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.ud-kf-slot.is-done{border-style:solid;border-color:#4da3ff}
.ud-kf-slot.is-done .ud-kf-preview img{display:block}
.ud-kf-slot.is-done .ud-kf-add{display:none}
.ud-kf-add{font-size:26px;color:#9db4cc;line-height:1}
.ud-kf-add i{display:block;font-style:normal;font-size:12px;margin-top:6px}
.ud-kf-again{margin-top:8px;border:0;background:none;color:#2277e0;font-size:12px;cursor:pointer;padding:2px 6px}
.ud-kf-again:hover{text-decoration:underline}
.ud-kf-foot{display:flex;align-items:center;gap:12px;margin-top:16px}
.ud-kf-foot button{flex:0 0 auto;border:0;background:linear-gradient(135deg,#2f88ff,#2277e0);color:#fff;font-size:14px;padding:10px 28px;border-radius:8px;cursor:pointer}
.ud-kf-foot button:disabled{background:#c9d6e4;cursor:not-allowed}
.ud-kf-msg{font-size:13px;color:#62788d}
.ud-kf-msg.is-ok{color:#1a9e55}
.ud-kf-msg.is-err{color:#d64541}

/* ===== 裁剪器 ===== */
.ud-kfcrop-dialog{max-width:560px}
.ud-kfcrop-stage{position:relative;height:320px;background:#101c30;border-radius:10px;overflow:hidden;touch-action:none}
.ud-kfcrop-stage img{position:absolute;left:50%;top:50%;transform-origin:center center;max-width:none;cursor:grab;user-select:none;-webkit-user-drag:none}
.ud-kfcrop-frame{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1.585;transform:translate(-50%,-50%);border:2px solid #4da3ff;border-radius:6px;box-shadow:0 0 0 9999px rgba(8,16,32,.55);pointer-events:none}
.ud-kfcrop-btns{display:flex;gap:10px;margin-top:14px}
.ud-kfcrop-btns button{flex:1;border:1px solid #d7e3f0;background:#f4f8fc;color:#2277e0;font-size:13px;padding:8px 0;border-radius:8px;cursor:pointer}
.ud-kfcrop-btns button:hover{background:#e8f2fe;border-color:#4da3ff}
.ud-kfcrop-zoom{display:flex;align-items:center;gap:10px;margin:12px 0 4px;font-size:12px;color:#62788d}
.ud-kfcrop-zoom span{flex:0 0 56px}
.ud-kfcrop-zoom input{flex:1;accent-color:#2277e0}
.ud-kfcrop-zoom b{flex:0 0 34px;text-align:right;color:#2277e0;font-weight:600}
.ud-kfcrop-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.ud-kfcrop-foot button{border:0;border-radius:8px;font-size:14px;padding:9px 22px;cursor:pointer}
.ud-kfcrop-foot button#udKfCropOk{background:linear-gradient(135deg,#2f88ff,#2277e0);color:#fff}
.ud-kfcrop-foot button.is-ghost{background:#f1f5fa;color:#62788d}
@media(max-width:640px){
  .ud-rn-pop{width:min(270px,86vw)}
  .ud-kf-slots{grid-template-columns:1fr}
}
