/* 添加面板入口 / 组件库
   —— 由 styles.css 第 4677–4771 行原样切分，规则与顺序未改动。 */
/* ===== 添加面板：整行入口 ===== */
.add-entry-card{
  display:flex;align-items:center;gap:14px;
  background:#fff;border-radius:20px;padding:16px 18px;
  margin-bottom:16px;
  box-shadow:0 6px 20px rgba(140,110,130,0.10),0 1px 4px rgba(140,110,130,0.06);
  border:1px solid rgba(255,255,255,0.9);
  cursor:pointer;
  transition:transform 0.2s ease;
}
.add-entry-card:active{transform:scale(0.98);}
.add-entry-icon{
  width:48px;height:48px;border-radius:14px;
  background:linear-gradient(135deg,#FFD4E8,#D4E8FF);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;flex-shrink:0;
}
.add-entry-info{flex:1;min-width:0;}
.add-entry-name{font-size:15px;font-weight:700;color:#333;}
.add-entry-desc{font-size:12px;color:#999;margin-top:3px;line-height:1.5;}
.add-entry-arrow{color:#ccc;font-size:20px;flex-shrink:0;}

/* ===== 组件库：分类 chips ===== */
.scope-app-widgetlib .cat-chip{
  flex-shrink:0;padding:7px 16px;border-radius:999px;
  font-size:12.5px;font-weight:500;
  background:rgba(255,255,255,0.55);
  color:#8a7a85;
  border:1px solid rgba(255,255,255,0.6);
  cursor:pointer;
  transition:all 0.25s cubic-bezier(0.34,1.3,0.5,1);
  backdrop-filter:blur(10px);
}
.scope-app-widgetlib .cat-chip.active{
  background:#3f3a45;color:#fff;border-color:#3f3a45;
  box-shadow:0 4px 12px rgba(60,50,60,0.25);
}

/* ===== 组件库预览 ===== */
.widget-card .wp-postcard-preview{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  height:100%;padding:8px;border-radius:12px;
  background:linear-gradient(135deg,#FFE5F1 0%,#E5F1FF 100%);
  width:100%;
}
.widget-card .wp-postcard-preview .wp-postcard-avatar{
  width:34px;height:34px;border-radius:50%;
  background:#fff;display:flex;align-items:center;justify-content:center;
  font-size:16px;box-shadow:0 1px 4px rgba(0,0,0,0.1);overflow:hidden;
}
.widget-card .wp-postcard-preview .wp-postcard-name{
  font-size:11px;font-weight:600;color:#333;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.widget-card .wp-postcard-preview .wp-postcard-sign{
  font-size:9px;color:#888;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.widget-card .wp-bubble-preview{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  height:100%;padding:8px;border-radius:12px;
  background:rgba(255,255,255,0.7);
  width:100%;
}
.widget-card .wp-bubble-preview .wp-bubble-row{
  display:flex;align-items:flex-start;gap:4px;width:100%;
}
.widget-card .wp-bubble-preview .wp-bubble-row.right{flex-direction:row-reverse;}
.widget-card .wp-bubble-preview .wp-bubble-avatar{
  width:18px;height:18px;border-radius:50%;
  background:#fff;display:flex;align-items:center;justify-content:center;
  font-size:10px;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,0.08);
}
.widget-card .wp-bubble-preview .wp-bubble-text{
  max-width:78%;background:#fff;border-radius:8px;
  padding:3px 7px;font-size:9px;color:#333;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.widget-card .wp-bubble-preview .wp-bubble-row.right .wp-bubble-text{background:#d4e8ff;}

/* ===== 桌面：自定义组件渲染 ===== */
.custom-widget-desktop{
  width:100%;height:100%;
  border-radius:24px;overflow:hidden;
  background:rgba(255,255,255,0.35);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.3);
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
  position:relative;
}
.custom-widget-desktop iframe{
  width:100%;height:100%;border:none;display:block;
}