
.hq-problems[data-v-76578788] {
    padding: 30px 32px 0;
    background: #f5f7f9;
    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    font-variant-numeric: tabular-nums;
    color: #1d1d1f;
}
.hp-card[data-v-76578788] {
    padding: 20px 22px;
    background: #fff;
    border: 1px solid rgb(0 0 0 / 8%);
    border-radius: 18px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 4%), 0 8px 28px rgb(0 0 0 / 5%);
}
.hp-head[data-v-76578788] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.hp-head h2[data-v-76578788] {
    margin: 0;
    font-size: 17px;
    font-weight: 650;
}
.hp-head p[data-v-76578788] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #6e6e73;
}
.hp-pill[data-v-76578788] {
    flex: none;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
}
.hp-pill.hot[data-v-76578788] {
    color: #c93400;
    background: #fff4e5;
}
.hp-pill.ok[data-v-76578788] {
    color: #1f8a3b;
    background: #eafaf0;
}
.hp-retry[data-v-76578788] {
    flex: none;
    padding: 5px 14px;
    font-size: 13px;
    color: #0071e3;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgb(0 113 227 / 30%);
    border-radius: 999px;
}
.hp-list[data-v-76578788] {
    display: grid;
    gap: 8px;
}
.hp-row[data-v-76578788] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    width: 100%;
    padding: 12px 14px;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    background: #fff4e5;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: border-color 0.15s;
}
.hp-row[data-v-76578788]:hover,
  .hp-row[data-v-76578788]:focus-visible {
    border-color: rgb(0 0 0 / 14%);
    outline: none;
}
.hp-row.sev-r[data-v-76578788] {
    background: #fff0ef;
}
.hp-row.sev-g[data-v-76578788] {
    background: #eafaf0;
}
.hp-tag[data-v-76578788] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #ff9500;
    border-radius: 8px;
}
.sev-r .hp-tag[data-v-76578788] {
    background: #ff3b30;
}
.sev-g .hp-tag[data-v-76578788] {
    background: #34c759;
}
.hp-main[data-v-76578788] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.hp-main b[data-v-76578788] {
    font-size: 14px;
    font-weight: 600;
}
.hp-main span[data-v-76578788] {
    font-size: 12px;
    color: #6e6e73;
}
.hp-num[data-v-76578788] {
    font-size: 22px;
    font-weight: 700;
}
.hp-go[data-v-76578788] {
    font-size: 13px;
    font-weight: 600;
    color: #0071e3;
}
.hp-empty[data-v-76578788] {
    padding: 14px;
    font-size: 13px;
    color: #6e6e73;
    text-align: center;
}
@media (max-width: 768px) {
.hq-problems[data-v-76578788] {
      padding: 16px 16px 0;
}
.hp-row[data-v-76578788] {
      grid-template-columns: 28px minmax(0, 1fr) auto;
}
.hp-go[data-v-76578788] {
      display: none;
}
}
