/*
Theme Name: leodesign Portfolio
Theme URI: https://leodesign.example/
Author: leodesign
Author URI: https://leodesign.example/
Description: 极简作品集主题（从原 PHP/JSON 站点移植）。包含作品（project）与动态（news）两个自定义文章类型，以及「网站信息」设置页，用于管理 INFO 页面与页脚内容。完整保留原站点的网格首页、全屏灯箱、液态滤镜、轮播等交互。
Version: 1.5.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leodesign
*/

/* 该文件仅用于 WordPress 识别主题。各页面的具体样式按页面拆分在 assets/css/ 下，
   由 functions.php 按当前模板条件加载，以最大限度保留原站点逐页的样式与交互。 */

/* ============================================================
 * 页面切换过渡（View Transitions，跨页导航）
 * 支持的浏览器（Chrome/Edge 126+）会在站内跳转时做柔和淡入淡出；
 * 不支持的浏览器自动忽略，无副作用。
 * ============================================================ */
@view-transition { navigation: auto; }

::view-transition-old(root),
::view-transition-new(root) {
	animation-duration: 0.45s;
	animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
::view-transition-old(root) { animation-name: leo-fade-out; }
::view-transition-new(root) { animation-name: leo-fade-in; }

@keyframes leo-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes leo-fade-in  { from { opacity: 0; } to { opacity: 1; } }

/* 让顶部品牌区在跳转间保持稳定（不参与淡出，减少闪烁） */
header { view-transition-name: leo-header; }

@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root) { animation: none; }
}