/* ********************************************************* 颜色统一放这里，方便管理 ****************************************** */

:root{
  --liu-main-color:rgb(66, 90, 239);

  --nav-height: 4rem;
  --home-layout-height: 14.5rem;
  --home-padding: 3rem;
  --footer-height: 2rem;
  --list-width: 350px;
  --glmp-font-title: hsl(var(--red), var(--yellow), var(--blue), 1);
  --post-content-width: 1000px;
  --glmp-border-radius: 10px;

  --mes-cs: #0d122b;
  --mes-textColor: #dddddd;
  --mes-titleColor: #f79e59;
  --mes-bgColor: rgb(24 24 24 / 79%);
}



/* *** 浅色 *** */

[data-theme=light]{
  /* 主体色 */
  --red: 3;
  --yellow: 81%;
  --blue: 72%;
  --glmp-color: hsl(var(--red), var(--yellow), var(--blue), 1);

  /* 黑色 */
  --bl-red: 0;
  --bl-yellow: 0%;
  --bl-blue: 0%;
  --bl-color: hsl(var(--bl-red), var(--bl-yellow), var(--bl-blue), 1);

  /* 白色 */
  --wh-red: 0;
  --wh-yellow: 0%;
  --wh-blue: 100%;
  --wh-color: hsl(var(--wh-red), var(--wh-yellow), var(--wh-blue), 1);

  /* 其它色彩 */
  --glmp-homeBgColor: #fafafa;
  --glmp-bannerBg: #fafafa;
  --glmp-bannerBg-bafore: rgba(255, 255, 255, 0.1);
  --glmp-planets-fiter: 8px;
  --glmp-planets2-fiter: 5px;
  --glmp-nav-bgColor: rgba(253,253,253,0.9);
  --glmp-nav-ouColor: #e3e8f7;
  --glmp-nav-ulColor: #fff;
  --glmp-navBorder: 1px solid hsl(var(--red), var(--yellow), var(--blue), .15);
  --glmp-maskColor: hsl(var(--wh-red), var(--wh-yellow), var(--wh-blue), .9);

  --glmp-font-Color: #303030;
  --glmp-postFont-color: #1a1a1a;
  --glmp-fontconColor: #a0a0a0;
  /* --glmp-home-layoutbg: radial-gradient(farthest-side at 50% 0, var(--s-bg, rgb(255 255 255 / .5)), #0000); */
  --glmp-home-layoutbg: none;
  --glmp-border: thin solid hsl(19.9deg 83% 90% / 50%);
  --glmp-button-cor: var(--glmp-font-title);

  --glmp-imgMask: transparent;
  --glmp-post-ulbg: #f1f1f1;
  --glmp-post-ulbtn: linear-gradient(180deg, rgb(52 52 52 / 60%), rgb(66 66 66 / 90%));
  --glmp-post-conmenbg: #fff;
  --glmp-post-border: 1px solid #ebebeb;
  --glmp-post-rewardBtn: #f7f7f7;
  --glmp-post-copyrightIcon: #e8e8e8;
  --glmp-commentColor: #ebebeb;
  --glmp-comment-infoColor: #e1e1e1;

  --glmp-sortItem: #fff;

  --glmp_console_color: rgba(255, 255, 255, 0.6);
  --glmp_console_ulColor: #fff;

  --glmp_border_color: 1px solid #f7e3e3;
  --glmp_shadow_border: 0 8px 16px -4px #3c35350d;

  --glmp-footerbg: rgba(253,253,253,1);
}



/* *** 深色 *** */

[data-theme=dark]{
  /* 主体色 */
  --red: 26;
  --yellow: 91%;
  --blue: 66%;
  --glmp-color: hsl(var(--red), var(--yellow), var(--blue), 1);

  /* 黑色 */
  --bl-red: 26;
  --bl-yellow: 81;
  --bl-blue: 71;
  --bl-color: hsl(var(--bl-red), var(--bl-yellow), var(--bl-blue), 1);

  /* 白色 */
  --wh-red: 0;
  --wh-yellow: 0%;
  --wh-blue: 0%;
  --wh-color: hsl(var(--wh-red), var(--wh-yellow), var(--wh-blue), 1);

  /* 其它色彩 */
  --glmp-homeBgColor: #242425;
  --glmp-bannerBg: #101010;
  --glmp-bannerBg-bafore: rgba(0, 0, 0, 0.1);
  --glmp-planets-fiter: 0px;
  --glmp-planets2-fiter: 0px;
  --glmp-nav-bgColor: #181818;
  --glmp-nav-ouColor: #353535;
  --glmp-nav-ulColor: #181818;
  --glmp-navBorder: 1px solid hsl(var(--red), var(--yellow), var(--blue), .15);
  --glmp-maskColor: hsl(var(--wh-red), var(--wh-yellow), var(--wh-blue), .35);

  --glmp-font-Color: #c4c4c4;
  --glmp-postFont-color: var(--glmp-font-Color);
  --glmp-fontconColor: #888888;
  --glmp-home-layoutbg: radial-gradient(farthest-side at 50% 0, var(--s-bg, rgb(67 58 55 / 50%)), #0000);
  --glmp-border: thin solid hsl(19.9deg 44.02% 25.25% / 50%);

  --glmp-imgMask: rgba(0, 0, 0, 0.5);
  --glmp-post-ulbg: #171717;
  --glmp-post-ulbtn: linear-gradient(180deg, rgb(52 52 52 / 60%), rgb(66 66 66 / 90%));
  --glmp-post-conmenbg: #171717;
  --glmp-post-border: 1px solid #212121;
  --glmp-post-rewardBtn: #212121;
  --glmp-post-copyrightIcon: #212121;
  --glmp-commentColor: #212121;
  --glmp-comment-infoColor: #2d2d2d;

  --glmp-sortItem: #171717;

  --glmp_console_color: rgb(26 26 26 / 60%);
  --glmp_console_ulColor: #1c1c1c;
  
  --glmp_border_color: 1px solid #2a2a2a;
  --glmp_shadow_border: 0 8px 16px -4px #3c35350d;

  --glmp-footerbg: #1e191d;
}