/*
  目的：abobjectives.php 頁面專屬樣式。自 <head> 內嵌 <style> 區塊抽出，改走 cyc_v() 版控字串
        載入，與 css/index.css 等既有慣例一致。內容逐段 byte-identical 原樣搬移。
  作者：徐傳企 Mario Hsu（2026-08-09 由 Claude Sonnet 5 (effort: 20) 抽出，傳企監看）
  沿革：
       2026-08-09  v0.0.0.1  誕生日：自 abobjectives.php 抽出 <style> 內容。
*/
         /* AI-SIGNATURE: ChatGPT | DATE: 2026-04-01 | TASK: abobjectives.php 克制莊重版美觀升級 */
         body.abobjectives-page {
            background-color: #efe6d8 !important;
            background-image: linear-gradient(180deg, rgba(108, 83, 47, 0.05), rgba(108, 83, 47, 0)), radial-gradient(circle at top, rgba(255, 249, 240, 0.92), rgba(239, 230, 216, 0.96) 58%, rgba(228, 217, 198, 0.98) 100%);
            background-size: cover !important;
            /* 2026-08-08 23:59:24 CSS架構整理Phase 2：原inline style="background:...url(...)"實際效果——上面gradient無!important，inline background-image仍勝出蓋成相片背景，這裡原樣還原同一張圖讓computed style不變（非改版，只是把inline搬進class）。By Claude Sonnet 5 (effort: medium), 傳企監看。begin */
            background-image: url(https://live.staticflickr.com/65535/51818124872_d536b1f0bf_n.jpg);
            /* 2026-08-08 23:59:24 CSS架構整理Phase 2。 end */
         }
         .abobjectives-page #Center.content {
            padding: 12px 0 0 !important;
            margin-bottom: 0 !important;
            min-height: 0 !important;
         }
         .abobjectives-page #Center.content > div,
         .abobjectives-page #Center.content > div > div,
         .abobjectives-page #MainForm {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
         }
         .abobjectives-page .page_header {
            margin-bottom: 10px;
         }
         .abobjectives-page .PageTitle {
            text-align: center;
         }
         .abobjectives-page .PageTitle h2 {
            display: inline-block;
            margin: 0;
            padding: 0 0 10px;
            background: transparent;
            border: 0;
            box-shadow: none;
            color: #5a4327 !important;
            font-size: 34px;
            font-weight: 700;
            letter-spacing: 0.18em;
            position: relative;
         }
         .abobjectives-page .PageTitle h2::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 72px;
            height: 2px;
            transform: translateX(-50%);
            background: linear-gradient(90deg, rgba(185, 149, 91, 0), rgba(185, 149, 91, 0.92), rgba(185, 149, 91, 0));
         }
         .abobjectives-page .PageTitle h2 span {
            display: none;
         }
         .abobjectives-page #Breadcrumbs > div {
            margin-top: 8px;
         }
         .abobjectives-page #Content {
            overflow: hidden;
            border-radius: 18px;
            border: 1px solid rgba(156, 126, 82, 0.16);
            box-shadow: 0 14px 30px rgba(71, 52, 28, 0.08);
            background: rgba(255, 251, 245, 0.9) !important;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
         }
         .abobjectives-page .editable_content.content.dev-xew-block {
            padding: 12px 28px 8px;
            color: #4e3d27;
            margin-bottom: 0 !important;
         }
         .abobjectives-page .editable_content.content.dev-xew-block > h4 {
            margin: 4px 0 16px;
            text-align: center;
            color: #5a4327 !important;
            font-size: 28px;
            font-weight: 700;
            letter-spacing: 0.12em;
         }
         .abobjectives-page .light-tts-bar {
            margin-bottom: 14px;
         }
         .abobjectives-page .editable_content .district {
            overflow: hidden;
            padding-top: 8px;
            margin-bottom: 0;
         }
         .abobjectives-page .editable_content .district hr {
            margin: 18px 0;
            border: 0;
            border-top: 1px solid rgba(163, 131, 87, 0.16);
         }
         .abobjectives-page .blockquoteCSF {
            max-width: 620px;
            margin: 8px auto 4px !important;
            float: none !important;
            padding: 18px 22px;
            border-left: 3px solid rgba(176, 140, 86, 0.72);
            background: rgba(255, 248, 238, 0.88);
            color: #5d4528;
            line-height: 2;
            box-shadow: 0 10px 20px rgba(70, 52, 28, 0.06);
         }
         .abobjectives-page .blockquoteCSF h8,
         .abobjectives-page .blockquoteCSF h8 * {
            color: #5d4528 !important;
         }
         .abobjectives-page #text_to_speech {
            display: inline;
         }
         .abobjectives-page #text_to_speech h6 {
            color: #6a4d29 !important;
            margin: 10px 0 8px;
            font-size: 20px;
            letter-spacing: 0.04em;
         }
         .abobjectives-page #text_to_speech p {
            margin: 0 0 10px;
            color: #4e3d27;
            line-height: 2;
            text-align: justify;
         }
         .abobjectives-page #text_to_speech p.obj-indent {
            padding-left: 20px !important;
         }
         .abobjectives-page .page_header .PageTitle h1 {
            color: #42738F;
         }
         .abobjectives-page .strike {
            text-decoration: line-through;
         }
         .abobjectives-page .text-brand-blue {
            color: #42738F;
         }
         .abobjectives-page .phonetic-hidden {
            display: none;
         }
         .abobjectives-page .obj-indent {
            padding-left: 30px;
         }
         .abobjectives-page .container {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
         }
         .abobjectives-page .row.row-cols-1.row-cols-sm-2.row-cols-md-2 {
            margin-left: 0;
            margin-right: 0;
            align-items: center;
         }
         .abobjectives-page .col.px-2.my-2 img,
         .abobjectives-page .imgcenter.img_bg img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 22px rgba(65, 47, 24, 0.08);
         }
         .abobjectives-page .imgcenter.img_bg {
            width: 100% !important;
            max-width: 688px;
            margin: 0 auto;
            padding: 10px;
            border-radius: 14px;
            background: rgba(255, 250, 243, 0.92);
            border: 1px solid rgba(179, 148, 102, 0.22);
            box-shadow: 0 10px 22px rgba(65, 47, 24, 0.08);
         }
         .abobjectives-page .imgcenter.img_bg span {
            width: 100% !important;
         }
         .abobjectives-page .imgcenter h6 {
            margin-top: 10px !important;
            color: #6a4d29 !important;
            font-size: 22px;
         }
         .abobjectives-page .imgcenter .objective-text {
            display: inline-block;
            text-align: left;
            margin: 0 auto;
            padding-left: 0 !important;
         }
         .abobjectives-page .post_info.below {
            margin: 0 22px 0 !important;
            padding: 8px 0 6px;
            border-top: 1px solid rgba(163, 131, 87, 0.16);
            background: transparent;
            text-align: right !important;
         }
         .abobjectives-page .post_info.below span {
            display: inline-block;
            margin-left: 14px;
            color: #6a4d29 !important;
            font-size: 14px;
         }
         /* 2026-08-09 01:55:18 code-review抓到：移除inline時漏帶border-right:0px，css/components.css的.post_info.below span{border-right:1px solid #999}補上跑出多餘分隔線，補回。By Claude Sonnet 5 (effort: medium), 傳企監看。begin */
         .abobjectives-page .post_info.below span.date {
            border-right: 0px solid #999;
         }
         /* 2026-08-09 01:55:18 修復border-right遺漏。 end */
         .abobjectives-page .BtnTop {
            display: none !important;
         }
         .abobjectives-page #Footer {
            margin-top: .18rem !important;
            padding-top: 0 !important;
         }
         .abobjectives-page #Footer > div {
            padding-top: 0 !important;
         }
         .abobjectives-page #Footer .footer_menu,
         .abobjectives-page #Footer .footer_right,
         .abobjectives-page #Footer .footer_bottom {
            margin-top: 0 !important;
         }
         @media (max-width: 767px) {
            .abobjectives-page #Center.content {
               padding-top: 8px !important;
            }
            .abobjectives-page #Content {
               border-radius: 14px;
            }
            .abobjectives-page .editable_content.content.dev-xew-block {
               padding: 10px 14px 6px;
            }
            .abobjectives-page .editable_content.content.dev-xew-block > h4 {
               font-size: 23px;
               letter-spacing: 0.08em;
            }
            .abobjectives-page .blockquoteCSF {
               padding: 14px 16px;
            }
            .abobjectives-page #text_to_speech p.obj-indent {
               padding-left: 10px !important;
            }
            .abobjectives-page .post_info.below {
               margin: 0 14px 0 !important;
               text-align: center !important;
            }
            .abobjectives-page .post_info.below span {
               margin: 4px 8px;
            }
         }
