@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDarker: #1e282d;
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2);
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #476b4c;
    --accentDarker: #476b4c;
    --light: rgba(38, 50, 56, 0.035);
    --preheader-bg:#f08a5d;
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}


/*------------------------ CSS overrides below ------------------------*/


/* 备案图片专用样式 */
.footer-beian {
    display: inline-flex;    /* 启用Flex精确控制 */
    align-items: baseline;   /* 按文字基线对齐 */
    vertical-align: middle; /* 与相邻元素保持整体对齐 */
  }
  
  .footer-beian img[alt="沪公网安备图标"] {
    height: 16px;           /* 根据截图比例适配 */
    width: 16px;
    margin-right: 4px;      /* 匹配截图间距 */
    transform: translateY(2px); /* 像素级微调 */
  }