/* Google 字体应用 */
.google-style-h1 {
  font-family: 'Product Sans', Arial, sans-serif;
}

/* 基础变量 */
:root {
  --bg-color: #ffffff;
  --text-color: #202124;
  --card-bg: #ffffff;
  --border-color: #dfe1e5;
  --muted-color: #5f6368;
  --primary-color: #1a73e8;
  --hover-bg: #f8f9fa;
}

.dark-mode {
  --bg-color: #202124;
  --text-color: #e8eaed;
  --card-bg: #303134;
  --border-color: #5f6368;
  --muted-color: #9aa0a6;
  --primary-color: #8ab4f8;
  --hover-bg: #3c4043;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.google-style-header {
  text-align: center;
  margin: 60px 0 40px;
}

.google-style-h1 {
  font-size: 4rem;
  font-weight: 400;
  margin-bottom: 30px;
  color: var(--text-color);
}

/* 搜索框容器 */
.google-search-wrapper {
  max-width: 600px;
  margin: 0 auto 2rem;
}

/* 搜索框样式 */
.google-search-container {
  display: flex;
  width: 100%;
  border-radius: 24px;
  border: 1px solid var(--border-color);
  overflow: hidden;
  background: var(--card-bg);
  transition: box-shadow 0.2s;
}

.google-search-container:focus-within {
  box-shadow: 0 1px 6px rgba(32,33,36,.28);
  border-color: transparent;
}

.google-search-input {
  flex: 1;
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  background: transparent;
  color: var(--text-color);
  outline: none;
}

.google-search-button {
  border: none;
  padding: 0 24px;
  background: transparent;
  color: var(--text-color);
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  white-space: nowrap;
}

.google-search-button:hover {
  background: var(--hover-bg);
}

.google-search-button i {
  margin-right: 6px;
  font-size: 16px;
}

/* 卡片样式 */
.card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

.card-header {
  background-color: var(--card-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
}

.list-group-item {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-color);
}

.list-group-item:hover {
  background-color: var(--hover-bg);
}

.text-muted {
  color: var(--muted-color) !important;
}

/* 导航栏 */
.navbar {
  background-color: var(--card-bg) !important;
  border-bottom: 1px solid var(--border-color);
}

.navbar-brand, .nav-link {
  color: var(--text-color) !important;
}

.nav-link:hover {
  color: var(--primary-color) !important;
}

/* 夜间模式切换按钮 */
.theme-toggle {
  background: none;
  border: none;
  color: var(--text-color);
  cursor: pointer;
  font-size: 1.2rem;
  padding: 8px 12px;
  border-radius: 50%;
  transition: background-color 0.3s;
}

.theme-toggle:hover {
  background-color: var(--hover-bg);
}

@media (max-width: 768px) {
  .google-style-h1 {
    font-size: 2.5rem;
  }
  .google-search-wrapper {
    max-width: 100%;
    padding: 0 15px;
  }
}

/* 品牌与 Hero */
.brand-text { 
  font-weight: 700; 
  letter-spacing: .5px; 
}

.hero-card { 
  border: 0; 
  border-radius: 1rem; 
}

.hero-card .card-body { 
  padding: 2rem 1.25rem; 
}

@media (min-width: 576px){
  .hero-card .card-body { 
    padding: 2.5rem 2rem; 
  }
}

/* 咨询 CTA 按钮：移动端满宽，≥576px 自适应；暗红 + 轻微闪动 */
.btn-cta{
  background:#8b0000; 
  border-color:#8b0000; 
  color:#fff;
  font-weight:600; 
  display:inline-block; 
  width:100%;
  animation: subtlePulse 1.6s ease-in-out infinite;
}

.btn-cta:hover{ 
  background:#a11111; 
  border-color:#a11111; 
  color:#fff; 
}

.btn-cta:focus{ 
  box-shadow:0 0 0 .2rem rgba(139,0,0,.25); 
  outline:0; 
}

@media (min-width:576px){ 
  .btn-cta{ 
    width:auto; 
  } 
}

@media (prefers-reduced-motion: reduce){
  .btn-cta{ 
    animation:none; 
  }
}

@keyframes subtlePulse{
  0%,100%{ 
    opacity:.95; 
    text-shadow:0 0 0 rgba(139,0,0,.25); 
  }
  50%{ 
    opacity:1; 
    text-shadow:0 0 6px rgba(139,0,0,.35); 
  }
}

/* 文章模块：列表贴合 AdminLTE */
.article-list .list-group-item{
  display:flex; 
  align-items:center; 
  justify-content:space-between;
  padding:.75rem 1rem;
}

.article-list .title{
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap; 
  max-width:100%;
}

.article-list .meta{
  flex-shrink:0; 
  margin-left:.75rem; 
  color:#6b7280; 
  font-size:.8125rem;
}

/* 友情链接：朴素文本样式，利于 SEO */
.friend-link a{
  display:inline-block;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-decoration:underline;
  word-break: break-all;
}

.friend-link a:hover{ 
  text-decoration:none; 
}

/* Footer */
.site-footer{ 
  color:#6b7280; 
  font-size:.875rem; 
}

/* 深色模式样式 */
@media (prefers-color-scheme: dark){
  body{ 
    background:#111827; 
    color:#e5e7eb; 
  }
  .navbar-white{ 
    background:#111827 !important; 
  }
  .content-wrapper{ 
    background:#111827; 
  }
  .card{ 
    background:#1f2937; 
    color:#e5e7eb; 
    border-color:#374151; 
  }
  .list-group-item{ 
    background:#1f2937; 
    color:#e5e7eb; 
    border-color:#374151; 
  }
  .article-list .meta{ 
    color:#9ca3af; 
  }
  .btn-cta{ 
    background:#b31d1d; 
    border-color:#b31d1d; 
  }
  .btn-cta:hover{ 
    background:#c22626; 
    border-color:#c22626; 
  }
  .site-footer{ 
    color:#9ca3af; 
  }
}