/* Google Fonts 引入 */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap');

/* 全局字体设置 */
body {
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* 夜间模式变量定义 - 只添加变量，不修改现有样式 */
:root {
    --text-primary: #3c4043;
    --text-secondary: #5f6368;
    --text-muted: #9aa0a6;
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --surface-color: #ffffff;
    --border-color: #dadce0;
}

/* 夜间模式配色 */
@media (prefers-color-scheme: dark) {
    :root {
        --text-primary: #e8eaed;
        --text-secondary: #9aa0a6;
        --text-muted: #5f6368;
        --bg-primary: #202124;
        --bg-secondary: #303134;
        --surface-color: #303134;
        --border-color: #5f6368;
    }
}

/* 手动夜间模式类 */
.dark-theme {
    --text-primary: #e8eaed;
    --text-secondary: #9aa0a6;
    --text-muted: #5f6368;
    --bg-primary: #202124;
    --bg-secondary: #303134;
    --surface-color: #303134;
    --border-color: #5f6368;
}

/* 保持您原有的所有样式，只在末尾添加夜间模式适配 */
a{color:#1a73e8;text-decoration:none}
a:focus,a:hover{color:#174ea6;text-decoration:underline;}

/* 导航栏样式 - 使用 Google 的深灰色 */
.navbar-inverse{background-color:#16181d;border-color:#303134}
.navbar-inverse .navbar-nav>li>a{color:#fff}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{background-color:#5f6368}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#3c4043}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#3c4043}
.navbar-inverse .navbar-toggle{border-color:#3c4043}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#3c4043}

.header-response .bottom-nav .active{color:#1a73e8}
.header-response .fa-user,.header-response .fa-search{color:#fff;}

@media (max-width: 767px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #fff;}}
@media (max-width: 767px){.navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #5f6368;}}

/* 导航和标签样式 */
.nav-child .tag.active{background-color:#1a73e8;color:#fff;text-decoration:none}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background-color:#1a73e8;}
.space-nav li.active a{background-color:#f8f9fa;color:#202124}

/* 列表组样式 */
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#1a73e8;border-color:#1a73e8}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#cce7ff}

/* 链接和消息样式 */
.widget-links-item a{margin-right:6px;color:#3c4043;}
.widget-links-item a:hover{text-decoration:underline;}
.widget-message-item.active, .widget-messages-item:hover {text-decoration: none;color: #1a73e8;background-color: #f8f9fa}
.widget-message-item.active .badge, .widget-message-item:hover .badge {background-color: #1a73e8}

/* 标签样式 */
.tag{display:inline-block;padding:0 8px;color:#1a73e8;background-color:#e8f0fe;height:24px;line-height:24px;font-weight:400;font-size:13px;text-align:center}
.tag[href]:focus,.tag[href]:hover{background-color:#1a73e8;color:#fff;text-decoration:none}

/* 分类组件样式 */
.widget-category .list a{display:block;padding:0 10px;text-decoration:none;}
.widget-category .list a:hover{color:#174ea6;}
.widget-category .active a{background:#1a73e8;border-color:#1a73e8;color:#fff;border-radius: 5px;}
.widget-category .active a:hover{color:#cce7ff}

/* 流列表样式 */
.stream-list-item .title a{color:#3c4043}
.stream-list-item .title a:hover{color:#1a73e8}
.stream-list-item .title a:visited{font-weight:400}
.streams-item .title a{color:#3c4043;}
.streams-item .title a:hover{color:#1a73e8;}

/* 书签和问答排名 */
.bookmark-rank .answered,.qa-rank .answered{background-color:#1a73e8;color:#fff}

/* 按钮样式 */
.btn-primary{border-color:#1a73e8;background-color:#1a73e8;color:#fff;}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.btn-primary.dropdown-toggle{border-color:#174ea6;background-color:#174ea6;color:#fff;}
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-image:none;}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{border-color:#1a73e8;background-color:#1a73e8;}
.btn-primary .badge{background-color:#fff;color:#1a73e8;}
.btn-success{border-color:#34a853;background-color:#34a853;color:#fff;}

/* 分页样式 */
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 12px;border:1px solid #dadce0;background-color:#fff;color:#1a73e8;text-decoration:none;line-height:1.5;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{border-color:#dadce0;background-color:#f8f9fa;color:#174ea6;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#1a73e8;background-color:#1a73e8;color:#fff;cursor:default;}

/* ===== 夜间模式适配 - 只添加必要的夜间模式样式 ===== */

/* 全局背景和文字 */
.dark-theme body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* 主要内容区域 */
.dark-theme .main {
    background-color: var(--surface-color);
}

/* 文字颜色适配 */
.dark-theme .widget-links-item a,
.dark-theme .stream-list-item .title a,
.dark-theme .streams-item .title a {
    color: var(--text-primary);
}

/* 背景色适配 */
.dark-theme .widget-message-item.active,
.dark-theme .widget-messages-item:hover {
    background-color: var(--bg-secondary);
}

.dark-theme .space-nav li.active a {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* 分页夜间模式 */
.dark-theme .pagination>li>a,
.dark-theme .pagination>li>span {
    background-color: var(--surface-color);
    border-color: var(--border-color);
}

.dark-theme .pagination>li>a:focus,
.dark-theme .pagination>li>a:hover,
.dark-theme .pagination>li>span:focus,
.dark-theme .pagination>li>span:hover {
    background-color: var(--bg-secondary);
}

/* 标签夜间模式 */
.dark-theme .tag {
    background-color: rgba(138, 180, 248, 0.1);
    color: #8ab4f8;
}

/* 边框适配 */
.dark-theme .widget-category {
    border-color: var(--border-color);
}