/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.34.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2026 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

/* 声明阿里巴巴普惠体 - 常规 */
@font-face {
    font-family: 'AlibabaPuHuiTi'; /* 自定义字体名称 */
    src: url('fonts/AlibabaPuHuiTi-Regular.woff2') format('woff2'),
         url('fonts/AlibabaPuHuiTi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 优化加载体验，防止文字闪烁 */
}

/* 声明阿里巴巴普惠体 - 粗体 */
@font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url('fonts/AlibabaPuHuiTi-Bold.woff2') format('woff2'),
         url('fonts/AlibabaPuHuiTi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* 让列表项变为横向排列 */
.display-posts-list li {
    display: flex;             /* 启用弹性布局 */
    align-items: center;       /* 垂直居中对齐 */
    margin-bottom: 15px;       /* 每个列表项之间的间距 */
    border-bottom: 1px solid #eee; /* 可选：添加底部边框分割线 */
    padding-bottom: 15px;      /* 可选：底部内边距 */
}

/* 控制缩略图的样式 */
.display-posts-list li img {
    width: 100px;              /* 设置图片宽度，可根据需要修改 */
    height: 100px;             /* 设置图片高度 */
    object-fit: cover;         /* 确保图片裁剪不变形 */
    margin-right: 15px;        /* 图片与标题之间的间距 */
    flex-shrink: 0;            /* 防止图片被压缩 */
}

/* 控制标题和文字的样式 */
.display-posts-list .title {
    font-size: 18px;           /* 标题字号 */
    font-weight: bold;         /* 标题加粗 */
    margin: 0 0 5px 0;         /* 标题间距 */
}

/* 控制摘要的样式 (如果开启了摘要) */
.display-posts-list .excerpt {
    margin: 0;
    font-size: 14px;           /* 摘要字号 */
    color: #666;               /* 摘要颜色 */
}