/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
--zhi:#faf7fa;
--bai:#ffffff;
--zi:#1d1820;
--ruo:#6d6474;
--zhu:#8d2c60;
--shen:#6d1f4a;
--fu:#d99b3f;
--bian:#e8e0e9;
--yuan:14px;
--ying:0 8px 26px rgba(29,24,32,.09);
--ju:22px;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zhi);color:var(--zi);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit}
section[id]{scroll-margin-top:84px}
.mdqj-kuan{width:100%;max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}

.mdqj-ding{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--bian)}
.mdqj-dingnei{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:12px;padding-bottom:12px}
.mdqj-logo{font-size:19px;font-weight:800;letter-spacing:.6px;color:var(--zhu);white-space:nowrap}
.mdqj-dh{display:flex;flex-wrap:wrap;gap:4px}
.mdqj-dh a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:14.5px;color:var(--ruo);transition:background .2s,color .2s}
.mdqj-dh a:hover,.mdqj-dh a:focus-visible{background:#f5eaf2;color:var(--zhu)}
.mdqj-dh a:focus-visible{outline:2px solid var(--zhu);outline-offset:2px}

.mdqj-shou{position:relative;overflow:hidden;background:#1a1120;color:#fff}
.mdqj-shou-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.mdqj-shou::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,10,22,.95),rgba(18,10,22,.66) 58%,rgba(18,10,22,.34))}
.mdqj-shou-nei{position:relative;z-index:2;padding-top:78px;padding-bottom:84px}
.mdqj-xbiao{display:inline-block;padding:6px 14px;border:1px solid rgba(255,255,255,.34);border-radius:999px;font-size:13px;letter-spacing:1.5px;color:#f0dae6;margin-bottom:20px}
.mdqj-h1{font-size:clamp(27px,5vw,48px);line-height:1.3;font-weight:800;letter-spacing:1px;margin-bottom:16px}
.mdqj-h1 span{color:#f0a8cc}
.mdqj-shou-fu{font-size:clamp(15px,2vw,19px);font-weight:600;color:#f2e3ea;margin-bottom:14px}
.mdqj-shou-wen{max-width:660px;font-size:15px;line-height:1.95;color:rgba(255,255,255,.8);margin-bottom:30px}
.mdqj-shou-an{display:flex;flex-wrap:wrap;gap:14px}
.mdqj-an{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.mdqj-an-zhu{background:var(--zhu);color:#fff;box-shadow:0 12px 26px rgba(141,44,96,.34)}
.mdqj-an-zhu:hover{background:var(--shen);transform:translateY(-2px)}
.mdqj-an-xian{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.46);color:#fff}
.mdqj-an-xian:hover{background:rgba(255,255,255,.2)}
.mdqj-an:focus-visible{outline:2px solid var(--fu);outline-offset:3px}

.mdqj-qu{padding:62px 0}
.mdqj-qu-bai{background:var(--bai);border-top:1px solid var(--bian);border-bottom:1px solid var(--bian)}
.mdqj-h2{font-size:clamp(21px,2.8vw,27px);font-weight:800;letter-spacing:.6px;margin-bottom:12px}
.mdqj-jian{max-width:780px;font-size:15px;line-height:1.9;color:var(--ruo);margin-bottom:30px}

.mdqj-juzhen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mdqj-jr{background:var(--bai);border:1px solid var(--bian);border-radius:var(--yuan);padding:22px 20px;transition:box-shadow .25s,transform .25s,border-color .25s}
.mdqj-jr:hover{box-shadow:var(--ying);transform:translateY(-3px);border-color:#e0c6d6}
.mdqj-jr h3{font-size:16.5px;margin-bottom:8px;color:var(--zhu)}
.mdqj-jr p{font-size:14px;line-height:1.8;color:var(--ruo)}

.mdqj-pian{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mdqj-ka{background:var(--bai);border:1px solid var(--bian);border-radius:var(--yuan);overflow:hidden;transition:box-shadow .28s,transform .28s}
.mdqj-ka:hover{box-shadow:var(--ying);transform:translateY(-4px)}
.mdqj-tu{position:relative;aspect-ratio:3/4;overflow:hidden;background:#efe7ee}
.mdqj-tu img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.mdqj-ka:hover .mdqj-tu img{transform:scale(1.06)}
.mdqj-biao{position:absolute;left:10px;top:10px;padding:3px 11px;border-radius:999px;background:rgba(141,44,96,.92);color:#fff;font-size:12px;font-weight:600;letter-spacing:.4px}
.mdqj-ka-nei{padding:14px 16px 18px}
.mdqj-ka-nei h3{font-size:15.5px;margin-bottom:6px}
.mdqj-ka-nei p{font-size:14px;line-height:1.75;color:var(--ruo)}

.mdqj-heng{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.mdqj-heng-ka{display:flex;gap:16px;background:var(--bai);border:1px solid var(--bian);border-radius:var(--yuan);padding:14px;transition:box-shadow .28s,transform .28s}
.mdqj-heng-ka:hover{box-shadow:var(--ying);transform:translateY(-3px)}
.mdqj-heng-tu{flex:0 0 118px;width:118px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#efe7ee}
.mdqj-heng-tu img{width:100%;height:100%;object-fit:cover}
.mdqj-heng-nei{display:flex;flex-direction:column;gap:6px;padding:4px 0}
.mdqj-heng-nei h3{font-size:16.5px}
.mdqj-heng-nei p{font-size:14px;line-height:1.75;color:var(--ruo)}
.mdqj-ci{align-self:flex-start;margin-top:auto;font-size:12px;font-weight:600;color:var(--zhu);background:#f8ecf3;border-radius:999px;padding:3px 12px}

.mdqj-bang{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px}
.mdqj-bang li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--zhi);border:1px solid var(--bian);border-radius:12px;transition:background .2s,border-color .2s}
.mdqj-qu-bai .mdqj-bang li{background:#fbf8fb}
.mdqj-bang li:hover{border-color:#ddbdd0;background:#fdf6fb}
.mdqj-hao{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2e6ee;color:var(--zhu);font-size:14px;font-weight:800}
.mdqj-bang li:nth-child(-n+3) .mdqj-hao{background:var(--zhu);color:#fff}
.mdqj-ming{font-size:15px;font-weight:600}
.mdqj-lei{margin-left:auto;flex:0 0 auto;font-size:12px;color:var(--ruo);border:1px solid var(--bian);border-radius:999px;padding:2px 10px}

.mdqj-gushi{position:relative;overflow:hidden;background:#170f1c;color:#fff;padding:70px 0}
.mdqj-gushi-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.mdqj-gushi::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,9,20,.95),rgba(16,9,20,.58))}
.mdqj-gushi-nei{position:relative;z-index:2;max-width:720px}
.mdqj-gushi h2{font-size:clamp(21px,2.8vw,28px);font-weight:800;margin-bottom:16px}
.mdqj-gushi p{font-size:15px;line-height:2;color:rgba(255,255,255,.82);margin-bottom:14px}

.mdqj-zx{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.mdqj-zx li{display:flex;gap:14px;background:var(--bai);border:1px solid var(--bian);border-radius:var(--yuan);padding:12px;transition:box-shadow .25s}
.mdqj-zx li:hover{box-shadow:var(--ying)}
.mdqj-zx-tu{flex:0 0 104px;width:104px;height:78px;border-radius:10px;overflow:hidden;background:#efe7ee}
.mdqj-zx-tu img{width:100%;height:100%;object-fit:cover}
.mdqj-zx-nei h3{font-size:15px;line-height:1.6;margin-bottom:6px}
.mdqj-zx-nei span{font-size:13px;color:var(--ruo)}

.mdqj-gx{display:grid;gap:12px}
.mdqj-gx li{display:flex;gap:16px;align-items:flex-start;background:var(--zhi);border:1px solid var(--bian);border-radius:12px;padding:16px 18px}
.mdqj-qu-bai .mdqj-gx li{background:#fbf8fb}
.mdqj-ban{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--zhu);background:#f6eaf1;border-radius:999px;padding:3px 12px}
.mdqj-gx p{font-size:14.5px;color:#463f4c;line-height:1.8}

.mdqj-duan{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mdqj-duan li{background:var(--bai);border:1px solid var(--bian);border-radius:var(--yuan);padding:24px 18px;transition:box-shadow .25s,transform .25s}
.mdqj-duan li:hover{box-shadow:var(--ying);transform:translateY(-3px)}
.mdqj-duan h3{font-size:16px;color:var(--zhu);margin-bottom:8px}
.mdqj-duan p{font-size:14px;line-height:1.8;color:var(--ruo)}

.mdqj-wd{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mdqj-wd li{background:var(--bai);border:1px solid var(--bian);border-radius:var(--yuan);padding:22px}
.mdqj-wd h3{font-size:15.5px;color:var(--zhu);margin-bottom:8px}
.mdqj-wd p{font-size:14px;line-height:1.85;color:#4a4350}

.mdqj-jiao{background:#191120;color:#c8bcd0;padding-top:52px}
.mdqj-jiao-nei{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:38px}
.mdqj-jiao h3{font-size:15px;color:#fff;margin-bottom:14px;letter-spacing:.5px}
.mdqj-jiao p{font-size:14px;line-height:1.9;color:#a294ad}
.mdqj-jiao li{font-size:14px;line-height:2.1;color:#a294ad}
.mdqj-jiao a:hover{color:#fff}
.mdqj-banquan{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;padding-bottom:18px;font-size:13px;color:#8b7f96;text-align:center}

@media (max-width:1024px){
.mdqj-pian{grid-template-columns:repeat(2,1fr)}
.mdqj-juzhen{grid-template-columns:repeat(2,1fr)}
.mdqj-duan{grid-template-columns:repeat(2,1fr)}
.mdqj-jiao-nei{grid-template-columns:1fr 1fr;gap:26px}
.mdqj-shou-nei{padding-top:64px;padding-bottom:68px}
}
@media (max-width:768px){
.mdqj-dingnei{flex-direction:column;align-items:flex-start;gap:6px;padding-top:10px;padding-bottom:8px}
.mdqj-dh{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:2px}
.mdqj-dh a{flex:0 0 auto;padding:0 12px;font-size:14px}
.mdqj-qu{padding:46px 0}
.mdqj-heng{grid-template-columns:1fr}
.mdqj-zx{grid-template-columns:1fr}
.mdqj-bang{grid-template-columns:1fr}
.mdqj-wd{grid-template-columns:1fr}
.mdqj-shou-nei{padding-top:52px;padding-bottom:56px}
.mdqj-shou-wen{font-size:15px}
.mdqj-gushi{padding:52px 0}
section[id]{scroll-margin-top:112px}
}
@media (max-width:520px){
.mdqj-kuan{padding-left:16px;padding-right:16px}
.mdqj-pian{grid-template-columns:repeat(2,1fr);gap:12px}
.mdqj-ka-nei{padding:12px 12px 16px}
.mdqj-juzhen{grid-template-columns:1fr}
.mdqj-duan{grid-template-columns:1fr}
.mdqj-jiao-nei{grid-template-columns:1fr;gap:22px}
.mdqj-heng-tu{flex:0 0 96px;width:96px}
.mdqj-shou-an{flex-direction:column;align-items:stretch}
.mdqj-zx-tu{flex:0 0 88px;width:88px;height:66px}
}