/* Product Review Page Styles - 简洁易读版 */

.back-link {
  display: inline-block;
  color: var(--a1);
  font-size: .85rem;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 14px;
  transition: opacity .25s
}

.back-link:hover {
  opacity: .7
}

/* Review Cards */
.review-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(20px);
  margin-bottom: 20px;
  animation: fu .7s ease-out both
}

.review-card.intro-card {
  padding: 26px 30px;
  font-size: .95rem;
  line-height: 2;
  color: var(--t2)
}

.review-card.intro-card strong {
  color: var(--t1)
}

.review-card-head {
  padding: 16px 28px 12px;
  border-bottom: 1px solid rgba(99, 102, 241, .08)
}

.review-tag {
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 6px
}

.review-tag.danger {
  background: rgba(248, 113, 113, .1);
  color: #f87171
}

.review-tag.danger::before {
  content: '▸ '
}

.review-tag.success {
  background: rgba(52, 211, 153, .1);
  color: #34d399
}

.review-tag.success::before {
  content: '▸ '
}

.review-card-body {
  padding: 24px 28px 28px
}

.solution-card {
  border-left: 3px solid var(--a5)
}

/* Issue Blocks */
.issue-block {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(99, 102, 241, .06)
}

.issue-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}

.issue-block h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--t1);
  margin-bottom: 14px;
  line-height: 1.6
}

/* Review Tables - 简洁风格 */
.review-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .88rem;
  margin: 14px 0
}

.review-table thead th {
  background: rgba(99, 102, 241, .04);
  color: var(--t3);
  font-weight: 600;
  font-size: .82rem;
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid rgba(99, 102, 241, .1)
}

.review-table tbody td {
  padding: 12px 16px;
  color: var(--t2);
  border-bottom: 1px solid rgba(99, 102, 241, .05);
  line-height: 1.7;
  font-size: .88rem
}

.review-table tbody tr:last-child td {
  border-bottom: none
}

.review-table tbody tr.highlight-row td {
  color: var(--t1);
  background: rgba(248, 113, 113, .04)
}

/* Issue Lists */
.issue-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0
}

.issue-list li {
  position: relative;
  padding: 8px 0 8px 18px;
  color: var(--t2);
  font-size: .9rem;
  line-height: 1.8
}

.issue-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--a4)
}

.issue-list li strong {
  color: var(--t1)
}

/* Solution Lists */
.solution-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: solution
}

.solution-list li {
  position: relative;
  padding: 14px 0 14px 36px;
  color: var(--t2);
  font-size: .92rem;
  line-height: 1.85;
  border-bottom: 1px solid rgba(99, 102, 241, .05);
  counter-increment: solution
}

.solution-list li:last-child {
  border-bottom: none
}

.solution-list li::before {
  content: counter(solution) '.';
  position: absolute;
  left: 0;
  top: 14px;
  color: var(--a5);
  font-weight: 800;
  font-size: .92rem
}

.solution-list li strong {
  color: var(--t1)
}

/* Note Text */
.note-text {
  color: var(--t2);
  font-size: .9rem;
  line-height: 1.85;
  margin-top: 12px;
  padding: 0
}

.note-text strong {
  color: var(--t1)
}