/* 共用版頭區塊 - 明亮藍紫 */.header-section{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%);border-bottom:3px solid #90caf9;margin-bottom:0;box-shadow:0 4px 20px rgba(144,202,249,0.3);} 
/* 區塊標題列 - 柔和白底 */
.section-header{display:flex;justify-content:space-between;align-items:center;padding:2px 1.5rem;cursor:pointer;transition:all .3s ease;} 
/* 標題列滑過效果 - 透明亮白 */
/* 標題文字 - 深灰強調 */.section-title{flex:1;color:#2d3436;font-weight:600;text-shadow:0 2px 6px rgba(255,255,255,.5);} 
/* 頁面主標題 - 明亮藍灰 */.page-title{font-size:1.5rem;font-weight:bold;margin:0;color:#37474f;text-shadow:0 2px 8px rgba(255,255,255,.4);} 
/* 折疊按鈕 - 白底藍邊 */.toggle-btn{background:#fff;border:2px solid #81d4fa;border-radius:50%;font-size:1.2rem;color:#0277bd;cursor:pointer;padding:.5rem;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;} 
/* 折疊按鈕滑過 - 旋轉變亮 */.toggle-btn:hover{background:#e1f5fe;transform:rotate(180deg);} 
/* 區塊內容 - 柔粉橘漸層 */.section-content{padding:0.4rem 1.5rem;border-top:2px solid rgba(255,255,255,.3);} 
/* 線上人數區 - 淡藍漸層 */.online-section{background:linear-gradient(135deg,#b3ffab 0%,#12fff7 100%);} 

/* 人數文字 - 深藍綠 */.online-section .counter-large{font-size:1.3rem;font-weight:bold;color:#004d40;text-shadow:0 2px 6px rgba(255,255,255,.6);} 
/* 營區統計 - 格狀排列 */.camp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:0.2rem;} 
/* 營區卡片 - 白底亮邊 */.camp-item{padding:0.2rem;border-radius:16px;text-align:center;border:3px solid #81d4fa;transition:all .3s ease;box-shadow:0 5px 20px rgba(0,0,0,.1);background:#fff;} 
/* 營區卡片滑過 - 微浮動 */.camp-item:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2);} 
/* 黃營區 - 柔亮金色 */.camp-item.camp-yellow{background:linear-gradient(135deg,#fff8e1 0%,#ffe082 100%);border-color:#fdd835;} 
/* 綠營區 - 清新綠底 */.camp-item.camp-green{background:linear-gradient(135deg,#01a70f 0%,#015704 100%);border-color:#014605;} .camp-green .camp-label{color:#ffffff;}.camp-green .camp-count{color:#ffffff;}
/* 灰營區 - 銀白亮灰 */.camp-item.camp-gray{background:linear-gradient(135deg,#f5f5f5 0%,#cfd8dc 100%);border-color:#90a4ae;} 
/* 營區標籤文字 - 深灰小字 */.camp-label{font-size:.75rem;color:#37474f;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;} 
/* 營區數字 - 粗體黑 */.camp-count{font-size:1.4rem;font-weight:900;color:#263238;} 
/* 更新時間文字 - 淡灰邊 */.last-update{text-align:center;font-size:.9rem;padding-top:.5rem;font-weight:600;} 
/* 網址安全區 - 淡紅粉 */.safety-section{background:linear-gradient(135deg,#ffd6e0 0%,#f9e4c8 100%);} 
/* 安全內容區 - 柔粉白底 */.safety-section .section-content{background:linear-gradient(135deg,#fff0f5 0%,#ffe4e1 100%);} 
/* 安全連結列表 - 間距設定 */.safety-links{display:flex;flex-direction:column;gap:.75rem;} 
/* 安全連結卡 - 粉白橘邊 */.safety-link{display:block;padding:1.2rem;background:linear-gradient(135deg,#fff 0%,#fff8e1 100%);border:3px solid #ffb74d;border-radius:16px;color:#e65100;text-decoration:none;font-weight:700;transition:all .3s ease;box-shadow:0 5px 20px rgba(255,183,77,.2);} 
/* 安全連結滑過 - 橘紅漸層 */.safety-link:hover{background:linear-gradient(135deg,#ffcc80 0%,#ff8a65 100%);border-color:#e65100;color:#fff;transform:translateX(12px) scale(1.05);box-shadow:0 8px 25px rgba(255,183,77,.4);} 
/* 模組區塊 - 原始保留 */.modules-section{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);} 
/* 模組內容區 - 原始保留 */.modules-section .section-content{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);} 
/* 模組按鈕 - 白底藍邊 */.module-btn{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:3px solid #4fc3f7;border-radius:16px;padding:0 .5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;min-height:65px;position:relative;overflow:hidden;box-shadow:0 5px 20px rgba(79,195,247,.2);margin-bottom:5px;} 
/* 模組按鈕亮光條 */.module-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,195,247,.4),transparent);transition:left .5s;} 
/* 模組滑過亮光移動 */.module-btn:hover:not(:disabled)::before{left:100%;} 
/* 模組滑過 - 黃粉漸層 */.module-btn:hover:not(:disabled){transform:translateY(-8px) scale(1.08);box-shadow:0 10px 30px rgba(255,214,102,.4);border-color:#ffca28;background:linear-gradient(135deg,#fff59d 0%,#ffcc80 100%);} 
/* 模組啟用狀態 */.module-btn.active {
  background: linear-gradient(135deg, #ffeaa7 0%, #fab005 100%);
  border-color: #f59f00;
  font-weight: bold;
  box-shadow: 0 8px 30px rgba(245, 159, 0, 0.5);
}
/* 模組停用 - 淡灰 */.module-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#eceff1 0%,#cfd8dc 100%);border-color:#b0bec5;} 
/* 停用滑過維持 */.module-btn:disabled:hover{transform:none;box-shadow:0 5px 20px rgba(79,195,247,.2);} 
/* 模組圖示 - 藍色陰影 */.module-icon{font-size:2rem;filter:drop-shadow(0 2px 5px rgba(33,150,243,.2));} 
/* 模組文字 - 深灰 */.module-text{font-size:1rem;font-weight:700;color:#37474f;} 
/* 啟用文字 - 白色亮影 */.module-btn.active .module-text{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.2);} 
/* 滑過文字變白 */.module-btn:hover:not(:disabled) .module-text{color:#fff;} 
/* 模組小字 - 灰色 */.module-btn small{font-size:.65rem;color:#78909c;font-weight:normal;} 
/* 外部連結容器 - 邊界與對齊 */.external-link-container{text-align:center;padding-top:1rem;border-top:2px solid rgba(255,255,255,.4);} 
/* 外部連結按鈕 - 螢光粉紅 */ .external-link-btn {display:inline-block;padding:0.8rem 2rem;background:#ff4fa3;color:#fff;text-decoration:none;border-radius:30px;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;transition:all 0.25s ease;box-shadow:0 0 12px rgba(255,79,163,0.6);}
/* 外部連結滑過 - 天空藍 */.external-link-btn:hover{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);transform:scale(1.1) rotate(-2deg);box-shadow:0 10px 35px rgba(79,172,254,.6);border-color:#fff;} 

/* 通知樣式 - 明亮白底 */.custom-notification{position:fixed;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);padding:1.2rem 1.5rem;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);max-width:350px;border-left:5px solid;font-weight:600;} 

/* 成功通知 - 薄荷綠 */.custom-notification.success{border-left-color:#00b894;background:linear-gradient(135deg,#d5feef 0%,#e8f8f5 100%);color:#00b894;} 
/* 錯誤通知 - 粉紅底 */.custom-notification.error{border-left-color:#ff6b6b;background:linear-gradient(135deg,#ffe0e0 0%,#fff0f0 100%);color:#d63031;} 
/* 資訊通知 - 淡藍 */.custom-notification.info{border-left-color:#74b9ff;background:linear-gradient(135deg,#dfe6ff 0%,#e8f4ff 100%);color:#0984e3;} 
/* 模組按鈕的網格容器 */.modules-grid {display: grid;grid-template-columns: repeat(4, 1fr); /* 設置為 4 欄 */gap: 0.3rem;}


/* 線上人數 */ .online-section {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}
/* 平台名稱 */ .platform-name1 {font-size:1.2rem;font-weight:900;margin:0;text-shadow:2px 2px 4px rgba(46, 46, 46, 0.7);color:rgb(199, 137, 2);}
.platform-name2 {font-size:1.2rem;font-weight:900;margin:0;text-shadow:1px 1px 4px rgba(255, 255, 255, 0.6);color:rgb(255, 0, 0);}
.platform-name3 {font-size:1.2rem;font-weight:900;margin:0;text-shadow:2px 2px 4px rgba(252,250,250,0.9);color:rgb(97, 97, 97);}
#online-total{font-size: 2rem;color: #ffd700;}
/* 在線人數實時更新前面的圓點 */.online-counter{background:rgba(255,255,255,0.2);border-radius:50px;padding:0px 12px;font-size:13px;display:inline-block;font-weight:600;animation:pulse 2s infinite;}
.online-dot{display:inline-block;width:8px;height:8px;background:#ff4757;border-radius:50%;margin-right:4px;animation:blink 1.5s infinite;}
/* 在線人數實時更新前面的圓點 */@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}
/* 在線人數實時更新前面的動畫 */@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.5;}}