/* --- 公告框 --- */
   .alert-box.warning {
       background: rgba(241, 196, 15, 0.1);
       border-left: 4px solid #f1c40f;
       color: #f1c40f;
       padding: 15px;
       border-radius: 0 4px 4px 0;
       margin-bottom: 25px;
       line-height: 1.6;
   }

   .highlight-red {
       color: #ff4444;
       font-weight: bold;
   }

   /* --- 入口區塊 --- */
   .entrance-box {
       background: linear-gradient(90deg, rgba(22, 160, 133, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
       border: 1px solid rgba(22, 160, 133, 0.3);
       padding: 20px;
       border-radius: 8px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: 20px;
   }

   .entrance-text h3 {
       color: #1abc9c;
       /* LINE 綠 */
       margin-bottom: 5px;
       font-size: 1.4rem;
       font-weight: bold;
   }

   .entrance-text p {
       color: #ccc;
       margin: 0;
       font-size: 1rem;
   }

   .btn-entrance {
       background: #00b900;
       /* LINE 官方綠 */
       color: #fff;
       padding: 12px 25px;
       border-radius: 50px;
       text-decoration: none;
       font-weight: bold;
       font-size: 1.1rem;
       box-shadow: 0 4px 15px rgba(0, 185, 0, 0.3);
       transition: transform 0.3s, box-shadow 0.3s;
       display: inline-flex;
       align-items: center;
       gap: 10px;
   }

   .btn-entrance:hover {
       transform: translateY(-2px);
       box-shadow: 0 6px 20px rgba(0, 185, 0, 0.5);
       background: #00c300;
   }

   /* --- 表格群組 --- */
   .table-group {
       background: rgba(0, 0, 0, 0.2);
       border-radius: 8px;
       border: 1px solid rgba(255, 255, 255, 0.05);
       overflow: hidden;
   }

   .table-header {
       background: rgba(251, 183, 80, 0.1);
       padding: 10px 15px;
       color: var(--primary-gold, #fbb750);
       font-weight: bold;
       display: flex;
       align-items: center;
       gap: 10px;
       border-bottom: 1px solid rgba(251, 183, 80, 0.2);
   }

   .item-icon-sm {
       width: 24px;
       height: 24px;
       vertical-align: middle;
   }

   .item-icon-xs {
       width: 20px;
       height: 20px;
       vertical-align: middle;
       margin-right: 5px;
   }

   .center-table th,
   .center-table td {
       text-align: center;
   }

   .cost-val {
       color: var(--primary-gold, #fbb750);
       font-weight: bold;
       font-family: monospace;
       font-size: 1.1em;
   }

   .lvl-badge {
       background: #333;
       color: #fff;
       padding: 2px 8px;
       border-radius: 4px;
       font-size: 0.9em;
       border: 1px solid #555;
   }

   /* --- 功能特色網格 --- */
   .feature-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
       gap: 15px;
       margin-bottom: 30px;
   }

   .feature-item {
       background: rgba(255, 255, 255, 0.05);
       padding: 15px;
       border-radius: 6px;
       text-align: center;
       border: 1px solid rgba(255, 255, 255, 0.1);
       transition: transform 0.3s;
   }

   .feature-item:hover {
       transform: translateY(-5px);
       border-color: var(--primary-gold, #fbb750);
   }

   .feature-item i {
       font-size: 2rem;
       color: var(--primary-gold, #fbb750);
       margin-bottom: 10px;
       display: block;
   }

   .feature-item strong {
       display: block;
       color: #fff;
       margin-bottom: 5px;
   }

   .feature-item span {
       color: #888;
       font-size: 0.85rem;
   }

   /* --- 獲取說明框 --- */
   .how-to-box {
       background: rgba(0, 0, 0, 0.3);
       padding: 20px;
       border-radius: 8px;
       border-left: 3px solid #1abc9c;
   }

   .how-to-box h4 {
       color: #1abc9c;
       margin-bottom: 15px;
       font-size: 1.2rem;
   }

   .custom-ol {
       padding-left: 20px;
       color: #ccc;
       line-height: 1.8;
   }

   .custom-ol li {
       margin-bottom: 8px;
   }

   .inline-icon {
       height: 1.2em;
       vertical-align: middle;
       margin: 0 3px;
   }

   .highlight-gold {
       color: var(--primary-gold, #fbb750);
       font-weight: bold;
   }

   .highlight-green {
       color: #7fff00;
       font-weight: bold;
   }

   .reward-time {
       margin-top: 15px;
       padding-top: 15px;
       border-top: 1px dashed rgba(255, 255, 255, 0.1);
       color: #ddd;
       font-size: 0.95rem;
   }

   .reward-time i {
       color: #1abc9c;
       margin-right: 5px;
   }

   /* 通用間距 */
   .mt-30 {
       margin-top: 30px;
   }

   /* RWD */
   @media (max-width: 768px) {
       .entrance-box {
           flex-direction: column;
           text-align: center;
       }

       .table-header {
           flex-wrap: wrap;
           font-size: 0.9rem;
       }


       /* content-box 內的圖片：依比例縮放（常用：完整顯示、不裁切） */
       .content-box img {
           width: 100%;
           height: 100%;
           object-fit: contain;
           /* ✅ 依比例縮放，完整顯示，可能留白 */
           object-position: center;
           display: block;
       }

       /* 如果你的 content-box 高度不是固定的，用這個版本 */
       .content-box img {
           max-width: 100%;
           height: auto;
           /* ✅ 依比例縮放 */
           display: block;
       }
   }