/* 官網各頁共用樣式（手寫，不是 PortalDesign/build.py 產生的）。頁面本身的樣式在各頁的 <helmet> 裡。 */

/* 設計稿有些區塊用「從右邊滑入」的進場動畫，捲到之前先往右偏 60–80px，
   手機上會撐出橫向捲動、整頁可以左右晃。用 clip 不用 hidden：hidden 會讓頁首的 sticky 失效。 */
.pg{overflow-x:clip}

/* 頁尾「下載 APP」跳到雲端會員頁的下載鈕：留出置頂頁首（76px）與上方說明的空間，不要被頁首蓋住 */
#app{scroll-margin-top:160px}

/* 聯絡表單：honeypot 欄位放到畫面外（不用 display:none，有些機器人會跳過隱藏欄位） */
.hpf{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* 聯絡表單：送出失敗訊息 */
.senderr{margin:14px auto 0;max-width:560px;padding:12px 18px;border-radius:12px;background:#fdecec;color:#b42318;font-size:15px;text-align:center;line-height:1.6}
.submit .btn[disabled]{opacity:.6;cursor:wait}

/* PDF 檢視視窗（site.js 動態建立） */
#pdf{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(8,26,24,.6);font-family:'Noto Sans TC',system-ui,sans-serif}
#pdf.on{display:flex}
#pdf .box{width:min(1000px,100%);height:min(90vh,1000px);display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.35)}
#pdf .bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 18px;border-bottom:1px solid #e6ebe5;color:#0b3a36}
#pdf .bar b{flex:1 1 220px;font-size:17px}
#pdf .bar a,#pdf .bar button{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;font-weight:700;font-size:14px;font-family:inherit;text-decoration:none;cursor:pointer}
#pdf .bar a.o{border:1.5px solid #0b3a36;color:#0b3a36;background:#fff}
#pdf .bar a.f{border:0;color:#fff;background:linear-gradient(100deg,#08422e,#2f7d3a)}
#pdf .bar button{border:0;background:#f1f4f0;color:#0b3a36;width:42px;justify-content:center;padding:0;font-size:20px}
#pdf .note{padding:8px 18px;font-size:13px;color:#5d6b67;background:#f8faf6;border-bottom:1px solid #eef1ec}
#pdf iframe{flex:1;width:100%;border:0;background:#e9ece8}