@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');
      
#ns_Header { margin-bottom: 0px; }
#ns_Footer { margin-top: 0px; }
  
        /* ============================================================
           日月潭泳渡嘉年華 WeForm 美化 CSS v2
           色系：日月潭 × 游泳 水藍湖綠
           ============================================================ */
        :root {
            --wf-lake-deep:      #0A5A50;
            --wf-lake-mid:       #0D7A6A;
            --wf-lake-bright:    #1AA891;
            --wf-lake-light:     #6ECDC0;
            --wf-lake-foam:      #B8EDE7;
            --wf-lake-mist:      #E4F7F5;
            --wf-lake-surf:      #F2FBFA;

            --wf-text-dark:      #1C3E38;
            --wf-text-body:      #2B5A52;
            --wf-text-label:     #1C3E38;
            --wf-text-input:     #1C3E38;
            --wf-text-placeholder: #5A9A90;
            --wf-text-muted:     #3D7068;
            --wf-text-option:    #2B5A52;

            --wf-border:         #8ECEC7;
            --wf-border-focus:   #0D7A6A;
            --wf-border-subtle:  #C8EAE7;

            --wf-bg:             #F2FBFA;
            --wf-surface:        #FFFFFF;
            --wf-row-hover:      #EDF8F7;

            --wf-font: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
            --wf-radius:    10px;
            --wf-radius-sm: 6px;
            --wf-radius-btn: 8px;
            --wf-shadow-card:  0 4px 20px rgba(10, 90, 80, 0.10);
            --wf-shadow-focus: 0 0 0 3px rgba(13, 122, 106, 0.22);
        }

        body {
            font-family: var(--wf-font);
            background-color: var(--wf-bg);
            color: var(--wf-text-body);
            font-size: 16px; /* 規則：最小 16px */
            line-height: 1.6;
        }

        .primary-text { color: var(--wf-lake-deep); }
        .lake-gradient {
            background: linear-gradient(135deg, var(--wf-lake-deep) 0%, var(--wf-lake-mid) 100%);
        }
        
        .btn-primary {
            background-color: var(--wf-lake-mid);
            color: #ffffff;
            border-radius: var(--wf-radius-btn);
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            background-color: var(--wf-lake-deep);
            box-shadow: var(--wf-shadow-focus);
        }

        .btn-outline {
            border: 2px solid var(--wf-lake-mid);
            color: var(--wf-lake-mid);
            border-radius: var(--wf-radius-btn);
        }

        .package-card {
            background: var(--wf-surface);
            border-radius: var(--wf-radius);
            box-shadow: var(--wf-shadow-card);
            border: 1px solid var(--wf-border-subtle);
            transition: transform 0.3s ease;
        }
        .package-card:hover {
            transform: translateY(-5px);
            border-color: var(--wf-lake-light);
        }

        .nav-link {
            color: var(--wf-text-dark);
            font-weight: 500;
        }
        .nav-link:hover {
            color: var(--wf-lake-bright);
        }

        /* 重寫文字顏色確保最淡為 #333333 左右 */
        .text-muted { color: var(--wf-text-muted); }