/* =================================================================
   Digiland 內頁現代化外掛樣式（配色比照首頁）
   疊在 Invision-board.css 之上載入；移除 main.tpl 裡那一行 <link> 即可完全還原。
   色票：深色 #0f1115 / 橘 #ff5722(hover #e64a19) / 底 #f1f3f5 / 卡片 #fff
   ================================================================= */

/* ---- 字體 ---- */
.pun, .pun input, .pun select, .pun textarea, .pun optgroup, .pun button {
    font-family: "Helvetica Neue","Segoe UI","Microsoft JhengHei","PingFang TC",Arial,sans-serif !important;
}

/* ---- 頁面底色與外層容器 ---- */
html, body { background-color: #f1f3f5 !important; }
body #punwrap {
    background-color: #fff !important;
    border: none !important;
    border-radius: 12px;
    box-shadow: 0 2px 14px rgba(0,0,0,.08);
    padding: 14px !important;
}

/* ---- 連結：橘色 accent ---- */
.pun a:link, .pun a:visited { color: #ff5722; }
.pun a:hover { color: #e64a19; }
.pun .postleft a:link, .pun .postleft a:visited { color: #51585f; }
.pun .postleft a:hover { color: #ff5722; }

/* ---- 區塊標頭 H2（含貼文標頭）：深色底 + 橘色左邊條 ---- */
.pun h2, div.blockpost h2 {
    background-image: none !important;
    background-color: #0f1115 !important;
    color: #fff !important;
    border: none !important;
    border-left: 4px solid #ff5722 !important;
    border-radius: 6px 6px 0 0;
    padding: 9px 12px !important;
}
.pun h2 span, div.blockpost h2 span {
    background-image: none !important;
    padding: 0 !important;
    color: #fff !important;
}
.pun h2 a:link, .pun h2 a:visited,
div.blockpost h2 a:link, div.blockpost h2 a:visited { color: #fff !important; }
.pun h2 a:hover, div.blockpost h2 a:hover { color: #ffd5c7 !important; }
/* 區塊次標頭 block2（友情連結、最新文章等） */
.pun h2.block2 { border-radius: 6px; }

/* ---- 主選單 #brdmenu：深色列 ---- */
.pun #brdmenu {
    background-image: none !important;
    background-color: #0f1115 !important;
    border: none !important;
    border-radius: 8px;
    padding: 8px 12px !important;
}
#brdmenu a:link, #brdmenu a:visited { color: #c9ced6 !important; }
#brdmenu a:hover { color: #fff !important; }

/* ---- 歡迎列 / 狀態列 ---- */
#brdwelcome, #brdheader div.box { border: none !important; }

/* ---- 盒子與表格底色 ---- */
div.box, .rowodd, .roweven { background-color: #fff !important; border-color: #e3e6ea !important; }
div.box { border-radius: 0 0 6px 6px; }
.pun td { border-color: #eef0f2 !important; }
.pun th { border-color: #e3e6ea !important; }

/* ---- 表格欄位子標題（TH.tcl 等）：淺底深字，移除舊背景圖 ---- */
.pun th { background-color: #f1f3f5 !important; color: #51585f !important; }
.pun th.tcl, .pun th.tc2, .pun th.tc3, .pun th.tc4, .pun th.tc5, .pun th.tcr, .pun th.tcmod {
    background-image: none !important;
    background-color: #f1f3f5 !important;
    color: #51585f !important;
}

/* ---- 表格中間欄底色 ---- */
td.tc2, td.tc3, td.tc4, td.tc5, td.tcmod, #postpreview, #viewprofile dd {
    background-color: #f7f8fa !important;
    color: #51585f !important;
}

/* ---- 貼文區（viewtopic）---- */
div.blockpost div.box, div.postright, div.postfootright { background-color: #fff !important; }
div.postleft, div.postfootleft, div.blockpost label { background-color: #f1f3f5 !important; }
div.postright { border-left-color: #e3e6ea !important; }

/* ---- 引言 / 程式碼 / 表單資訊框 ---- */
.pun blockquote, div.codebox, div.forminfo {
    background-color: #f7f8fa !important;
    border-color: #e3e6ea !important;
    border-radius: 6px;
}

/* ---- 表單送出按鈕：橘色膠囊 ---- */
.pun input[type="submit"], .pun input[type="button"], .pun button {
    background: #ff5722 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 7px 18px !important;
    cursor: pointer;
    font-weight: 700;
}
.pun input[type="submit"]:hover, .pun input[type="button"]:hover, .pun button:hover {
    background: #e64a19 !important;
}
/* 文字/密碼等輸入框：細邊圓角 */
.pun input[type="text"], .pun input[type="password"], .pun input[type="email"], .pun textarea, .pun select {
    border: 1px solid #dce0e5 !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
}

/* ---- 分隔線 ---- */
.pun hr { background-color: #e3e6ea !important; color: #e3e6ea !important; border: none; height: 1px; }

/* ---- 頂部標題：以文字 logo「DIGILAND」取代舊橫幅圖（比照首頁）---- */
.pun #brdtitle {
    background-color: #0f1115 !important;
    border-radius: 8px;
    padding: 0 !important;
}
.pun #brdtitle h1 {
    background-image: none !important;
    background-color: transparent !important;
    height: auto !important;
    padding: 16px 18px 4px !important;
    margin: 0 !important;
}
.pun #brdtitle h1 span {
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 0 !important;            /* 隱藏原本的「數位天堂」文字 */
    height: auto !important;
    display: inline-block !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.pun #brdtitle h1 span::before {
    content: "DIGI";
    font-size: 26px; font-weight: 800; letter-spacing: .5px; color: #fff;
}
.pun #brdtitle h1 span::after {
    content: "LAND";
    font-size: 26px; font-weight: 800; letter-spacing: .5px; color: #ff5722;
}
/* 標題下方的板敘述：改為淺色字，置於深色標頭內 */
.pun #brdtitle p { padding: 0 18px 14px !important; margin: 0 !important; }
.pun #brdtitle p span { color: #9aa1aa !important; font-size: 13px; }