/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
--zhu:#95323f;
--fu:#b0894f;
--di:#f7f3ec;
--bai:#fffdfa;
--zi:#241d19;
--ruo:#7b7168;
--bian:#e4dbcf;
--yuan:14px;
--ying:0 14px 34px rgba(36,29,25,.10);
--ju:76px;
}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
font-size:16px;line-height:1.75;color:var(--zi);background:var(--di);
-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:700}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input{font:inherit;color:inherit}
section[id]{scroll-margin-top:84px}

.payeevh-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* 顶栏 */
.payeevh-head{position:sticky;top:0;z-index:60;background:rgba(247,243,236,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--bian)}
.payeevh-head-in{display:flex;align-items:center;gap:18px;height:70px}
.payeevh-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.payeevh-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,#a63c49,#6f2029);color:#fff;font-family:Georgia,"Songti SC",serif;font-size:19px}
.payeevh-name{font-family:Georgia,"Songti SC","Noto Serif SC",serif;font-size:19px;font-weight:700;letter-spacing:1.5px}
.payeevh-nav{margin-left:auto;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.payeevh-nav::-webkit-scrollbar{display:none}
.payeevh-nav a{display:block;padding:11px 15px;border-radius:999px;font-size:15px;color:var(--ruo);white-space:nowrap;transition:color .22s,background .22s}
.payeevh-nav a:hover{color:var(--zhu);background:#efe6d9}
.payeevh-nav a.is-on{color:#fff;background:var(--zhu)}

/* 首屏 */
.payeevh-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(540px,86vh,760px);color:#fdf9f3;overflow:hidden}
.payeevh-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.payeevh-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(24,17,13,.9) 0%,rgba(24,17,13,.66) 46%,rgba(24,17,13,.28) 100%)}
.payeevh-hero-in{padding:104px 0;max-width:660px}
.payeevh-eyebrow{display:inline-block;font-size:14px;letter-spacing:3px;color:#e7c9a4;border:1px solid rgba(231,201,164,.55);border-radius:999px;padding:6px 16px}
.payeevh-hero h1{font-family:Georgia,"Songti SC","Noto Serif SC",serif;font-size:clamp(40px,7vw,74px);line-height:1.08;letter-spacing:3px;margin:22px 0 14px}
.payeevh-hero-lead{font-size:17px;color:#e2caa9;letter-spacing:2px;margin-bottom:18px}
.payeevh-hero-p{font-size:15.5px;line-height:1.95;color:rgba(253,249,243,.84);max-width:560px;margin-bottom:30px}
.payeevh-acts{display:flex;flex-wrap:wrap;gap:14px}
.payeevh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;font-size:15px;border:1px solid transparent;transition:.25s}
.payeevh-btn-main{background:var(--zhu);color:#fff}
.payeevh-btn-main:hover{background:#7c2733}
.payeevh-btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.payeevh-btn-ghost:hover{background:rgba(255,255,255,.14)}
.payeevh-btn:focus-visible{outline:3px solid rgba(227,184,120,.75);outline-offset:3px}

/* 通用板块 */
.payeevh-sec{padding:var(--ju) 0}
.payeevh-alt{background:var(--bai);border-top:1px solid var(--bian);border-bottom:1px solid var(--bian)}
.payeevh-h2{font-family:Georgia,"Songti SC","Noto Serif SC",serif;font-size:clamp(25px,3.4vw,34px);letter-spacing:1.5px;margin-bottom:14px}
.payeevh-h2 span{color:var(--zhu)}
.payeevh-desc{max-width:700px;color:var(--ruo);font-size:15.5px;line-height:1.95;margin-bottom:36px}

/* 图文分栏 */
.payeevh-split{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
.payeevh-split-rev{grid-template-columns:.88fr 1.12fr}
.payeevh-figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--ying);background:#ece4d8}
.payeevh-figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.payeevh-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.payeevh-tag{display:inline-block;padding:7px 16px;border-radius:999px;background:#efe6d9;color:#7e4230;font-size:14px;border:1px solid #e2d5c4}

/* 卡片 */
.payeevh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.payeevh-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bian);border-radius:var(--yuan);overflow:hidden;transition:transform .28s,box-shadow .28s,border-color .28s}
.payeevh-card:hover{transform:translateY(-4px);box-shadow:var(--ying);border-color:#d9cdbd}
.payeevh-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#ece4d8}
.payeevh-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.payeevh-card:hover .payeevh-thumb img{transform:scale(1.05)}
.payeevh-badge{position:absolute;top:10px;left:10px;background:rgba(149,50,63,.92);color:#fff;font-size:12.5px;padding:4px 11px;border-radius:999px;letter-spacing:.5px}
.payeevh-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.payeevh-title{font-size:17px;color:var(--zi)}
.payeevh-text{font-size:14.5px;line-height:1.85;color:var(--ruo)}

/* 看点列表 */
.payeevh-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:0 42px;border-top:1px solid var(--bian)}
.payeevh-steps li{display:flex;gap:16px;padding:22px 2px;border-bottom:1px solid var(--bian)}
.payeevh-num{font-family:Georgia,serif;font-size:19px;color:var(--fu);line-height:1.5;min-width:34px}
.payeevh-steps h3{font-size:16px;margin-bottom:6px}
.payeevh-steps p{font-size:14.5px;line-height:1.85;color:var(--ruo)}

/* 剧照 */
.payeevh-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.payeevh-gallery figure{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:#ece4d8}
.payeevh-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.payeevh-gallery figure:hover img{transform:scale(1.06)}
.payeevh-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 12px;color:#fff;font-size:14px;background:linear-gradient(transparent,rgba(20,15,12,.8))}

/* 三栏文本 */
.payeevh-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.payeevh-item{padding:28px 26px;background:#fff;border:1px solid var(--bian);border-radius:var(--yuan);transition:box-shadow .28s}
.payeevh-item:hover{box-shadow:var(--ying)}
.payeevh-item h3{font-size:17px;margin-bottom:10px;color:var(--zhu)}
.payeevh-item p{font-size:14.5px;line-height:1.9;color:var(--ruo)}

/* 口碑 */
.payeevh-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.payeevh-quote{margin:0;padding:26px 26px 24px;background:#fff;border:1px solid var(--bian);border-left:3px solid var(--fu);border-radius:var(--yuan)}
.payeevh-quote p{font-size:15px;line-height:1.9;color:#463b34}
.payeevh-quote cite{display:block;margin-top:14px;font-style:normal;font-size:14px;color:var(--ruo)}

/* 幕后小列表 */
.payeevh-mini{margin-top:22px;display:grid;gap:12px}
.payeevh-mini li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.85;color:var(--ruo)}
.payeevh-mini li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--fu)}

/* 动态 */
.payeevh-news{border-top:1px solid var(--bian)}
.payeevh-news li{display:grid;grid-template-columns:104px 1fr;gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid var(--bian)}
.payeevh-when{display:inline-block;font-size:14px;color:var(--zhu);background:#f3e7db;border-radius:999px;padding:5px 12px;text-align:center}
.payeevh-news h3{font-size:16px;margin-bottom:6px}
.payeevh-news p{font-size:14.5px;line-height:1.85;color:var(--ruo)}

/* 问答 */
.payeevh-faq{display:grid;gap:14px;max-width:880px}
.payeevh-faq details{background:#fff;border:1px solid var(--bian);border-radius:var(--yuan);padding:18px 22px;transition:box-shadow .25s}
.payeevh-faq details:hover{box-shadow:var(--ying)}
.payeevh-faq summary{cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;position:relative;padding-right:26px}
.payeevh-faq summary::-webkit-details-marker{display:none}
.payeevh-faq summary::after{content:"+";position:absolute;right:0;top:-2px;color:var(--fu);font-size:20px;line-height:1}
.payeevh-faq details[open] summary::after{content:"−"}
.payeevh-faq p{margin-top:12px;font-size:14.5px;line-height:1.9;color:var(--ruo)}

/* 页脚 */
.payeevh-foot{background:#1e1815;color:#b9aca1;padding:64px 0 0}
.payeevh-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:44px}
.payeevh-foot-brand{font-family:Georgia,"Songti SC",serif;font-size:19px;color:#f3ebe1;letter-spacing:1.5px;margin-bottom:12px}
.payeevh-foot p{font-size:14px;line-height:1.9}
.payeevh-foot h4{color:#f3ebe1;font-size:15px;margin-bottom:16px;letter-spacing:1px}
.payeevh-foot li{margin-bottom:10px;font-size:14px}
.payeevh-foot a{transition:color .22s}
.payeevh-foot a:hover{color:#e3b878}
.payeevh-copy{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;font-size:14px;color:#8d8178;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* 响应式 */
@media(max-width:1024px){
.payeevh-cards{grid-template-columns:repeat(2,1fr)}
.payeevh-gallery{grid-template-columns:repeat(2,1fr)}
.payeevh-split,.payeevh-split-rev{grid-template-columns:1fr;gap:30px}
.payeevh-cols3{grid-template-columns:repeat(2,1fr)}
.payeevh-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
:root{--ju:56px}
.payeevh-head-in{height:64px;gap:12px}
.payeevh-name{font-size:17px}
.payeevh-nav a{padding:10px 12px;font-size:14px}
.payeevh-hero{min-height:0}
.payeevh-hero-in{padding:76px 0}
.payeevh-hero-p{font-size:15px}
.payeevh-steps{grid-template-columns:1fr}
.payeevh-quotes{grid-template-columns:1fr}
.payeevh-cols3{grid-template-columns:1fr}
.payeevh-news li{grid-template-columns:1fr;gap:8px}
.payeevh-when{justify-self:start}
}
@media(max-width:520px){
.payeevh-wrap{width:calc(100% - 28px)}
.payeevh-mark{width:34px;height:34px;font-size:16px;border-radius:9px}
.payeevh-name{font-size:15px;letter-spacing:.5px}
.payeevh-nav a{padding:9px 10px;font-size:14px}
.payeevh-hero h1{letter-spacing:1px}
.payeevh-hero-lead{font-size:15px;letter-spacing:1px}
.payeevh-cards{grid-template-columns:1fr}
.payeevh-gallery{grid-template-columns:1fr}
.payeevh-foot-grid{grid-template-columns:1fr;gap:26px}
.payeevh-acts{gap:12px}
.payeevh-btn{width:100%}
}