/* FAQ页面优化CSS - 延迟加载部分 */
details{background:linear-gradient(145deg,rgba(196,167,111,0.05) 0%,rgba(196,167,111,0.02) 100%);border:1px solid rgba(196,167,111,0.15);border-radius:16px;margin-bottom:25px;padding:25px 30px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1);animation:fadeInUp 0.8s ease-out both}
details:hover{background:linear-gradient(145deg,rgba(196,167,111,0.08) 0%,rgba(196,167,111,0.04) 100%);border-color:rgba(196,167,111,0.3);transform:translateY(-2px);box-shadow:0 8px 30px rgba(196,167,111,0.15)}
details::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,167,111,0.2),transparent)}
summary{font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;color:#f3e6c0;cursor:pointer;padding:5px 0;transition:all 0.3s ease;position:relative;letter-spacing:0.5px}
summary::-webkit-details-marker{display:none}
details[open] summary::after{content:"▲";float:right;color:#c4a76f;font-size:1rem;transition:all 0.3s ease;transform:rotate(0deg)}
summary::after{content:"▼";float:right;color:#c4a76f;font-size:1rem;transition:all 0.3s ease;transform:rotate(0deg)}
summary:hover{color:#c4a76f}
details[open] summary{color:#c4a76f;margin-bottom:15px}
details p{margin-top:15px;color:#d4c39c;font-size:clamp(1rem,2.2vw,1.05rem);line-height:1.8;opacity:0;transform:translateY(10px);transition:all 0.4s ease}
details[open] p{opacity:1;transform:translateY(0)}
a{color:#c4a76f;text-decoration:none;transition:all 0.3s ease;position:relative;font-weight:500}
a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#c4a76f,#dfbe82);transition:width 0.3s ease}
a:hover{color:#dfbe82}
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)}
.navbar .logo::after{display:none}
html{scroll-behavior:smooth}
::selection{background:rgba(196,167,111,0.3);color:#f3e6c0}
summary:focus{outline:2px solid #c4a76f;outline-offset:2px;border-radius:4px}
@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:20px 15px}.container{padding:40px 30px;border-radius:20px}h1{margin-bottom:12px}.subtitle{margin-bottom:40px}details{padding:20px 25px;margin-bottom:20px}summary{padding:3px 0}details p{margin-top:12px}}
@media (max-width:480px){body{padding:15px 10px}.container{padding:30px 20px}h1{font-size:2rem;margin-bottom:10px}.subtitle{font-size:1rem;margin-bottom:35px}details{padding:18px 20px;margin-bottom:18px}summary{font-size:1rem}details p{font-size:0.95rem;line-height:1.7}}
@media (min-width:769px) and (max-width:1024px){.container{max-width:800px;padding:50px 40px}}
@media (min-width:1025px){.container{max-width:900px;padding:60px 50px}.container:hover{box-shadow:0 30px 60px rgba(0,0,0,0.5),0 0 35px rgba(196,167,111,0.15);transform:translateY(-2px)}}