*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Segoe UI',Tahoma,Verdana,sans-serif;color:#333;
  background:url("../images/banner.jpg") no-repeat center center fixed;
  background-size:cover;min-height:100vh;line-height:1.6;
}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;
  background-color:rgba(90,56,30,0.8);z-index:-1;}
header{text-align:center;padding:25px 0 10px;
  background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,0.1);
  box-shadow:0 3px 15px rgba(0,0,0,0.5);position:sticky;top:0;z-index:900;}
header img{height:70px;cursor:pointer;
  filter:drop-shadow(0 0 8px rgba(0,212,255,0.6))
         drop-shadow(0 0 25px rgba(0,212,255,0.4));
  transition:transform .4s,filter .4s;animation:neonPulse 4s infinite alternate}
header img:hover{transform:scale(1.08);
  filter:drop-shadow(0 0 20px rgba(0,255,255,0.9))
         drop-shadow(0 0 40px rgba(0,255,255,0.7))}
@keyframes neonPulse{
  0%{filter:drop-shadow(0 0 8px rgba(0,255,255,.5))
            drop-shadow(0 0 20px rgba(0,255,255,.3))}
  50%{filter:drop-shadow(0 0 18px rgba(0,255,255,.8))
             drop-shadow(0 0 40px rgba(0,255,255,.6))}
  100%{filter:drop-shadow(0 0 12px rgba(0,255,255,.6))
              drop-shadow(0 0 25px rgba(0,255,255,.4))}
}
.container{
  background:linear-gradient(135deg,#fff,#f9f5f0);
  border-radius:20px;box-shadow:0 10px 35px rgba(0,0,0,0.35);
  padding:40px;max-width:950px;width:100%;
  animation:fadeInUp .8s ease-out forwards;margin:40px auto;
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
h1,h2{color:#222;text-align:center;margin-bottom:15px}
pre{white-space:pre-wrap;background:#fafafa;border-radius:8px;padding:10px;border:1px solid #ddd;margin-top:10px}
.btn{background:#0a7c5a;color:#fff;padding:8px 14px;border-radius:6px;text-decoration:none;cursor:pointer}
.btn:hover{background:#08825e}
.row{padding:12px 0;border-top:1px solid #ddd}
a{color:#0a7c5a;text-decoration:none;word-break:break-all}
a:hover{text-decoration:underline}
.counter{text-align:center;color:#0a7c5a;font-weight:bold;margin-bottom:10px}
.address{text-align:center;font-size:1.2em;font-weight:bold}
.notice{
  background:rgba(255,255,255,0.75);
  border:1px solid rgba(0,0,0,0.08);
  border-left:5px solid #0a7c5a;
  border-radius:12px;
  padding:16px 18px;
  margin:12px 0 8px;
  box-shadow:0 4px 18px rgba(0,0,0,0.08);
}
.faq{margin-top:45px;padding-top:25px;border-top:2px solid #eee;}
.faq h2{text-align:center;margin-bottom:20px;color:#402916;font-size:1.6em;}
.faq-item{margin-bottom:12px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1);overflow:hidden;}
.faq-question{width:100%;text-align:left;background:#0a7c5a;color:#fff;border:none;outline:none;padding:14px 18px;font-size:1em;cursor:pointer;transition:background .3s ease;}
.faq-question:hover{background:#08825e;}
.faq-answer{display:none;padding:16px 20px;background:#fff;color:#222;line-height:1.6;font-size:0.95em;animation:fadeIn .3s ease-in;}
.faq-item.open .faq-answer{display:block;}