/* 网名 / 个签生成器样式 */

.nk-input {
  background: #fff7f5; border: 1px solid #ffd6c8; border-radius: 12px;
  padding: 16px 20px; margin-bottom: 16px;
}
.nk-input h3 { margin: 0 0 12px; color: #c2410c; font-size: 1.05rem; }
.nk-input-row {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.nk-fld label {
  display: block; font-size: 0.85rem; color: #92400e; margin-bottom: 4px; font-weight: 600;
}
.nk-fld input {
  width: 100%; padding: 8px 12px; border: 1px solid #fed7aa;
  border-radius: 8px; font-size: 0.95rem; background: #fff;
}

.nk-styles {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px; margin-bottom: 14px;
}
.nk-style {
  cursor: pointer; padding: 12px 14px; background: #fff;
  border: 2px solid #f0f0f0; border-radius: 12px; transition: all 0.2s;
  text-align: center;
}
.nk-style:hover { border-color: #fdba74; transform: translateY(-1px); }
.nk-style.active {
  border-color: #f97316; background: linear-gradient(135deg, #fff7ed, #ffedd5);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.18);
}
.nk-style-h { font-weight: 700; color: #222; margin-bottom: 2px; }
.nk-style-d { font-size: 0.78rem; color: #888; }

.nk-actions {
  display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0;
}
.nk-btn {
  padding: 8px 18px; border-radius: 8px; cursor: pointer;
  border: 1px solid transparent; font-size: 0.95rem; transition: all 0.15s;
}
.nk-btn-primary { background: #f97316; color: #fff; border-color: #ea580c; }
.nk-btn-primary:hover { background: #ea580c; }
.nk-btn-secondary { background: #fff; color: #c2410c; border-color: #fed7aa; }
.nk-btn-secondary:hover { background: #fff7ed; }

.nk-section {
  background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
  padding: 16px 20px; margin-bottom: 16px;
}
.nk-section h3 {
  margin: 0 0 12px; font-size: 1.05rem; color: #c2410c;
  display: flex; align-items: center; gap: 6px;
}
.nk-section .nk-tip {
  font-size: 0.78rem; color: #999; font-weight: normal;
}

.nk-list {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
}
.nk-card {
  background: linear-gradient(135deg, #fff7ed, #ffedd5);
  border: 1px solid #fed7aa; border-radius: 10px;
  padding: 14px 12px; cursor: pointer; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  position: relative; transition: all 0.15s;
}
.nk-card:hover {
  background: linear-gradient(135deg, #ffedd5, #fed7aa);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.18);
}
.nk-text { font-weight: 700; color: #9a3412; font-size: 1rem; word-break: break-all; line-height: 1.4; }
.nk-copy {
  background: #f97316; color: #fff; border: 0; padding: 4px 10px;
  border-radius: 999px; font-size: 0.75rem; cursor: pointer;
}
.nk-copy:hover { background: #ea580c; }
.nk-copy-sm { padding: 2px 8px; font-size: 0.72rem; }

.nk-sig {
  background: #fff7f5; border: 1px solid #ffd6c8; border-radius: 8px;
  padding: 10px 14px; margin-bottom: 8px; cursor: pointer;
  display: flex; align-items: center; gap: 10px;
  transition: all 0.15s;
}
.nk-sig:hover { background: #fed7aa; }
.nk-sig-text { flex: 1; color: #444; font-size: 0.95rem; line-height: 1.5; }

@media (max-width: 768px) {
  .nk-list { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
  .nk-styles { grid-template-columns: repeat(2, 1fr); }
}

/* 打印隐藏 */
@media print {
  body > *, .m-tabbar, nav.m-tabbar, #toolFavBtn, .float-cta { display: none !important; }
}