/**
 * 古诗词起名网 - 简约古风主题样式
 * 配色理念：宣纸米色背景 + 墨色文字 + 古铜金强调
 */

/* ==================== 古风配色变量 ==================== */
:root {
    /* 主色调 */
    --gufeng-primary: #8b6914;        /* 古铜金 - 主强调色 */
    --gufeng-primary-light: #a68b3d;  /* 浅古铜金 */
    --gufeng-primary-dark: #6b4f0c;   /* 深古铜金 */
    
    /* 背景色 */
    --gufeng-bg-page: #faf8f5;        /* 宣纸白 - 页面背景 */
    --gufeng-bg-card: #fffef9;        /* 卡片背景 */
    --gufeng-bg-light: #f5f2ed;       /* 浅宣纸 */
    --gufeng-bg-hover: #f0ebe0;       /* 悬停背景 */
    
    /* 文字色 */
    --gufeng-text: #3d3d3d;           /* 墨色 - 主文字 */
    --gufeng-text-light: #666;        /* 次要文字 */
    --gufeng-text-muted: #999;        /* 弱化文字 */
    
    /* 链接色 */
    --gufeng-link: #6b5a3c;           /* 棕褐 - 链接 */
    --gufeng-link-hover: #8b6914;     /* 古铜金 - 悬停 */
    
    /* 边框色 */
    --gufeng-border: #e8e4dc;         /* 边框 */
    --gufeng-border-light: #f0ebe0;   /* 浅边框 */
    
    /* 装饰色 */
    --gufeng-accent-red: #b54b3a;     /* 朱砂红 */
    --gufeng-accent-green: #5a7a5a;   /* 青竹绿 */
    --gufeng-accent-blue: #4a6a8a;    /* 靛青蓝 */
    
    /* 五行色优化 */
    --wuxing-jin: #c9a227;            /* 金 */
    --wuxing-mu: #5a8a5a;             /* 木 */
    --wuxing-shui: #4a7a9a;           /* 水 */
    --wuxing-huo: #c45a3a;            /* 火 */
    --wuxing-tu: #a07850;             /* 土 */
}

/* ==================== 全局样式 ==================== */
* {
    color: var(--gufeng-text);
}

body {
    background: linear-gradient(135deg, var(--gufeng-bg-page) 0%, var(--gufeng-bg-light) 100%);
    background-attachment: fixed;
}

html {
    background: none;
}

/* 链接样式 */
a {
    color: var(--gufeng-link);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--gufeng-link-hover);
}

/* ==================== 头部导航 ==================== */
.header {
    background: rgba(255, 254, 249, 0.95) !important;
    border-bottom: 1px solid var(--gufeng-border);
    box-shadow: 0 2px 10px rgba(139, 105, 20, 0.08) !important;
}

.header .menu a {
    color: var(--gufeng-text-light) !important;
    font-size: 15px;
    letter-spacing: 1px;
}

.header .menu a:hover,
.header .menu a.on {
    color: var(--gufeng-primary) !important;
}

.header .menu a::after,
.header .menu a.on::after {
    background-color: var(--gufeng-primary) !important;
}

.header.fixed {
    background: rgba(255, 254, 249, 0.92) !important;
    border-bottom: 1px solid var(--gufeng-border);
}

/* ==================== 容器与卡片 ==================== */
.container .box {
    background: var(--gufeng-bg-card) !important;
    border: 1px solid var(--gufeng-border-light);
    box-shadow: 0 2px 8px rgba(139, 105, 20, 0.06);
}

.container .box h2,
.container .box h1 {
    color: var(--gufeng-text) !important;
    border-bottom: 1px solid var(--gufeng-border-light);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* ==================== 标签链接样式 ==================== */
.extend a {
    background: var(--gufeng-bg-light) !important;
    border: 1px solid var(--gufeng-border) !important;
    color: var(--gufeng-text-light) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease;
}

.extend a:hover {
    background: var(--gufeng-primary) !important;
    color: #fff !important;
    border-color: var(--gufeng-primary) !important;
}

/* ==================== 表单样式 ==================== */
form > label {
    background: var(--gufeng-bg-card) !important;
    border: 1px solid var(--gufeng-border) !important;
}

form > button {
    background: linear-gradient(135deg, var(--gufeng-primary) 0%, var(--gufeng-primary-dark) 100%) !important;
    border: none !important;
    box-shadow: 0 3px 10px rgba(139, 105, 20, 0.3);
    letter-spacing: 2px;
}

form > button:hover {
    background: linear-gradient(135deg, var(--gufeng-primary-light) 0%, var(--gufeng-primary) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 105, 20, 0.4);
}

/* 开关按钮 - 修复对齐问题 */
.container .box .switch {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 10px;
}

.container .box .switch > * {
    background-color: var(--gufeng-border) !important;
    color: var(--gufeng-text-light) !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.container .box .switch > *.on {
    background-color: var(--gufeng-primary) !important;
    color: #fff !important;
}

/* 移除三角形装饰，改用底部边框 */
.container .box .switch > *.on::after {
    display: none !important;
}

.container .box .switch > *.on {
    box-shadow: 0 2px 8px rgba(139, 105, 20, 0.3);
    border-bottom: 2px solid var(--gufeng-primary-dark);
}

/* ==================== 文章内容 ==================== */
article h1 {
    color: var(--gufeng-text) !important;
    letter-spacing: 2px;
}

article .status {
    border-bottom: 1px dashed var(--gufeng-border) !important;
    color: var(--gufeng-text-muted);
}

article .content a {
    color: var(--gufeng-primary) !important;
}

article .content a:hover {
    color: var(--gufeng-accent-red) !important;
}

.article-label {
    color: var(--gufeng-primary) !important;
    font-weight: 500;
    letter-spacing: 1px;
}

.article-sub .article-names a {
    color: var(--gufeng-link) !important;
}

.article-sub .article-names a:hover {
    color: var(--gufeng-primary) !important;
}

/* ==================== 面包屑 ==================== */
.bread {
    color: var(--gufeng-text-muted);
}

.bread a {
    color: var(--gufeng-text-light);
}

.bread a:hover {
    color: var(--gufeng-primary);
}

/* ==================== 来源信息 ==================== */
.container .box .source a {
    color: var(--gufeng-text-muted) !important;
}

.container .box .source a:hover {
    color: var(--gufeng-primary) !important;
}

/* ==================== 诗词标题 ==================== */
.container .box h3 a {
    color: var(--gufeng-text) !important;
}

.container .box h3 a:hover {
    color: var(--gufeng-primary) !important;
}

/* ==================== 热门字样式 ==================== */
.zi-warp a {
    border: 2px solid var(--gufeng-border) !important;
    color: var(--gufeng-text) !important;
    font-family: "楷体", "KaiTi", serif !important;
    transition: all 0.3s ease;
}

.zi-warp a::before,
.zi-warp a::after {
    border-bottom-color: var(--gufeng-border) !important;
}

.zi-warp a:hover {
    color: var(--gufeng-primary) !important;
    border-color: var(--gufeng-primary) !important;
    transform: scale(1.1);
}

/* ==================== 五行颜色优化 ==================== */
.wx_1 { color: var(--wuxing-jin) !important; }
.wx_2 { color: var(--wuxing-mu) !important; }
.wx_3 { color: var(--wuxing-shui) !important; }
.wx_4 { color: var(--wuxing-huo) !important; }
.wx_5 { color: var(--wuxing-tu) !important; }

/* ==================== 吉凶样式 ==================== */
.luck_1 { color: #b54b3a !important; }
.luck_2 { color: #5a8a5a !important; }

/* ==================== 分页样式 ==================== */
.pager li * {
    background: var(--gufeng-bg-light) !important;
    border: 1px solid var(--gufeng-border);
    color: var(--gufeng-text-light);
}

.pager li a:hover {
    background: var(--gufeng-primary) !important;
    color: #fff !important;
    border-color: var(--gufeng-primary);
}

.pager li.disabled span {
    background: var(--gufeng-border-light) !important;
    color: var(--gufeng-text-muted) !important;
}

/* ==================== 栏目标题 ==================== */
.lanmu {
    color: var(--gufeng-text);
    letter-spacing: 2px;
}

.box h2 a {
    border-left: 3px solid var(--gufeng-primary) !important;
    color: var(--gufeng-text) !important;
}

.box h2 a:hover {
    color: var(--gufeng-primary) !important;
}

/* ==================== 查看更多 ==================== */
.arcmore a {
    background: var(--gufeng-bg-light) !important;
    color: var(--gufeng-text-light) !important;
    border: 1px solid var(--gufeng-border);
}

.arcmore a:hover {
    background: var(--gufeng-primary) !important;
    color: #fff !important;
    border-color: var(--gufeng-primary);
}

/* ==================== 字典搜索框 ==================== */
.min-form input {
    border: 1px solid var(--gufeng-primary) !important;
}

.min-form button {
    background: var(--gufeng-primary) !important;
}

form.zidian-warp {
    border: 1px solid var(--gufeng-primary) !important;
}

.zidian-warp span {
    background: var(--gufeng-primary) !important;
}

/* ==================== 表格样式 ==================== */
.word-table {
    border: 1px solid var(--gufeng-border) !important;
}

.word-table th {
    border-bottom: 1px solid var(--gufeng-border) !important;
    border-right: 1px solid var(--gufeng-border) !important;
    background: var(--gufeng-bg-light);
    color: var(--gufeng-text-light);
}

.word-table td {
    border-right: 1px solid var(--gufeng-border) !important;
}

/* ==================== 诗词行高亮 ==================== */
.shici-row a {
    color: var(--gufeng-link) !important;
}

.shici-row b {
    color: var(--gufeng-primary) !important;
}

/* ==================== 上一篇/下一篇 ==================== */
.next-article a {
    color: var(--gufeng-link) !important;
}

.next-article a:hover {
    color: var(--gufeng-primary) !important;
}

/* ==================== 成语样式 ==================== */
.chengyu-wards > div .word {
    border: 1px solid var(--gufeng-primary) !important;
    color: var(--gufeng-text) !important;
    font-family: "楷体", "KaiTi", serif !important;
}

.chengyu-quming a {
    color: var(--gufeng-link) !important;
}

.chengyu-quming a:hover {
    color: var(--gufeng-primary) !important;
}

/* ==================== 热门工具 ==================== */
.red-tools a div {
    color: var(--gufeng-text-light) !important;
}

/* ==================== 友情链接 ==================== */
.friend-link {
    background: var(--gufeng-bg-light) !important;
}

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

.link a {
    color: var(--gufeng-text-light) !important;
}

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

/* ==================== 诗词详情页类型标签 ==================== */
.container .box .type-warp .label {
    color: var(--gufeng-primary) !important;
}

.container .box .type-warp a {
    color: var(--gufeng-link) !important;
}

.container .box .type-warp .on {
    color: var(--gufeng-accent-red) !important;
}

/* ==================== 标题装饰线 ==================== */
.arcbox::after {
    border-right: 1px dotted var(--gufeng-border) !important;
}

.box-left {
    border-right: 1px dotted var(--gufeng-primary-light) !important;
}

/* ==================== 移动端适配 ==================== */
@media screen and (max-width: 690px) {
    .header {
        background: var(--gufeng-bg-card) !important;
    }
    
    header .content .menu {
        background: var(--gufeng-bg-card) !important;
    }
    
    header .content .menu a {
        border-bottom: 1px solid var(--gufeng-border-light) !important;
    }
    
    .container .box {
        background-color: transparent !important;
        border: none !important;
    }
}

/* ==================== 动画效果 ==================== */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.container .box {
    animation: fadeIn 0.5s ease;
}

/* ==================== 选中文本样式 ==================== */
::selection {
    background: var(--gufeng-primary);
    color: #fff;
}

/* ==================== 滚动条样式 ==================== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--gufeng-bg-light);
}

::-webkit-scrollbar-thumb {
    background: var(--gufeng-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gufeng-primary);
}

/* ==================== 首页取名指南区块 ==================== */
.topic-guide .topic-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 15px;
}

.topic-guide .topic-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: var(--gufeng-bg-light);
    border: 1px solid var(--gufeng-border);
    border-radius: 4px;
    color: var(--gufeng-text);
    font-size: 14px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.topic-guide .topic-item:hover {
    background: var(--gufeng-primary);
    color: #fff;
    border-color: var(--gufeng-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(139, 105, 20, 0.25);
}

/* ==================== 侧边栏取名指南 ==================== */
.col-tit {
    color: var(--gufeng-text) !important;
    letter-spacing: 1px;
}

/* ==================== 首页表单切换优化 ==================== */
.container .box .form-warp {
    width: 300% !important;
}

.container .box .form-warp form {
    width: 33.33% !important;
}

/* 姓名PK表单样式 */
.pk-form label {
    margin-bottom: 15px;
}

.pk-form {
    padding: 30px 10px;
}