/* ===========================================
   知语言 · 财务咨询 — 中式东方美学
   =========================================== */

:root{
    --ink-deep:#1c1814;
    --ink:#2c2416;
    --ink-soft:#5a4d3a;
    --paper:#f5f1e8;
    --paper-warm:#ede5d3;
    --paper-light:#faf6ec;
    --cinnabar:#8b1a1a;
    --cinnabar-deep:#5a0e0e;
    --cinnabar-soft:#a83232;
    --gold:#c9a961;
    --gold-deep:#a08540;
    --jade:#5a6c7d;
    --ochre:#a85a32;
    --line:#d4c8a8;
    --line-soft:#e8dec6;
    --shadow:rgba(28,24,20,0.08);
}

*{margin:0;padding:0;box-sizing:border-box}

html,body{
    font-family:"STSong","SimSun","Songti SC","Source Han Serif SC","Noto Serif CJK SC",serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.9;
    font-size:15px;
    -webkit-font-smoothing:antialiased;
}

/* 纸张纹理背景 */
body{
    background:
        radial-gradient(ellipse at top, var(--paper-light) 0%, var(--paper) 60%, var(--paper-warm) 100%);
    background-attachment:fixed;
    position:relative;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(139,26,26,0.025) 0, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(201,169,97,0.04) 0, transparent 40%);
}

/* ============= 顶部导航 ============= */
.top-bar{
    background:var(--ink-deep);
    color:var(--paper);
    font-size:12px;
    border-bottom:1px solid var(--cinnabar-deep);
    position:relative;
    z-index:10;
}
.top-bar-inner{
    max-width:1280px;
    margin:0 auto;
    padding:6px 28px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    letter-spacing:0.1em;
}
.top-bar a{color:var(--paper);text-decoration:none;opacity:0.8}
.top-bar a:hover{opacity:1;color:var(--gold)}
.top-bar .t-time{color:var(--gold);font-family:"STKaiti","KaiTi",serif}

.header{
    background:
        linear-gradient(180deg, var(--paper-light) 0%, var(--paper) 100%);
    border-bottom:2px solid var(--ink);
    position:relative;
    z-index:10;
}
.header::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-4px;height:2px;
    background:var(--cinnabar);
}
.header-inner{
    max-width:1280px;
    margin:0 auto;
    padding:24px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    position:relative;
}
.brand{
    display:flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
    color:var(--ink);
}
.brand-seal{
    width:64px;height:64px;
    background:var(--cinnabar);
    color:var(--paper);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:"STKaiti","KaiTi","KaiTi_GB2312",serif;
    font-weight:900;
    font-size:28px;
    line-height:1;
    border:2px solid var(--cinnabar-deep);
    box-shadow:
        inset 0 0 0 2px var(--paper),
        inset 0 0 0 3px var(--cinnabar),
        2px 2px 0 var(--ink-soft);
    flex-shrink:0;
    letter-spacing:0;
}
.brand-seal span{display:block}
.brand-text{display:flex;flex-direction:column;gap:4px}
.brand-name{
    font-family:"STKaiti","KaiTi","KaiTi_GB2312",serif;
    font-size:34px;
    font-weight:700;
    color:var(--ink);
    letter-spacing:0.4em;
    line-height:1;
}
.brand-slogan{
    font-size:13px;
    color:var(--ink-soft);
    letter-spacing:0.5em;
    padding-left:4px;
}
.brand-slogan em{
    color:var(--cinnabar);
    font-style:normal;
    margin:0 6px;
}

.header-meta{
    display:flex;
    align-items:center;
    gap:20px;
    padding:8px 18px;
    border:1px solid var(--line);
    background:rgba(255,255,255,0.4);
    font-size:13px;
}
.header-meta .item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
}
.header-meta .num{
    font-family:"STKaiti","KaiTi",serif;
    font-size:22px;
    color:var(--cinnabar);
    font-weight:700;
    line-height:1;
}
.header-meta .lbl{color:var(--ink-soft);font-size:11px;letter-spacing:0.2em}

/* ============= 主导航 ============= */
.nav{
    background:var(--ink);
    color:var(--paper);
    border-bottom:3px double var(--cinnabar);
    position:relative;
    z-index:10;
}
.nav-inner{
    max-width:1280px;
    margin:0 auto;
    display:flex;
    list-style:none;
    padding:0 12px;
}
.nav-inner li{flex:1}
.nav-inner a{
    display:block;
    padding:14px 8px;
    text-align:center;
    color:var(--paper);
    text-decoration:none;
    font-size:15px;
    letter-spacing:0.15em;
    border-right:1px solid rgba(245,241,232,0.1);
    transition:all 0.25s;
    position:relative;
}
.nav-inner li:first-child a{border-left:1px solid rgba(245,241,232,0.1)}
.nav-inner a:hover,.nav-inner a.active{
    background:var(--cinnabar);
    color:var(--gold);
}
.nav-inner a::after{
    content:"";
    position:absolute;
    left:50%;bottom:0;
    width:0;height:2px;
    background:var(--gold);
    transition:all 0.3s;
    transform:translateX(-50%);
}
.nav-inner a:hover::after{width:80%}

/* ============= 主区容器 ============= */
.wrap{
    max-width:1280px;
    margin:0 auto;
    padding:32px 28px;
    position:relative;
    z-index:1;
}

.section-title{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
}
.section-title h2{
    font-family:"STKaiti","KaiTi",serif;
    font-size:26px;
    color:var(--ink);
    font-weight:700;
    letter-spacing:0.3em;
    position:relative;
    padding-left:14px;
}
.section-title h2::before{
    content:"";
    position:absolute;
    left:0;top:6px;bottom:6px;
    width:4px;
    background:var(--cinnabar);
}
.section-title .en{
    font-family:Georgia,serif;
    font-style:italic;
    color:var(--ink-soft);
    font-size:12px;
    letter-spacing:0.3em;
}
.section-title .more{
    margin-left:auto;
    font-size:13px;
    color:var(--ink-soft);
    text-decoration:none;
    letter-spacing:0.2em;
    transition:color .3s;
}
.section-title .more:hover{color:var(--cinnabar)}
.section-title .more::after{content:" →";color:var(--cinnabar)}

/* ============= 首页布局 ============= */
.hero{
    position:relative;
    margin-bottom:32px;
    background:var(--ink);
    color:var(--paper);
    padding:64px 56px;
    overflow:hidden;
    border:1px solid var(--ink);
    box-shadow:0 2px 0 var(--cinnabar),0 6px 30px var(--shadow);
}
.hero::before{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(245,241,232,0.2);
    pointer-events:none;
}
.hero::after{
    content:"知";
    position:absolute;
    right:-30px;bottom:-80px;
    font-family:"STKaiti","KaiTi",serif;
    font-size:520px;
    color:rgba(245,241,232,0.04);
    line-height:1;
    font-weight:900;
    pointer-events:none;
    z-index:0;
}
.hero-inner{position:relative;z-index:1;max-width:760px}
.hero .tag{
    display:inline-block;
    padding:4px 14px;
    background:var(--cinnabar);
    color:var(--gold);
    font-size:12px;
    letter-spacing:0.4em;
    margin-bottom:20px;
    border:1px solid var(--gold);
}
.hero h1{
    font-family:"STKaiti","KaiTi",serif;
    font-size:54px;
    line-height:1.3;
    letter-spacing:0.1em;
    margin-bottom:18px;
    color:var(--paper-light);
    font-weight:700;
}
.hero h1 em{
    font-style:normal;
    color:var(--gold);
    position:relative;
}
.hero h1 em::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-4px;height:2px;
    background:var(--gold);
}
.hero .desc{
    font-size:16px;
    line-height:2;
    color:rgba(245,241,232,0.85);
    margin-bottom:28px;
    letter-spacing:0.08em;
    max-width:640px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{
    display:inline-block;
    padding:10px 26px;
    font-size:14px;
    text-decoration:none;
    letter-spacing:0.2em;
    border:1px solid var(--gold);
    color:var(--gold);
    background:transparent;
    transition:all 0.3s;
    cursor:pointer;
    font-family:inherit;
}
.btn:hover{background:var(--gold);color:var(--ink-deep)}
.btn-primary{
    background:var(--cinnabar);
    border-color:var(--cinnabar);
    color:var(--paper);
}
.btn-primary:hover{background:var(--cinnabar-deep);border-color:var(--gold);color:var(--gold)}
.btn-ghost{border-color:rgba(245,241,232,0.5);color:var(--paper)}
.btn-ghost:hover{border-color:var(--gold);background:var(--gold);color:var(--ink-deep)}

/* 特色栏目卡片 */
.cols-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-bottom:32px;
}
.col-card{
    background:var(--paper-light);
    border:1px solid var(--line);
    padding:28px 18px;
    text-align:center;
    text-decoration:none;
    color:var(--ink);
    position:relative;
    transition:all 0.3s;
    overflow:hidden;
}
.col-card::before{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid transparent;
    transition:all 0.3s;
}
.col-card:hover{
    background:var(--paper);
    border-color:var(--cinnabar);
    transform:translateY(-3px);
    box-shadow:0 8px 20px var(--shadow);
}
.col-card:hover::before{border-color:var(--line-soft)}
.col-card .ico{
    width:48px;height:48px;
    margin:0 auto 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--cinnabar);
    color:var(--cinnabar);
    font-family:"STKaiti","KaiTi",serif;
    font-size:24px;
    font-weight:700;
    background:var(--paper);
    transition:all 0.3s;
}
.col-card:hover .ico{
    background:var(--cinnabar);
    color:var(--paper);
}
.col-card .name{
    font-family:"STKaiti","KaiTi",serif;
    font-size:18px;
    font-weight:700;
    margin-bottom:6px;
    letter-spacing:0.15em;
}
.col-card .en{
    font-family:Georgia,serif;
    font-style:italic;
    font-size:11px;
    color:var(--ink-soft);
    letter-spacing:0.15em;
}
.col-card .n{
    margin-top:10px;
    font-size:11px;
    color:var(--ink-soft);
    letter-spacing:0.1em;
}
.col-card .n b{color:var(--cinnabar);font-weight:700;margin:0 2px}

/* 主内容三栏 */
.main-grid{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:32px;
    margin-bottom:32px;
}

/* 文章卡片 */
.article-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.article-item{
    background:var(--paper-light);
    border:1px solid var(--line);
    border-left:3px solid var(--cinnabar);
    padding:18px 20px;
    text-decoration:none;
    color:var(--ink);
    display:block;
    transition:all 0.3s;
    position:relative;
}
.article-item:hover{
    background:var(--paper);
    border-left-color:var(--gold);
    transform:translateX(2px);
}
.article-item h3{
    font-family:"STKaiti","KaiTi",serif;
    font-size:17px;
    font-weight:700;
    color:var(--ink);
    margin-bottom:8px;
    line-height:1.5;
    transition:color 0.3s;
}
.article-item:hover h3{color:var(--cinnabar)}
.article-item p{
    font-size:13px;
    color:var(--ink-soft);
    line-height:1.7;
    margin-bottom:10px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.article-item .meta{
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:var(--ink-soft);
    letter-spacing:0.1em;
    padding-top:8px;
    border-top:1px dashed var(--line);
}
.article-item .meta .cat{
    color:var(--cinnabar);
    background:rgba(139,26,26,0.08);
    padding:1px 8px;
}
.article-item .meta .cat::before{content:"「";color:var(--gold)}
.article-item .meta .cat::after{content:"」";color:var(--gold)}

/* 侧栏 */
.side .widget{
    background:var(--paper-light);
    border:1px solid var(--line);
    margin-bottom:18px;
    position:relative;
}
.side .widget::before{
    content:"";
    position:absolute;
    top:6px;left:6px;right:6px;bottom:6px;
    border:1px solid var(--line-soft);
    pointer-events:none;
}
.side .widget-title{
    padding:14px 20px;
    background:var(--ink);
    color:var(--paper);
    font-family:"STKaiti","KaiTi",serif;
    font-size:16px;
    letter-spacing:0.3em;
    position:relative;
    border-bottom:2px solid var(--cinnabar);
}
.side .widget-title::before{
    content:"";
    display:inline-block;
    width:6px;height:6px;
    background:var(--gold);
    margin-right:10px;
    vertical-align:middle;
}
.side .widget-body{padding:18px 20px}
.side .widget ul{list-style:none}
.side .widget li{
    padding:9px 0;
    border-bottom:1px dashed var(--line);
    font-size:13px;
    display:flex;
    align-items:center;
    gap:8px;
}
.side .widget li:last-child{border-bottom:0}
.side .widget li .idx{
    width:22px;height:22px;
    background:var(--paper-warm);
    color:var(--ink-soft);
    text-align:center;
    line-height:22px;
    font-family:Georgia,serif;
    font-size:12px;
    flex-shrink:0;
}
.side .widget li:nth-child(-n+3) .idx{background:var(--cinnabar);color:var(--paper)}
.side .widget li a{
    color:var(--ink);
    text-decoration:none;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:color .3s;
}
.side .widget li a:hover{color:var(--cinnabar)}

/* 经典语录 */
.quote-block{
    background:var(--ink);
    color:var(--paper);
    padding:32px 28px;
    margin-bottom:32px;
    position:relative;
    border-left:6px solid var(--cinnabar);
}
.quote-block::before{
    content:"「";
    position:absolute;
    left:14px;top:-10px;
    font-family:"STKaiti","KaiTi",serif;
    font-size:80px;
    color:var(--cinnabar);
    line-height:1;
}
.quote-block::after{
    content:"」";
    position:absolute;
    right:14px;bottom:-40px;
    font-family:"STKaiti","KaiTi",serif;
    font-size:80px;
    color:var(--cinnabar);
    line-height:1;
}
.quote-block .text{
    font-family:"STKaiti","KaiTi",serif;
    font-size:24px;
    line-height:1.8;
    text-align:center;
    color:var(--gold);
    margin:18px 0;
    letter-spacing:0.2em;
}
.quote-block .src{
    text-align:right;
    color:rgba(245,241,232,0.6);
    font-size:13px;
    letter-spacing:0.2em;
}
.quote-block .src::before{content:"—— ";color:var(--cinnabar)}

/* 知识图谱/服务流程 */
.flow-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin-bottom:32px;
    border:1px solid var(--line);
    background:var(--paper-light);
}
.flow-step{
    padding:28px 22px;
    border-right:1px dashed var(--line);
    position:relative;
    text-align:center;
}
.flow-step:last-child{border-right:0}
.flow-step::after{
    content:"›";
    position:absolute;
    right:-12px;top:50%;
    transform:translateY(-50%);
    font-size:24px;
    color:var(--cinnabar);
    z-index:2;
}
.flow-step:last-child::after{display:none}
.flow-step .num{
    font-family:"STKaiti","KaiTi",serif;
    font-size:36px;
    color:var(--cinnabar);
    font-weight:700;
    line-height:1;
    margin-bottom:8px;
}
.flow-step .name{
    font-family:"STKaiti","KaiTi",serif;
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
    letter-spacing:0.15em;
}
.flow-step .desc{
    font-size:13px;
    color:var(--ink-soft);
    line-height:1.7;
}

/* ============= 栏目页样式 ============= */
.crumb{
    padding:14px 22px;
    background:var(--paper-light);
    border:1px solid var(--line);
    border-left:4px solid var(--cinnabar);
    margin-bottom:24px;
    font-size:13px;
    color:var(--ink-soft);
    letter-spacing:0.1em;
}
.crumb a{color:var(--ink);text-decoration:none;transition:color .3s}
.crumb a:hover{color:var(--cinnabar)}
.crumb .sep{margin:0 10px;color:var(--gold)}
.crumb .now{color:var(--cinnabar);font-weight:700}

.col-banner{
    background:var(--ink);
    color:var(--paper);
    padding:48px 56px;
    margin-bottom:32px;
    position:relative;
    overflow:hidden;
    border-bottom:4px solid var(--cinnabar);
}
.col-banner::before{
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(201,169,97,0.3);
    pointer-events:none;
}
.col-banner::after{
    content:attr(data-zh);
    position:absolute;
    right:30px;bottom:-30px;
    font-family:"STKaiti","KaiTi",serif;
    font-size:300px;
    color:rgba(201,169,97,0.05);
    line-height:1;
    font-weight:900;
    pointer-events:none;
}
.col-banner-inner{position:relative;z-index:1}
.col-banner .tag{
    display:inline-block;
    padding:3px 14px;
    background:var(--cinnabar);
    color:var(--gold);
    font-size:11px;
    letter-spacing:0.4em;
    margin-bottom:14px;
    border:1px solid var(--gold);
}
.col-banner h1{
    font-family:"STKaiti","KaiTi",serif;
    font-size:48px;
    letter-spacing:0.2em;
    color:var(--paper-light);
    margin-bottom:10px;
    font-weight:700;
}
.col-banner h1 em{
    font-style:normal;
    color:var(--gold);
    margin-left:14px;
    font-size:18px;
    letter-spacing:0.3em;
    font-weight:400;
}
.col-banner .desc{
    color:rgba(245,241,232,0.8);
    font-size:15px;
    line-height:1.9;
    max-width:760px;
    letter-spacing:0.06em;
}
.col-banner .meta{
    margin-top:18px;
    display:flex;
    gap:24px;
    color:rgba(245,241,232,0.6);
    font-size:12px;
    letter-spacing:0.2em;
}
.col-banner .meta b{color:var(--gold);font-weight:400;margin:0 4px}

/* 文章列表(单列) */
.list-wrap{
    display:grid;
    grid-template-columns:1fr 280px;
    gap:28px;
}
.article-row{
    background:var(--paper-light);
    border:1px solid var(--line);
    padding:22px 26px;
    margin-bottom:14px;
    text-decoration:none;
    color:var(--ink);
    display:block;
    position:relative;
    transition:all 0.3s;
    border-left:4px solid var(--cinnabar);
}
.article-row:hover{
    background:var(--paper);
    border-left-color:var(--gold);
    box-shadow:2px 4px 14px var(--shadow);
    transform:translateX(2px);
}
.article-row h3{
    font-family:"STKaiti","KaiTi",serif;
    font-size:19px;
    font-weight:700;
    margin-bottom:10px;
    color:var(--ink);
    transition:color .3s;
}
.article-row:hover h3{color:var(--cinnabar)}
.article-row h3::before{
    content:"·";
    color:var(--cinnabar);
    margin-right:8px;
    font-weight:900;
}
.article-row p{
    color:var(--ink-soft);
    font-size:14px;
    line-height:1.8;
    margin-bottom:12px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.article-row .info{
    display:flex;
    gap:18px;
    font-size:12px;
    color:var(--ink-soft);
    letter-spacing:0.1em;
    padding-top:10px;
    border-top:1px dashed var(--line);
}
.article-row .info .ic{color:var(--gold);margin-right:4px}

/* 分页 */
.pager{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:36px 0;
    flex-wrap:wrap;
}
.pager a,.pager span{
    min-width:36px;height:36px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    background:var(--paper-light);
    color:var(--ink);
    text-decoration:none;
    font-size:13px;
    font-family:"STKaiti","KaiTi",serif;
    letter-spacing:0.1em;
    transition:all .3s;
}
.pager a:hover{
    background:var(--ink);
    color:var(--gold);
    border-color:var(--ink);
}
.pager .now{
    background:var(--cinnabar);
    color:var(--paper);
    border-color:var(--cinnabar);
}
.pager .dot{border:0;background:transparent;color:var(--ink-soft)}

/* ============= 页脚 ============= */
.footer{
    background:var(--ink-deep);
    color:var(--paper);
    margin-top:48px;
    border-top:4px double var(--cinnabar);
    position:relative;
    z-index:1;
}
.footer-inner{
    max-width:1280px;
    margin:0 auto;
    padding:42px 28px 20px;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:36px;
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid rgba(245,241,232,0.1);
}
.footer-col h4{
    font-family:"STKaiti","KaiTi",serif;
    color:var(--gold);
    font-size:16px;
    margin-bottom:14px;
    letter-spacing:0.3em;
    font-weight:700;
    position:relative;
    padding-bottom:10px;
}
.footer-col h4::after{
    content:"";
    position:absolute;
    left:0;bottom:0;
    width:24px;height:1px;
    background:var(--cinnabar);
}
.footer-col p,.footer-col a{
    color:rgba(245,241,232,0.7);
    font-size:13px;
    line-height:2;
    text-decoration:none;
    display:block;
}
.footer-col a:hover{color:var(--gold)}
.footer-col ul{list-style:none}
.footer-col li{padding:3px 0}
.footer-col li::before{
    content:"·";
    color:var(--cinnabar);
    margin-right:8px;
}
.footer-brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}
.footer-brand .seal{
    width:48px;height:48px;
    background:var(--cinnabar);
    color:var(--paper);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:"STKaiti","KaiTi",serif;
    font-weight:900;
    font-size:20px;
    flex-direction:column;
    line-height:1.1;
}
.footer-brand .name{
    font-family:"STKaiti","KaiTi",serif;
    font-size:22px;
    color:var(--paper);
    letter-spacing:0.3em;
}
.footer-brand .slogan{
    font-size:11px;
    color:rgba(245,241,232,0.5);
    letter-spacing:0.3em;
}
.footer-col .desc{
    line-height:1.9;
    color:rgba(245,241,232,0.65);
    font-size:13px;
}
.copyright{
    text-align:center;
    color:rgba(245,241,232,0.4);
    font-size:12px;
    letter-spacing:0.1em;
    padding-top:18px;
}
.copyright a{color:rgba(245,241,232,0.5);text-decoration:none}
.copyright a:hover{color:var(--gold)}
.copyright .sep{margin:0 8px;color:rgba(245,241,232,0.2)}
.copyright .icp{
    color:var(--gold);
}
.copyright .icp a{
    color:var(--gold);
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-color:rgba(201,169,97,0.45);
    transition:text-decoration-color .25s ease;
}
.copyright .icp a:hover{
    text-decoration-color:var(--gold);
}

/* ============= 响应式 ============= */
@media (max-width:1024px){
    .cols-grid{grid-template-columns:repeat(3,1fr)}
    .main-grid{grid-template-columns:1fr}
    .list-wrap{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
    .flow-grid{grid-template-columns:repeat(2,1fr)}
    .flow-step:nth-child(2)::after{display:none}
}
@media (max-width:768px){
    .header-inner{flex-direction:column;gap:14px}
    .header-meta{width:100%;justify-content:space-around}
    .nav-inner{flex-wrap:wrap}
    .nav-inner li{flex:0 0 50%}
    .nav-inner a{border-bottom:1px solid rgba(245,241,232,0.1)}
    .hero{padding:32px 22px}
    .hero h1{font-size:32px}
    .col-banner{padding:32px 22px}
    .col-banner h1{font-size:30px}
    .cols-grid{grid-template-columns:repeat(2,1fr)}
    .article-list{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}
    .flow-grid{grid-template-columns:1fr}
    .flow-step{border-right:0;border-bottom:1px dashed var(--line)}
    .flow-step::after{content:"›";right:50%;bottom:-14px;top:auto;transform:translateX(50%) rotate(90deg)}
    .article-row{padding:16px 18px}
}

/* ============= 文章内容页样式(复用) ============= */
.article-page{
    display:grid;
    grid-template-columns:1fr 280px;
    gap:28px;
}
.article-content{
    background:var(--paper-light);
    border:1px solid var(--line);
    padding:36px 44px;
    position:relative;
}
.article-content::before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid var(--line-soft);
    pointer-events:none;
}
.article-head{
    border-bottom:1px solid var(--line);
    padding-bottom:18px;
    margin-bottom:24px;
}
.article-head h1{
    font-family:"STKaiti","KaiTi",serif;
    font-size:30px;
    color:var(--ink);
    line-height:1.5;
    margin-bottom:12px;
    font-weight:700;
}
.article-head .info{
    display:flex;
    gap:18px;
    font-size:12px;
    color:var(--ink-soft);
    letter-spacing:0.1em;
}
.article-head .info b{color:var(--cinnabar);font-weight:400;margin:0 4px}
.article-body{
    font-size:15px;
    line-height:2.1;
    color:var(--ink);
    position:relative;
    z-index:1;
}
.article-body p{margin-bottom:18px;text-indent:2em}
.article-body h3{
    font-family:"STKaiti","KaiTi",serif;
    font-size:20px;
    color:var(--cinnabar);
    margin:26px 0 14px;
    padding-left:14px;
    border-left:4px solid var(--cinnabar);
    font-weight:700;
}
.article-body h4{
    font-family:"STKaiti","KaiTi",serif;
    font-size:17px;
    color:var(--ink);
    margin:18px 0 10px;
    font-weight:700;
}
.article-body ul,.article-body ol{
    margin:14px 0 18px 2em;
    line-height:2;
}
.article-body li{margin-bottom:6px}
.article-body blockquote{
    background:var(--paper-warm);
    border-left:4px solid var(--gold);
    padding:14px 18px;
    margin:18px 0;
    color:var(--ink-soft);
    font-style:italic;
}
.article-body strong{color:var(--cinnabar)}
.article-body em{color:var(--gold-deep);font-style:normal;font-weight:700}

/* 列表样式辅助 */
.list-num{
    display:inline-block;
    min-width:36px;height:36px;
    background:var(--cinnabar);
    color:var(--paper);
    text-align:center;
    line-height:36px;
    font-family:"STKaiti","KaiTi",serif;
    font-weight:700;
    margin-right:14px;
    flex-shrink:0;
    letter-spacing:0;
}
.article-row .list-num{position:absolute;right:20px;top:22px;font-size:14px;width:32px;height:32px;line-height:32px}

/* 印章样式 */
.seal-stamp{
    display:inline-block;
    width:64px;height:64px;
    background:var(--cinnabar);
    color:var(--paper);
    font-family:"STKaiti","KaiTi",serif;
    font-weight:900;
    font-size:14px;
    line-height:1.1;
    text-align:center;
    padding-top:14px;
    box-sizing:border-box;
    border:2px solid var(--paper);
    box-shadow:0 0 0 2px var(--cinnabar),2px 2px 0 var(--ink-soft);
    transform:rotate(-6deg);
    letter-spacing:0;
}

/* 章节装饰 */
.deco-line{
    display:flex;
    align-items:center;
    gap:14px;
    margin:36px 0 22px;
    color:var(--ink-soft);
    font-size:12px;
    letter-spacing:0.4em;
}
.deco-line::before,.deco-line::after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--line),transparent);
}
.deco-line span{
    color:var(--cinnabar);
    font-family:"STKaiti","KaiTi",serif;
    font-weight:700;
    font-size:16px;
    letter-spacing:0.3em;
}

/* 工具提示卡 */
.tool-card{
    background:var(--paper);
    border:1px solid var(--line);
    padding:14px 18px;
    margin-bottom:10px;
    position:relative;
}
.tool-card::before{
    content:"";
    position:absolute;
    left:0;top:14px;bottom:14px;
    width:3px;
    background:var(--gold);
}
.tool-card .name{
    font-family:"STKaiti","KaiTi",serif;
    font-weight:700;
    color:var(--ink);
    font-size:15px;
    margin-bottom:4px;
}
.tool-card .desc{
    font-size:12px;
    color:var(--ink-soft);
    line-height:1.7;
}