/* Chery Club 2026 — support widget. Shared by forum, homepage and photo chronicle. */
.cc-support-widget{
  z-index:20!important;
  width:248px!important;
  min-height:112px!important;
  padding:11px 12px!important;
  background:rgba(255,250,248,.95)!important;
  border:1px solid rgba(215,25,32,.34)!important;
  box-shadow:0 9px 30px rgba(112,24,27,.14),0 1px 0 rgba(255,255,255,.85) inset!important;
  overflow:visible!important;
}
.cc-support-widget:before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#d71920;border-radius:12px 0 0 12px;opacity:.92;
}
.cc-support-widget .cc-user-badge{box-shadow:0 0 0 4px rgba(215,25,32,.06);}
.cc-support-copy{min-width:0;cursor:pointer;outline:none;}
.cc-support-copy strong{color:#222!important;font-size:13px!important;letter-spacing:.2px;}
.cc-support-copy>span{color:#5f6469!important;font-size:10.5px!important;line-height:1.18!important;margin-top:3px!important;}
.cc-support-copy .cc-support-mini{display:block!important;margin-top:5px!important;color:#9a3034!important;font-size:10px!important;}
.cc-support-mini b{color:#d71920;font-size:11px;}
.cc-support-direct{position:relative;z-index:2;padding:8px 10px!important;background:#d71920!important;box-shadow:0 4px 12px rgba(215,25,32,.20)!important;}
.cc-support-direct:hover{background:#b91017!important;transform:translateY(-1px);}
.cc-support-popup{
  visibility:hidden;opacity:0;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);width:324px;box-sizing:border-box;
  padding:17px;background:rgba(255,255,255,.985);border:1px solid rgba(215,25,32,.24);border-radius:12px;
  box-shadow:0 18px 48px rgba(35,27,27,.20);transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  text-align:left;color:#2e3338;
}
.cc-support-widget.is-open .cc-support-popup,
.cc-support-widget:hover .cc-support-popup,
.cc-support-widget:focus-within .cc-support-popup{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);}
.cc-support-popup:before{content:'';position:absolute;right:30px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(215,25,32,.24);border-top:1px solid rgba(215,25,32,.24);transform:rotate(45deg);}
.cc-support-popup-head{display:flex;gap:10px;align-items:center;margin-bottom:10px;}
.cc-support-heart{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#fff3f3;color:#d71920;font-size:20px;border:1px solid #f2d5d6;}
.cc-support-popup-head strong{display:block!important;color:#24282d!important;font-size:14px!important;line-height:1.2!important;}
.cc-support-popup-head span:not(.cc-support-heart){display:block!important;color:#72777c!important;font-size:10.5px!important;line-height:1.3!important;margin-top:3px!important;}
.cc-support-text{margin:0 0 12px!important;color:#555c62!important;font-size:11px!important;line-height:1.5!important;}
.cc-support-amount{display:flex;align-items:baseline;gap:3px;margin:1px 0 7px;color:#777;}
.cc-support-amount strong{font-size:21px!important;color:#20252a!important;line-height:1!important;}
.cc-support-amount span{font-size:11px!important;color:#7a8085!important;margin:0!important;display:inline!important;}
.cc-support-progress{height:7px;border-radius:99px;background:#f0e5e5;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);}
.cc-support-progress-bar{display:block!important;width:0;height:100%;margin:0!important;background:#d71920;border-radius:99px;transition:width .5s ease;}
.cc-support-meta{display:flex;justify-content:space-between;gap:8px;margin:7px 0 12px;color:#7b8186;font-size:10px;}
.cc-support-meta span{display:inline!important;margin:0!important;color:inherit!important;font-size:10px!important;}
.cc-support-percent-label{font-weight:bold;color:#b11920!important;}
.cc-support-donate{display:block;padding:10px 12px;text-align:center;text-decoration:none!important;color:#fff!important;background:#d71920;border-radius:6px;font-size:12px;font-weight:bold;}
.cc-support-donate:hover{background:#b91017;color:#fff!important;}
.cc-support-note{margin-top:9px;padding:7px 9px;border-radius:5px;background:#faf5f5;color:#7a5557;font-size:10px;line-height:1.35;}
body.cc-header-compact .cc-support-widget{min-height:110px!important;}
@media(max-width:900px){.cc-support-widget{width:220px!important;}.cc-support-popup{width:300px;right:-2px;}}
@media(max-width:700px){
  /* The current mobile header intentionally hides the right hero card to keep the logo/car unobstructed. */
  .cc-hero-user.cc-support-widget{display:none!important;}
}

/* === Support v4: compact copy, graphic heart, contained red accent === */
.cc-support-widget:before{
  left:1px!important;
  top:9px!important;
  bottom:9px!important;
  width:3px!important;
  border-radius:0 3px 3px 0!important;
}
.cc-support-copy>span:not(.cc-support-mini){
  white-space:nowrap!important;
}
.cc-support-widget .cc-support-heart-badge{
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.cc-support-heart-badge img{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(167,16,24,.20));
}
.cc-support-heart{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
}
.cc-support-heart img{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(167,16,24,.18));
}