/* 通知悬浮阅读面板
   —— 由 styles.css 第 1540–1681 行原样切分，规则与顺序未改动。 */
/* 通知悬浮阅读面板 */
.notice-mask {
  position: absolute; inset: 0; z-index: 10030;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  animation: fadeIn 0.2s ease;
  overflow: hidden;
}

.glass-panel {
  width: 100%; max-width: 340px; max-height: 70vh;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  display: flex; flex-direction: column;
  animation: modalScale 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes modalScale {
  from { opacity: 0; transform: scale(0.9) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.notice-modal-header {
  padding: 20px 20px 12px;
  display: flex; justify-content: space-between; align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.notice-modal-title {
  font-size: 18px; font-weight: 600; color: #1C1C1E; flex: 1; padding-right: 12px; line-height: 1.4;
}
.notice-close-btn {
  background: rgba(0,0,0,0.05); border: none; width: 28px; height: 28px;
  border-radius: 50%; font-size: 20px; color: #666;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; flex-shrink: 0;
}
.notice-close-btn:active { background: rgba(0,0,0,0.1); }

.notice-modal-body {
  padding: 20px;
  font-size: 14px; color: #333; line-height: 1.7;
  overflow-y: auto; flex: 1;
  white-space: pre-wrap;
}
.notice-modal-footer {
  padding: 12px 20px 20px;
  font-size: 12px; color: #999; text-align: right;
}
.notify-card-title{font-size:16px;font-weight:600;color:#333;margin-bottom:6px;}
.notify-card-body{font-size:14px;color:#666;line-height:1.6;}
.notify-card-time{font-size:12px;color:#aaa;margin-top:6px;}

.bt-section{
  background:rgba(255,255,255,0.9);
  border-radius:16px;padding:16px;margin-bottom:16px;
}
.bt-section-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;}
.bt-preview{
  width:100%;height:100px;border-radius:8px;
  background:rgba(0,0,0,0.05);
  background-size:cover;background-position:center;
  margin-bottom:8px;display:flex;align-items:center;justify-content:center;
  color:#aaa;font-size:12px;
}
.bt-textarea{
  width:100%;min-height:80px;padding:8px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:8px;font-size:14px;
  font-family:inherit;outline:none;resize:vertical;margin-bottom:8px;
}

.set-tabs{
  display:flex;background:rgba(255,255,255,0.3);
  border-radius:16px;padding:4px;margin-bottom:16px;
}
.set-tab{
  flex:1;padding:12px;text-align:center;
  font-size:14px;color:#666;cursor:pointer;
  border-radius:8px;
}
.set-tab.active{background:rgba(255,255,255,0.9);color:#333;font-weight:600;}
.set-card{
  background:rgba(255,255,255,0.9);
  border-radius:16px;padding:16px;margin-bottom:16px;
}
.set-card-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;}
.set-form-row{margin-bottom:10px;}
.set-form-label{font-size:12px;color:#666;margin-bottom:4px;display:block;}
.set-form-input{
  width:100%;padding:8px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:8px;font-size:14px;
  font-family:inherit;outline:none;
}
.set-api-item{
  background:rgba(0,0,0,0.03);
  border-radius:8px;padding:10px;margin-bottom:8px;
  display:flex;justify-content:space-between;align-items:center;
}
.set-api-item-name{font-size:14px;font-weight:600;color:#333;}
.set-api-item-meta{font-size:12px;color:#999;}
.set-api-del{
  background:rgba(255,59,48,0.1);color:#ff3b30;
  border:none;border-radius:6px;padding:4px 10px;
  font-size:12px;cursor:pointer;
}
.set-prompt-item{
  background:rgba(0,0,0,0.03);
  border-radius:8px;padding:10px;margin-bottom:6px;
  display:flex;justify-content:space-between;align-items:center;
}
.set-prompt-item-name{font-size:14px;color:#333;}
.set-prompt-arrow{display:flex;gap:4px;}
.set-prompt-btn{
  background:rgba(0,0,0,0.05);
  border:none;border-radius:6px;
  width:28px;height:28px;cursor:pointer;font-size:14px;
}
.set-data-item{
  background:rgba(0,0,0,0.03);
  border-radius:8px;padding:10px;margin-bottom:6px;
  display:flex;justify-content:space-between;align-items:center;
}
.set-data-name{font-size:14px;color:#333;}
.set-data-size{font-size:12px;color:#999;}
.set-data-clear{
  background:rgba(255,59,48,0.1);color:#ff3b30;
  border:none;border-radius:6px;padding:4px 10px;
  font-size:12px;cursor:pointer;
}
.set-api-select{
  padding:6px 10px;border-radius:8px;
  border:1px solid rgba(0,0,0,0.1);
  font-size:12px;outline:none;font-family:inherit;
}