@charset "UTF-8";
/*!
* created by drd.
*/


/*!
* mainly used by navbar, set text color rgba(255, 255, 255, 0.8), and set color when mouse hover
*/
.nav-text-color-hover-chg {
    color: rgba(255, 255, 255, 0.7);  /* 默认：淡白 */
    transition: color 0.7s ease;
}


/*!
* used to show a circle with an image shown in it
*/
.circle-container {
  width: 36px;
  height: 36px;
  border: 2px solid black;  /* 空心圆边框 */
  border-radius: 50%;        /* 使其为圆形 */
  background-color: white;    /* 中心白色 */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.circle-container img {
  width: 22px;    /* 图形宽度可按需要调整 */
  height: 22px;
}


/*!
* set navbar to smaller font size 
*/
.navbar * {
    font-size: 0.875rem;
}


.navbar .dropdown-menu {
    background-color: #0d6efd;
    color: white;
}

.navbar .dropdown-menu a {
    color: white;
    text-decoration: none;
    padding: 6px 16px;
	line-height: 1.8;
}

.navbar .dropdown-menu a:hover {
    background-color: #0b5ed7;
    color: white;
}


.font-size-750 {
    font-size: 0.75rem; /* 或用更小的，如 0.75rem、12px 等 */
}


.font-size-830 {
    font-size: 0.83rem; /* 或用更小的，如 0.75rem、12px 等 */
}


.font-size-875 {
    font-size: 0.875rem; /* 或用更小的，如 0.75rem、12px 等 */
}


.font-size-950 {
    font-size: 0.950rem; /* 或用更小的，如 0.75rem、12px 等 */
}


.font-size-1100 {
    font-size: 1.100rem; /* 或用更小的，如 0.75rem、12px 等 */
}