/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
--hjvztljb-ink:#191b20;
--hjvztljb-paper:#f7f3ec;
--hjvztljb-tint:#efe9df;
--hjvztljb-card:#fffdf9;
--hjvztljb-accent:#9c2b45;
--hjvztljb-jade:#2c6b64;
--hjvztljb-mute:#6e6b72;
--hjvztljb-line:rgba(25,27,32,.12);
--hjvztljb-r:18px;
--hjvztljb-sh:0 22px 44px -32px rgba(25,27,32,.5);
}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--hjvztljb-paper);color:var(--hjvztljb-ink);font:400 16px/1.75 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Songti SC","Noto Serif SC",Georgia,"SimSun",serif;font-weight:700;margin:0}
p{margin:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:2px solid var(--hjvztljb-accent);outline-offset:3px}
.hjvztljb-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}

/* 顶栏 */
.hjvztljb-head{position:sticky;top:0;z-index:40;background:rgba(247,243,236,.9);border-bottom:1px solid var(--hjvztljb-line);backdrop-filter:blur(14px)}
.hjvztljb-headin{display:flex;align-items:center;gap:1.4rem;min-height:70px}
.hjvztljb-brand{display:inline-flex;align-items:center;gap:.7rem;min-height:44px}
.hjvztljb-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#a1304b,#5d1a2b);color:#fff;display:grid;place-items:center;font-family:"Songti SC",serif;font-weight:700;font-size:1.06rem;box-shadow:0 12px 22px -14px rgba(156,43,69,.95)}
.hjvztljb-bname{font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-weight:700;font-size:1.08rem;letter-spacing:.07em;white-space:nowrap}
.hjvztljb-nav{margin-left:auto;display:flex;gap:.25rem;flex-wrap:wrap}
.hjvztljb-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .78rem;border-radius:999px;font-size:.94rem;color:#3d3b42;transition:background .2s,color .2s}
.hjvztljb-nav a:hover,.hjvztljb-nav a:focus-visible{background:#fff;color:var(--hjvztljb-accent)}

/* 首屏 */
.hjvztljb-hero{position:relative;background:#111318;color:#fdf8f0;overflow:hidden}
.hjvztljb-hero-bg{position:absolute;inset:0}
.hjvztljb-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.44}
.hjvztljb-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(13,14,18,.95),rgba(13,14,18,.58) 58%,rgba(13,14,18,.72))}
.hjvztljb-hero .hjvztljb-wrap{position:relative;z-index:1;padding-top:clamp(3rem,7vw,5.8rem);padding-bottom:clamp(3rem,7vw,5.8rem)}
.hjvztljb-kicker{font-size:.8rem;letter-spacing:.26em;color:#e4b8c4;margin-bottom:1rem}
.hjvztljb-h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.08;letter-spacing:.03em}
.hjvztljb-h1 span{color:#eaa8bb}
.hjvztljb-lead{max-width:60ch;margin-top:1.2rem;font-size:1rem;line-height:1.9;color:rgba(253,248,240,.82)}
.hjvztljb-acts{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.9rem}
.hjvztljb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.7rem;border-radius:999px;background:var(--hjvztljb-accent);color:#fff;font-size:.97rem;font-weight:600;box-shadow:0 16px 30px -20px rgba(156,43,69,1);transition:transform .2s,background .2s,box-shadow .2s}
.hjvztljb-btn:hover{transform:translateY(-2px);background:#8a2339}
.hjvztljb-btn-line{background:transparent;border:1px solid rgba(253,248,240,.46);color:#fdf8f0;box-shadow:none;font-weight:500}
.hjvztljb-btn-line:hover{background:rgba(253,248,240,.13);transform:translateY(-2px)}

/* 通用板块 */
.hjvztljb-sec{padding:clamp(2.6rem,5.6vw,4.6rem) 0}
.hjvztljb-sec--tint{background:var(--hjvztljb-tint)}
.hjvztljb-shead{max-width:48rem;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.hjvztljb-eye{display:inline-block;font-size:.75rem;letter-spacing:.24em;color:var(--hjvztljb-accent);margin-bottom:.65rem}
.hjvztljb-shead h2{font-size:clamp(1.45rem,3.4vw,2.05rem);line-height:1.35;letter-spacing:.02em}
.hjvztljb-shead p{margin-top:.7rem;color:var(--hjvztljb-mute);font-size:.94rem;line-height:1.85}

/* 速览 */
.hjvztljb-mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.hjvztljb-mgrid li{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:var(--hjvztljb-r);padding:1.2rem 1.25rem;box-shadow:var(--hjvztljb-sh)}
.hjvztljb-mgrid b{display:block;font-family:"Songti SC",serif;font-size:1.16rem;letter-spacing:.03em;margin-bottom:.4rem}
.hjvztljb-mgrid span{font-size:.86rem;color:var(--hjvztljb-mute);line-height:1.65}

/* 书目构成 */
.hjvztljb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.hjvztljb-item{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:var(--hjvztljb-r);padding:1.4rem 1.35rem;transition:transform .22s,box-shadow .22s}
.hjvztljb-item:hover{transform:translateY(-4px);box-shadow:0 26px 44px -32px rgba(25,27,32,.6)}
.hjvztljb-item b{display:block;font-family:"Songti SC",serif;font-size:1.08rem;margin-bottom:.5rem}
.hjvztljb-item p{font-size:.88rem;color:var(--hjvztljb-mute);line-height:1.8}
.hjvztljb-num{display:inline-block;font-size:.74rem;letter-spacing:.18em;color:var(--hjvztljb-jade);margin-bottom:.55rem}

/* 书卡 */
.hjvztljb-books{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}
.hjvztljb-bcard{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:var(--hjvztljb-r);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.hjvztljb-bcard:hover{transform:translateY(-5px);box-shadow:0 28px 48px -32px rgba(25,27,32,.62)}
.hjvztljb-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e5dfd4}
.hjvztljb-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.hjvztljb-bcard:hover .hjvztljb-cover img{transform:scale(1.06)}
.hjvztljb-tag{position:absolute;top:.7rem;left:.7rem;padding:.16rem .6rem;border-radius:999px;background:rgba(15,16,20,.74);color:#fff;font-size:.73rem;letter-spacing:.05em}
.hjvztljb-bbody{padding:1rem 1.1rem 1.2rem}
.hjvztljb-bbody h3{font-size:1.02rem;line-height:1.5}
.hjvztljb-bbody p{margin-top:.4rem;font-size:.84rem;color:var(--hjvztljb-mute);line-height:1.7}
.hjvztljb-kind{display:inline-block;margin-top:.75rem;font-size:.75rem;padding:.16rem .58rem;border-radius:6px;background:rgba(44,107,100,.13);color:var(--hjvztljb-jade)}

/* 分类 */
.hjvztljb-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.hjvztljb-cats li{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:14px;padding:1rem 1.15rem}
.hjvztljb-cats b{display:block;font-size:1rem;margin-bottom:.32rem}
.hjvztljb-cats span{font-size:.85rem;color:var(--hjvztljb-mute);line-height:1.7}

/* 新近上架 */
.hjvztljb-rows{display:grid;gap:.9rem}
.hjvztljb-row{display:grid;grid-template-columns:120px 1fr;gap:1.1rem;align-items:center;background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:16px;padding:.8rem;transition:transform .2s,border-color .2s}
.hjvztljb-row:hover{transform:translateX(5px);border-color:rgba(156,43,69,.4)}
.hjvztljb-thumb{display:block;width:120px;height:84px;border-radius:10px;overflow:hidden;background:#e5dfd4}
.hjvztljb-thumb img{width:100%;height:100%;object-fit:cover}
.hjvztljb-row h3{font-size:1rem;margin-bottom:.3rem}
.hjvztljb-row p{font-size:.85rem;color:var(--hjvztljb-mute);line-height:1.7}

/* 排行 */
.hjvztljb-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 2rem}
.hjvztljb-rank li{display:flex;align-items:center;gap:.8rem;padding:.72rem .1rem;border-bottom:1px dashed var(--hjvztljb-line)}
.hjvztljb-no{font-family:"Songti SC",serif;font-size:1.1rem;color:var(--hjvztljb-accent);min-width:1.9rem}
.hjvztljb-rank b{font-size:.97rem;font-weight:600}
.hjvztljb-tg{font-style:normal;font-size:.74rem;padding:.1rem .48rem;border-radius:5px;background:rgba(25,27,32,.06);color:#54525a;white-space:nowrap}
.hjvztljb-heat{margin-left:auto;font-size:.77rem;color:var(--hjvztljb-mute);white-space:nowrap}

/* 专题 */
.hjvztljb-themes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.hjvztljb-theme{position:relative;display:flex;align-items:flex-end;min-height:230px;border-radius:20px;overflow:hidden;color:#fff}
.hjvztljb-theme img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hjvztljb-theme::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,17,.9),rgba(12,13,17,.12))}
.hjvztljb-theme div{position:relative;z-index:1;padding:1.35rem 1.45rem}
.hjvztljb-theme b{display:block;font-family:"Songti SC",serif;font-size:1.16rem;margin-bottom:.4rem}
.hjvztljb-theme p{font-size:.86rem;color:rgba(255,255,255,.8);line-height:1.72}

/* 对照 */
.hjvztljb-cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.hjvztljb-cmp article{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:18px;padding:1.5rem 1.55rem}
.hjvztljb-cmp b{display:block;font-family:"Songti SC",serif;font-size:1.1rem;margin-bottom:.5rem}
.hjvztljb-cmp p{font-size:.88rem;color:var(--hjvztljb-mute);line-height:1.85}
.hjvztljb-cmp span{display:block;margin-top:.9rem;font-size:.78rem;color:var(--hjvztljb-jade);letter-spacing:.04em}

/* 里程碑 */
.hjvztljb-track{position:relative;display:grid;gap:1.4rem;padding-left:.2rem}
.hjvztljb-track::before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:2px;background:var(--hjvztljb-line)}
.hjvztljb-track li{position:relative;padding-left:2.5rem}
.hjvztljb-track li::before{content:"";position:absolute;left:3px;top:.55rem;width:16px;height:16px;border-radius:50%;background:var(--hjvztljb-accent);border:3px solid var(--hjvztljb-paper);box-shadow:0 0 0 1px var(--hjvztljb-accent)}
.hjvztljb-track b{display:block;font-family:"Songti SC",serif;font-size:1.02rem;margin-bottom:.25rem}
.hjvztljb-track p{font-size:.87rem;color:var(--hjvztljb-mute);line-height:1.8}

/* 资讯 */
.hjvztljb-news{display:grid;gap:.85rem}
.hjvztljb-news li{display:flex;gap:1rem;align-items:baseline;background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:14px;padding:.9rem 1.15rem}
.hjvztljb-when{flex:none;font-size:.78rem;color:var(--hjvztljb-accent);white-space:nowrap;letter-spacing:.05em}
.hjvztljb-news p{font-size:.9rem;line-height:1.75}

/* 口碑 */
.hjvztljb-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.hjvztljb-voices li{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:18px;padding:1.2rem 1.3rem;font-size:.9rem;line-height:1.8}
.hjvztljb-voices b{display:block;margin-top:.85rem;font-size:.79rem;font-weight:500;color:var(--hjvztljb-mute)}

/* 保障 */
.hjvztljb-guard{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.hjvztljb-guard li{border-top:2px solid var(--hjvztljb-accent);padding-top:1rem}
.hjvztljb-guard b{display:block;font-family:"Songti SC",serif;font-size:1rem;margin-bottom:.4rem}
.hjvztljb-guard p{font-size:.85rem;color:var(--hjvztljb-mute);line-height:1.75}

/* 问答 */
.hjvztljb-faq{display:grid;gap:1rem;max-width:54rem}
.hjvztljb-faq article{background:var(--hjvztljb-card);border:1px solid var(--hjvztljb-line);border-radius:14px;padding:1.15rem 1.3rem}
.hjvztljb-faq b{display:block;font-size:.99rem;margin-bottom:.45rem}
.hjvztljb-faq p{font-size:.88rem;color:var(--hjvztljb-mute);line-height:1.85}

/* 页脚 */
.hjvztljb-foot{background:#14161b;color:#c9c4bc;padding-top:clamp(2.4rem,5vw,3.6rem)}
.hjvztljb-fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:2rem}
.hjvztljb-fgrid h3{font-size:.95rem;color:#fdf8f0;margin-bottom:.9rem;letter-spacing:.06em}
.hjvztljb-fgrid p{font-size:.86rem;line-height:1.85;color:#a8a39c}
.hjvztljb-fgrid li{margin-bottom:.55rem;font-size:.86rem}
.hjvztljb-fgrid a{display:inline-flex;align-items:center;min-height:32px;color:#c9c4bc;transition:color .2s}
.hjvztljb-fgrid a:hover{color:#eaa8bb}
.hjvztljb-fbrand{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:.9rem;color:#fdf8f0;font-family:"Songti SC",serif;font-size:1.02rem;letter-spacing:.06em}
.hjvztljb-fmark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#a1304b,#5d1a2b);display:grid;place-items:center;font-size:.95rem;color:#fff}
.hjvztljb-copy{margin-top:2.2rem;border-top:1px solid rgba(255,255,255,.1);padding:1.1rem 0;font-size:.8rem;color:#8c8880;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:space-between}

@media (max-width:1024px){
.hjvztljb-mgrid{grid-template-columns:repeat(2,1fr)}
.hjvztljb-grid3{grid-template-columns:repeat(2,1fr)}
.hjvztljb-books{grid-template-columns:repeat(2,1fr)}
.hjvztljb-voices{grid-template-columns:repeat(2,1fr)}
.hjvztljb-guard{grid-template-columns:repeat(2,1fr)}
.hjvztljb-fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
.hjvztljb-headin{flex-wrap:wrap;padding-top:.6rem;padding-bottom:.6rem;gap:.4rem}
.hjvztljb-nav{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem}
.hjvztljb-nav a{white-space:nowrap;padding:0 .7rem;font-size:.9rem}
.hjvztljb-cats{grid-template-columns:1fr}
.hjvztljb-rank{grid-template-columns:1fr}
.hjvztljb-themes{grid-template-columns:1fr}
.hjvztljb-cmp{grid-template-columns:1fr}
.hjvztljb-voices{grid-template-columns:1fr}
.hjvztljb-guard{grid-template-columns:1fr}
.hjvztljb-fgrid{grid-template-columns:1fr;gap:1.6rem}
.hjvztljb-copy{flex-direction:column;gap:.4rem}
}
@media (max-width:520px){
.hjvztljb-bname{font-size:1rem}
.hjvztljb-grid3{grid-template-columns:1fr}
.hjvztljb-row{grid-template-columns:88px 1fr;gap:.85rem}
.hjvztljb-thumb{width:88px;height:66px}
.hjvztljb-heat{display:none}
.hjvztljb-acts{flex-direction:column;align-items:stretch}
.hjvztljb-btn{width:100%}
.hjvztljb-bbody h3{font-size:.96rem}
}