/*
Theme Name: Brochure
Author: 徐龙
Description: 用来展示电子宣传册.
Version: 1.0
*/

body {
    font-family: Arial, sans-serif;
}
a{text-decoration: none!important;}

.card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6); /* 半透明黑色背景 */
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s ease;
}

.card .overlay-text,
.card .overlay-qr {
    color: white; /* 标题颜色 */
}

/* 鼠标悬停时显示 */
.card-link:hover .overlay {
    opacity: 1;
}
.header-scrolled {
    background: #fff;
    padding: 15px 0;
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
.hover-shadow {
  transition: box-shadow 0.3s ease-in-out;
}
.hover-shadow:hover {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.1);
}


.book-3d {
  --book-thickness: 6px;
  --cover-color: #CCC;

	perspective: 1000px;
  max-width: 250px;
  margin: 0 auto;

}

.book-3d__inner {
	position: relative;
	transform-style: preserve-3d;
transform: rotateY(-25deg)
}

/* Book Pages */
.book-3d__inner::before {
  position: absolute;
  content: ' ';
  left: 100%;
  top: 1%;
  width: calc( var(--book-thickness) * 2 );
  height: 98%;
  transform: translate(-55%,0) rotateY( 90deg );
  background: linear-gradient( 
  90deg , #fff 0%, 
  hsl(0, 0%, 94%) 5%, #fff 10%, 
  hsl(0, 0%, 94%) 15%, #fff 20%, 
  hsl(0, 0%, 94%) 25%, #fff 30%, 
  hsl(0, 0%, 94%) 35%, #fff 40%, 
  hsl(0, 0%, 94%) 45%, #fff 50%, 
  hsl(0, 0%, 94%) 55%, #fff 60%, 
  hsl(0, 0%, 94%) 65%, #fff 70%, 
  hsl(0, 0%, 94%) 75%, #fff 80%, 
  hsl(0, 0%, 94%) 85%, #fff 90%, 
  hsl(0, 0%, 94%) 95%, #fff 100% 
  );
}

/* Rear Cover */
.book-3d__inner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 1%;
  width: 100%;
  height: 100%;
  transform: translateZ( calc( var(--book-thickness) * -1 ) );
  background-color: var(--cover-color);
  border-radius: 0 2px 2px 0;
  box-shadow: -10px 0 50px 10px rgba(0,0,0, 0.3);
}

.book-3d__cover {
  display:block;
  width:100%;
  height: auto;
  border-radius: 0px 2px 2px 0px;
  transform: translateZ( var(--book-thickness) );
  box-shadow: 5px 5px 20px rgba(0,0,0, 0.1);
}


/**
 * Pen Specific Styles
 * ===================
*/

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}