
:root {
 
  --brand-primary: #00bbed; /* rgb(0, 187, 237) */
  

  --gt-brand: #007fed;
  --gt-brand-glow: #1dd7ff;
  --gt-surface: #f4f8fc;
  --gt-border: rgba(0, 127, 237, 0.18);
  

  --text-main: #2c3e50; 
  --text-link: var(--gt-brand);
}


body {
  font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: var(--text-main);
  line-height: 1.7; /* */
}

body, .main-content {
    background:
        radial-gradient(120% 120% at 10% 10%, rgba(29, 215, 255, 0.16), transparent 42%),
        radial-gradient(80% 80% at 90% 20%, rgba(0, 127, 237, 0.14), transparent 45%),
        linear-gradient(180deg, #f7fbff 0%, #ecf3fb 40%, #f9fbff 100%) !important;
    background-attachment: fixed !important; 
}


h1 { font-size: 1.9rem; line-height: 1.3; }
h2 { font-size: 1.55rem; line-height: 1.35; }
h3 { font-size: 1.25rem; line-height: 1.4; }


a {
    color: var(--gt-brand);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--gt-brand-glow);
}


input[type="text"], .search-bar, button.btn {
    border-radius: 999px !important; 
}


.search-btn, .btn-primary {
    background: linear-gradient(110deg, var(--gt-brand-glow), var(--gt-brand)) !important;
    border: none !important;
    color: #001d35 !important;
    font-weight: 600;
}


.Header__tabsTab a, 
.Header__tabsTab a:visited {
    color: #ffffff !important; 
    opacity: 0.85; 
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}


.Header__tabsTab a:hover {
    color: #ffffff !important;
    opacity: 1;
    text-shadow: 0 0 10px rgba(255,255,255,0.3); 
}


.LogsUploadIconButton {
    color: #001d35 !important; 
    opacity: 1 !important; 
}


.Header__tabsTab.selected {
    border-bottom-color: var(--gt-brand-glow, #1dd7ff) !important; 
}

/* 同時讓選中的文字變更亮 */
.Header__tabsTab.selected a {
    opacity: 1 !important;
    font-weight: 700 !important;
}



.Header__headerNav {
    margin-top: 10px;
    border-top: 1px solid var(--gt-border, rgba(0, 127, 237, 0.18)); 
    padding-top: 5px;
}




