:root {
    --navy:#0D2340; --navy-mid:#163354; --navy-light:#1E4A7A;
    --gold:#C8A35A; --gold-light:#E8C87A;
    --cream:#F8F4EE; --text-dark:#1A1A2E; --text-mid:#3D4A5C; --text-light:#6B7A8D; --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Noto Sans SC',sans-serif;background:var(--cream);color:var(--text-dark);overflow-x:hidden;}

/* ══════════════ NAVBAR ══════════════ */
.navbar{
    position:fixed;top:0;left:0;right:0;z-index:100;
    height:62px;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 40px;
    background:rgba(8,18,36,.72);
    backdrop-filter:blur(16px) saturate(1.4);
    -webkit-backdrop-filter:blur(16px) saturate(1.4);
    border-bottom:1px solid rgba(200,163,90,.14);
    transition:background .35s,box-shadow .35s;
}
.navbar.scrolled{
    background:rgba(8,18,36,.96);
    box-shadow:0 4px 24px rgba(0,0,0,.35);
}
.nav-logo{
    font-family:'Noto Serif SC',serif;font-size:17px;font-weight:700;
    color:var(--white);letter-spacing:2px;white-space:nowrap;
    display:flex;align-items:center;gap:10px;text-decoration:none;
    cursor:pointer;
}
.nav-logo-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-link{
    color:rgba(255,255,255,.75);font-size:13px;font-weight:400;
    padding:7px 14px;letter-spacing:.5px;cursor:pointer;
    transition:color .2s,background .2s;text-decoration:none;white-space:nowrap;
}
.nav-link:hover,.nav-link.active-nav{color:var(--white);background:rgba(200,163,90,.1);}
.nav-link.active-nav{color:var(--gold-light);}
.nav-cta{
    margin-left:10px;border:1px solid rgba(200,163,90,.55);
    color:var(--gold-light);font-size:12px;letter-spacing:2px;
    padding:7px 18px;cursor:pointer;
    transition:background .2s,color .2s,border-color .2s;text-decoration:none;
}
.nav-cta:hover{background:var(--gold);color:var(--navy);border-color:var(--gold);}

/* ══════════════ BANNER ══════════════ */
.banner-wrap{position:relative;width:100%;height:660px;overflow:hidden;margin-top:62px;}

.banner-slide{
    position:absolute;inset:0;
    opacity:0;pointer-events:none;
    transition:opacity 1.3s cubic-bezier(.4,0,.2,1);
}
.banner-slide.active{opacity:1;pointer-events:all;}

/* HD photo background */
.slide-bg{
    position:absolute;inset:-8%;
    background-size:cover;background-position:center;
    will-change:transform;
}
.banner-slide.active .slide-bg{
    animation:kenburns 12s ease-out forwards;
}
@keyframes kenburns{
    0%  {transform:scale(1.14) translate(1%,0.8%);}
    100%{transform:scale(1.0) translate(0,0);}
}

/* Slide 1 — university library / grand hall */
.slide-1 .slide-bg{
    background-image: url('../img/consult/photo1.jpg');
}
/* Slide 2 — modern office / consulting */
.slide-2 .slide-bg{
    background-image: url('../img/consult/photo2.jpg');;
}

/* Dark overlay */
.slide-overlay{
    position:absolute;inset:0;
    background:linear-gradient(120deg,rgba(6,14,28,.82) 0%,rgba(9,22,46,.68) 55%,rgba(4,12,26,.78) 100%);
}
/* Slide-specific tint glow */
.slide-1 .slide-glow{
    position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse 60% 75% at 80% 52%,rgba(200,163,90,.16) 0%,transparent 60%);
}
.slide-2 .slide-glow{
    position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse 65% 80% at 22% 50%,rgba(200,163,90,.14) 0%,transparent 55%);
}
/* Grain */
.slide-grain{
    position:absolute;inset:0;pointer-events:none;opacity:.04;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Light beams */
.slide-beams{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
@keyframes beamPulse{
    0%,100%{opacity:0;}
    30%{opacity:1;}
    65%{opacity:.5;}
}
.beam{
    position:absolute;width:1.5px;top:-5%;
    background:linear-gradient(180deg,transparent 0%,rgba(200,163,90,.22) 35%,rgba(200,163,90,.08) 65%,transparent 100%);
    transform-origin:top center;
}

/* Floating particles */
.slide-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.particle{
    position:absolute;border-radius:50%;
    background:rgba(200,163,90,.55);
    animation:floatUp linear infinite;
}
@keyframes floatUp{
    0%  {transform:translateY(0) scale(1);   opacity:0;}
    10% {opacity:1;}
    90% {opacity:.4;}
    100%{transform:translateY(-140px) scale(.4);opacity:0;}
}

/* ── Content layout ── */
.slide-content-wrap{
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    padding:0 48px;
}

/* ── Animated reveal helpers ── */
.anim{
    opacity:0;transform:translateY(30px);
    transition:opacity .75s ease,transform .75s ease;
}
.banner-slide.active .anim:nth-child(1){opacity:1;transform:none;transition-delay:.25s;}
.banner-slide.active .anim:nth-child(2){opacity:1;transform:none;transition-delay:.45s;}
.banner-slide.active .anim:nth-child(3){opacity:1;transform:none;transition-delay:.65s;}
.banner-slide.active .anim:nth-child(4){opacity:1;transform:none;transition-delay:.85s;}
.banner-slide.active .anim:nth-child(5){opacity:1;transform:none;transition-delay:1.3s;}
.banner-slide.active .anim:nth-child(6){opacity:1;transform:none;transition-delay:1.5s;}

/* ══ SLIDE 1 TEXT ══ */
.s1-inner{text-align:center;max-width:880px;}
.s1-tag{
    display:inline-block;border:1px solid rgba(200,163,90,.5);
    color:var(--gold-light);font-size:11px;letter-spacing:5px;
    padding:7px 24px;margin-bottom:30px;font-weight:300;
    position:relative;overflow:hidden;
}
.s1-tag::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg,transparent,rgba(200,163,90,.15),transparent);
    animation:shim 3.5s ease-in-out infinite 2s;
}
@keyframes shim{0%{transform:translateX(-120%);}100%{transform:translateX(120%);}}

.s1-title{
    font-family:'Noto Serif SC',serif;
    font-size:clamp(24px,3.8vw,48px);
    color:var(--white);font-weight:700;
    line-height:1.45;letter-spacing:3px;margin-bottom:22px;
}
.s1-title .gold{color:var(--gold);}

.s1-rule{
    width:0;height:2px;margin:0 auto 24px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    transition:width .9s ease 1s;
}
.banner-slide.active .s1-rule{width:90px;}

.s1-desc{
    color:rgba(255,255,255,.68);font-size:18px;
    line-height:2;font-weight:300;letter-spacing:.5px;
    max-width:560px;margin:0 auto;
}

/* ══ SLIDE 2 TEXT ══ */
.s2-inner{text-align:center;width:100%;max-width:1080px;}
.s2-tag{
    display:inline-block;border:1px solid rgba(200,163,90,.5);
    color:var(--gold-light);font-size:12px;letter-spacing:5px;
    padding:7px 24px;margin-bottom:22px;font-weight:300;
    position:relative;overflow:hidden;
}
.s2-tag::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg,transparent,rgba(200,163,90,.15),transparent);
    animation:shim 3.5s ease-in-out infinite 2.5s;
}
.s2-title{
    font-family:'Noto Serif SC',serif;
    font-size:clamp(24px,3.4vw,44px);
    color:var(--white);font-weight:700;
    margin-bottom:38px;letter-spacing:4px;
}
.s2-cards{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;}

.s2-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(200,163,90,.22);
    backdrop-filter:blur(14px) saturate(1.3);
    -webkit-backdrop-filter:blur(14px) saturate(1.3);
    padding:32px 36px;flex:1;min-width:220px;max-width:280px;
    position:relative;overflow:hidden;
    opacity:0;transform:translateY(48px) scale(.95);
    transition:opacity .65s ease,transform .65s ease,
    background .3s,box-shadow .3s;
}
.banner-slide.active .s2-card:nth-child(1){opacity:1;transform:none;transition-delay:.6s;}
.banner-slide.active .s2-card:nth-child(2){opacity:1;transform:none;transition-delay:.82s;}
.banner-slide.active .s2-card:nth-child(3){opacity:1;transform:none;transition-delay:1.04s;}

/* top border reveal */
.s2-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    transform:scaleX(0);transform-origin:left;
    transition:transform .6s ease;
}
.banner-slide.active .s2-card:nth-child(1)::before{transform:scaleX(1);transition-delay:1s;}
.banner-slide.active .s2-card:nth-child(2)::before{transform:scaleX(1);transition-delay:1.2s;}
.banner-slide.active .s2-card:nth-child(3)::before{transform:scaleX(1);transition-delay:1.4s;}

/* inner glow on hover */
.s2-card::after{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(200,163,90,.12),transparent 70%);
    opacity:0;transition:opacity .3s;
}
.s2-card:hover{
    background:rgba(255,255,255,.12);
    box-shadow:0 24px 64px rgba(0,0,0,.4),0 0 40px rgba(200,163,90,.12);
    transform:translateY(-8px) scale(1.02) !important;
}
.s2-card:hover::after{opacity:1;}

.card-num{
    font-family:'Noto Serif SC',serif;font-size:44px;font-weight:700;
    color:rgba(200,163,90,.26);line-height:1;margin-bottom:14px;
    transition:color .3s;
}
.s2-card:hover .card-num{color:rgba(200,163,90,.52);}
.card-text{color:var(--white);font-size:17px;font-weight:500;letter-spacing:1px;line-height:1.6;}
.card-sub{color:rgba(255,255,255,.42);font-size:11px;margin-top:10px;font-weight:300;letter-spacing:.5px;}

/* ── Banner CTA button ── */
.banner-cta{
    display:inline-block;margin-top:28px;
    padding:13px 36px;
    border:1.5px solid var(--gold);
    color:var(--white);font-size:13px;letter-spacing:3px;
    cursor:pointer;text-decoration:none;
    position:relative;overflow:hidden;
    transition:color .3s;
}
.banner-cta::before{
    content:'';position:absolute;inset:0;
    background:var(--gold);transform:translateX(-101%);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
    z-index:0;
}
.banner-cta:hover::before{transform:translateX(0);}
.banner-cta:hover{color:var(--navy);}
.banner-cta span{position:relative;z-index:1;}

/* ── Slide 2 service tags row ── */
.s2-service-row{
    display:flex;gap:0;justify-content:center;flex-wrap:wrap;
    margin-top:28px;
    border-top:1px solid rgba(200,163,90,.18);
    padding-top:18px;
}
.s2-stag{
    color:rgba(255,255,255,.6);font-size:16px;font-weight:300;
    padding:4px 16px;letter-spacing:.5px;
    border-right:1px solid rgba(200,163,90,.2);
    transition:color .2s;cursor:default;
}
.s2-stag:last-child{border-right:none;}
.s2-stag:hover{color:var(--gold-light);}

/* ── Progress bar ── */
.banner-progress{
    position:absolute;bottom:0;left:0;
    height:3px;width:0;z-index:20;
    background:linear-gradient(90deg,var(--gold),var(--gold-light));
}
.banner-progress.run{animation:prog 5s linear forwards;}
@keyframes prog{from{width:0;}to{width:100%;}}

/* ── Dots ── */
.banner-dots{
    position:absolute;bottom:26px;left:50%;transform:translateX(-50%);
    display:flex;gap:12px;z-index:10;
}
.dot{
    width:28px;height:3px;background:rgba(255,255,255,.22);
    cursor:pointer;transition:width .35s,background .3s;
    position:relative;overflow:hidden;
}
.dot.active{width:48px;background:rgba(255,255,255,.12);}
.dot::after{
    content:'';position:absolute;inset:0;
    background:var(--gold);transform:scaleX(0);transform-origin:left;
}
.dot.active::after{transform:scaleX(1);transition:transform 5s linear;}

/* ── Arrows ── */
.banner-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    z-index:10;width:50px;height:50px;
    border:1px solid rgba(200,163,90,.35);
    background:rgba(0,0,0,.3);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    transition:background .25s,border-color .25s,transform .25s;
}
.banner-arrow:hover{
    background:rgba(200,163,90,.2);border-color:rgba(200,163,90,.7);
    transform:translateY(-50%) scale(1.06);
}
.banner-arrow.left{left:28px;}
.banner-arrow.right{right:28px;}
.banner-arrow svg{width:17px;height:17px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}

/* counter */
.banner-counter{
    position:absolute;bottom:22px;right:32px;
    font-size:12px;color:rgba(255,255,255,.38);
    font-weight:300;letter-spacing:2px;z-index:10;
}
.banner-counter em{color:var(--gold);font-style:normal;}

/* ═══════════ SHARED HELPERS ═══════════ */
.section-eyebrow{display:inline-block;font-size:11px;letter-spacing:5px;font-weight:500;text-transform:uppercase;margin-bottom:12px;}
.section-title{font-family:'Noto Serif SC',serif;font-size:clamp(22px,2.8vw,34px);font-weight:700;margin-bottom:16px;}
.section-header{text-align:center;margin-bottom:54px;}

/* Section label badge */
.sec-badge{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid rgba(200,163,90,.45);
    padding:6px 18px;margin-bottom:20px;
}
.sec-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);}
.sec-badge-text{font-size:10px;letter-spacing:5px;font-weight:400;color:var(--gold-light);text-transform:uppercase;}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:none;}
.reveal.d1{transition-delay:.1s;} .reveal.d2{transition-delay:.22s;} .reveal.d3{transition-delay:.34s;} .reveal.d4{transition-delay:.46s;}

/* ══════════════════════════════════════════
   MODULE 1 · 咨询范围  ——  亮 (light)
══════════════════════════════════════════ */
.scope-section{
    position:relative;padding:100px 40px 96px;overflow:hidden;
    background:var(--cream);
}
/* 浅色底图：低饱和度学术照片，高亮遮罩 */
.scope-section .sec-photo{
    position:absolute;inset:-6%;
}
.scope-section .sec-overlay{
    position:absolute;inset:0;
    background:rgba(245,241,230,.82);
}
.scope-inner{position:relative;z-index:3;max-width:1140px;margin:0 auto;}
.scope-section .section-title{color:var(--navy);}
.scope-section .sec-badge{border-color:rgba(13,35,64,.2);}
.scope-section .sec-badge-text{color:var(--gold);}
.scope-section .sec-badge-dot{background:var(--gold);}
.section-rule-light{width:48px;height:2px;background:var(--gold);margin:0 auto;}

.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.scope-card{
    background:#fff;
    border-top:2px solid var(--gold);
    border-left:1px solid rgba(200,163,90,.18);
    border-right:1px solid rgba(200,163,90,.18);
    border-bottom:1px solid rgba(200,163,90,.18);
    padding:36px 32px;
    box-shadow:0 2px 16px rgba(13,35,64,.06);
    transition:transform .35s,box-shadow .35s;
}
.scope-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(13,35,64,.13);}
.scope-card-title{
    font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;
    color:var(--navy);margin-bottom:20px;padding-bottom:14px;
    border-bottom:1px solid rgba(200,163,90,.2);
}
.scope-item{display:flex;align-items:flex-start;gap:10px;color:var(--text-mid);font-size:14px;line-height:1.75;margin-bottom:10px;}
.scope-dot{color:var(--gold);font-size:11px;flex-shrink:0;margin-top:5px;}

.cta-wrap{text-align:center;margin-top:52px;}
.cta-btn{
    display:inline-block;border:1.5px solid var(--navy);
    color:var(--navy);font-size:13px;letter-spacing:3px;
    padding:15px 50px;cursor:pointer;text-decoration:none;
    position:relative;overflow:hidden;transition:color .3s;
}
.cta-btn::before{content:'';position:absolute;inset:0;background:var(--navy);transform:translateX(-101%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;}
.cta-btn:hover::before{transform:translateX(0);}
.cta-btn:hover{color:var(--white);}
.cta-btn span{position:relative;z-index:1;}

/* ══════════════════════════════════════════
   MODULE 2 · 服务流程  ——  暗 (dark)
══════════════════════════════════════════ */
.process-section{
    position:relative;padding:96px 40px;overflow:hidden;
}
.process-section .sec-photo{
    position:absolute;inset:-6%;
    background:url('../img/consult/photo3.jpg') center 40%/cover;
}
.process-section .sec-overlay{
    position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(4,12,28,.78) 0%,rgba(8,20,48,.72) 50%,rgba(5,14,34,.80) 100%);
}
.process-inner{position:relative;z-index:2;max-width:1140px;margin:0 auto;}
.process-section .section-title{color:var(--white);}
.process-section .sec-badge{border-color:rgba(200,163,90,.35);}
.process-section .sec-badge-text{color:var(--gold-light);}
.process-section .sec-badge-dot{background:var(--gold);}

.process-steps{display:grid;grid-template-columns:repeat(7,1fr);margin-top:48px;gap:0;position:relative;}
.process-steps::before{
    content:'';position:absolute;top:27px;left:calc(100%/14 + 28px);right:calc(100%/14 + 28px);
    height:1px;background:linear-gradient(90deg,rgba(200,163,90,.6),rgba(200,163,90,.2),rgba(200,163,90,.6));z-index:0;
}
.process-row2{display:none;}
.process-divider{display:none;}
.process-step{position:relative;text-align:center;padding:0 16px;z-index:1;}
.step-num{
    width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);
    display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
    font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;
    color:var(--gold);background:rgba(200,163,90,.08);
    transition:background .3s,box-shadow .3s,color .3s;
}
.process-step:hover .step-num{
    background:var(--gold);color:var(--navy);
    box-shadow:0 0 0 8px rgba(200,163,90,.15),0 8px 28px rgba(200,163,90,.3);
}
.step-name{color:var(--white);font-size:14px;font-weight:500;margin-bottom:7px;letter-spacing:.5px;}
.step-desc{color:rgba(255,255,255,.45);font-size:12px;line-height:1.7;}

/* ══════════════════════════════════════════
   MODULE 3 · 联系我们  ——  亮 (light)
══════════════════════════════════════════ */
.contact-section{
    position:relative;padding:100px 40px 96px;overflow:hidden;
    background:var(--white);
}
/* 亮色底图：现代建筑，高透遮罩 */
.contact-section .sec-photo{
    position:absolute;inset:-6%;
}
.contact-section .sec-overlay{
    position:absolute;inset:0;
    background:rgba(250,247,242,.82);
}
.contact-section::before{ content:none; }
.contact-section::after{ content:none; }
.contact-inner{position:relative;z-index:3;max-width:1140px;margin:0 auto;}
.contact-section .section-title{color:var(--navy);}
.contact-section .sec-badge{border-color:rgba(13,35,64,.2);}
.contact-section .sec-badge-text{color:var(--gold);}
.contact-section .sec-badge-dot{background:var(--gold);}

.contact-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:64px;align-items:start;}
.contact-info-title{font-family:'Noto Serif SC',serif;font-size:22px;color:var(--navy);font-weight:700;margin-bottom:8px;}
.contact-info-sub{color:var(--text-light);font-size:14px;margin-bottom:32px;line-height:1.9;}
.contact-item{display:flex;gap:14px;margin-bottom:22px;align-items:flex-start;}
.contact-icon{
    width:40px;height:40px;flex-shrink:0;
    background:rgba(200,163,90,.08);border:1px solid rgba(200,163,90,.3);
    display:flex;align-items:center;justify-content:center;
    transition:background .3s,border-color .3s;
}
.contact-item:hover .contact-icon{background:rgba(200,163,90,.18);border-color:var(--gold);}
.contact-icon svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.5;}
.contact-item-text{font-size:14px;color:var(--text-mid);line-height:1.75;}
.contact-item-label{font-size:10px;color:var(--text-light);margin-bottom:3px;letter-spacing:2px;text-transform:uppercase;}

.form-wrap{
    background:#fff;padding:44px;
    border-top:2px solid var(--gold);
    box-shadow:0 8px 48px rgba(13,35,64,.10);
}
.form-title{font-family:'Noto Serif SC',serif;font-size:20px;color:var(--navy);font-weight:700;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid rgba(200,163,90,.2);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-group label{font-size:10px;color:var(--text-light);letter-spacing:2px;text-transform:uppercase;}
.form-control{border:1px solid rgba(13,35,64,.13);padding:11px 14px;font-size:14px;font-family:'Noto Sans SC',sans-serif;color:var(--text-dark);background:var(--cream);outline:none;transition:border .2s,background .2s,box-shadow .2s;}
.form-control:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(200,163,90,.10);}
textarea.form-control{resize:vertical;min-height:88px;}
select.form-control{cursor:pointer;}
.form-submit{width:100%;background:var(--navy);color:#fff;border:none;cursor:pointer;padding:15px;font-size:13px;letter-spacing:3px;font-family:'Noto Sans SC',sans-serif;transition:background .25s,color .25s;}
.form-submit:hover{background:var(--gold);color:var(--navy);}
.form-note{font-size:11px;color:var(--text-light);text-align:center;margin-top:12px;line-height:1.8;}

/* ══════════════════════════════════════════
   MODULE 4 · 常见问题  ——  暗 (dark)
══════════════════════════════════════════ */
.faq-section{
    position:relative;padding:100px 40px 96px;overflow:hidden;
}
.faq-section .sec-photo{
    position:absolute;inset:-6%;
    background:url('../img/consult/photo4.jpg') center/cover;
}
.faq-section .sec-overlay{
    position:absolute;inset:0;
    background:linear-gradient(150deg,rgba(4,12,28,.76) 0%,rgba(8,20,48,.70) 50%,rgba(5,14,34,.78) 100%);
}
.faq-section::before{ content:none; }
.faq-inner{position:relative;z-index:3;max-width:860px;margin:0 auto;}
.faq-section .section-title{color:var(--white);}
.faq-section .sec-badge{border-color:rgba(200,163,90,.35);}
.faq-section .sec-badge-text{color:var(--gold-light);}
.faq-section .sec-badge-dot{background:var(--gold);}

.faq-item{
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    margin-bottom:8px;
    border:1px solid rgba(200,163,90,.18);
    border-left:3px solid transparent;
    transition:border-left-color .25s,background .25s;
}
.faq-item:hover{background:rgba(255,255,255,.11);}
.faq-item.open{border-left-color:var(--gold);background:rgba(255,255,255,.13);}
.faq-q{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:500;color:var(--white);user-select:none;}
.faq-icon{width:20px;height:20px;flex-shrink:0;position:relative;}
.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:var(--gold);transition:transform .3s,opacity .3s;}
.faq-icon::before{width:12px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%);}
.faq-icon::after{width:1.5px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%);}
.faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s ease;}
.faq-a-inner{padding:0 24px 20px;padding-top:14px;font-size:14px;color:rgba(255,255,255,.65);line-height:2;border-top:1px solid rgba(200,163,90,.18);}

@media(max-width:768px){
    .banner-wrap{height:auto;min-height:560px;}
    .s2-cards{flex-direction:column;align-items:center;}
    .s2-card{max-width:100%;}
    .process-steps{grid-template-columns:1fr 1fr;}
    .process-step:nth-child(2)::after{display:none;}
    .process-row2{grid-template-columns:1fr 1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .banner-arrow{display:none;}
    .scope-section,.process-section,.contact-section,.faq-section{padding:64px 20px;}
    .nav-links .nav-link{font-size:11px;padding:7px 8px;}
}


.read-only-mode input,
.read-only-mode textarea,
.read-only-mode select,
.read-only-mode .custom-tag-btn {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #f5f5f5;
}

/* 提交按钮只读模式 */
.read-only-mode .form-submit {
    background-color: #ccc !important;
    cursor: not-allowed;
}


/* 返回顶部 */
#backToTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6); /* 深色半透明背景 */
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);

    /* 半隐藏效果样式 */
    opacity: 0.4;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: auto;
}

/* 鼠标悬停或激活状态：完全不透明并上浮 */
#backToTopBtn:hover, #backToTopBtn.show {
    opacity: 1;
    transform: translateY(0);
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: 0 6px 15px rgba(0,0,0,0.4);
}

#backToTopBtn svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
}

#backToTopBtn:hover svg {
    transform: translateY(-3px);
}

/* 移动端适配 */
@media (max-width: 768px) {
    #backToTopBtn {
        bottom: 20px;
        right: 20px;
        width: 44px;
        height: 44px;
    }
}