/*
Theme Name: Lentasy
Theme URI: http://www.limoe-studio.com/
Author:青柠
Author URI: http://www.limoe-studio.com/
Description: 一款模块化商业主题
Version: 0.4.2
Tags: Qkua
*/
:root {
  /* 布局 */
  --wrapper-width: 1280px;
  --sidebar-width: 300px;

  /* 圆角 / 透明度 */
  --radius: 8px;
  /* 略加大，显得更“软” */
  --limoe-radius: 12px;
  --opacity: 0.12;

  /* ===== 中性色（冷灰系，提升粉色的“干净感”） ===== */
  --gray-950: #111418;
  --gray-900: #1F2328;
  /* 主文本首选 */
  --gray-700: #3D4650;
  --gray-600: #55616C;
  /* 次要文本 */
  --gray-500: #6F7C88;
  --gray-400: #97A1AD;
  /* 次/提示文本 */
  --gray-300: #C5CCD5;
  /* 边框 */
  --gray-200: #E4E8EE;
  /* 分隔线/禁用边框 */
  --gray-100: #F4F6FA;
  /* 卡片/浅底 */
  --gray-50: #FAFBFD;
  /* 页面大面积背景 */

  /* ===== 主色：清爽草莓粉（统一亮/中/深层级） ===== */
  --pink-50: #FFF1F6;
  --pink-100: #FFD6E6;
  --pink-200: #FFB3CF;
  --pink-300: #FF8CB5;
  --pink-400: #FF6A9F;
  --pink-500: #F64E90;
  /* 主色（Primary） */
  --pink-600: #E13E83;
  /* Hover/Active */
  --pink-700: #C73073;
  /* 深色/深背景 */
  --pink-800: #A22561;

  /* ===== 辅助色：天空蓝（交互/链接/焦点统一） ===== */
  --sky-50: #F1F8FF;
  --sky-100: #D6ECFF;
  --sky-200: #B3DCFF;
  --sky-300: #8FCBFF;
  --sky-400: #66B7FF;
  --sky-500: #3FA2FF;
  /* 主要链接/焦点 */
  --sky-600: #218EEB;
  /* Hover/Active */
  --sky-700: #0C76CC;
  --sky-800: #315dcf;
  --sky-900: #044F80;

  /* ===== 语义色（轻度偏粉/偏蓝，保持风格统一） ===== */
  --success-500: #2BB673;
  --warning-500: #FFB020;
  --error-500: #E24A4A;
  --info-500: var(--sky-500);

  /* ===== 字体 ===== */
  --font-color: var(--gray-900);
  --font-color-light: var(--gray-600);
  --font-color-lighter: var(--gray-400);
  --font-color-lightest: var(--gray-300);
  --font-color-hover: var(--pink-500);
  --font-color-active: var(--pink-600);
  --font-color-disabled: var(--gray-300);
  --font-color-placeholder: var(--gray-400);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-lg: 20px;

  /* ===== 主题语义映射（你项目里已有的变量名尽量复用） ===== */
  --theme-color: var(--pink-500);
  /* 主粉 */
  --theme-color-dark: var(--pink-600);
  /* Hover/Active */
  --theme-color-light: var(--pink-100);
  /* 浅粉底/标签底 */
  --theme-color-accent: var(--sky-500);
  /* 天空蓝（链接/焦点） */
  --theme-color-sub: var(--pink-300);
  /* 少量修饰用浅粉 */
  --theme-color-accent-light: var(--sky-100);

  /* 背景层次（避免大面积纯粉：更耐看） */
  --theme-back-dark: var(--pink-700);
  --theme-back: var(--pink-500);
  --theme-back-light: var(--pink-50);
  --theme-back-lighter: #FFF7FA;
  /* 比原先更接近白，降低压迫感 */
  --theme-back-ultralight: var(--gray-50);
  /* 页面大面积浅底 */

  /* 链接 */
  --link-color: var(--sky-500);
  --link-hover-color: var(--pink-500);

  /* 按钮体系（主按钮用粉，次按钮用描边蓝） */
  --btn-color: #fff;
  --btn-back-color: var(--pink-500);
  --btn-back-light-color: color-mix(in srgb, var(--pink-500) 12%, transparent);
  --btn-back-deep-color: var(--pink-600);
  --btn-back-dark-color: var(--pink-700);
  --btn-border-color: color-mix(in srgb, var(--pink-500) 30%, #fff);

  --btn-hover-color: #fff;
  --btn-back-hover-color: var(--pink-600);
  --btn-border-hover-color: var(--pink-600);

  --btn-active-color: #fff;
  --btn-back-active-color: var(--pink-700);
  --btn-border-active-color: var(--pink-700);

  --btn-disabled-color: var(--gray-400);
  --btn-back-disabled-color: var(--pink-50);
  --btn-border-disabled-color: var(--gray-200);

  /* 次按钮（outline） */
  --btn2-color: var(--sky-600);
  --btn2-back-color: #fff;
  --btn2-border-color: var(--sky-300);
  --btn2-hover-color: var(--sky-700);
  --btn2-back-hover-color: var(--sky-50);
  --btn2-border-hover-color: var(--sky-500);
  --btn2-active-color: var(--sky-700);
  --btn2-back-active-color: var(--sky-100);
  --btn2-border-active-color: var(--sky-600);

  /* 卡片 / 柔光（微蓝光，衬托粉） */
  --box-font-color: var(--pink-500);
  --box-back-color: color-mix(in srgb, var(--sky-300) 20%, transparent);
  --box-back-color-light: color-mix(in srgb, var(--pink-500) var(--opacity), transparent);

  /* 输入框 */
  --input-color: var(--gray-900);
  --input-back-color: #fff;
  --input-border-color: var(--gray-300);
  --input-border-hover-color: var(--pink-400);
  --input-border-focus-color: var(--sky-500);
  /* 焦点统一用蓝 */
  --input-placeholder-color: var(--gray-400);
  --input-disabled-back-color: var(--gray-100);
  --input-disabled-color: var(--gray-400);

  /* 阴影（统一用冷灰+少量粉蓝混合，避免“脏”） */
  --shadow-color: color-mix(in srgb, #000 12%, var(--pink-500) 8%);
  --shadow-hover: color-mix(in srgb, #000 16%, var(--sky-500) 8%);

  /* hover 按钮颜色样式*/
  --ui-hover-bg: #ffe6f2;
  --ui-hover-color: #ff69b4;
  --ui-hover-shadow: inset 2px 0 0 #ff69b4;
}





.limoe-radius {
  border-radius: var(--limoe-radius);
}

@font-face {
  font-family: "zti";
  src: url("https://cdn.limoe-studio.com/Leantasy/fonts/kekc.woff2") format("woff2");
}

* {
  font-family: 'zti', sans-serif !important;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var,
input {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  color: inherit;
}

body {
  background-color: #f6f7f9;
}

img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  border: 0;
  vertical-align: top;
}



/*公用CSS*/

/*侧边栏移动端不显示*/
@media screen and (max-width: 768px) {
  .widget-area {
    display: none;
  }
}

.icon {
  fill: currentColor;
  overflow: hidden;
}

.svg-icon {
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 6px;
}

.wrapper {
  max-width: calc(var(--wrapper-width) + 60px);
  margin: 0 auto;
  padding: 0px 30px;
}

@media screen and (max-width: 768px) {
  .wrapper {
    padding: 0px 10px;
  }
}

.widget-area {
  width: 300px;
  min-width: 300px;
  margin-left: 16px;
  max-width: 100%;
}

.lf-picture-all {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contain-sidebar {
  display: flex;
}

/*懒加载*/
img[data-src]:not(.loaded) {
  filter: blur(10px) brightness(1);
  object-fit: contain;
}

img[data-src].error {
  filter: none;
}

/* 默认：没有右侧栏时 */
.content-wrapper {
  display: flex;
  flex-direction: column;
  /* 默认竖排 */
}

/* 有 side-wrapper 时横排 */
.content-wrapper:has(.side-wrapper) {
  flex-direction: row;
}

.main-wrapper {
  flex: 1 1 auto;
  position: relative;
}

/* 超链接样式 */
.all-links {
  color: var(--link-color);
}

.all-links-hover:hover {
  color: var(--link-hover-color) !important;
  transition: all 0.3s;
}