.star-score-container {
  background:#fff;
  border:1px solid var(--star-score-border-color);
  border-radius:12px;
  padding:0;
  margin:30px 0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.star-score-placement-holder[hidden] {
  display:none !important;
}
.star-score-container.star-score-placement-fallback {
  margin:20px auto;
  max-width:800px;
  padding:0 20px;
}
.io-black-mode .star-score-container {
  background-color:var(--main-bg-color);
  border-color:#4b4c4c;
}
.star-score-title {
  text-align:center;
  padding:15px 15px 0 15px;
}
.star-score-title h4 {
  margin:0;
  font-size:18px;
  font-weight:600;
  padding-bottom:15px !important;
  border-bottom:1px solid var(--star-score-border-color) !important;
}
.io-black-mode .star-score-title h4 {
  border-color:#4b4c4c !important;
}
.star-score-content {
  display:flex;
  gap:20px;
  align-items:stretch;
  min-height:120px;
  padding:15px;
}
.star-score-left {
  flex:0 0 250px;
  background:var(--star-score-left-bg);
  color:var(--star-score-left-text);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:30px 20px;
  margin:auto 0;
  border-radius:var(--theme-border-radius-md,10px);
  position:relative;
  overflow:hidden;
}
.star-score-left::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url(https://img.mystar.cc/i/2026/05/21/548154.webp);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  pointer-events:none;
}
.star-score-right {
  flex:1;
  display:flex;
  align-items:center;
  margin-right:10px;
}
.star-score-rating {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  height:100%;
  position:relative;
}
.star-score-stars {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  cursor:pointer;
  user-select:none;
  justify-content:center;
}
.star-score-gradient-defs {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
  visibility:hidden;
  z-index:-1;
}
.star-score-stars-row {
  display:flex;
  gap:5px;
  position:relative;
}
.star-score-stars[data-rated="true"] {
  cursor:default;
}
.star-score-star {
  width:24px;
  height:24px;
  cursor:pointer;
  transition:transform 0.2s ease,fill 0.2s ease;
  touch-action:manipulation;
  transform-origin:center;
  transform-box:fill-box;
}
@media (hover:hover) and (pointer:fine) {
  .star-score-stars:not([data-rated="true"]) .star-score-star:hover {
    transform:scale(1.08);
  }
}
.star-score-loading .star-score-star,.star-score-stars[data-rated="true"] .star-score-star {
  transform:none;
}
.star-score-average-display {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
}
.star-score-wheat-left,.star-score-wheat-right {
  width:35px;
  height:35px;
  fill:rgba(255,255,255,0.7);
  flex-shrink:0;
  transition:all 0.3s ease;
}
.star-score-left:hover .star-score-wheat-left,.star-score-left:hover .star-score-wheat-right {
  transform:scale(1.05);
}
@font-face {
  font-family:'ScoreFontName';
  src:url('fonts/ZiHunBianTaoTi.woff2') format('woff2');
}
.star-score-average-display .star-score-average {
  font-weight:bold;
  font-size:48px;
  color:white;
  line-height:0.8;
  font-family:'ScoreFontName',sans-serif;
}
.star-score-votes {
  display:inline-block;
  width:fit-content;
  max-width:100%;
  padding:4px 12px;
  color:rgba(255,255,255,0.9);
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  text-align:center;
  background:#ffffff40;
  border-radius:50px;
  letter-spacing:0.1em;
}
.star-score-votes-hover,.star-score-emoji-results-hover {
  display:none;
}
.star-score-votes.is-hover-text .star-score-votes-stats,.star-score-emoji-results.is-hover-text .star-score-emoji-results-stats {
  display:none;
}
.star-score-votes.is-hover-text .star-score-votes-hover,.star-score-emoji-results.is-hover-text .star-score-emoji-results-hover {
  display:inline;
}
.star-score-separator,.star-score-max {
  display:none;
}
.star-score-distribution {
  display:grid;
  grid-template-columns:80px 1fr max-content;
  column-gap:12px;
  row-gap:12px;
  align-items:center;
  padding:0;
  width:100%;
}
.star-score-distribution-row {
  display:contents;
  font-size:14px;
}
.star-score-distribution-label {
  text-align:left;
  min-width:0;
}
.star-score-distribution-stars {
  display:inline-flex;
  gap:1px;
}
.star-mini {
  width:14px;
  height:14px;
  margin-right:1px;
}
.star-mini.filled {
  fill:#ffc107;
}
.star-mini.outline {
  fill:#f0f0f0;
}
.star-score-distribution-bar {
  width:100%;
  min-width:0;
  height:8px;
  background:#f0f0f0;
  border-radius:4px;
  overflow:hidden;
  position:relative;
}
.star-score-distribution-fill {
  height:100%;
  border-radius:4px;
  transition:width 0.5s ease;
}
.star-score-distribution-fill:empty {
  min-width:0;
}
.star-score-distribution-count {
  font-size:12px;
  text-align:right;
  font-weight:500;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.star-score-message {
  display:none;
  margin:0 15px 15px;
  padding:8px;
  border-radius:8px;
  font-size:14px;
  text-align:center;
  font-weight:500;
  opacity:0;
  transform:translateY(-10px);
  transition:all 0.3s ease;
}
.star-score-message.success {
  display:block;
  opacity:1;
  transform:translateY(0);
  background-color:#d4edda;
  color:#155724;
  border:1px solid #c3e6cb;
}
.star-score-message.error {
  display:block;
  opacity:1;
  transform:translateY(0);
  background-color:#f8d7da;
  color:#721c24;
  border:1px solid #f5c6cb;
}
.star-score-message.info {
  display:block;
  opacity:1;
  transform:translateY(0);
  background-color:#d1ecf1;
  color:#0c5460;
  border:1px solid #bee5eb;
}
.star-score-message.prompt {
  display:block;
  opacity:1;
  transform:translateY(0);
  background:#f0f0f0;
  color:inherit;
  border:none;
  font-size:0.85rem;
  font-weight:500;
  padding:6px;
}
.io-black-mode .star-score-message.prompt {
  background:#1b1d1f;
}
.star-score-container:not(.star-score-widget-container) > .star-score-message.prompt {
  margin:0 12px 12px;
}
.star-score-loading .star-score-stars {
  opacity:0.5;
  pointer-events:none;
}
.star-score-loading .star-score-message.info::after {
  content:"...";
  animation:dots 1.5s steps(5,end) infinite;
}
@keyframes dots {
  0%,20% {
    color:rgba(0,0,0,0);
    text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0);
  }
  40% {
    color:#333;
    text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0);
  }
  60% {
    text-shadow:.25em 0 0 #333,.5em 0 0 rgba(0,0,0,0);
  }
  80%,100% {
    text-shadow:.25em 0 0 #333,.5em 0 0 #333;
  }
}
@media (max-width:768px) {
  .star-score-container {
    margin:20px 0;
  }
  .star-score-content {
    flex-direction:column;
    min-height:auto;
  }
  .star-score-left {
    flex:none;
    padding:30px 20px;
    margin:0;
  }
  .star-score-right {
    padding:0 5px;
  }
  .star-score-stars-row {
    gap:10px;
  }
  .star-score-title h4 {
    font-size:16px;
  }
  .star-score-star {
    width:25px;
    height:25px;
  }
  .star-score-distribution {
    grid-template-columns:72px 1fr max-content;
    column-gap:10px;
    row-gap:10px;
  }
  .star-score-distribution-row {
    font-size:13px;
  }
  .star-score-message {
    padding:10px 15px;
    font-size:13px;
  }
  .star-score-votes-hover {
    font-size:12px;
  }
}
@media (max-width:480px) {
  .star-score-votes-hover {
    font-size:11px;
  }
}
.star-score-custom-badge {
  display:inline-block;
  margin-left:8px;
  font-size:14px;
  opacity:0.7;
  cursor:help;
  color:#4285f4;
}
.star-score-container[data-custom="true"] .star-score-stars[data-disabled="true"] {
  opacity:0.8;
  cursor:default;
}
.star-score-container[data-custom="true"] .star-score-stars[data-disabled="true"] .star-score-star {
  cursor:default;
}
.star-score-container[data-custom="true"] .star-score-stars[data-disabled="true"] .star-score-star:hover {
  transform:none;
  filter:none;
}
.star-score-left .star-score-star {
  fill:var(--star-score-left-star-empty);
}
.star-score-left .star-score-star.filled {
  fill:var(--star-score-left-star-filled);
}
.star-score-left .star-score-star.half-filled {
  fill:url(#half-star-gradient);
}
.half-star-filled {
  stop-color:var(--star-score-left-star-filled);
  stop-opacity:1;
}
.half-star-empty {
  stop-color:var(--star-score-left-star-empty);
  stop-opacity:1;
}
.star-score-distribution-fill {
  background:var(--star-score-distribution-color);
}
.star-score-right .star-mini {
  fill:var(--star-score-right-star-empty);
}
.star-score-right .star-mini.filled {
  fill:var(--star-score-right-star-filled);
}
.star-score-right .star-mini.outline {
  fill:var(--star-score-right-star-empty);
}
#half-star-gradient stop:first-child {
  stop-color:var(--star-score-left-star-filled);
}
#half-star-gradient stop:last-child {
  stop-color:var(--star-score-left-star-empty);
}
.star-score-left .star-score-average,.star-score-left .star-score-votes,.star-score-left .star-score-separator,.star-score-left .star-score-max {
  color:var(--star-score-left-text);
}
.star-score-wheat-left,.star-score-wheat-right {
  fill:var(--star-score-left-text);
}
.star-score-left .star-score-votes-hover {
  color:var(--star-score-left-text);
}
.star-score-feedback-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(2px);
}
.star-score-feedback-modal {
  background:white;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,0.3);
  max-width:500px;
  width:90%;
  max-height:80vh;
  overflow:hidden;
  transform:scale(0.9);
  animation:feedbackModalShow 0.3s ease forwards;
}
@keyframes feedbackModalShow {
  to {
    transform:scale(1);
  }
}
.star-score-feedback-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 24px;
  border-bottom:1px solid #e1e5e9;
  background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
}
.star-score-feedback-header h4 {
  margin:0;
  font-size:18px;
  font-weight:600;
  color:#2c3e50;
  display:flex;
  align-items:center;
  gap:8px;
}
.star-score-feedback-close {
  background:none;
  border:none;
  font-size:24px;
  color:#6c757d;
  cursor:pointer;
  padding:0;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:all 0.2s ease;
}
.star-score-feedback-close:hover {
  background:rgba(108,117,125,0.1);
  color:#495057;
}
.star-score-feedback-body {
  padding:24px;
}
.star-score-feedback-prompt {
  margin:0 0 16px 0;
  color:#6c757d;
  line-height:1.5;
  font-size:14px;
}
.star-score-feedback-form {
  position:relative;
}
.star-score-feedback-text {
  width:100%;
  min-height:100px;
  padding:12px 16px;
  border:2px solid #e1e5e9;
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
  line-height:1.5;
  resize:vertical;
  transition:border-color 0.2s ease;
  box-sizing:border-box;
}
.star-score-feedback-text:focus {
  outline:none;
  border-color:var(--star-score-left-bg,#4285f4);
  box-shadow:0 0 0 3px rgba(66,133,244,0.1);
}
.star-score-feedback-text::placeholder {
  color:#adb5bd;
}
.star-score-feedback-actions {
  display:flex;
  gap:12px;
  margin-top:16px;
  justify-content:flex-end;
}
.star-score-feedback-cancel,.star-score-feedback-submit {
  padding:10px 20px;
  border:none;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.2s ease;
  min-width:80px;
}
.star-score-feedback-cancel {
  background:#f8f9fa;
  color:#6c757d;
  border:1px solid #e1e5e9;
}
.star-score-feedback-cancel:hover {
  background:#e9ecef;
  color:#495057;
}
.star-score-feedback-submit {
  background:var(--star-score-left-bg,#4285f4);
  color:white;
}
.star-score-feedback-submit:hover {
  background:var(--star-score-left-bg,#3367d6);
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(66,133,244,0.3);
}
.star-score-feedback-submit:disabled {
  background:#adb5bd;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.star-score-feedback-loading {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,0.95);
  padding:12px 20px;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  font-size:14px;
  color:#6c757d;
  display:flex;
  align-items:center;
  gap:8px;
}
.star-score-feedback-loading::before {
  content:'';
  width:16px;
  height:16px;
  border:2px solid #e1e5e9;
  border-top:2px solid var(--star-score-left-bg,#4285f4);
  border-radius:50%;
  animation:spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
@media (max-width:768px) {
  .star-score-feedback-modal {
    width:95%;
    margin:20px;
  }
  .star-score-feedback-header,.star-score-feedback-body {
    padding:16px;
  }
  .star-score-feedback-actions {
    flex-direction:column-reverse;
  }
  .star-score-feedback-cancel,.star-score-feedback-submit {
    width:100%;
  }
}
@keyframes shimmer {
  0% {
    background-position:-468px 0;
  }
  100% {
    background-position:468px 0;
  }
}
.star-score-container-loading .star-score-average,.star-score-container-loading .star-score-distribution-fill,.star-score-container-loading .star-score-distribution-count span {
  color:transparent !important;
  border-radius:4px;
}
.star-score-container-loading .star-score-average,.star-score-container-loading .star-score-votes,.star-score-container-loading .star-score-distribution-count,.star-score-container-loading .star-score-distribution-fill {
  position:relative;
  overflow:hidden;
}
.star-score-container-loading .star-score-average::before,.star-score-container-loading .star-score-votes::before,.star-score-container-loading .star-score-distribution-count::before,.star-score-container-loading .star-score-distribution-fill::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  animation:shimmer 3s linear infinite;
  background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.8) 50%,transparent 100%);
  background-size:200% 100%;
}
.star-score-widget-container > .star-score-message.success,.star-score-widget-container > .star-score-message.error,.star-score-widget-container > .star-score-message.info,.star-score-widget-container > .star-score-message.prompt {
  margin:0.5rem 0 0;
  z-index:2;
  font-size:13px;
  padding:8px 12px;
  border-radius:8px;
  transform:none;
  opacity:1;
}
.score-widget-stars .star-score-star {
  width:28px;
  height:28px;
  cursor:pointer;
  transition:transform 0.2s ease,fill 0.2s ease;
  touch-action:manipulation;
  transform-origin:center;
  transform-box:fill-box;
  fill:var(--star-score-left-star-empty,rgba(255,255,255,0.3));
}
.score-widget-stars {
  text-align:center;
  padding:12px;
}
.score-widget-stars .star-score-left {
  flex:none;
  width:100%;
  margin:0;
  padding:20px 10px;
}
.star-score-stars-widget {
  width:100%;
}
.score-widget-stars .star-score-widget-title-row .star-score-widget-title {
  margin:0;
  color:#fff;
  font-size:16px;
}
.score-widget-emoji .star-score-emoji-title-row .star-score-emoji-title {
  font-size:1.1rem;
  font-weight:500;
  margin:0;
  color:#fff;
}
.score-widget-emoji {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.4;
  position:relative;
  text-align:center;
  padding:12px;
}
.star-score-emoji-panel {
  background:var(--star-score-left-bg);
  display:flex;
  flex-direction:column;
  padding:20px 10px;
  border-radius:var(--theme-border-radius-md,10px);
}
.star-score-emoji-panel::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url(https://img.mystar.cc/i/2026/05/21/645373.webp);
  background-size:cover;
  opacity:0.8;
}
.score-widget-emoji .star-score-emoji-title-row {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 .25rem;
}
.score-widget-emoji .star-score-emoji-title-row .star-score-wheat-left,.score-widget-emoji .star-score-emoji-title-row .star-score-wheat-right {
  width:24px;
  height:24px;
  flex-shrink:0;
  fill:#fff;
  opacity:.75;
  transform:translateY(-2px);
}
.score-widget-emoji .star-score-emoji-subtitle {
  font-size:.85rem;
  opacity:.75;
  color:#fff;
  margin:0 0 .75rem;
}
.score-widget-emoji .star-score-emoji-icons {
  display:flex;
  justify-content:center;
  position:relative;
}
.score-widget-emoji .star-score-emoji-icons::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:auto;
}
.score-widget-emoji .star-score-emoji-results {
  display:inline-block;
  width:fit-content;
  max-width:100%;
  margin:.7rem auto 0;
  padding:6px 12px;
  font-size:.8rem;
  line-height:1.4;
  color:#fff;
  background:rgb(0 0 0 / 10%);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  border:1px solid rgb(255 255 255 / 20%);
  border-radius:50px;
}
.score-widget-emoji .star-score-distribution,.score-widget-stars .star-score-distribution {
  width:100%;
  margin:.75rem 0 0;
  padding:.65rem .35rem 0;
  border-top:1px solid #eceaf3;
  text-align:left;
  grid-template-columns:72px 1fr max-content;
  column-gap:8px;
  row-gap:8px;
}
.io-black-mode .score-widget-emoji .star-score-distribution,.io-black-mode .score-widget-stars .star-score-distribution {
  border-color:#4b4c4c;
}
.score-widget-emoji .star-score-distribution-row,.score-widget-stars .star-score-distribution-row {
  font-size:12px;
}
.score-widget-emoji .star-score-distribution-stars,.score-widget-stars .star-score-distribution-stars {
  display:inline-flex;
  gap:1px;
}
.score-widget-emoji .star-mini,.score-widget-stars .star-mini {
  width:12px;
  height:12px;
}
.score-widget-emoji .star-mini.filled,.score-widget-stars .star-mini.filled {
  fill:var(--star-score-right-star-filled,#ffc107);
}
.score-widget-emoji .star-mini.outline,.score-widget-stars .star-mini.outline {
  fill:var(--star-score-right-star-empty,#f0f0f0);
}
.score-widget-emoji .star-score-distribution-bar,.score-widget-stars .star-score-distribution-bar {
  height:6px;
  background:rgba(0,0,0,0.08);
  border-radius:3px;
  overflow:hidden;
}
.score-widget-emoji .star-score-distribution-fill,.score-widget-stars .star-score-distribution-fill {
  height:100%;
  border-radius:3px;
  background:var(--star-score-distribution-color,#ff9800);
  transition:width 0.5s ease;
}
.score-widget-emoji .star-score-distribution-count,.score-widget-stars .star-score-distribution-count {
  font-size:11px;
  opacity:0.85;
}
.score-widget-emoji .star-score-emoji-list.feedback.static-feedback li {
  cursor:default;
}
.score-widget-emoji.star-score-container-loading,.score-widget-stars.star-score-container-loading {
  opacity:.7;
  pointer-events:none;
}
.score-widget-emoji.star-score-container-loading .star-score-average,.score-widget-emoji.star-score-container-loading .star-score-votes-count,.score-widget-stars.star-score-container-loading .star-score-average,.score-widget-stars.star-score-container-loading .star-score-votes-stats span,.score-widget-emoji.star-score-container-loading .star-score-distribution-fill,.score-widget-emoji.star-score-container-loading .star-score-distribution-count span,.score-widget-stars.star-score-container-loading .star-score-distribution-fill,.score-widget-stars.star-score-container-loading .star-score-distribution-count span {
  color:transparent !important;
  border-radius:4px;
}
.score-widget-emoji.star-score-container-loading .star-score-average,.score-widget-emoji.star-score-container-loading .star-score-votes-count,.score-widget-stars.star-score-container-loading .star-score-average,.score-widget-stars.star-score-container-loading .star-score-votes,.score-widget-emoji.star-score-container-loading .star-score-distribution-count,.score-widget-emoji.star-score-container-loading .star-score-distribution-fill,.score-widget-stars.star-score-container-loading .star-score-distribution-count,.score-widget-stars.star-score-container-loading .star-score-distribution-fill {
  position:relative;
  overflow:hidden;
}
.score-widget-emoji.star-score-container-loading .star-score-average::before,.score-widget-emoji.star-score-container-loading .star-score-votes-count::before,.score-widget-stars.star-score-container-loading .star-score-average::before,.score-widget-stars.star-score-container-loading .star-score-votes::before,.score-widget-emoji.star-score-container-loading .star-score-distribution-count::before,.score-widget-emoji.star-score-container-loading .star-score-distribution-fill::before,.score-widget-stars.star-score-container-loading .star-score-distribution-count::before,.score-widget-stars.star-score-container-loading .star-score-distribution-fill::before {
  content:'';
  position:absolute;
  inset:0;
  animation:shimmer 3s linear infinite;
  background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.35) 50%,transparent 100%);
  background-size:200% 100%;
}
.score-widget-emoji .star-score-emoji-list.feedback {
  --normal:#eceaf3;
  --normal-shadow:#d9d8e3;
  --normal-mouth:#9795a4;
  --normal-eye:#595861;
  --active:#f8da69;
  --active-shadow:#f4b555;
  --active-mouth:#f05136;
  --active-eye:#313036;
  --active-tear:#76b5e7;
  --active-shadow-angry:#e94f1d;
  position:relative;
  z-index:1;
  display:flex;
  gap:12px;
  list-style:none;
  margin:0;
  padding:0;
}
.score-widget-emoji .star-score-emoji-list.feedback li {
  background:var(--sb,var(--normal));
  border-radius:50%;
  box-shadow:inset 3px -3px 4px var(--sh,var(--normal-shadow));
  position:relative;
  transition:background .4s,box-shadow .4s,transform .3s;
  -webkit-tap-highlight-color:transparent;
}
.score-widget-emoji .star-score-emoji-list.feedback li div {
  height:40px;
  position:relative;
  transform:perspective(240px) translateZ(4px);
  width:40px;
}
.score-widget-emoji .star-score-emoji-list.feedback li div svg,.score-widget-emoji .star-score-emoji-list.feedback li div:after,.score-widget-emoji .star-score-emoji-list.feedback li div:before {
  display:block;
  height:var(--h,2px);
  left:var(--l,9px);
  position:absolute;
  top:var(--t,13px);
  transform:rotate(var(--r,0deg)) scale(var(--sc,1)) translateZ(0);
  width:var(--w,8px);
}
.score-widget-emoji .star-score-emoji-list.feedback li div svg {
  fill:none;
  stroke:var(--s);
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2px;
  transition:stroke .4s;
}
.score-widget-emoji .star-score-emoji-list.feedback li div svg.eye {
  --s:var(--e,var(--normal-eye));
  --t:17px;
  --w:7px;
  --h:4px;
}
.score-widget-emoji .star-score-emoji-list.feedback li div svg.eye.right {
  --l:23px;
}
.score-widget-emoji .star-score-emoji-list.feedback li div svg.mouth {
  --s:var(--m,var(--normal-mouth));
  --l:11px;
  --t:23px;
  --w:18px;
  --h:7px;
}
.score-widget-emoji .star-score-emoji-list.feedback li div:after,.score-widget-emoji .star-score-emoji-list.feedback li div:before {
  background:var(--b,var(--e,var(--normal-eye)));
  border-radius:var(--br,1px);
  content:"";
  transition:background .4s;
  z-index:var(--zi,1);
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry {
  --step-1-rx:-24deg;
  --step-1-ry:20deg;
  --step-2-rx:-24deg;
  --step-2-ry:-20deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry div:before {
  --r:20deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry div:after {
  --l:23px;
  --r:-20deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry div svg.eye {
  stroke-dasharray:4.55;
  stroke-dashoffset:8.15;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry.active {
  -webkit-animation:star-score-emoji-angry 1s linear;
  animation:star-score-emoji-angry 1s linear;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry.active div:before {
  --middle-y:-2px;
  --middle-r:22deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry.active div:after,.score-widget-emoji .star-score-emoji-list.feedback li.angry.active div:before {
  -webkit-animation:star-score-emoji-toggle .8s linear forwards;
  animation:star-score-emoji-toggle .8s linear forwards;
}
.score-widget-emoji .star-score-emoji-list.feedback li.angry.active div:after {
  --middle-y:1px;
  --middle-r:-18deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.sad {
  --step-1-rx:20deg;
  --step-1-ry:-12deg;
  --step-2-rx:-18deg;
  --step-2-ry:14deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.sad div:after,.score-widget-emoji .star-score-emoji-list.feedback li.sad div:before {
  --b:var(--active-tear);
  --sc:0;
  --w:5px;
  --h:5px;
  --t:15px;
  --br:50%;
}
.score-widget-emoji .star-score-emoji-list.feedback li.sad div:after {
  --l:25px;
}
.score-widget-emoji .star-score-emoji-list.feedback li.sad div svg.eye {
  --t:16px;
}
.score-widget-emoji .star-score-emoji-list.feedback li.sad div svg.mouth {
  --t:24px;
  stroke-dasharray:9.5;
  stroke-dashoffset:33.25;
}
.score-widget-emoji .star-score-emoji-list.feedback li.sad.active div:after,.score-widget-emoji .star-score-emoji-list.feedback li.sad.active div:before {
  -webkit-animation:star-score-emoji-tear .6s linear forwards;
  animation:star-score-emoji-tear .6s linear forwards;
}
.score-widget-emoji .star-score-emoji-list.feedback li.ok {
  --step-1-rx:4deg;
  --step-1-ry:-22deg;
  --step-1-rz:6deg;
  --step-2-rx:4deg;
  --step-2-ry:22deg;
  --step-2-rz:-6deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.ok div:before {
  --l:12px;
  --t:17px;
  --h:4px;
  --w:4px;
  --br:50%;
  box-shadow:12px 0 0 var(--e,var(--normal-eye));
}
.score-widget-emoji .star-score-emoji-list.feedback li.ok div:after {
  --l:13px;
  --t:26px;
  --w:14px;
  --h:2px;
  --br:1px;
  --b:var(--m,var(--normal-mouth));
}
.score-widget-emoji .star-score-emoji-list.feedback li.ok.active div:before {
  --middle-s-y:.35;
  -webkit-animation:star-score-emoji-toggle .2s linear forwards;
  animation:star-score-emoji-toggle .2s linear forwards;
}
.score-widget-emoji .star-score-emoji-list.feedback li.ok.active div:after {
  --middle-s-x:.5;
  -webkit-animation:star-score-emoji-toggle .7s linear forwards;
  animation:star-score-emoji-toggle .7s linear forwards;
}
.score-widget-emoji .star-score-emoji-list.feedback li.good {
  --step-1-rx:-14deg;
  --step-1-rz:10deg;
  --step-2-rx:10deg;
  --step-2-rz:-8deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.good div:before {
  --b:var(--m,var(--normal-mouth));
  --w:5px;
  --h:5px;
  --br:50%;
  --t:22px;
  --zi:0;
  box-shadow:16px 0 0 var(--b);
  filter:blur(2px);
  opacity:.5;
}
.score-widget-emoji .star-score-emoji-list.feedback li.good div:after {
  --sc:0;
}
.score-widget-emoji .star-score-emoji-list.feedback li.good div svg.eye {
  --t:15px;
  --sc:-1;
  stroke-dasharray:4.55;
  stroke-dashoffset:8.15;
}
.score-widget-emoji .star-score-emoji-list.feedback li.good div svg.mouth {
  --t:22px;
  --sc:-1;
  stroke-dasharray:13.3;
  stroke-dashoffset:23.75;
}
.score-widget-emoji .star-score-emoji-list.feedback li.good.active div svg.mouth {
  --middle-y:1px;
  --middle-s:-1;
  -webkit-animation:star-score-emoji-toggle .8s linear forwards;
  animation:star-score-emoji-toggle .8s linear forwards;
}
.score-widget-emoji .star-score-emoji-list.feedback li.happy div {
  --step-1-rx:18deg;
  --step-1-ry:24deg;
  --step-2-rx:18deg;
  --step-2-ry:-24deg;
}
.score-widget-emoji .star-score-emoji-list.feedback li.happy div:before {
  --sc:0;
}
.score-widget-emoji .star-score-emoji-list.feedback li.happy div:after {
  --b:var(--m,var(--normal-mouth));
  --l:11px;
  --t:23px;
  --w:18px;
  --h:8px;
  --br:0 0 8px 8px;
}
.score-widget-emoji .star-score-emoji-list.feedback li.happy div svg.eye {
  --t:14px;
  --sc:-1;
}
.score-widget-emoji .star-score-emoji-list.feedback li.happy.active div:after {
  --middle-s-x:.95;
  --middle-s-y:.75;
  -webkit-animation:star-score-emoji-toggle .8s linear forwards;
  animation:star-score-emoji-toggle .8s linear forwards;
}
.score-widget-emoji .star-score-emoji-list.feedback li:not(.active) {
  cursor:pointer;
}
.score-widget-emoji .star-score-emoji-list.feedback li:not(.active):active {
  transform:scale(.925);
}
.score-widget-emoji .star-score-emoji-list.feedback li.active {
  --sb:var(--active);
  --sh:var(--active-shadow);
  --m:var(--active-mouth);
  --e:var(--active-eye);
}
.score-widget-emoji .star-score-emoji-list.feedback li.active div {
  -webkit-animation:star-score-emoji-shake .8s linear forwards;
  animation:star-score-emoji-shake .8s linear forwards;
}
@-webkit-keyframes star-score-emoji-shake {
  30% {
    transform:perspective(240px) rotateX(var(--step-1-rx,0deg)) rotateY(var(--step-1-ry,0deg)) rotateZ(var(--step-1-rz,0deg)) translateZ(10px);
  }
  60% {
    transform:perspective(240px) rotateX(var(--step-2-rx,0deg)) rotateY(var(--step-2-ry,0deg)) rotateZ(var(--step-2-rz,0deg)) translateZ(10px);
  }
  to {
    transform:perspective(240px) translateZ(4px);
  }
}
@keyframes star-score-emoji-shake {
  30% {
    transform:perspective(240px) rotateX(var(--step-1-rx,0deg)) rotateY(var(--step-1-ry,0deg)) rotateZ(var(--step-1-rz,0deg)) translateZ(10px);
  }
  60% {
    transform:perspective(240px) rotateX(var(--step-2-rx,0deg)) rotateY(var(--step-2-ry,0deg)) rotateZ(var(--step-2-rz,0deg)) translateZ(10px);
  }
  to {
    transform:perspective(240px) translateZ(4px);
  }
}
@-webkit-keyframes star-score-emoji-tear {
  0% {
    opacity:0;
    transform:translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    transform:translateY(12px) scale(.6,1.2) translateZ(0);
  }
  20%,80% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(24px) translateX(4px) rotate(-30deg) scale(.7,1.1) translateZ(0);
  }
}
@keyframes star-score-emoji-tear {
  0% {
    opacity:0;
    transform:translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    transform:translateY(12px) scale(.6,1.2) translateZ(0);
  }
  20%,80% {
    opacity:1;
  }
  to {
    opacity:0;
    transform:translateY(24px) translateX(4px) rotate(-30deg) scale(.7,1.1) translateZ(0);
  }
}
@-webkit-keyframes star-score-emoji-toggle {
  50% {
    transform:translateY(var(--middle-y,0)) scale(var(--middle-s-x,var(--middle-s,1)),var(--middle-s-y,var(--middle-s,1))) rotate(var(--middle-r,0deg));
  }
}
@keyframes star-score-emoji-toggle {
  50% {
    transform:translateY(var(--middle-y,0)) scale(var(--middle-s-x,var(--middle-s,1)),var(--middle-s-y,var(--middle-s,1))) rotate(var(--middle-r,0deg));
  }
}
@-webkit-keyframes star-score-emoji-angry {
  40% {
    background:var(--active);
  }
  45% {
    box-shadow:inset 3px -3px 4px var(--active-shadow),inset 0 8px 10px var(--active-shadow-angry);
  }
}
@keyframes star-score-emoji-angry {
  40% {
    background:var(--active);
  }
  45% {
    box-shadow:inset 3px -3px 4px var(--active-shadow),inset 0 8px 10px var(--active-shadow-angry);
  }
}
.score-widget-emoji .star-score-emoji-list.feedback li.star-score-emoji-item {
  flex-shrink:0;
}
.score-widget-emoji .star-score-emoji-list.feedback li .star-score-emoji-icon {
  height:40px;
  width:40px;
  position:relative;
  transform:perspective(240px) translateZ(4px);
}
@media (hover:hover) {
  .score-widget-emoji .star-score-emoji-list.feedback:not(.static-feedback)>li.star-score-emoji-item:hover {
    --sb:var(--active);
    --sh:var(--active-shadow);
    --m:var(--active-mouth);
    --e:var(--active-eye);
  }
}
.score-widget-thumb {
  text-align:center;
  padding:12px;
  position:relative;
}
.star-score-thumb-panel {
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.star-score-thumb-stats {
  padding:20px 16px 16px;
  background:var(--star-score-left-bg);
  border-radius:var(--theme-border-radius-md,10px);
}
.star-score-thumb-stats::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url(https://img.mystar.cc/i/2026/05/21/645373.webp);
  background-size:cover;
  opacity:0.8;
}
.star-score-thumb-panel > * {
  position:relative;
  z-index:1;
}
.star-score-thumb-stats {
  width:100%;
  margin-bottom:12px;
}
.score-widget-thumb .star-score-average-display {
  margin-bottom:12px;
  margin-top:6px;
}
.score-widget-thumb .star-score-votes.is-hover-text .star-score-votes-stats {
  display:none;
}
.score-widget-thumb .star-score-votes.is-hover-text .star-score-votes-hover {
  display:inline;
}
.score-widget-thumb .star-score-votes-hover {
  display:none;
  color:#fff;
}
.star-score-thumb-actions {
  display:flex;
  gap:22px;
  width:100%;
  max-width:300px;
  justify-content:center;
  align-items:stretch;
}
.star-score-thumb-btn {
  flex:1 1 0;
  min-width:0;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.1);
  border:none;
  color:#fff;
  line-height:1.25;
  letter-spacing:0.02em;
  white-space:nowrap;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  font-family:'ScoreFontName',sans-serif;
  transition:flex-grow 0.28s cubic-bezier(0.4,0,0.2,1),flex-basis 0.28s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease,transform 0.18s ease;
}
.star-score-thumb-actions:not([data-rated="true"]):has(.star-score-thumb-up:hover) .star-score-thumb-up {
  flex-grow:1.55;
}
.star-score-thumb-actions:not([data-rated="true"]):has(.star-score-thumb-up:hover) .star-score-thumb-down {
  flex-grow:0.65;
}
.star-score-thumb-actions:not([data-rated="true"]):has(.star-score-thumb-down:hover) .star-score-thumb-down {
  flex-grow:1.55;
}
.star-score-thumb-actions:not([data-rated="true"]):has(.star-score-thumb-down:hover) .star-score-thumb-up {
  flex-grow:0.65;
}
.star-score-thumb-up,.star-score-thumb-up::before {
  background:#e2f1ff;
  position:relative;
  color:#008aff;
}
.star-score-thumb-up::before {
  content:'';
  position:absolute;
  bottom:0;
  top:0;
  right:-6px;
  border-radius:6px;
  width:40%;
  z-index:-1;
  transform:skew(-15deg);
}
.star-score-thumb-down,.star-score-thumb-down::before {
  background:rgb(255 220 222);
  position:relative;
  color:#ff4c52;
}
.star-score-thumb-down::before {
  content:'';
  position:absolute;
  bottom:0;
  top:0;
  left:-6px;
  border-radius:6px;
  width:40%;
  z-index:-1;
  transform:skew(-15deg);
}
.star-score-thumb-btn.is-pulse {
  transform:scale(0.97);
}
.star-score-thumb-actions[data-rated="true"] .star-score-thumb-btn {
  cursor:default;
}
.star-score-thumb-actions[data-rated="true"] .star-score-thumb-btn:not(.is-active) {
  opacity:0.5;
}
.star-score-thumb-actions[data-rated="true"] .star-score-thumb-btn.is-active {
  opacity:1;
}
.star-score-thumb-btn:active {
  transform:scale(0.9);
}
.star-score-thumb-actions[data-rated="true"] .star-score-thumb-btn:active {
  transform:scale(1);
}
.score-widget-thumb .star-score-thumb-distribution {
  margin-top:12px;
  padding:10px 12px;
  border-radius:var(--theme-border-radius-md,10px);
  background:rgb(245 245 245);
  text-align:left;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  column-gap:10px;
  row-gap:8px;
}
.io-black-mode .score-widget-thumb .star-score-thumb-distribution {
  background:rgba(40,40,40,0.92);
}
.score-widget-thumb .star-score-thumb-distribution .star-score-distribution-row {
  font-size:12px;
}
.score-widget-thumb .star-score-thumb-distribution .star-score-distribution-label {
  width:max-content;
  white-space:nowrap;
  font-size:0.85rem;
  font-weight:500;
}
.score-widget-thumb.star-score-container-loading,.score-widget-thumb.star-score-container-loading .star-score-thumb-actions {
  opacity:0.7;
  pointer-events:none;
}
.score-widget-thumb.star-score-container-loading .star-score-average,.score-widget-thumb.star-score-container-loading .star-score-votes-stats span,.score-widget-thumb.star-score-container-loading .star-score-distribution-fill,.score-widget-thumb.star-score-container-loading .star-score-distribution-count span {
  color:transparent !important;
  border-radius:4px;
}
.score-widget-thumb.star-score-container-loading .star-score-average,.score-widget-thumb.star-score-container-loading .star-score-votes,.score-widget-thumb.star-score-container-loading .star-score-distribution-count,.score-widget-thumb.star-score-container-loading .star-score-distribution-fill {
  position:relative;
  overflow:hidden;
}
.score-widget-thumb.star-score-container-loading .star-score-average::before,.score-widget-thumb.star-score-container-loading .star-score-votes::before,.score-widget-thumb.star-score-container-loading .star-score-distribution-count::before,.score-widget-thumb.star-score-container-loading .star-score-distribution-fill::before {
  content:'';
  position:absolute;
  inset:0;
  animation:shimmer 3s linear infinite;
  background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.35) 50%,transparent 100%);
  background-size:200% 100%;
}
.star-score-widget-container.star-score-loading .score-widget-emoji,.star-score-widget-container.star-score-loading .score-widget-stars,.star-score-widget-container.star-score-loading .score-widget-thumb,.score-widget-emoji.star-score-loading {
  opacity:0.7;
  pointer-events:none;
}