/* About页面优化CSS - 延迟加载部分 */
.highlight{color:#c4a76f;font-weight:600;position:relative;text-shadow:0 0 10px rgba(196,167,111,0.3)}
hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(196,167,111,0.2),transparent);margin:40px 0;animation:fadeInUp 0.8s ease-out 0.8s both}
.contact-box{background:linear-gradient(145deg,rgba(196,167,111,0.05) 0%,rgba(196,167,111,0.02) 100%);padding:35px 30px;border-radius:16px;border:1px solid rgba(196,167,111,0.15);margin-top:50px;text-align:center;position:relative;overflow:hidden;animation:fadeInUp 0.8s ease-out 1s both;transition:all 0.3s ease}
.contact-box:hover{border-color:rgba(196,167,111,0.3);box-shadow:0 10px 30px rgba(196,167,111,0.1);transform:translateY(-2px)}
.contact-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,167,111,0.3),transparent)}
.contact-box h2{color:#f3e6c0;font-size:clamp(1.4rem,3vw,1.8rem);margin-bottom:15px;font-weight:500;letter-spacing:0.5px}
.contact-box p{color:#d4c39c;font-size:clamp(0.95rem,2vw,1.1rem);margin:8px 0;line-height:1.6}
.contact-box a{color:#c4a76f;text-decoration:none;font-weight:600;position:relative;transition:all 0.3s ease;text-shadow:0 0 8px rgba(196,167,111,0.3)}
.contact-box a:hover{color:#dfbe82;text-shadow:0 0 12px rgba(196,167,111,0.5)}
.contact-box a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#c4a76f,#dfbe82);transition:width 0.3s ease}
.contact-box a:hover::after{width:100%}
.navbar ul.desktop-menu li a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(196,167,111,0.2),transparent);transition:left 0.5s ease;z-index:-1}
.navbar ul.desktop-menu li a:hover::before{left:100%}
.navbar ul.desktop-menu li a:hover,.mobile-nav a:hover{background:linear-gradient(135deg,rgba(196,167,111,0.15) 0%,rgba(196,167,111,0.05) 100%);color:#c4a76f;box-shadow:0 4px 12px rgba(196,167,111,0.2)}
.navbar ul.desktop-menu li a:focus,.mobile-nav a:focus{outline:2px solid #c4a76f;outline-offset:2px;border-radius:8px}
.navbar ul.desktop-menu li a.active{background:linear-gradient(135deg,rgba(196,167,111,0.2) 0%,rgba(196,167,111,0.1) 100%);color:#c4a76f}
.navbar .logo:hover{color:#dfbe82;text-shadow:0 0 15px rgba(196,167,111,0.5);transform:scale(1.05)}
html{scroll-behavior:smooth}
::selection{background:rgba(196,167,111,0.3);color:#f3e6c0}
.contact-box a:focus{outline:2px solid #c4a76f;outline-offset:2px}
@media (max-width:767px){.mobile-nav a{color:#f3e6c0;text-decoration:none;font-size:0.85rem;padding:10px 12px;border-radius:8px;transition:all 0.3s ease;display:block;position:relative;z-index:1;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-align:center;flex:1;max-width:80px}}
@media (max-width:768px){body{padding:15px}.container{padding:35px 25px;border-radius:16px;margin:10px}h1{margin-bottom:12px}.subtitle{margin-bottom:35px}p{margin-bottom:24px;font-size:1rem}hr{margin:35px 0}.contact-box{padding:28px 22px;margin-top:40px;margin-bottom:20px}.contact-box h2{margin-bottom:12px}.contact-box p{margin:6px 0;font-size:0.95rem}}
@media (max-width:480px){body{padding:10px}.container{padding:28px 20px;margin:5px}h1{font-size:2rem;margin-bottom:10px}.subtitle{font-size:1.1rem;margin-bottom:30px}p{font-size:0.95rem;margin-bottom:20px;line-height:1.7}hr{margin:30px 0}.contact-box{padding:25px 18px;margin-top:35px}.contact-box h2{font-size:1.4rem;margin-bottom:10px}.contact-box p{font-size:0.9rem;margin:5px 0}}
@media (min-width:769px) and (max-width:1024px){.container{max-width:800px;padding:45px 35px}}
@media (min-width:1025px){.container{max-width:900px;padding:50px 40px}.container:hover{box-shadow:0 25px 50px rgba(0,0,0,0.4),0 0 25px rgba(196,167,111,0.1);transform:translateY(-2px)}}