/* 依据旧站 get_idea/index.scss 移植，样式仅作用于工具正文。 */
.tool-root.getIdea {
  --max-w:1200px;
  width: 100%;
  max-width: var(--layout-max-width);
  height: 100%;
  padding: var(--content-padding) var(--content-padding) 0;
  min-height: 400px;
  display: flex;
  align-items: center;
}

.tool-root.getIdea .getIdea-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.tool-root.getIdea .getIdea-layout h1 {
  font-size: 28px;
  margin-bottom: 20px;
}

.tool-root.getIdea .getIdea-table-box {
  width: 100%;
  max-width: var(--max-w);
  margin-bottom: 20px;
}

.tool-root.getIdea .getIdea-table {
  width: 100%;
}
.tool-root.getIdea .getIdea-table a {
  font-weight: 700;
  color: #2D8CF0;
  cursor: pointer;
}
.tool-root.getIdea .getIdea-table a:hover {
  text-decoration: underline;
}
.tool-root.getIdea .getIdea-table tbody {
  position: relative;
}
.tool-root.getIdea .getIdea-table .tags {
  display: block;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid var(--Dark);
  color: var(--Dark);
  background-color: rgba(255, 90, 0, 0.32);
  width: fit-content;
  border-radius: 5px;
}
.tool-root.getIdea .getIdea-table th, .tool-root.getIdea .getIdea-table td {
  height: fit-content;
  padding: 15px 10px;
  color: #666;
  border: 1px solid #DCDEE2;
  text-align: left;
}
.tool-root.getIdea .getIdea-table th {
  background-color: #F8F8F9;
  color: #111;
}
.tool-root.getIdea .getIdea-table tr:nth-child(odd) {
  background: #fff;
}
.tool-root.getIdea .getIdea-table tr:nth-child(even) {
  background: #F5FAFA;
}
.tool-root.getIdea .getIdea-table tr:hover {
  background: #F5FAFA;
}

.tool-root.getIdea .alert-box {
  width: 100%;
  display: flex;
  padding: 20px;
  border: 1px solid #abdcff;
  background-color: #f0faff;
  max-width: var(--max-w);
  border-radius: 5px;
  align-items: center;
}
.tool-root.getIdea .alert-box .icons {
  font-size: 25px;
  color: #abdcff;
  margin-right: 20px;
}
.tool-root.getIdea .alert-box .title {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #515a6e;
}
.tool-root.getIdea .alert-box .title span:first-child {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}

.tool-root.getIdea { --Dark: var(--tool-accent, #ff5a00); --DarkTone: #5e5d5b; --layout-max-width: 1200px; --content-padding: 20px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
.tool-root.getIdea *, .tool-root.getIdea *::before, .tool-root.getIdea *::after { box-sizing: border-box; }
.tool-root.getIdea [hidden] { display: none !important; }
.tool-root.getIdea .getIdea-table [data-open] { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; color: #2d8cf0; cursor: pointer; }
.tool-root.getIdea .getIdea-table [data-open]:hover { text-decoration: underline; }
/* 与旧站 GoodSecret 弹窗一致，限定在工具根节点内。 */
.tool-root.resource-tool .mask { position: fixed; inset: 0; z-index: 1000001; display: flex; align-items: center; justify-content: center; padding: 20px; background: #0006; }
.tool-root.resource-tool .mask[hidden], .tool-root.resource-tool [hidden] { display: none !important; }
.tool-root.resource-tool .dialog { position: relative; width: min(90vw, 500px); max-height: 90vh; overflow: auto; border: 1px solid #888; border-radius: 10px; background: #fff; text-align: center; padding: 20px 25px; font-size: 14px; }
.tool-root.resource-tool .dialog h2 { font-size: 18px; font-weight: 400; margin: 0 0 20px; }
.tool-root.resource-tool .dialog .close { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: 50px; height: 50px; border: 0; background: none; color: #aaa; font-size: 38px; cursor: pointer; }
.tool-root.resource-tool .dialog .close:hover { color: #111; }
.tool-root.resource-tool .dialog img { width: 160px; max-width: 100%; }
.tool-root.resource-tool .dialog p { color: #003d79; line-height: 1.5; }
.tool-root.resource-tool .dialog form { display: flex; align-items: center; justify-content: center; gap: 0; margin: 0 auto 10px; }
.tool-root.resource-tool .dialog form label { display: flex; align-items: center; }
.tool-root.resource-tool .dialog input { width: 120px; height: 30px; padding: 0 5px; border: 1px solid gray; }
.tool-root.resource-tool .dialog form button { height: 30px; padding: 0 10px; border: 0; background: gray; color: white; cursor: pointer; }
.tool-root.resource-tool .dialog a { display: block; width: fit-content; margin: 20px auto; padding: 10px 16px; border: 1px solid var(--Dark); color: var(--Dark); text-decoration: none; }
.tool-root.resource-tool [data-feedback] { color: #b42318; }
@media (max-width: 640px) { .tool-root.resource-tool { padding: 20px 12px; } .tool-root.resource-tool h1 { font-size: 22px; } .tool-root.resource-tool .dialog { width: 100%; padding: 20px 12px; } }