body, html {
    font-family: 'Noto Sans', sans-serif !important;
}

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

body {
        background: #0a0a0a;
        color: #fff;
        overflow-x: hidden;
        line-height: 1.6;
}

.wrap {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        position: relative;
}

.main {
        flex: 1;
        /*padding-top: 60px;  为顶部导航留出空间 */
        background: #ededed;
        padding-bottom: 5px;
}

.project-container {
                    position: relative;
}

.project {
            --bgScale: 1.06;
            position: relative;
            width: 100%;
            height: 100vh;
            background-size: calc(100% * var(--bgScale)) auto;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            transition: all 0.4s ease;
            will-change: background-size;
}

/* 添加图片放大效果 */
.project::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
}

.project-overlay {
            position: absolute !important;
            left: 0; right: 0;
            bottom: 0;
            width: 100%;
            padding-left: var(--text-left);
            padding-right: 40px;
            padding-bottom: var(--text-bottom);
            padding-top: 0;
            text-align: left !important;
            padding: 50px;
            z-index: 2;
            opacity: 1;
            transition: opacity 0.4s ease;
            pointer-events: auto; /* 防止文字干扰悬停效果 */
            cursor: pointer;
}

.discover-text {
            position: absolute;
            top: 0;
            left: 0;
            transform: translate3d(0,0,0) scale(.92);
            background: rgba(255, 255, 255, 0.2);
            -webkit-backdrop-filter: blur(10px); 
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(10px);
            padding: 6px 12px;
            border-radius: 30px;
            color: #fff;
            opacity: 0;
            pointer-events: none;
            transition:
                left .5s cubic-bezier(.16,1,.3,1),
                top  .5s cubic-bezier(.16,1,.3,1),
                opacity .15s ease,
                transform .15s ease;
            font-size: 0.95rem;
            white-space: nowrap;
            transform-origin: center;
            pointer-events: none;
            border-radius: 14px;
            z-index: 3;
            will-change: left, top, transform;
            display: inline-flex;
            align-items: center;
}

.discover-text::before{
            content: "";
            width: 8px;                    /* 圆点直径：可改 6~10px */
            height: 8px;
            border-radius: 50%;
            background: #fff;              /* 白色 */
            margin-right: 8px;             /* 圆点与文字的间距 */
            box-shadow:
                0 0 0 1px rgba(255,255,255,.35) inset,   /* 轻微内发光，毛玻璃上更清晰 */
                0 1px 2px rgba(0,0,0,.18);               /* 细微投影，提亮层次 */
            flex: 0 0 auto;
            pointer-events: none;          /* 不挡点击 */
}

.project-overlay:hover .discover-text {
            opacity: 1;
            transform: translateX(0,0,0) scale(1);
}

.project-title {
            font-size: 3.5rem;
            font-weight: 600;
            margin-bottom: 12px;
            /*text-transform: uppercase;*/
            letter-spacing: 3px;
            position: relative;
            /*padding-bottom: 15px;*/
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

.project-description {
            font-size: 1.3rem;
            margin-bottom: 0px;
            line-height: 1.7;
            max-width: 600px;
            margin: 0 auto 30px;
            text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

/* 左下角文字的宽度与阴影保持 */
.project-title,
.project-description{
            max-width: var(--text-maxw);
            margin-left: 0 !important;
            margin-right: 0 !important;
            text-shadow: 0 2px 10px rgba(0,0,0,.8);
}

:root{
        --text-left: 40px;    /* 文字距左 */
        --text-bottom: 40px;  /* 文字距下 */
        --text-maxw: 640px;   /* 左下文字块最大宽度 */
}

.project[data-href*=".pdf"] {
            background-color: #f0f0f0; /* 更改为不同的背景色 */
}

/* 响应式设计 */
@media (max-width: 992px) {
    .project-title {
                font-size: 2.8rem;
    }
            
    .project-description {
                font-size: 1.1rem;
    }
            
    .project-overlay {
                padding: 30px;
                max-width: 90%;
    }
}
        
@media (max-width: 768px) {
    .project-title {
                font-size: 2.2rem;
    }
            
    .project-description {
                font-size: 1rem;
                margin-bottom: 20px;
    }

    :root{
            --text-left: 20px;
            --text-bottom: 24px;
            --text-maxw: 90vw;
    }
    .project-overlay{ padding-right: calc(var(--btn-right) + 120px); }
}

@media (prefers-reduced-motion: reduce){
            .project{ --bgScale: 1; }
}