*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#211b2a;background:#f8f5fa;font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrapx{width:calc(100% - 40px);max-width:1200px;margin:0 auto}.mavon{position:sticky;top:0;z-index:30;color:#f9edf9;background:#120e18;border-bottom:1px solid #3b273d}.mavon .wrapx{display:flex;align-items:center;min-height:74px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:42px;height:42px;border-radius:10px;object-fit:cover}.navx{display:flex;justify-content:center;gap:21px;flex:1;padding:0 20px;color:#c6b9c8;font-size:14px}.navx a:hover{color:#ff8fca}.topbtn,.pbtnx,.gbtnx{display:inline-flex;align-items:center;justify-content:center;gap:8px}.topbtn{min-height:42px;padding:0 17px;color:#170e1b;background:#ff8fca;font-size:14px;font-weight:800}.menub{display:none;width:42px;height:42px;border:1px solid #72526d;color:#fff;background:none}.hero{overflow:hidden;color:#fdf6ff;background:#120e18}.heroix{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;padding:65px 0}.htext{padding-right:45px}.eybr{display:flex;align-items:center;gap:12px;color:#c4a7d7;font-size:11px;letter-spacing:2px}.eybr i{width:30px;height:1px;background:#ff8fca}.htext h1{margin:25px 0 0;font-family:Georgia,"Microsoft YaHei",serif;font-size:63px;line-height:1.2;font-weight:500;letter-spacing:0}.htext h1 strong{color:#ff8fca;font-weight:500}.htext>p{max-width:500px;margin:25px 0 0;color:#bcaabe;font-size:16px;line-height:1.9}.hbtn{display:flex;gap:13px;margin-top:33px}.pbtnx,.gbtnx{min-height:54px;padding:0 22px;font-weight:800}.pbtnx{color:#1b1020;background:#ff8fca;box-shadow:8px 8px 0 #5b294d}.gbtnx{border:1px solid #72526d;color:#f9eefd}.stats{display:flex;gap:30px;margin-top:41px;color:#9d8da5;font-size:12px}.stats span{display:flex;align-items:center;gap:7px}.stats b{color:#ff8fca;font-size:20px}.board{position:relative;padding:0 0 18px;border:1px solid #54364f;background:#1d1524;box-shadow:20px 20px 0 #281728;transform:rotate(2.5deg)}.bdtop{display:flex;align-items:center;gap:16px;padding:16px 19px;border-bottom:1px solid #493249;color:#ac97b5;font-size:11px}.bdtop span{display:flex;gap:5px}.bdtop span i{width:8px;height:8px;border-radius:50%;background:#ff8fca}.bdtop span i:nth-child(2){background:#8c63bd}.bdtop span i:nth-child(3){background:#70c6c2}.bdtop b{font-weight:500}.bdtop em{margin-left:auto;color:#8ce1cf;font-style:normal}.bdbod{display:grid;grid-template-columns:43% 1fr;gap:22px;padding:23px}.avatar{overflow:hidden;height:365px;border:1px solid #68425f}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.prof{padding-top:28px}.prof small{color:#a888bc;font-size:10px;letter-spacing:2px}.prof strong{display:block;margin:17px 0 14px;color:#fff4ff;font-family:Georgia,serif;font-size:30px;font-weight:500}.prof p{color:#c1a9c4;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:33px}.tags span{padding:7px 9px;border:1px solid #6a4661;color:#e8b5dc;font-size:11px}.prompt{display:flex;align-items:center;gap:10px;grid-column:1 / 3;padding:15px;border-top:1px solid #493249;color:#a897ae;font-size:12px}.prompt i{color:#ff8fca;font-size:22px}.prompt b{margin-left:auto;color:#ff8fca;font-weight:500}.bdfoot{display:flex;gap:27px;padding:0 23px;color:#9e8da6;font-size:12px}.bdfoot b{margin-left:auto;color:#ff8fca;font-size:21px}.ticker{overflow:hidden;border-top:1px solid #3b273d;border-bottom:1px solid #3b273d;color:#201327;background:#ff8fca;white-space:nowrap}.ticker div{width:max-content;padding:14px 0;font-size:13px;font-weight:800;word-spacing:15px}.sect{padding:102px 0}.title{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:45px}.title span{color:#a05f98;font-size:11px;letter-spacing:2px}.title p{margin:0;font-family:Georgia,"Microsoft YaHei",serif;font-size:36px;font-weight:800}.title.light p{color:#fff3fd}.title.light span{color:#ff8fca}.gallry{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallry figure{margin:0;border:1px solid #d8c7db;background:#fff}.gallry figure:nth-child(even){margin-top:29px}.gallry img{display:block;width:100%;height:auto}.gallry figcaption{padding:16px}.gallry figcaption b,.gallry figcaption small{display:block}.gallry figcaption b{font-size:16px}.gallry figcaption small{margin-top:6px;color:#8b788d;font-size:12px}.dark{color:#cfc2d2;background:#17101d}.tools{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #493249;border-left:1px solid #493249}.tools article{position:relative;min-height:218px;padding:31px;border-right:1px solid #493249;border-bottom:1px solid #493249}.tools article>i{color:#ff8fca;font-size:29px}.tools b{display:block;margin:20px 0 11px;color:#fff4ff;font-size:18px}.tools p{margin:0;color:#ab9aad;font-size:14px;line-height:1.8}.tools em{position:absolute;right:22px;bottom:21px;color:#6d5273;font-family:Georgia,serif;font-style:normal}.down{background:#ece5ee}.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dgrid article{position:relative;min-height:240px;padding:29px;border:1px solid #cbb8cf;background:#fff}.dgrid article:nth-child(2),.dgrid article:nth-child(5){color:#fff;background:#312036}.dgrid article>i{color:#bd4d99;font-size:30px}.dgrid small{position:absolute;top:30px;right:24px;color:#927997;font-size:10px;letter-spacing:1px}.dgrid b{display:block;margin:18px 0 10px;font-size:18px}.dgrid p{min-height:48px;margin:0;color:#78697d;font-size:13px;line-height:1.7}.dgrid article:nth-child(2) p,.dgrid article:nth-child(5) p{color:#c5b2ca}.dgrid a{display:inline-flex;gap:7px;align-items:center;margin-top:22px;color:#a3397c;font-size:14px;font-weight:800}.timel{background:#f8f5fa}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flow article{position:relative;padding-top:20px;border-top:2px solid #40263f}.flow article>b{display:block;color:#c34c9b;font-family:Georgia,serif;font-size:18px}.flow article div{padding-top:33px}.flow i{color:#a14b8e;font-size:27px}.flow strong{display:block;margin:16px 0 10px;font-size:17px}.flow p{margin:0;color:#76677a;font-size:14px;line-height:1.8}.faqx{background:#f2d8eb}.narrow{max-width:930px}.faqs{border-top:2px solid #382235}.faqs article{border-bottom:1px solid #b48ba9}.faqs button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 4px;border:0;color:#302031;background:transparent;font-size:16px;font-weight:800;text-align:left;cursor:pointer}.faqs button i{font-size:22px;transition:transform .25s}.faqs article>div{overflow:hidden;max-height:0;transition:max-height .3s}.faqs article>div p{margin:0;padding:0 40px 22px 4px;color:#70576d;line-height:1.8}.faqs .open>div{max-height:180px}.faqs .open button i{transform:rotate(45deg)}.ngrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#493249}.ngrid article{display:grid;grid-template-columns:75px 1fr 20px;gap:17px;padding:27px;background:#17101d}.ngrid time{color:#ff8fca;font-family:Georgia,serif;font-size:16px}.ngrid b{display:block;color:#fff2fd;line-height:1.5}.ngrid p{margin:9px 0 0;color:#a998ac;font-size:13px;line-height:1.7}.ngrid>article>i{color:#8ce1cf}.revws{background:#f7f2f7}.rgrid{columns:3;column-gap:17px}.rgrid article{display:inline-block;width:100%;margin:0 0 17px;padding:25px;border:1px solid #d7c4d8;background:#fff;break-inside:avoid}.rgrid article:nth-child(2),.rgrid article:nth-child(5){padding-top:39px;padding-bottom:39px}.quote{display:flex;justify-content:space-between;align-items:center;color:#bc5c9d}.quote i{font-size:28px}.quote span{font-size:10px;letter-spacing:1px}.rgrid p{margin:16px 0 24px;color:#49404a;line-height:1.9}.rgrid footer{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px dashed #cdbbce;color:#78687a;font-size:11px}.rgrid footer b{font-weight:800}.rgrid footer time{text-align:right}.foot{color:#c9b8cc;background:#120e18}.ftop{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:40px 0}.ftop nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 17px;font-size:13px}.fbase{display:flex;justify-content:space-between;padding:19px 0 23px;border-top:1px solid #3b273d;color:#78687c;font-size:12px}
@media (max-width:767px){.wrapx{width:calc(100% - 30px)}.mavon .wrapx{min-height:66px}.brand img{width:38px;height:38px}.navx{position:absolute;top:66px;left:0;display:none;width:100%;padding:12px 15px;background:#201527}.navx.show{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.navx a{padding:13px 9px;border-bottom:1px solid #493249}.mavon .topbtn{display:none}.menub{display:block;margin-left:auto}.heroix{grid-template-columns:1fr;min-height:0;padding:61px 0 30px}.htext{padding:0}.htext h1{font-size:43px}.htext>p{font-size:15px}.hbtn{display:block}.pbtnx,.gbtnx{width:100%}.gbtnx{margin-top:13px}.stats{justify-content:space-between;gap:5px;font-size:10px}.board{margin:55px 4px 22px;transform:rotate(1deg)}.bdbod{grid-template-columns:40% 1fr;gap:13px;padding:15px}.avatar{height:275px}.prof{padding-top:10px}.prof strong{font-size:22px}.prof p{font-size:12px}.tags{margin-top:19px}.tags span{padding:5px 6px;font-size:9px}.prompt{grid-column:1 / 3;padding:12px 0}.bdfoot{padding:0 15px;gap:13px;font-size:10px}.sect{padding:72px 0}.title{margin-bottom:34px}.title p{font-size:29px}.gallry{display:flex;overflow-x:auto;gap:13px;padding-bottom:15px;scroll-snap-type:x mandatory}.gallry figure,.gallry figure:nth-child(even){flex:0 0 77%;margin-top:0;scroll-snap-align:start}.tools,.dgrid,.ngrid{grid-template-columns:1fr}.tools article{min-height:190px;padding:26px}.dgrid article{min-height:225px}.flow{grid-template-columns:1fr;gap:0}.flow article{display:grid;grid-template-columns:45px 1fr;gap:17px;padding:22px 0;border-top:0;border-left:2px solid #40263f}.flow article>b{padding-left:15px}.flow article div{padding-top:0}.flow i{font-size:23px}.ngrid article{grid-template-columns:65px 1fr 17px;padding:23px 17px}.rgrid{columns:1}.ftop{grid-template-columns:1fr;text-align:center}.ftop .brand,.ftop .topbtn{justify-self:center}.ftop .topbtn{width:100%}.fbase{gap:18px}}

body {
    color: #f7edf7;
    background: #0b090e;
}

.hero,
.timel {
    background: #0b090e;
}

.heroix {
    min-height: 720px;
}

.board {
    border-color: #5e3557;
    background: #1b1120;
    box-shadow: 18px 18px 0 #30152c;
    transform: rotate(1.2deg);
}

.sect {
    border-top: 1px solid #30202f;
}

#works {
    background: #0f0c12;
}

.title p {
    color: #fff3fc;
}

.title span {
    color: #ff82c3;
}

.gallry figure {
    border-color: #4a3047;
    color: #fff3fc;
    background: #19131c;
}

.gallry figcaption small {
    color: #b9a2b6;
}

.dark {
    background: #17101b;
}

.down {
    background: #241321;
}

.dgrid article,
.dgrid article:nth-child(2),
.dgrid article:nth-child(5) {
    color: #fff3fc;
    border-color: #593751;
    background: #130f17;
}

.dgrid p,
.dgrid article:nth-child(2) p,
.dgrid article:nth-child(5) p {
    color: #b9a6b8;
}

.dgrid a,
.dgrid article > i {
    color: #ff82c3;
}

.timel .flow article {
    border-color: #6f3b64;
}

.timel .flow strong {
    color: #fff3fc;
}

.timel .flow p {
    color: #ab9aaa;
}

.faqx {
    color: #2b1728;
    background: #f3cce4;
}

.faqx .title p {
    color: #2b1728;
}

.faqx .title span {
    color: #9c347a;
}

.revws {
    background: #110d15;
}

.rgrid article {
    border-color: #513149;
    background: #1c1420;
}

.rgrid p {
    color: #d1c0d0;
}

.rgrid footer {
    border-color: #60405a;
    color: #a894a6;
}

@media (max-width:767px) {
    .heroix {
        min-height: auto;
    }

    .board {
        transform: none;
    }
}