/* =========================================================
   Peripatos · 诗雨模块专属样式
   poetry.css
========================================================= */


/* =========================================================
   0. 模块统一盒模型
========================================================= */

.poetry-viewport *,
.poetry-list-page *,
.poem-card *,
.poem-grid-card * {

    box-sizing: border-box;

}



/* =========================================================
   1. 诗雨详情页
========================================================= */


.poetry-viewport {

    max-width:760px;

    margin:20px auto;

    padding:0 15px;

}



.poetry-back-btn {

    display:inline-block;

    margin-bottom:15px;

    color:#666;

    font-size:0.9rem;

}


.poetry-back-btn:hover {

    color:#1e3d59;

}




/* 稿纸容器 */

.poem-card {

    background-color:#fafafa;


    background-image:

        linear-gradient(#e5f0f5 1px, transparent 1px),

        linear-gradient(90deg,#e5f0f5 1px,transparent 1px);


    background-size:24px 24px;

    background-position:-1px -1px;


    padding:40px 45px;


    border-radius:8px;


    box-shadow:0 4px 16px rgba(0,0,0,0.04);


    border:1px solid #eaeaea;

}




/* 标题 */

.poem-card-title {

    font-size:1.4rem;

    font-weight:600;

    color:#1a1a1a;


    padding-left:10px;


    border-left:4px solid #1e3d59;


    margin-bottom:20px;

}





/* 图片 */

.poem-cover {

    width:100%;

    margin:20px 0 25px 0;

    text-align:center;

}



.poem-cover img {

    display:block;

    width:100%;

    max-width:100%;

    height:auto;


    border-radius:4px;


    box-shadow:0 3px 10px rgba(0,0,0,0.08);

}






/* 正文 */

.poem-body {

    font-size:1.05rem;

    line-height:2.2;


    color:#2b2b2b;


    font-family:"Noto Serif SC","STSong",serif;


    letter-spacing:0.04em;

}



.poem-body p {

    margin-bottom:1.2em;

}





/* 来源 */

.poem-source {

    margin-top:30px;

    padding-top:15px;


    border-top:1px dashed #e5e5e5;


    font-size:0.8rem;


    color:#999;


    text-align:right;


    overflow-wrap:anywhere;

    word-break:break-word;

}



.poem-source a {

    color:#888;

    text-decoration:underline;

}



.poem-source a:hover {

    color:#1e3d59;

}







/* 翻页 */

.poem-navigation {

    display:flex;

    justify-content:space-between;


    margin-top:25px;


    margin-bottom:60px;

}



.poem-nav-btn {

    padding:8px 16px;


    background:#ffffff;


    border:1px solid #dcdcdc;


    border-radius:20px;


    color:#444;


    font-size:0.88rem;

}



.poem-nav-btn.disabled {

    color:#ccc;


    background:#f5f5f5;


    border-color:#eee;

}







/* =========================================================
   2. 诗雨列表页
========================================================= */



.poetry-list-page {

    max-width:1200px;

    width:100%;


    margin:30px auto;


    padding:0 20px;

}





/* 面包屑 */

.poetry-list-page .breadcrumb {

    text-align:left;


    margin-bottom:20px;


    padding-bottom:12px;


    border-bottom:1px solid #eaeaea;


    color:#888;


    font-size:0.9rem;


    white-space:nowrap;

}






/* 网格 */

.poetry-grid {

    display:grid;


    grid-template-columns:repeat(auto-fill,340px);


    gap:30px;


    margin-top:20px;


    width:100%;


    justify-content:start;

}





/* 卡片 */

.poem-grid-card {

    background:#ffffff;


    border:1px solid #e8e8e8;


    border-radius:8px;


    overflow:hidden;


    text-decoration:none;


    transition:

        transform .2s ease,

        box-shadow .2s ease;


    display:flex;


    flex-direction:column;

}



.poem-grid-card:hover {


    transform:translateY(-3px);


    box-shadow:0 8px 20px rgba(0,0,0,0.06);


    border-color:#1e3d59;

}





/* 缩略图 */

.poem-grid-cover {

    width:100%;


    height:160px;


    overflow:hidden;


    background:#f5f5f5;

}



.poem-grid-cover img {

    width:100%;


    height:100%;


    object-fit:cover;


    transition:transform .3s ease;

}



.poem-grid-card:hover .poem-grid-cover img {

    transform:scale(1.04);

}





/* 卡片文字 */

.poem-grid-info {

    padding:18px 20px;


    flex:1;


    display:flex;


    flex-direction:column;


    justify-content:space-between;

}



.poem-grid-title {

    margin:0 0 10px 0;


    font-size:1.15rem;


    color:#1e3d59;


    font-weight:600;


    border-left:3px solid #1e3d59;


    padding-left:8px;

}



.poem-grid-meta {

    font-size:0.85rem;


    color:#777;


    display:flex;


    gap:10px;

}




/* 空状态 */

.poetry-empty {

    grid-column:1/-1;


    text-align:center;


    color:#999;


    padding:60px 0;

}





/* 查看全部 */

.poetry-more-container {

    text-align:center;


    margin-top:40px;


    margin-bottom:20px;

}



.poetry-more-btn {

    display:inline-block;


    padding:10px 24px;


    background:#1e3d59;


    color:white;


    border-radius:4px;


    font-size:.92rem;

}







/* =========================================================
   3. 手机端适配
========================================================= */



@media(max-width:768px){



    .poetry-viewport {

        width:100%;

        padding:0 12px;

        box-sizing:border-box;

    }



    .poem-card {

        width:100%;

        padding:22px 18px;

        box-sizing:border-box;

    }





    /* 手机端来源 */

    .poem-source {

        text-align:left;

        line-height:1.8;

    }



    /* 手机端长链接省略 */

    .poem-source a {

        display:inline-block;

        max-width:100%;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        vertical-align:bottom;

    }





    /* 列表页 */

    .poetry-list-page {

        margin:15px auto;

        padding:0 12px;

    }



    .poetry-list-page .breadcrumb {

        text-align:left;

        padding-left:5px;

        margin-bottom:10px;

        padding-bottom:8px;

        white-space:nowrap;

    }



    .poetry-grid {

        grid-template-columns:1fr;

        max-width:360px;

        margin:10px auto 0 auto;

        gap:20px;

    }



}