@font-face{font-family:'峄山碑篆体';src:url(YiShanBeiZhuanTi.ttf) format('truetype');font-weight:400;font-style:normal}body{font-family:'ZCOOL XiaoWei',serif;background-color:#000;color:#fff;margin:0;padding:0;line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:40px 60px;background-color:#000}header .logo{font-size:40px;font-weight:700;letter-spacing:4px;text-transform:uppercase;font-family:"峄山碑篆体",serif}nav ul{list-style:none;display:flex;gap:40px;margin:0;padding:0}nav ul li a{color:#fff;text-decoration:none;font-size:18px;transition:color .3s}nav ul li a:hover{color:#aaa}.carousel{position:relative;width:100%;height:720px;overflow:hidden}.carousel img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out}.carousel img.active{opacity:1}.carousel-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:24px;font-weight:700;background:rgba(0,0,0,.5);padding:10px;width:80%}.carousel-text p{margin:0;font-family:"Archivo Black",sans-serif}.portfolio{display:flex;flex-direction:column;gap:30px;padding:60px 60px}.portfolio-category{margin-bottom:30px}.portfolio-category h2{font-size:24px;font-weight:700;margin-bottom:15px;border-bottom:2px solid #fff;padding-bottom:10px}.portfolio-items{display:flex;flex-wrap:wrap;gap:20px}.portfolio-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:flex .5s;flex:1 1 calc(33.333% - 20px)}.portfolio-item img{position:relative;overflow:hidden;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:flex .5s}.portfolio-item .location{position:static;left:10px;background-color:rgba(0,0,0,.7);padding:8px 12px;font-size:14px;color:#fff;border-radius:5px}.portfolio-item.random{flex:1 1 calc(33% - 20px)}.portfolio-item.random.small{flex:1 1 calc(25% - 20px)}.portfolio-item.random.medium{flex:1 1 calc(33% - 20px)}.portfolio-item.random.large{flex:1 1 calc(50% - 20px)}footer{display:flex;justify-content:space-between;align-items:center;padding:50px 60px;background-color:#000;font-size:18px;font-family:'ZCOOL XiaoWei',serif;border-top:2px solid #fff;position:relative}footer p{margin:0}footer .footer-logo{font-family:'ZCOOL XiaoWei',serif;font-size:34px;font-weight:700;position:absolute;left:50%;transform:translateX(-50%)}footer .contact{display:flex;gap:20px}footer .contact a{color:#fff;text-decoration:none;font-size:18px}footer .contact a:hover{color:#aaa}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}