/* 通用卡片 / 记忆馆 iframe 容器
   —— 由 styles.css 第 1279–1394 行原样切分，规则与顺序未改动。 */
/* 通用卡片 */
.wb-card{
  background:rgba(255,255,255,0.85);
  border-radius:24px;padding:16px;
  margin-bottom:16px;cursor:pointer;
}
.wb-card-title{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;}
.wb-card-desc{font-size:14px;color:#666;}
.wb-card-meta{font-size:12px;color:#666;margin-top:8px;opacity:0.7;}
.wb-add-btn,.arc-add-btn{
  width:100%;padding:16px;
  border:1.5px dashed rgba(255,255,255,0.6);
  border-radius:24px;
  background:rgba(255,255,255,0.2);
  color:#fff;font-size:16px;font-weight:600;
  cursor:pointer;margin-bottom:16px;
}
.wb-add-btn.secondary,.arc-add-btn.secondary{
  background:rgba(0,0,0,0.08);
  border-color:rgba(255,255,255,0.3);
}
.wb-empty,.arc-empty{
  text-align:center;color:rgba(255,255,255,0.8);
  font-size:14px;padding:48px;
}
.wb-entry{
  background:rgba(255,255,255,0.9);
  border-radius:16px;padding:16px;
  margin-bottom:16px;
}
.wb-entry-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;
}
.wb-entry-title{font-size:14px;font-weight:600;color:#333;}
.wb-entry-body{font-size:14px;color:#666;line-height:1.5;word-break:break-all;}
.wb-entry-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px;}
.wb-tag{
  font-size:10px;padding:2px 6px;border-radius:8px;
  background:rgba(0,0,0,0.05);color:#666;
}
.wb-tag.on{background:#FFD4E8;color:white;}
.wb-tag.warn{background:#ffb347;color:white;}
.wb-switch{
  width:36px;height:20px;border-radius:10px;background:#ccc;
  position:relative;cursor:pointer;transition:background 0.2s;flex-shrink:0;
}
.wb-switch.on{background:#FFD4E8;}
.wb-switch::after{
  content:'';position:absolute;top:2px;left:2px;
  width:16px;height:16px;border-radius:50%;
  background:white;transition:left 0.2s;
}
.wb-switch.on::after{left:18px;}
.wb-btn-row{display:flex;gap:16px;margin-top:16px;}
.wb-btn{
  flex:1;padding:12px;border:none;border-radius:16px;
  font-size:14px;font-weight:600;cursor:pointer;
  background:rgba(255,255,255,0.9);color:#333;font-family:inherit;
}
.wb-btn.primary{background:#FFD4E8;color:white;}
.wb-btn.danger{background:rgba(255,59,48,0.9);color:white;}
.wb-form-row{margin-bottom:16px;}
.wb-form-label{font-size:14px;color:#fff;margin-bottom:4px;display:block;}
.wb-form-input{
  width:100%;padding:16px;border-radius:16px;border:none;
  background:rgba(255,255,255,0.9);
  font-size:16px;outline:none;font-family:inherit;
}
.wb-form-textarea{min-height:100px;resize:vertical;}

.mem-tabs{
  display:flex;background:rgba(255,255,255,0.3);
  border-radius:16px;padding:4px;margin-bottom:16px;
}
.mem-tab{
  flex:1;padding:12px;text-align:center;
  font-size:14px;color:#666;cursor:pointer;
  border-radius:8px;
}
.mem-tab.active{background:rgba(255,255,255,0.9);color:#333;font-weight:600;}
.mem-card{
  background:rgba(255,255,255,0.85);
  border-radius:16px;padding:16px;margin-bottom:16px;
}
.mem-card-title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;}
.mem-card-body{font-size:14px;color:#666;line-height:1.5;word-break:break-all;}
.mem-card-meta{font-size:12px;color:#666;margin-top:4px;opacity:0.7;}
.mem-toolbar{display:flex;gap:16px;margin-bottom:16px;}
.mem-toolbar button{
  flex:1;padding:12px;border:none;border-radius:16px;
  font-size:14px;font-weight:600;cursor:pointer;
  background:rgba(255,255,255,0.9);color:#333;font-family:inherit;
}
.mem-toolbar button.primary{background:#FFD4E8;color:white;}
.mem-threshold{
  background:rgba(255,255,255,0.85);
  border-radius:16px;padding:16px;margin-bottom:16px;
  display:flex;align-items:center;gap:16px;
}
.mem-threshold label{font-size:14px;color:#333;flex:1;}
.mem-threshold input{
  width:80px;padding:8px;border:1px solid rgba(0,0,0,0.1);
  border-radius:8px;font-size:14px;outline:none;text-align:center;
}
.mem-empty{
  text-align:center;color:rgba(255,255,255,0.8);
  font-size:14px;padding:48px;
}
/* 记忆馆：独立 iframe，避免与主应用样式互相污染 */
.scope-app-memory{background:#171019;}
.mem-museum-frame{
  position:absolute;inset:0;width:100%;height:100%;
  border:0;display:block;background:#171019;
}

