:root{
  --poster-blue:#0b57a4;
}
.services-poster{background:linear-gradient(180deg,#ffffff,#f7fbff);padding:0}
.hero--signup{display:flex;align-items:center;justify-content:center;min-height:76vh;padding:80px 0}
.hero--signup .hero__content{max-width:920px;margin:0 auto;text-align:center}
.hero__actions{justify-content:center}
.hero__note{margin-top:18px}
.hero__visual{margin-top:32px;display:flex;justify-content:center}
.hero__visual .poster-slider{width:100%;max-width:780px;margin:24px auto 0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.96);box-shadow:0 32px 80px rgba(10,30,70,0.12)}
.hero__visual .slider-track{display:flex;transition:transform 0.75s cubic-bezier(.22,.61,.36,1)}
.hero__visual .slide-copy{background:transparent;padding:0;box-shadow:none;}
.hero__visual .slide-copy img{width:100%;height:auto;object-fit:cover;border-radius:20px;display:block}
.hero__visual .slider-dots{margin:18px auto 0;max-width:320px}
.hero__visual .slider-dot{width:12px;height:12px}
.hero-strip{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;justify-content:center}
.hero-strip::before{content:'';position:absolute;inset:0;background:url('/img/信望爱Schedule.png') center/cover no-repeat;opacity:0.28;filter:blur(1px)}
.hero-strip::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,38,84,0.50),rgba(255,255,255,0.16));mix-blend-mode:normal}
.poster-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:28px;padding:40px 7% 120px}
.poster-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.poster-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 18px 40px rgba(10,30,70,0.12);border:1px solid rgba(28,42,68,0.06);display:block}
.poster-summary h1{font-size:2.5rem;margin-bottom:10px;color:var(--color-navy);letter-spacing:0.02em}
.poster-summary .lead{color:var(--color-slate);margin-bottom:22px;font-size:1.05rem;line-height:1.8}
.hero--signup .hero__content{max-width:920px;margin:0 auto;text-align:center}
.hero__signup .hero__actions{justify-content:center}
.hero__visual{margin-top:24px;display:flex;justify-content:center}
.hero__visual img{width:100%;max-width:760px;border-radius:18px;box-shadow:0 18px 40px rgba(10,30,70,0.12);border:1px solid rgba(28,42,68,0.08)}
.hero__visual .poster-slider{width:100%;max-width:860px;margin:24px auto 0}
.hero__visual .slider-track{display:flex;transition:transform 0.75s cubic-bezier(.22,.61,.36,1)}
.slider-slide{min-width:100%;padding:72px 40px 64px;display:flex;align-items:center;justify-content:center;position:relative}
.slider-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.16),rgba(0,0,0,0.04));pointer-events:none}
.slide-copy{position:relative;max-width:720px;z-index:1;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-radius:24px;padding:32px 34px;box-shadow:0 24px 70px rgba(11,40,80,0.16)}
.slide-badge{display:inline-flex;padding:10px 18px;border-radius:999px;background:rgba(11,87,164,0.16);color:#0b57a4;font-size:0.92rem;font-weight:700;margin-bottom:18px;letter-spacing:0.03em}
.slide-copy h3{font-size:2.4rem;margin-bottom:18px;color:var(--color-navy);line-height:1.05}
.slide-copy p{color:var(--color-slate);font-size:1.05rem;line-height:1.9;margin-bottom:26px}
.slide-actions{display:flex;flex-wrap:wrap;gap:16px}
.slide-actions .btn{min-width:170px;padding:14px 22px;font-size:0.98rem}
.slider-dots{display:flex;justify-content:center;gap:12px;padding:18px;background:rgba(255,255,255,0.9)}
.slider-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(11,87,164,0.35);background:rgba(255,255,255,0.9);cursor:pointer;transition:transform 180ms ease,background 180ms ease,border-color 180ms ease}
.slider-dot:hover{transform:scale(1.15)}
.slider-dot.active{background:var(--poster-blue);border-color:var(--poster-blue);box-shadow:0 0 0 4px rgba(11,87,164,0.12)}
@media (max-width:900px){.poster-hero{grid-template-columns:1fr}.poster-image img{max-height:420px;object-fit:cover}.slide-copy h3{font-size:1.95rem}.slide-actions{flex-direction:column;align-items:stretch}.slide-actions .btn{width:100%}}
.schedule-card{background:linear-gradient(180deg,#eaf3ff,#ffffff);padding:18px;border-radius:14px;border:1px solid rgba(58,110,232,0.14);box-shadow:0 10px 28px rgba(17,24,39,0.06);display:grid;gap:10px}
.time-row{display:flex;gap:12px;align-items:center;padding:10px 8px;border-radius:10px}
.time-row:nth-child(odd){background:rgba(58,110,232,0.04)}
.icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#ffffff,#e6f0ff);font-size:20px;box-shadow:0 6px 18px rgba(58,110,232,0.08)}
.time-text strong{display:block;font-size:1.05rem;color:var(--color-navy)}
.time-text span{display:block;color:var(--color-slate);font-size:0.98rem}
.contact-card{margin-top:18px;padding:14px;background:rgba(255,255,255,0.9);border-radius:12px;border:1px solid rgba(28,42,68,0.06)}
.contact__form fieldset{border:1px solid rgba(28,42,68,0.12);border-radius:12px;padding:18px;display:grid;gap:12px;margin:0 0 20px}
.contact__form fieldset legend{font-weight:700;color:var(--color-navy);padding:0 6px}
.contact__form fieldset label{display:flex;align-items:center;gap:0.85rem;margin-bottom:0;cursor:pointer;font-size:0.98rem;color:var(--color-slate)}
.contact__form fieldset input[type="checkbox"]{margin:0;flex-shrink:0;width:18px;height:18px}
.poster-more h2{font-size:1.5rem;margin-bottom:6px}
.volunteer-figure img{width:100%;max-width:720px;border-radius:12px;box-shadow:0 20px 50px rgba(17,24,39,0.12);border:1px solid rgba(28,42,68,0.06)}
.poster-slider{margin-top:36px;border-radius:20px;overflow:hidden;border:1px solid rgba(28,42,68,0.12);background:linear-gradient(180deg,#f6f9ff,#ffffff);box-shadow:0 20px 50px rgba(17,24,39,0.08)}
.slider-track{display:flex;transition:transform 0.7s ease}
.slider-slide{min-width:100%;padding:32px 32px 24px;display:flex;align-items:center;justify-content:center}
.slide-copy{max-width:680px}
.slide-badge{display:inline-flex;padding:8px 16px;border-radius:999px;background:rgba(11,87,164,0.1);color:#0b57a4;font-size:0.9rem;font-weight:700;margin-bottom:14px}
.slide-copy h3{font-size:2rem;margin-bottom:14px;color:var(--color-navy)}
.slide-copy p{color:var(--color-slate);font-size:1rem;line-height:1.8;margin-bottom:20px}
.slide-actions{display:flex;flex-wrap:wrap;gap:14px}
.slide-actions .btn{min-width:150px}
.slider-dots{display:flex;justify-content:center;gap:10px;padding:16px;background:rgba(255,255,255,0.72)}
.slider-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(11,87,164,0.35);background:rgba(255,255,255,0.8);cursor:pointer;transition:background 180ms ease,border-color 180ms ease}
.slider-dot.active{background:var(--poster-blue);border-color:var(--poster-blue)}
@media (max-width:900px){.poster-hero{grid-template-columns:1fr}.poster-image img{max-height:420px;object-fit:cover}.slide-copy h3{font-size:1.75rem}.slide-actions{flex-direction:column;align-items:stretch}.slide-actions .btn{width:100%}}