/* roulang page: index */
:root{
--ink:#2f2a27;
--dim:#6e625b;
--line:#e8dcd4;
--rose:#b2605a;
--rose2:#8d473f;
--sand:#fbf7f3;
--card:#ffffff;
--r1:20px;
--r2:14px;
--r3:10px;
--sh:0 12px 30px rgba(88,55,42,.09);
--gap:clamp(36px,6vw,68px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font:15px/1.78 system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
img{max-width:100%;display:block}
button{font:inherit}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.dtswvq-wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
@media(min-width:768px){.dtswvq-wrap{padding:0 24px}}

/* 顶栏 */
.dtswvq-head{position:sticky;top:0;z-index:50;background:rgba(251,247,243,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.dtswvq-headbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 16px}
@media(min-width:768px){.dtswvq-headbar{padding:10px 24px;flex-wrap:nowrap;gap:22px}}
.dtswvq-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:.3px}
.dtswvq-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--rose),#d79b87);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}
.dtswvq-nav{order:3;width:100%;overflow-x:auto}
.dtswvq-nav ul{display:flex;gap:16px;white-space:nowrap;padding-bottom:4px}
.dtswvq-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-size:14px;color:var(--dim);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.dtswvq-nav a:hover{color:var(--rose);border-bottom-color:var(--rose)}
@media(min-width:768px){
.dtswvq-nav{order:0;width:auto;overflow:visible;margin-left:auto}
.dtswvq-nav ul{gap:24px;padding-bottom:0}
.dtswvq-nav a{font-size:14.5px}
}
.dtswvq-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--rose);color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.dtswvq-cta:hover{background:var(--rose2);transform:translateY(-1px)}

/* 首屏 */
.dtswvq-hero{position:relative;padding:58px 0 54px;text-align:center;color:#fff;background-image:linear-gradient(rgba(44,25,21,.66),rgba(44,25,21,.78)),url(/assets/images/backpic/back-1.webp);background-size:cover;background-position:center}
@media(min-width:768px){.dtswvq-hero{padding:84px 0 76px}}
.dtswvq-heroin{max-width:780px;margin:0 auto}
.dtswvq-kicker{font-size:13.5px;letter-spacing:2px;color:#f0d8cf;margin-bottom:12px}
.dtswvq-h1{font-size:clamp(30px,7vw,52px);line-height:1.24;letter-spacing:1px;font-weight:700}
.dtswvq-lede{margin:16px auto 0;max-width:640px;font-size:15px;line-height:1.9;color:#f2e6e0}
@media(min-width:768px){.dtswvq-lede{font-size:16px}}
.dtswvq-search{display:flex;gap:6px;align-items:center;max-width:540px;margin:24px auto 14px;padding:6px;background:#fff;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.dtswvq-search input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;padding:0 14px;font-size:15px;color:var(--ink);border-radius:999px}
.dtswvq-search input::placeholder{color:#a3968d}
.dtswvq-sbtn{flex:none;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--rose);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}
.dtswvq-sbtn:hover{background:var(--rose2)}
.dtswvq-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dtswvq-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.14);color:#fff;font-size:13.5px;text-decoration:none;transition:background .2s}
.dtswvq-chip:hover{background:rgba(255,255,255,.28)}

/* 板块通用 */
.dtswvq-sec{padding:var(--gap) 0}
.dtswvq-alt{background:var(--card)}
.dtswvq-shead{margin-bottom:26px;max-width:760px}
.dtswvq-h2{font-size:clamp(21px,3.4vw,28px);line-height:1.4;letter-spacing:.6px}
.dtswvq-p{margin-top:10px;color:var(--dim);font-size:14.5px;line-height:1.9}
@media(min-width:768px){.dtswvq-p{font-size:15px}}

/* 卡片 */
.dtswvq-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.dtswvq-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.dtswvq-grid-4{grid-template-columns:repeat(4,1fr)}}
.dtswvq-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh);transition:transform .22s,box-shadow .22s}
.dtswvq-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(88,55,42,.14)}
.dtswvq-thumb{position:relative;aspect-ratio:4/3;background:#efe6df;overflow:hidden}
.dtswvq-thumb img{width:100%;height:100%;object-fit:cover}
.dtswvq-badge{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:rgba(44,25,21,.74);color:#fff;font-size:12px;letter-spacing:.5px}
.dtswvq-cb{padding:12px 13px 16px}
@media(min-width:768px){.dtswvq-cb{padding:14px 16px 18px}}
.dtswvq-name{font-size:15px;margin-bottom:6px}
.dtswvq-desc{font-size:14px;line-height:1.75;color:var(--dim)}

/* 分类标签 */
.dtswvq-catlist{display:grid;gap:12px}
@media(min-width:768px){.dtswvq-catlist{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(min-width:1024px){.dtswvq-catlist{grid-template-columns:repeat(3,1fr)}}
.dtswvq-cat{padding:15px 17px;background:var(--card);border:1px solid var(--line);border-radius:var(--r3)}
.dtswvq-catname{display:block;font-size:15px;font-weight:600;margin-bottom:5px}
.dtswvq-catdesc{font-size:14px;line-height:1.75;color:var(--dim)}

/* 流程 */
.dtswvq-steps{display:grid;gap:14px}
@media(min-width:768px){.dtswvq-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.dtswvq-steps{grid-template-columns:repeat(4,1fr)}}
.dtswvq-step{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r2)}
.dtswvq-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--rose);color:#fff;font-size:14px;font-weight:600;margin-bottom:10px}
.dtswvq-stepname{font-size:15px;margin-bottom:6px}

/* 图文两栏 */
.dtswvq-duo{display:grid;gap:18px}
@media(min-width:768px){.dtswvq-duo{grid-template-columns:1fr 1fr;align-items:center;gap:28px}}
.dtswvq-figure{margin:0;border-radius:var(--r1);overflow:hidden;box-shadow:var(--sh)}
.dtswvq-figure img{width:100%;aspect-ratio:16/11;object-fit:cover}
.dtswvq-figure + .dtswvq-figure{margin-top:14px}
@media(min-width:768px){.dtswvq-figure + .dtswvq-figure{margin-top:18px}}

/* 口碑 */
.dtswvq-quotes{display:grid;gap:14px}
@media(min-width:768px){.dtswvq-quotes{grid-template-columns:repeat(2,1fr);gap:18px}}
.dtswvq-quote{padding:16px 18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--rose);border-radius:var(--r3)}
.dtswvq-quote p{font-size:14.5px;line-height:1.85;color:#4a423d}
.dtswvq-who{display:block;margin-top:10px;font-size:14px;color:var(--rose2)}

/* 细节列表 */
.dtswvq-promise{display:grid;gap:10px}
@media(min-width:768px){.dtswvq-promise{grid-template-columns:repeat(2,1fr);gap:14px}}
.dtswvq-promise li{position:relative;padding:13px 16px 13px 44px;background:var(--card);border:1px solid var(--line);border-radius:var(--r3);font-size:14.5px;line-height:1.7}
.dtswvq-promise li::before{content:"✓";position:absolute;left:14px;top:14px;width:20px;height:20px;border-radius:50%;background:rgba(178,96,90,.14);color:var(--rose2);font-size:12px;display:flex;align-items:center;justify-content:center}

/* 动态列表 */
.dtswvq-news{border-top:1px solid var(--line)}
.dtswvq-news li{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--line)}
.dtswvq-ntitle{display:block;font-size:15px;font-weight:600;margin-bottom:4px}
.dtswvq-time{flex:none;font-size:14px;color:var(--rose2);white-space:nowrap}

/* 问答 */
.dtswvq-faq{display:grid;gap:12px}
@media(min-width:768px){.dtswvq-faq{grid-template-columns:repeat(2,1fr);gap:16px}}
.dtswvq-faq li{padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r2)}
.dtswvq-q{font-size:15px;font-weight:600;margin-bottom:7px}
.dtswvq-a{font-size:14px;line-height:1.85;color:var(--dim)}

/* 收口 */
.dtswvq-book{position:relative;padding:56px 0;text-align:center;color:#fff;background-image:linear-gradient(rgba(56,30,26,.7),rgba(56,30,26,.8)),url(/assets/images/backpic/back-4.webp);background-size:cover;background-position:center}
@media(min-width:768px){.dtswvq-book{padding:74px 0}}
.dtswvq-book .dtswvq-p{color:#eedfd9;max-width:620px;margin:12px auto 0}
.dtswvq-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.dtswvq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;background:var(--rose);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:background .2s,transform .2s}
.dtswvq-btn:hover{background:var(--rose2);transform:translateY(-2px)}
.dtswvq-ghost{background:transparent;border-color:rgba(255,255,255,.62)}
.dtswvq-ghost:hover{background:rgba(255,255,255,.16)}

/* 页脚 */
.dtswvq-foot{background:#2b2320;color:#d9cec6;padding:44px 0 18px;font-size:14px}
.dtswvq-fgrid{display:grid;gap:24px}
@media(min-width:768px){.dtswvq-fgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.dtswvq-fgrid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}}
.dtswvq-fbrand{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.dtswvq-ftext{font-size:14px;line-height:1.8;color:#b6a79e}
.dtswvq-foot h3{font-size:14.5px;color:#fff;margin-bottom:10px;font-weight:600}
.dtswvq-foot ul{display:grid;gap:8px}
.dtswvq-foot a{color:#cbbdb4;text-decoration:none;transition:color .2s}
.dtswvq-foot a:hover{color:#fff}
.dtswvq-foot li{line-height:1.7}
.dtswvq-copy{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;margin-top:28px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:#9b8c83}