/* 优化后的完整样式 - 延迟加载部分 */
.navbar ul.desktop-menu{list-style:none;display:flex;gap:20px;margin:0;padding:0}
.navbar ul.desktop-menu li{margin:0;padding:0}
.navbar ul.desktop-menu li a{color:#f3e6c0;text-decoration:none;font-size:1rem;padding:12px 20px;border-radius:8px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:block;z-index:1;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.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)}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 30%,rgba(196,167,111,0.03) 0%,transparent 70%);pointer-events:none}
.hero h1::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#c4a76f,transparent);border-radius:1px}
.hero .button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}
.hero .button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(196,167,111,0.4);background:linear-gradient(135deg,#dfbe82 0%,#c4a76f 50%,#dfbe82 100%)}
.hero .button:hover::before{left:100%}
.section{max-width:1200px;margin:80px auto;padding:0 20px}
.section h2{font-size:clamp(2rem,5vw,3rem);color:#c4a76f;margin-bottom:20px;text-align:center;font-weight:300;letter-spacing:1px;position:relative}
.section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,#c4a76f,transparent);border-radius:1px}
.section p{font-size:clamp(1.1rem,2.5vw,1.3rem);text-align:center;margin-bottom:50px;color:#d4c39c;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}
.tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}
.test-card{background:linear-gradient(145deg,rgba(196,167,111,0.05) 0%,rgba(196,167,111,0.02) 100%);padding:30px 25px;border:1px solid rgba(196,167,111,0.15);border-radius:16px;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)}
.test-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,167,111,0.3),transparent)}
.test-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(196,167,111,0.2);border-color:rgba(196,167,111,0.3)}
.test-card h4{color:#f3e6c0;font-size:1.3rem;margin-bottom:15px;font-weight:600;letter-spacing:0.5px}
.test-card p{color:#d4c39c;font-size:1rem;margin-bottom:20px;line-height:1.6;text-align:left}
.test-card a{color:#c4a76f;text-decoration:none;font-size:0.95rem;font-weight:600;transition:all 0.3s ease;position:relative}
.test-card a::after{content:' →';transition:transform 0.3s ease;display:inline-block}
.test-card a:hover{color:#dfbe82}
.test-card a:hover::after{transform:translateX(5px)}
.testimonial-section{padding:80px 20px;color:#ffffff;text-align:center;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,0.2);font-size:1.5rem;margin-bottom:40px;background:linear-gradient(145deg,rgba(196,167,111,0.03) 0%,rgba(196,167,111,0.01) 100%);border:1px solid rgba(196,167,111,0.1)}
.section-title{font-size:clamp(2rem,5vw,2.8rem);color:#f3e6c0;margin-bottom:20px;font-weight:300;letter-spacing:1px}
.section-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);text-align:center;margin-bottom:50px;line-height:1.6;padding:0 16px;color:#d4c39c}
.testimonial-carousel{display:flex;padding:20px 20px;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain}
.testimonial-carousel::-webkit-scrollbar{display:none}
.testimonial-card{flex:0 0 350px;min-width:280px;max-width:380px;background:linear-gradient(145deg,rgba(196,167,111,0.08) 0%,rgba(196,167,111,0.03) 100%);border:1px solid rgba(196,167,111,0.15);border-radius:20px;padding:35px 30px 25px 30px;scroll-snap-align:start;text-align:left;box-shadow:0 4px 25px rgba(0,0,0,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,167,111,0.3),transparent)}
.testimonial-card:hover{box-shadow:0 8px 40px rgba(196,167,111,0.25);transform:translateY(-6px) scale(1.02);border-color:rgba(196,167,111,0.3)}
.testimonial-text{font-size:1.1rem;line-height:1.8;color:#e0d7b9;margin-bottom:20px}
.testimonial-name{font-size:1rem;color:#c4a76f;text-align:right;font-weight:600;letter-spacing:0.5px}
.faq{background:linear-gradient(135deg,rgba(196,167,111,0.03) 0%,rgba(196,167,111,0.01) 100%);color:#f3e6c0;padding:80px 20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;border-top:1px solid rgba(196,167,111,0.1)}
.faq-container{max-width:960px;margin:0 auto;padding:0 20px}
.faq-title{font-size:clamp(2rem,5vw,2.8rem);text-align:center;margin-bottom:60px;letter-spacing:1px;font-weight:300;color:#f3e6c0}
.faq-item{margin-bottom:30px;background:linear-gradient(145deg,rgba(196,167,111,0.05) 0%,rgba(196,167,111,0.02) 100%);border-left:4px solid #c4a76f;padding:30px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;border:1px solid rgba(196,167,111,0.1)}
.faq-item:hover{background:linear-gradient(145deg,rgba(196,167,111,0.08) 0%,rgba(196,167,111,0.04) 100%);transform:translateY(-2px);box-shadow:0 8px 30px rgba(196,167,111,0.15)}
.faq-item h3{font-size:1.4rem;margin-bottom:15px;color:#f9eccc;font-weight:600}
.faq-item p{font-size:1.1rem;line-height:1.8;color:#e0d5b4;margin:0;white-space:pre-line}
.footer{text-align:center;padding:40px 20px;background:linear-gradient(145deg,rgba(196,167,111,0.02) 0%,rgba(196,167,111,0.01) 100%);color:#888;font-size:14px;border-top:1px solid rgba(196,167,111,0.1)}
html{scroll-behavior:smooth}
::selection{background:rgba(196,167,111,0.3);color:#f3e6c0}
@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:900px){.testimonial-section{padding:60px 6vw}.testimonial-card{flex:0 0 70vw;min-width:240px;max-width:90vw}.testimonial-carousel{gap:18px;scroll-snap-type:x proximity}}
@media (max-width:768px){.tests-grid{grid-template-columns:1fr;gap:20px}.test-card{padding:25px 20px}.section{margin:60px auto;padding:0 15px}.faq{padding:60px 20px}.faq-item{padding:25px 20px}}
@media (max-width:600px){.testimonial-section{padding:40px 2vw}.testimonial-card{flex:0 0 85vw;min-width:200px;max-width:96vw;padding:25px 20px 20px 20px}.testimonial-carousel{gap:12px;scroll-snap-type:x proximity;scroll-padding:0 20px}.faq-title{font-size:1.8rem}.faq-item h3{font-size:1.2rem}.faq-item p{font-size:1rem}.hero{padding:60px 20px 40px;min-height:50vh}.mobile-nav{padding:12px 10px;gap:4px}.mobile-nav a{font-size:0.8rem;padding:8px 6px;max-width:70px}}
@media (max-width:480px){.mobile-nav{padding:10px 8px;gap:2px}.mobile-nav a{font-size:0.75rem;padding:6px 4px;max-width:60px}}