:root{
            --ink: #2b2a28;
            --ink-soft: #6b6560;
            --paper: #ffffff;
            --line: #ddd5c8;
            --card-border: #d8d2c6;
            --accent: #a8461f;

        }
        .navbar h4.title{
            width: 50%;
            text-align: left;
        }
        /* ---- 風格 A 色彩／字級變數 ---- */
        .a-scope {
            font-size: 16px;
            line-height: 1.7;
            color: var(--ink);
        }
        .a-scope, .a-scope input, .a-scope textarea, .a-scope button, .a-scope h1, .a-scope h2, .a-scope h3 {
            font-family: "Microsoft JhengHei", "PingFang TC", "Heiti TC", "Noto Sans TC", sans-serif;
        }
        .container-shrink.pos-r { background: var(--paper, #ffffff); }

        /* ---- 三大部分：用卡片區隔 ---- */
        .a-part-card {
            border: 1px solid var(--card-border);
            border-radius: 16px;
            padding: 8px 24px 28px;
            margin-top: 32px;
            box-shadow: 0 6px 20px rgba(43,42,40,.06);
        }

        /* ---- 主標題：改參考風格 B 的呈現方式（粗體無襯線，無側邊色條、無 serif） ---- */
        .a-hero-b { padding: 8px 0; }
        .a-kicker {
            font-size: 16px;
            letter-spacing: .1em;
            color: var(--accent);
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 12px;
            display: block;
        }
        .a-title-bold {
            font-weight: 800;
            font-size: 28px;
            line-height: 1.4;
            color: var(--ink);
            margin: 0;
        }
        .a-hero-desc { color: var(--ink-soft); font-size: 16px; margin-top: 16px; max-width: 46ch; }

        /* ---- 區塊標題（沿用風格 A：襯線＋底線） ---- */
        .a-section-title {
            font-weight: 700;
            font-size: 22px;
            color: var(--accent);
            margin: 18px 0 6px;
            padding-bottom: 14px;
            /* border-bottom: 1px solid var(--line); */
            background-color: #f8f1ee;
            border-radius: 10px;
            padding: 10px;
            text-align: center;
        }
        .a-section-title em { font-style: normal; font-weight: 400; color: rgba(168, 70, 31, .45); font-size: 16px; margin-left: 8px; display: inline-block; }
        .a-section-note { color: var(--ink-soft); font-size: 16px; margin: 10px 0 26px; }

        /* ---- 第一部分：無卡片，底線分隔 ---- */
        .a-field { padding: 22px 0; border-top: 1px solid var(--line); }
        .a-field:last-child { border-bottom: 1px solid var(--line); }
        .a-field-label { display: block; font-weight: 700; font-size: 17px; margin-bottom: 14px; color: var(--ink); }
        .a-field-label small { font-weight: 400; color: var(--ink-soft); font-size: 16px; margin-left: 6px; }
        .a-toggle-row { display: flex; flex-wrap: wrap; gap: 10px 14px; }
        .a-toggle { cursor: pointer; }
        .a-toggle input { position: absolute; opacity: 0; width: 1px; height: 1px; }
        .a-toggle span {
            display: inline-block;
            padding: 9px 16px;
            border: 1px solid var(--line);
            border-radius: 100px;
            font-size: 16px;
            color: var(--ink);
            transition: all .2s cubic-bezier(.16,1,.3,1);
        }
        .a-toggle input:checked + span { background: var(--accent); border-color: var(--accent); color: #fff; }
        .a-toggle input:active + span { transform: scale(.96); }
        .a-text-input {
            width: 100%;
            max-width: 320px;
            border: 1px solid var(--line);
            background: transparent;
            padding: 12px 20px;
            color: var(--ink);
            border-radius: 20px;
        }
        .a-text-input:focus { outline: none; border-color: var(--accent); }
        .a-other { margin-top: 12px; }

        /* ---- 第二部分：分類無卡片，item 用底線分隔 ---- */
        .a-category { margin-top: 44px; }
        .a-category-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px; }
        .a-category-code { font-size: 26px; font-weight: 700; color: var(--accent); }
        .a-category-head h3 { font-size: 18px; margin: 0; font-weight: 700; color: var(--accent); }
        .a-category-head h3 em { font-style: normal; color: rgba(168, 70, 31, .45); font-size: 16px; margin-left: 6px; }
        .a-item { padding: 20px 0; border-top: 1px solid var(--line); }
        .a-item-text { font-size: 16px; margin: 0 0 16px; color: var(--ink); }
        .a-item-scales { display: flex; flex-direction: column; gap: 14px; }
        .a-scale-row { display: flex; flex-direction: column; gap: 8px; }
        .a-scale-label { font-size: 16px; letter-spacing: .06em; color: var(--ink-soft); text-transform: uppercase; }
        .a-scale { display: flex; gap: 8px; }
        .a-scale-opt { position: relative; cursor: pointer; }
        .a-scale-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
        .a-scale-opt span {
            display: flex; align-items: center; justify-content: center;
            width: 34px; height: 34px;
            border-radius: 50%;
            border: 1px solid var(--line);
            font-size: 16px;
            color: var(--ink-soft);
            transition: all .2s cubic-bezier(.16,1,.3,1);
        }
        .a-scale-opt input:checked + span { background: var(--accent); border-color: var(--accent); color: #fff; }
        .a-scale-opt input:active + span { transform: scale(.92); }

        textarea.a-text-input {
            max-width: 100%;
            min-height: 110px;
            resize: vertical;
            border: 1.5px solid var(--card-border);
            border-radius: 10px;
            padding: 14px;
            background: #fff;
            box-shadow: 0 2px 8px rgba(43,42,40,.05);
        }
        textarea.a-text-input:focus { border-color: var(--accent); }

        .a-submit {
            margin-top: 48px;
            width: 100%;
            background: var(--ink);
            color: #fff;
            border: none;
            padding: 18px;
            font-size: 17px;
            font-weight: 700;
            border-radius: 4px;
            cursor: pointer;
            transition: transform .15s cubic-bezier(.16,1,.3,1);
        }
        .a-submit:active { transform: scale(.98) translateY(1px); }

        .a-fadeup { opacity: 0; transform: translateY(14px); transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }
        .a-fadeup.is-visible { opacity: 1; transform: none; }