/* roulang page: index */
:root{
  --ink:#0f2019;
  --paper:#f5f8f4;
  --brand:#0e6b43;
  --lemon:#d9f24d;
  --muted:#5f7168;
  --line:#dce6de;
  --card:#ffffff;
  --r:16px;
  --rs:11px;
  --sh:0 12px 32px rgba(15,32,25,.09);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;}
h1,h2,h3,p,ul,ol{margin:0;padding:0;}
ul,ol{list-style:none;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font:inherit;}
.pvlkbc-wrap{width:min(1180px,92%);margin:0 auto;}
section[id]{scroll-margin-top:86px;}

/* 顶栏 */
.pvlkbc-hd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.pvlkbc-hd-in{display:flex;align-items:center;gap:16px;min-height:66px;}
.pvlkbc-logo{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;letter-spacing:.01em;flex:none;}
.pvlkbc-logo i{width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--lemon);display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:800;}
.pvlkbc-nav{display:flex;gap:2px;margin-left:auto;}
.pvlkbc-nav a{padding:0 13px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;font-size:14px;color:#3a4a42;transition:background .2s,color .2s;}
.pvlkbc-nav a:hover{background:#ecf4ee;color:var(--brand);}
.pvlkbc-hbtn{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;transition:background .2s;}
.pvlkbc-hbtn:hover{background:var(--brand);}
.pvlkbc-logo:focus-visible,.pvlkbc-hbtn:focus-visible,.pvlkbc-nav a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;}

/* 首屏 */
.pvlkbc-hero{position:relative;background:linear-gradient(165deg,rgba(6,28,20,.92),rgba(9,52,35,.86)),url(/assets/images/backpic/back-1.webp) center/cover no-repeat;color:#fff;padding:72px 0 64px;text-align:center;}
.pvlkbc-hero h1{font-size:clamp(27px,4.4vw,44px);line-height:1.22;font-weight:800;letter-spacing:.01em;}
.pvlkbc-hero h1 span{color:var(--lemon);}
.pvlkbc-hero-sub{margin-top:12px;font-size:15px;letter-spacing:.16em;color:#bfe0cd;}
.pvlkbc-hero-txt{max-width:780px;margin:18px auto 26px;font-size:15px;line-height:1.9;color:#d3e4d9;}
.pvlkbc-search{display:flex;gap:8px;max-width:580px;margin:0 auto;background:#fff;padding:8px;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.18);}
.pvlkbc-search input{flex:1;border:0;outline:0;background:transparent;padding:0 16px;font-size:15px;color:#0f2019;min-height:44px;border-radius:999px;}
.pvlkbc-search input::placeholder{color:#8a9a91;}
.pvlkbc-search button{border:0;cursor:pointer;background:var(--brand);color:#fff;font-size:15px;font-weight:600;padding:0 22px;min-height:44px;border-radius:999px;transition:background .2s;}
.pvlkbc-search button:hover{background:#0a5434;}
.pvlkbc-search button:focus-visible{outline:2px solid var(--lemon);outline-offset:2px;}
.pvlkbc-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;}
.pvlkbc-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:14px;color:#dcece2;transition:background .2s,border-color .2s,color .2s;}
.pvlkbc-chips a:hover{background:rgba(217,242,77,.16);border-color:var(--lemon);color:#fff;}

/* 区块通用 */
.pvlkbc-sec{padding:60px 0;}
.pvlkbc-tint{background:#eef4ee;}
.pvlkbc-head{max-width:760px;margin-bottom:32px;}
.pvlkbc-head h2{font-size:clamp(21px,2.5vw,28px);line-height:1.35;font-weight:800;margin-bottom:10px;}
.pvlkbc-head p{font-size:14px;line-height:1.85;color:var(--muted);}
.pvlkbc-grid{display:grid;gap:18px;}
.pvlkbc-g4{grid-template-columns:repeat(4,1fr);}
.pvlkbc-g3{grid-template-columns:repeat(3,1fr);}

/* 卡片 */
.pvlkbc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column;}
.pvlkbc-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:#c6dbc9;}
.pvlkbc-poster{position:relative;aspect-ratio:16/10;background:#123629;overflow:hidden;}
.pvlkbc-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.pvlkbc-card:hover .pvlkbc-poster img{transform:scale(1.04);}
.pvlkbc-badge{position:absolute;left:10px;top:10px;background:rgba(8,32,22,.8);color:#eaf7ee;font-size:13px;padding:3px 10px;border-radius:999px;}
.pvlkbc-cb{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px;}
.pvlkbc-cb h3{font-size:16px;line-height:1.45;font-weight:700;}
.pvlkbc-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);}
.pvlkbc-meta span{background:#eef4ee;padding:2px 9px;border-radius:6px;}
.pvlkbc-cb p{font-size:14px;line-height:1.7;color:#4d5f56;}

/* 问题陈述 */
.pvlkbc-pain{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);}
.pvlkbc-pain li{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--rs);padding:18px 20px;}
.pvlkbc-pain h3{font-size:15.5px;margin-bottom:6px;}
.pvlkbc-pain p{font-size:14px;color:#4d5f56;line-height:1.75;}

/* 分类频道 */
.pvlkbc-cats{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
.pvlkbc-cats li{background:#fff;border:1px solid var(--line);border-radius:var(--rs);padding:18px;}
.pvlkbc-cats h3{font-size:15.5px;color:var(--brand);margin-bottom:6px;}
.pvlkbc-cats p{font-size:14px;color:#4d5f56;line-height:1.75;}

/* 时间线 */
.pvlkbc-line{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
.pvlkbc-line li{background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:var(--rs);padding:20px;}
.pvlkbc-line h3{font-size:15.5px;margin-bottom:8px;}
.pvlkbc-line p{font-size:14px;color:#4d5f56;line-height:1.75;}

/* 特性 */
.pvlkbc-feat{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
.pvlkbc-feat li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;}
.pvlkbc-feat h3{font-size:16px;margin-bottom:8px;color:var(--brand);}
.pvlkbc-feat p{font-size:14px;color:#4d5f56;line-height:1.75;}

/* 关注榜 */
.pvlkbc-rank{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);}
.pvlkbc-rank li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--rs);padding:12px 16px;}
.pvlkbc-rank b{width:28px;height:28px;flex:none;border-radius:8px;background:#eef4ee;color:var(--brand);display:grid;place-items:center;font-size:14px;font-weight:700;}
.pvlkbc-rank li:nth-child(-n+3) b{background:var(--brand);color:var(--lemon);}
.pvlkbc-rank span{font-size:14.5px;font-weight:600;flex:none;}
.pvlkbc-rank em{font-style:normal;font-size:14px;color:var(--muted);margin-left:auto;text-align:right;}

/* 资讯 */
.pvlkbc-news{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);}
.pvlkbc-news li{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--rs);padding:12px;transition:border-color .2s,box-shadow .2s;}
.pvlkbc-news li:hover{border-color:#c6dbc9;box-shadow:var(--sh);}
.pvlkbc-thumb{width:104px;height:74px;flex:none;border-radius:9px;overflow:hidden;background:#123629;}
.pvlkbc-thumb img{width:100%;height:100%;object-fit:cover;}
.pvlkbc-news-t h3{font-size:14.5px;line-height:1.5;margin-bottom:4px;}
.pvlkbc-news-t span{font-size:14px;color:var(--muted);}

/* 问答 */
.pvlkbc-faq{background:#fff;border:1px solid var(--line);border-radius:var(--rs);padding:0 18px;margin-bottom:12px;}
.pvlkbc-faq summary{display:flex;align-items:center;gap:10px;min-height:56px;cursor:pointer;font-size:15px;font-weight:600;list-style:none;}
.pvlkbc-faq summary::-webkit-details-marker{display:none;}
.pvlkbc-faq summary:after{content:"+";margin-left:auto;color:var(--brand);font-size:19px;line-height:1;}
.pvlkbc-faq[open] summary:after{content:"–";}
.pvlkbc-faq p{padding:0 0 18px;font-size:14px;line-height:1.8;color:#4d5f56;}

/* 收口 */
.pvlkbc-end{background:linear-gradient(150deg,rgba(7,32,22,.94),rgba(12,64,42,.88)),url(/assets/images/backpic/back-2.webp) center/cover no-repeat;color:#fff;padding:64px 0;}
.pvlkbc-end-in{max-width:720px;}
.pvlkbc-end h2{font-size:clamp(22px,2.8vw,30px);margin-bottom:14px;}
.pvlkbc-end p{font-size:15px;line-height:1.85;color:#cfe2d6;margin-bottom:24px;}
.pvlkbc-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--lemon);color:#12301f;font-weight:700;font-size:15px;transition:transform .2s,background .2s;}
.pvlkbc-btn:hover{transform:translateY(-2px);background:#e6fa6a;}
.pvlkbc-btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* 页脚 */
.pvlkbc-ft{background:#0c2419;color:#a9c3b4;padding:52px 0 20px;}
.pvlkbc-ft-in{display:grid;gap:28px;grid-template-columns:1.4fr 1fr 1fr 1.2fr;}
.pvlkbc-ft .pvlkbc-logo{color:#fff;margin-bottom:12px;}
.pvlkbc-ft p{font-size:14px;line-height:1.8;color:#93ae9f;}
.pvlkbc-ft h3{font-size:14.5px;color:#fff;margin-bottom:12px;font-weight:700;}
.pvlkbc-ft-col a{display:block;font-size:14px;padding:6px 0;color:#a9c3b4;transition:color .2s;}
.pvlkbc-ft-col a:hover{color:var(--lemon);}
.pvlkbc-copy{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#7f9a8b;}

@media (max-width:1024px){
  .pvlkbc-g4{grid-template-columns:repeat(2,1fr);}
  .pvlkbc-g3,.pvlkbc-cats,.pvlkbc-line,.pvlkbc-feat{grid-template-columns:repeat(2,1fr);}
  .pvlkbc-ft-in{grid-template-columns:1fr 1fr;}
  .pvlkbc-hbtn{display:none;}
}
@media (max-width:768px){
  .pvlkbc-sec{padding:48px 0;}
  .pvlkbc-hero{padding:56px 0 50px;}
  .pvlkbc-pain,.pvlkbc-news,.pvlkbc-rank{grid-template-columns:1fr;}
  .pvlkbc-hd-in{flex-wrap:wrap;min-height:0;padding:10px 0 8px;row-gap:4px;}
  .pvlkbc-nav{width:100%;margin-left:0;overflow-x:auto;}
  .pvlkbc-nav::-webkit-scrollbar{display:none;}
  .pvlkbc-nav a{white-space:nowrap;padding:0 11px;}
}
@media (max-width:520px){
  .pvlkbc-g4,.pvlkbc-g3,.pvlkbc-cats,.pvlkbc-line,.pvlkbc-feat,.pvlkbc-ft-in{grid-template-columns:1fr;}
  .pvlkbc-search{flex-direction:column;border-radius:20px;padding:10px;gap:10px;}
  .pvlkbc-search input{min-height:44px;text-align:center;width:100%;}
  .pvlkbc-search button{width:100%;}
  .pvlkbc-hero-sub{letter-spacing:.08em;}
  .pvlkbc-end{padding:52px 0;}
}