/* ============================================================
   Kizumi 皮肤系统 —— 铅笔手绘风 (Sketch Style)
   ------------------------------------------------------------
   这是一个「独立设计」皮肤：它自包含一套完整的视觉语言，
   通过 body.kizumi-skin-sketch 作用域覆盖原版 Bootstrap + 主题
   样式。它不依赖、也不被原配置系统（布局/边框/颜色选项）影响，
   只遵循 sketch-style-hard-prompt.md 的规则。

   设计语言：
   - 纸张色背景  #f5f0e8 + SVG 纸张纹理
   - 铅笔灰主色  #2c2c2c
   - 不规则虚线 / 波浪边框
   - 交叉线条阴影（铅笔感硬阴影）
   - 虚线 / 波浪手绘下划线
   - 手绘反馈：短促直接（transition 200ms）
   - hover 模拟铅笔涂黑：透明底 → 铅笔灰底 + 反白文字
   - active 强化按压：减少阴影 + 轻微下压

   特别注意（遵循用户备注）：
   - 字体文件仅使用主题原字体（alimama.woff2, font-family "kizumi"）
   - 不使用任何形式的「倾斜」：无 italic / oblique / skew / rotate
   ============================================================ */

/* ---------- 1. 作用域变量（重定义 Bootstrap 调色板于皮肤内） ---------- */
body.kizumi-skin-sketch {
  /* 纸张 / 铅笔主色 */
  --kz-paper:        #f5f0e8;
  --kz-paper-deep:   #e8e2d8;
  --kz-paper-bright: #faf5ed;
  --kz-ink:          #2c2c2c;
  --kz-ink-1:        #5a5a5a;
  --kz-ink-2:        #8a8a8a;
  --kz-accent-red:   #e74c3c;
  --kz-accent-blue:  #3498db;
  --kz-accent-green: #27ae60;
  --kz-accent-yellow:#f39c12;

  --kz-shadow-sm: 1px 1px 0px rgba(44, 44, 44, 0.30);
  --kz-shadow-md: 2px 2px 0px rgba(44, 44, 44, 0.30);
  --kz-shadow-lg: 3px 3px 0px rgba(44, 44, 44, 0.30);

  /* 覆盖 Bootstrap 调色板，使整个站点统一为铅笔/纸张 */
  --bs-body-bg:        var(--kz-paper);
  --bs-body-color:     var(--kz-ink);
  --bs-primary:        #2c2c2c;
  --bs-primary-rgb:    44, 44, 44;
  --bs-link-color:     #2c2c2c;
  --bs-link-color-rgb: 44, 44, 44;
  --bs-link-hover-color:#000;
  --bs-white:          #faf5ed;
  --bs-light:          #f5f0e8;
  --bs-secondary:      #e8e2d8;
  --bs-secondary-bg:   #e8e2d8;
  --bs-border-color:   #2c2c2c;
  --bs-border-radius:  0.25rem;
  --bs-border-radius-sm: 0.125rem;
  --bs-border-radius-lg:  0.25rem;
  --bs-box-shadow:     2px 2px 0 rgba(44, 44, 44, 0.30);
  --bs-box-shadow-sm:  1px 1px 0 rgba(44, 44, 44, 0.30);
  --bs-box-shadow-lg:  3px 3px 0 rgba(44, 44, 44, 0.30);
  --bs-focus-ring-color: rgba(44, 44, 44, 0.25);

  --bs-dark:           #2c2c2c;
  --bs-dark-rgb:       44, 44, 44;
  --bs-gray-800:       #2c2c2c;
  --bs-gray-900:       #2c2c2c;

  font-family: "kizumi", "Microsoft JhengHei", Georgia, "Times New Roman", serif, "Microsoft Yahei", "Open Sans", sans-serif;
}

/* 明确：皮肤内禁止任何形式的「倾斜」（斜体 / 倾斜 / 变形文字）。
   注意：仅禁用 font-style 与 skew/rotate 变换，避免影响 Bootstrap
   原生依赖 transform 的 offcanvas / dropdown 定位。 */
body.kizumi-skin-sketch,
body.kizumi-skin-sketch * {
  font-style: normal !important;
}
body.kizumi-skin-sketch * {
  letter-spacing: 0;
}

/* 即便用户开启深色模式，皮肤仍保持纸张/铅笔的独立设计 */
body.kizumi-skin-sketch,
body.kizumi-skin-sketch[data-bs-theme="dark"] {
  background-color: var(--kz-paper) !important;
  color: var(--kz-ink);
}
body.kizumi-skin-sketch[data-bs-theme="dark"] {
  --bs-dark: #2c2c2c;
  --bs-body-bg: var(--kz-paper);
  --bs-body-color: var(--kz-ink);
  --bs-gray-800: var(--kz-ink);
  --bs-gray-900: var(--kz-ink);
  --bs-white: var(--kz-paper-bright);
}

/* ---------- 2. 全局：纸张纹理 + 基础排版 ---------- */
body.kizumi-skin-sketch {
  background-color: var(--kz-paper);
  background-image:
    /* 交叉线条纸张纹理 */
    repeating-linear-gradient(45deg, rgba(44, 44, 44, 0.028) 0px, rgba(44, 44, 44, 0.028) 1px, transparent 1px, transparent 7px),
    repeating-linear-gradient(-45deg, rgba(44, 44, 44, 0.020) 0px, rgba(44, 44, 44, 0.020) 1px, transparent 1px, transparent 7px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.05'/></svg>");
  background-size: auto, auto, 240px 240px;
  color: var(--kz-ink);
  font-weight: 400;
}
body.kizumi-skin-sketch p { color: var(--kz-ink-1); }
body.kizumi-skin-sketch em,
body.kizumi-skin-sketch i { font-style: normal !important; }

body.kizumi-skin-sketch h1,
body.kizumi-skin-sketch h2,
body.kizumi-skin-sketch h3,
body.kizumi-skin-sketch h4,
body.kizumi-skin-sketch h5,
body.kizumi-skin-sketch h6 {
  font-family: inherit;
  color: var(--kz-ink);
  font-weight: 600;
}
body.kizumi-skin-sketch h2 { font-size: 1.5rem; }
body.kizumi-skin-sketch h3 { font-size: 1.25rem; }

/* 链接：手绘虚线 / 波浪下划线 */
body.kizumi-skin-sketch a,
body.kizumi-skin-sketch .text-reset,
body.kizumi-skin-sketch .btn-social {
  color: var(--kz-ink);
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: rgba(44, 44, 44, 0.55);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: color 200ms ease, background-color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch a:hover,
body.kizumi-skin-sketch .text-reset:hover { color: #000; }

/* 选中高亮 */
body.kizumi-skin-sketch ::selection { background: #2c2c2c; color: #f5f0e8; }

/* ---------- 3. 顶栏导航 ---------- */
body.kizumi-skin-sketch .kizumi_header .navbar {
  background-color: transparent;
  border-bottom: 2px dashed transparent;
}
body.kizumi-skin-sketch .kizumi_header .navbar.scrolled {
  background-color: var(--kz-paper);
  border-bottom: 2px dashed var(--kz-ink);
  box-shadow: 0 2px 0 rgba(44, 44, 44, 0.55);
}
body.kizumi-skin-sketch .kizumi_header .navbar-brand img,
body.kizumi-skin-sketch .kizumi_header .offcanvas-header img {
  filter: none;
}
body.kizumi-skin-sketch .navbar-brand,
body.kizumi-skin-sketch .text-inverse { filter: none; color: var(--kz-ink); }

/* 导航链接：hover 铅笔涂黑 */
body.kizumi-skin-sketch .kizumi_header .navbar .navbar-nav .nav-item .nav-link {
  color: var(--kz-ink);
  border: 2px dashed transparent;
  border-radius: 2px;
  font-weight: 500;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch .kizumi_header .navbar .navbar-nav .nav-item .nav-link:hover,
body.kizumi-skin-sketch .kizumi_header .navbar .navbar-nav .nav-item .nav-link.active {
  color: #f5f0e8;
  background-color: #2c2c2c;
  border-style: solid;
  border-color: #2c2c2c;
}
body.kizumi-skin-sketch .kizumi_header .navbar .navbar-nav .nav-item .nav-link i { color: inherit; }

/* 下拉菜单 */
body.kizumi-skin-sketch .dropdown-menu,
body.kizumi-skin-sketch .kizumi_header .navbar-nav > li > .dropdown-menu,
body.kizumi-skin-sketch .kizumi_header .dropdown-submenu .dropdown-menu {
  background-color: var(--kz-paper-bright);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  box-shadow: var(--kz-shadow-md);
}
body.kizumi-skin-sketch .dropdown-item {
  color: var(--kz-ink);
  border-radius: 0;
  transition: background-color 200ms ease, color 200ms ease;
}
body.kizumi-skin-sketch .dropdown-item:hover { background-color: #2c2c2c; color: #f5f0e8; }

/* 搜索框 */
body.kizumi-skin-sketch .kizumi_header .search-input,
body.kizumi-skin-sketch .mobile-search-input {
  background-color: var(--kz-paper-bright);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  box-shadow: var(--kz-shadow-sm);
}
body.kizumi-skin-sketch .kizumi_header .search-btn,
body.kizumi-skin-sketch .mobile-search-btn {
  background: transparent;
  color: var(--kz-ink);
  transition: background-color 200ms ease, color 200ms ease;
}
body.kizumi-skin-sketch .kizumi_header .search-btn:hover,
body.kizumi-skin-sketch .mobile-search-btn:hover {
  background: #2c2c2c; color: #f5f0e8;
}

/* 登录 / 注册按钮 */
body.kizumi-skin-sketch .kizumi_header .user-login,
body.kizumi-skin-sketch .kizumi_header .user-reg {
  background: #2c2c2c;
  color: #f5f0e8;
  border: 2px dashed #2c2c2c;
  border-radius: 2px;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch .kizumi_header .user-login:hover,
body.kizumi-skin-sketch .kizumi_header .user-reg:hover {
  background: #f5f0e8; color: #2c2c2c; border-style: solid;
}
body.kizumi-skin-sketch .kizumi_header .divider {
  background: var(--kz-paper); color: var(--kz-ink);
  border: 2px dashed var(--kz-ink);
}

/* 浮动按钮（主题切换 / 侧栏） */
body.kizumi-skin-sketch .float-btn {
  background: var(--kz-paper-bright);
  color: var(--kz-ink);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  transition: background-color 200ms ease, color 200ms ease;
}
body.kizumi-skin-sketch .float-btn:hover { background: #2c2c2c; color: #f5f0e8; }

/* 移动端 offcanvas */
body.kizumi-skin-sketch .offcanvas {
  background-color: var(--kz-paper);
  border-right: 2px dashed var(--kz-ink);
}

/* ---------- 4. Banner ---------- */
body.kizumi-skin-sketch .kizumi_header_banner {
  border-bottom: 2px dashed var(--kz-ink);
}
body.kizumi-skin-sketch .kizumi_header_banner_img {
  background: var(--kz-paper);
  box-shadow: inset 0 0 0 100vmax rgba(245, 240, 232, 0.55);
}
body.kizumi-skin-sketch .kizumi_header_banner .site-main h2,
body.kizumi-skin-sketch .main-title {
  color: var(--kz-ink);
  text-shadow: 2px 2px 0 rgba(44, 44, 44, 0.25);
  -webkit-text-fill-color: currentColor;
  background: none;
}
body.kizumi-skin-sketch .kizumi_header_banner .site-main .text-gradient {
  background: none;
  -webkit-text-fill-color: var(--kz-ink);
  color: var(--kz-ink);
}
body.kizumi-skin-sketch .kizumi_header_banner_waves { opacity: 0.6; filter: grayscale(1); }

/* ---------- 5. 面包屑 / 容器 ---------- */
body.kizumi-skin-sketch .kizumi-container.container {
  max-width: 1200px;
}
body.kizumi-skin-sketch .breadcrumb-head {
  color: var(--kz-ink-1);
  border-bottom: 2px dashed rgba(44, 44, 44, 0.45);
}

/* 布局：皮肤采用独立的单栏画布式排版，不受原「单栏 / 双栏」配置影响。
   内容全宽，侧栏叠加于其下。 */
body.kizumi-skin-sketch .blog-post,
body.kizumi-skin-sketch .blog-single {
  max-width: 100%;
  flex: 0 0 100%;
}
body.kizumi-skin-sketch .blog-sidebar {
  max-width: 100%;
  flex: 0 0 100%;
}

/* ---------- 6. 卡片（博客列表 / 文章 / 小工具） ---------- */
/* 统一所有边框特例，使原「无边框 / 漫画 / 阴影 / 线条」配置不影响皮肤 */
body.kizumi-skin-sketch .post-list.list-one,
body.kizumi-skin-sketch .blog-single,
body.kizumi-skin-sketch .post-single,
body.kizumi-skin-sketch .blog-border,
body.kizumi-skin-sketch .blog-shadow,
body.kizumi-skin-sketch .blog-lines,
body.kizumi-skin-sketch .card {
  background-color: var(--kz-paper-bright) !important;
  background-image: repeating-linear-gradient(45deg, rgba(44, 44, 44, 0.035) 0 1px, transparent 1px 7px);
  border: 2px dashed var(--kz-ink) !important;
  border-radius: 3px !important;
  box-shadow: var(--kz-shadow-md) !important;
  transition: box-shadow 200ms ease, background-color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch .post-list.list-one:hover,
body.kizumi-skin-sketch .blog-single:hover,
body.kizumi-skin-sketch .blog-border:hover,
body.kizumi-skin-sketch .blog-shadow:hover,
body.kizumi-skin-sketch .blog-lines:hover,
body.kizumi-skin-sketch .card:hover {
  box-shadow: var(--kz-shadow-lg);
}

/* 深色模式下原主题会对无边框卡片/小工具强制深色底。
   皮肤需保持纸张/铅笔的独立设计，故以更高优先级覆盖为统一笔纸面。 */
body.kizumi-skin-sketch[data-bs-theme="dark"] .blog-sidebar .widget,
body.kizumi-skin-sketch[data-bs-theme="dark"] .list-one.post-list,
body.kizumi-skin-sketch[data-bs-theme="dark"] .blog-single,
body.kizumi-skin-sketch[data-bs-theme="dark"] .post-single,
body.kizumi-skin-sketch[data-bs-theme="dark"] .blog-shadow,
body.kizumi-skin-sketch[data-bs-theme="dark"] .blog-border,
body.kizumi-skin-sketch[data-bs-theme="dark"] .blog-lines,
body.kizumi-skin-sketch[data-bs-theme="dark"] .card,
body.kizumi-skin-sketch[data-bs-theme="dark"] .widget,
body.kizumi-skin-sketch[data-bs-theme="dark"] .widget-title {
  background-color: var(--kz-paper-bright) !important;
  border-color: var(--kz-ink) !important;
  box-shadow: var(--kz-shadow-sm) !important;
  color: var(--kz-ink) !important;
}

/* 文章缩略图：不规则虚线框 + 轻微去圆角 */
body.kizumi-skin-sketch .post-list-img img,
body.kizumi-skin-sketch .zoom-img img,
body.kizumi-skin-sketch .post-list-img .rounded-3 {
  border-radius: 2px !important;
  border: 2px dashed var(--kz-ink);
}

/* 分类 / 标签 */
body.kizumi-skin-sketch .category .tags a,
body.kizumi-skin-sketch .tagfa,
body.kizumi-skin-sketch .tag-cloud {
  color: var(--kz-ink);
}
body.kizumi-skin-sketch .category .tags a:hover,
body.kizumi-skin-sketch .tag-cloud:hover { color: #000; }

/* 文章标题 */
body.kizumi-skin-sketch .post-title a,
body.kizumi-skin-sketch .single-title {
  color: var(--kz-ink);
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
body.kizumi-skin-sketch .post-title a:hover { text-decoration-style: wavy; }

body.kizumi-skin-sketch .post-content { color: var(--kz-ink-1); line-height: 1.7; }

/* 文章元信息 */
body.kizumi-skin-sketch .post-meta-stats span,
body.kizumi-skin-sketch .list-post-author,
body.kizumi-skin-sketch .list-post-view,
body.kizumi-skin-sketch .list-post-comment {
  color: var(--kz-ink-2);
}
body.kizumi-skin-sketch .post-meta-stats i { color: var(--kz-ink); }

/* ---------- 7. 文章内容 / 排版 ---------- */
body.kizumi-skin-sketch .single-content,
body.kizumi-skin-sketch .post-single,
body.kizumi-skin-sketch .entry-content {
  color: var(--kz-ink-1);
  line-height: 1.85;
}
body.kizumi-skin-sketch .single-content a,
body.kizumi-skin-sketch .entry-content a { color: var(--kz-ink); }

body.kizumi-skin-sketch .single-content blockquote,
body.kizumi-skin-sketch .entry-content blockquote {
  background: var(--kz-paper-deep);
  border: 2px dashed var(--kz-ink);
  border-left: 2px dashed var(--kz-ink) !important;
  border-radius: 2px;
  box-shadow: var(--kz-shadow-sm);
  color: var(--kz-ink);
}
body.kizumi-skin-sketch .single-content blockquote:before,
body.kizumi-skin-sketch .entry-content blockquote:before { color: var(--kz-ink-2); }

body.kizumi-skin-sketch pre,
body.kizumi-skin-sketch code,
body.kizumi-skin-sketch .wp-block-code {
  background: var(--kz-paper-deep);
  color: var(--kz-ink);
  border: 2px dashed rgba(44, 44, 44, 0.45);
  border-radius: 2px;
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
body.kizumi-skin-sketch pre { box-shadow: var(--kz-shadow-sm); }

body.kizumi-skin-sketch hr,
body.kizumi-skin-sketch .horizontal {
  border: 0;
  border-top: 2px dashed rgba(44, 44, 44, 0.5) !important;
  opacity: 1;
  background: none;
  height: 0;
}

body.kizumi-skin-sketch img { border-radius: 2px; }

/* 目录按钮 */
body.kizumi-skin-sketch .post-toc-btn,
body.kizumi-skin-sketch .post-toc {
  background: var(--kz-paper-bright);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  box-shadow: var(--kz-shadow-sm);
}
body.kizumi-skin-sketch .toc-title { color: var(--kz-ink); }

/* ---------- 8. 按钮 ---------- */
body.kizumi-skin-sketch .btn {
  border: 2px dashed #2c2c2c;
  border-radius: 2px;
  font-weight: 600;
  transition: opacity 200ms ease, background-color 200ms ease, color 200ms ease;
}
body.kizumi-skin-sketch .btn-primary,
body.kizumi-skin-sketch .btn-dark {
  background: #2c2c2c; color: #f5f0e8; border-style: solid;
}
body.kizumi-skin-sketch .btn-primary:hover,
body.kizumi-skin-sketch .btn-dark:hover { background: #000; color: #f5f0e8; opacity: 0.95; }

/* 点赞 / 收藏 / 赞赏动作按钮 */
body.kizumi-skin-sketch .action-btn {
  background: var(--kz-paper-bright);
  color: var(--kz-ink);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch .action-btn:hover { background: #2c2c2c; color: #f5f0e8; border-style: solid; }

body.kizumi-skin-sketch .submit-btn,
body.kizumi-skin-sketch .switch-account-btn,
body.kizumi-skin-sketch .toolbar-btn,
body.kizumi-skin-sketch .insert-code-btn {
  background: #2c2c2c; color: #f5f0e8;
  border: 2px dashed #2c2c2c; border-radius: 2px;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch .submit-btn:hover,
body.kizumi-skin-sketch .switch-account-btn:hover,
body.kizumi-skin-sketch .toolbar-btn:hover,
body.kizumi-skin-sketch .insert-code-btn:hover { background: #000; opacity: 0.95; }

/* ---------- 9. 表单 / 输入框 ---------- */
body.kizumi-skin-sketch .form-control,
body.kizumi-skin-sketch .form-select,
body.kizumi-skin-sketch input[type="text"],
body.kizumi-skin-sketch input[type="email"],
body.kizumi-skin-sketch input[type="url"],
body.kizumi-skin-sketch input[type="search"],
body.kizumi-skin-sketch input[type="password"],
body.kizumi-skin-sketch textarea {
  background-color: var(--kz-paper-bright);
  color: var(--kz-ink);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  font-family: inherit;
  box-shadow: var(--kz-shadow-sm);
}
body.kizumi-skin-sketch .form-control:focus,
body.kizumi-skin-sketch .form-select:focus,
body.kizumi-skin-sketch textarea:focus {
  outline: none;
  border-style: solid;
  box-shadow: var(--kz-shadow-md);
}
body.kizumi-skin-sketch .form-control::placeholder,
body.kizumi-skin-sketch textarea::placeholder { color: var(--kz-ink-2); }
body.kizumi-skin-sketch .input-group-text {
  background: var(--kz-paper-deep);
  color: var(--kz-ink);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
}
body.kizumi-skin-sketch .form-check-input { border: 2px dashed var(--kz-ink); }
body.kizumi-skin-sketch .form-check-input:checked { background-color: #2c2c2c; border-color: #2c2c2c; }

/* ---------- 10. 评论 ---------- */
body.kizumi-skin-sketch .post-comments { color: var(--kz-ink); }
body.kizumi-skin-sketch .post-comments h2,
body.kizumi-skin-sketch .comment-reply-title { color: var(--kz-ink); }
body.kizumi-skin-sketch .comments-toggle {
  color: var(--kz-ink);
  border: 2px dashed rgba(44, 44, 44, 0.5);
  border-radius: 2px;
  transition: background-color 200ms ease, color 200ms ease;
}
body.kizumi-skin-sketch .comments-toggle:hover { background: #2c2c2c; color: #f5f0e8; }
body.kizumi-skin-sketch .comment-item,
body.kizumi-skin-sketch .comment-content {
  background: var(--kz-paper-bright);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  box-shadow: var(--kz-shadow-sm);
}
body.kizumi-skin-sketch .comment-text { color: var(--kz-ink-1); }
body.kizumi-skin-sketch .comment-message,
body.kizumi-skin-sketch .message-content { color: var(--kz-ink); }

/* ---------- 11. 分页 ---------- */
body.kizumi-skin-sketch .pagination .page-link {
  background: var(--kz-paper-bright);
  color: var(--kz-ink);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  margin: 0 2px;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}
body.kizumi-skin-sketch .pagination .page-link:hover { background: #2c2c2c; color: #f5f0e8; border-style: solid; }
body.kizumi-skin-sketch .pagination .page-item.active .page-link {
  background: #2c2c2c; color: #f5f0e8; border-style: solid;
}
body.kizumi-skin-sketch .pagination-next-prev .page-link {
  background: var(--kz-paper-bright); color: var(--kz-ink);
  border: 2px dashed var(--kz-ink); border-radius: 2px;
}

/* ---------- 12. 侧栏小工具 ---------- */
body.kizumi-skin-sketch .blog-sidebar .widget,
body.kizumi-skin-sketch .widget {
  background: var(--kz-paper-bright) !important;
  border: 2px dashed var(--kz-ink) !important;
  border-radius: 3px !important;
  box-shadow: var(--kz-shadow-sm) !important;
}
body.kizumi-skin-sketch .widget-title {
  color: var(--kz-ink);
  border-bottom: 2px dashed var(--kz-ink);
}
body.kizumi-skin-sketch .widget a { color: var(--kz-ink); }
body.kizumi-skin-sketch .widget a:hover { color: #000; }

/* ---------- 13. 页脚 ---------- */
body.kizumi-skin-sketch footer,
body.kizumi-skin-sketch .footer {
  background: var(--kz-paper-deep);
  color: var(--kz-ink-1);
  border-top: 2px dashed var(--kz-ink);
}
body.kizumi-skin-sketch footer a,
body.kizumi-skin-sketch .nav-footer a { color: var(--kz-ink); }
body.kizumi-skin-sketch .copyright { color: var(--kz-ink-1); }
body.kizumi-skin-sketch .btn-social {
  background: var(--kz-paper-bright);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  box-shadow: var(--kz-shadow-sm);
}
body.kizumi-skin-sketch .btn-social:hover { background: #2c2c2c; color: #f5f0e8; border-style: solid; }
body.kizumi-skin-sketch .body-background { background: var(--kz-paper); }

/* ---------- 14. 返回顶部 / 悬浮菜单 ---------- */
body.kizumi-skin-sketch .floating-action-menu a,
body.kizumi-skin-sketch .floating-action-menu .float-btn {
  background: var(--kz-paper-bright);
  border: 2px dashed var(--kz-ink);
  border-radius: 2px;
  box-shadow: var(--kz-shadow-sm);
}

/* ---------- 15. 滚动条 / 其他 ---------- */
body.kizumi-skin-sketch ::-webkit-scrollbar { height: 10px; width: 10px; }
body.kizumi-skin-sketch ::-webkit-scrollbar-track { background: var(--kz-paper); }
body.kizumi-skin-sketch ::-webkit-scrollbar-thumb {
  background: #2c2c2c; border: 2px dashed #f5f0e8; border-radius: 2px;
}
body.kizumi-skin-sketch .preloader { background: var(--kz-paper); }

/* ---------- 16. 减少动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
  body.kizumi-skin-sketch a,
  body.kizumi-skin-sketch .btn,
  body.kizumi-skin-sketch .nav-link,
  body.kizumi-skin-sketch .action-btn,
  body.kizumi-skin-sketch * {
    transition: none !important;
    animation: none !important;
  }
}