/* 协议端前台站点公告 — Apple / iOS Settings 风格 */
#siteAnnRoot[hidden]{display:none!important}
#siteAnnRoot{
  position:fixed;inset:0;z-index:2147482900;display:flex;align-items:center;justify-content:center;
  padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
  box-sizing:border-box;
}
.site-ann-mask{
  position:absolute;inset:0;
  background:rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  backdrop-filter:blur(12px) saturate(1.2);
}
.site-ann-panel{
  position:relative;z-index:1;width:min(400px,94vw);max-height:min(78vh,620px);
  display:flex;flex-direction:column;border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(24px) saturate(1.4);
  backdrop-filter:blur(24px) saturate(1.4);
  border:0.5px solid rgba(0,0,0,.08);
  box-shadow:0 16px 48px rgba(0,0,0,.18), 0 0 0 0.5px rgba(0,0,0,.04);
  color:#1c1c1e;
  animation:siteAnnIn .28s cubic-bezier(.22,1,.36,1);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Noto Sans SC",sans-serif;
}
@keyframes siteAnnIn{
  from{opacity:0;transform:translateY(14px) scale(.96)}
  to{opacity:1;transform:none}
}
.site-ann-hd{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:18px 18px 12px;
  background:transparent;
  border-bottom:0.5px solid rgba(60,60,67,.12);
}
.site-ann-hd h3{
  margin:0;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.02em;
  flex:1;word-break:break-word;color:#1c1c1e;
}
.site-ann-x{
  width:30px;height:30px;border:0;border-radius:980px;cursor:pointer;flex-shrink:0;
  background:rgba(120,120,128,.16);color:#3c3c43;
  font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  padding:0;margin:0;opacity:1;
}
.site-ann-x:hover{background:rgba(120,120,128,.28)}
.site-ann-x:active{opacity:.7}
.site-ann-bd{
  padding:14px 18px 6px;overflow:auto;-webkit-overflow-scrolling:touch;
  font-size:15px;line-height:1.55;flex:1;word-break:break-word;color:#3c3c43;
}
.site-ann-bd p{margin:0 0 .7em}
.site-ann-bd p:last-child{margin-bottom:0}
.site-ann-bd h1,.site-ann-bd h2,.site-ann-bd h3{
  margin:.15em 0 .4em;line-height:1.25;font-weight:700;color:#1c1c1e;letter-spacing:-.02em;
}
.site-ann-bd h1{font-size:1.28em}
.site-ann-bd h2{font-size:1.14em}
.site-ann-bd h3{font-size:1.05em}
.site-ann-bd ul,.site-ann-bd ol{margin:.15em 0 .7em;padding-left:1.3em}
.site-ann-bd a{color:#007AFF;text-decoration:none}
.site-ann-bd a:hover{text-decoration:underline}
.site-ann-bd blockquote{
  margin:.5em 0;padding:.45em .85em;
  border-left:3px solid rgba(60,60,67,.2);background:rgba(120,120,128,.08);border-radius:0 8px 8px 0;
}
.site-ann-bd strong{color:#1c1c1e;font-weight:650}
.site-ann-ft{
  padding:12px 18px 18px;display:flex;justify-content:flex-end;gap:10px;align-items:center;
  border-top:0.5px solid rgba(60,60,67,.1);
  background:rgba(255,255,255,.55);
}
.site-ann-timer{
  font-size:12px;color:#8e8e93;margin-right:auto;font-variant-numeric:tabular-nums;
}
.site-ann-btn{
  appearance:none;-webkit-appearance:none;
  border:0;border-radius:12px;padding:10px 20px;min-height:40px;
  font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;
  background:#007AFF;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:none;
}
.site-ann-btn:hover{filter:brightness(1.05)}
.site-ann-btn:active{opacity:.85}

/* —— 经典：纯白苹果 —— */
.site-ann-panel.tpl-classic{
  background:rgba(255,255,255,.96);
}
.site-ann-panel.tpl-classic .site-ann-hd{
  background:transparent;border-bottom:0.5px solid rgba(60,60,67,.12);
}
.site-ann-panel.tpl-classic .site-ann-hd h3{color:#1c1c1e}
.site-ann-panel.tpl-classic .site-ann-x{background:rgba(120,120,128,.16);color:#3c3c43}
.site-ann-panel.tpl-classic .site-ann-btn{background:#007AFF;color:#fff}

/* —— 信息蓝 —— */
.site-ann-panel.tpl-info{
  background:linear-gradient(180deg,#f2f7ff 0%,#ffffff 42%);
}
.site-ann-panel.tpl-info .site-ann-hd{border-bottom-color:rgba(0,122,255,.12)}
.site-ann-panel.tpl-info .site-ann-hd h3{color:#003d99}
.site-ann-panel.tpl-info .site-ann-btn{background:#007AFF}

/* —— 警示黄 —— */
.site-ann-panel.tpl-warn{
  background:linear-gradient(180deg,#fff9ef 0%,#ffffff 42%);
}
.site-ann-panel.tpl-warn .site-ann-hd{border-bottom-color:rgba(255,149,0,.18)}
.site-ann-panel.tpl-warn .site-ann-hd h3{color:#9a5b00}
.site-ann-panel.tpl-warn .site-ann-btn{background:#FF9500;color:#fff}
.site-ann-panel.tpl-warn .site-ann-x{background:rgba(255,149,0,.15);color:#9a5b00}

/* —— 成功绿 —— */
.site-ann-panel.tpl-success{
  background:linear-gradient(180deg,#f1faf4 0%,#ffffff 42%);
}
.site-ann-panel.tpl-success .site-ann-hd{border-bottom-color:rgba(52,199,89,.18)}
.site-ann-panel.tpl-success .site-ann-hd h3{color:#0b6b2e}
.site-ann-panel.tpl-success .site-ann-btn{background:#34C759;color:#fff}
.site-ann-panel.tpl-success .site-ann-x{background:rgba(52,199,89,.15);color:#0b6b2e}

/* —— 活动彩 —— */
.site-ann-panel.tpl-promo{
  background:linear-gradient(165deg,#fff5f8 0%,#ffffff 50%);
  border-color:rgba(255,45,85,.12);
}
.site-ann-panel.tpl-promo .site-ann-hd{border-bottom-color:rgba(255,45,85,.14)}
.site-ann-panel.tpl-promo .site-ann-hd h3{color:#b0002c}
.site-ann-panel.tpl-promo .site-ann-btn{background:#FF2D55;color:#fff}
.site-ann-panel.tpl-promo .site-ann-x{background:rgba(255,45,85,.12);color:#b0002c}

/* —— 深色 —— */
.site-ann-panel.tpl-dark{
  background:rgba(28,28,30,.94);
  border-color:rgba(255,255,255,.1);
  color:#f2f2f7;
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}
.site-ann-panel.tpl-dark .site-ann-hd{
  border-bottom-color:rgba(84,84,88,.55);
}
.site-ann-panel.tpl-dark .site-ann-hd h3{color:#f2f2f7}
.site-ann-panel.tpl-dark .site-ann-bd{color:#aeaeb2}
.site-ann-panel.tpl-dark .site-ann-bd h1,
.site-ann-panel.tpl-dark .site-ann-bd h2,
.site-ann-panel.tpl-dark .site-ann-bd h3,
.site-ann-panel.tpl-dark .site-ann-bd strong{color:#f2f2f7}
.site-ann-panel.tpl-dark .site-ann-bd a{color:#0A84FF}
.site-ann-panel.tpl-dark .site-ann-bd blockquote{
  border-left-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06);
}
.site-ann-panel.tpl-dark .site-ann-ft{
  border-top-color:rgba(84,84,88,.55);background:rgba(44,44,46,.6);
}
.site-ann-panel.tpl-dark .site-ann-timer{color:#8e8e93}
.site-ann-panel.tpl-dark .site-ann-x{background:rgba(120,120,128,.32);color:#f2f2f7}
.site-ann-panel.tpl-dark .site-ann-btn{background:#0A84FF;color:#fff}

@media (prefers-reduced-motion:reduce){
  .site-ann-panel{animation:none}
}