.btn-warning {
  background: linear-gradient(144deg, var(--bs-secondary), var(--bs-warning-border-subtle)), var(--bs-yellow);
  border-radius: 20px;
  border: 6px solid #855000 ;
  color: #403200;
  font-weight: bold;
}

.btn-warning:hover {
  border-color: #8f3300;
  color: #8f3300;
  background-color: #ffe072;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-light);
}

td {
  vertical-align: middle;
}

a {
  color: var(--bs-blue);
  text-decoration: underline;
}

a:hover {
  color: var(--bs-cyan);
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-pink);
}

.nav-link:hover {
  color: var(--bs-info);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--bs-pink);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-blue);
  background-color: var(--bs-primary-bg-subtle);
}

.p-4 img {
  width: 100%;
  border-radius: 5px;
}

.hover-button {
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 5;
}

.image-container:hover .hover-button {
  opacity: 1;
  transform: translateX(-50%) translateY(-10px);
}

.corner-ribbon position: absolute; top: 15px; right: -30px; width: 120px; padding: 5px 0; background: #4CAF50; color: white; text-align: center; font-size: 14px; font-weight: bold; transform: rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);span {
}

.corner-ribbon {
  position: absolute;
  top: 15px;
  right: -30px;
  width: 120px;
  padding: 5px 0;
  background: #4CAF50;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  background: linear-gradient(to right, #4CAF50, #8BC34A);
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.shopcard:hover {
  border-color: var(--bs-gray-700);
}

.container {
  max-width: 1400px;
}

.btn .fa {
  margin-right: 5px;
}

.btn-sm .fa {
  margin-left: 3px;
}

th .fa {
  margin-right: 3px;
}

.dropdown-menu[data-bs-popper] {
  left: -10px;
  margin-top: 12px;
}

.jieshao {
  font-weight: bold;
  word-break: break-all;
  padding: 20px;
  background: rgba(255,237,192,0.3);
  border-radius: 17px;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  border-color: var(--bs-danger-text-emphasis);
}

.tablebk {
  border-radius: 11px;
  border: 5px solid var(--bs-focus-ring-color);
  min-height: 400px;
  overflow-x: auto;
}