:root{--badge:"j";--ease:steps(6,end)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#f3efe4;color:#171309;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
radial-gradient(760px 540px at 88% -10%,color-mix(in srgb,#d4006a 6%,transparent),transparent 62%),
radial-gradient(680px 500px at -8% 34%,color-mix(in srgb,#ff6aa0 5%,transparent),transparent 62%)}
a{color:inherit;text-decoration:none;transition:color .3s}
img{max-width:100%}
::selection{background:#171309;color:#f3efe4}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#171309;border-radius:5px}
.wrap{width:min(1180px,92%);margin:0 auto}
.pbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:1200;background:#171309}
.topbar{background:rgba(0,0,0,.04);border-bottom:1px solid #171309;font-size:12.5px;color:#5c5545}
.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0;gap:12px;flex-wrap:wrap}
.topbar b{color:#d4006a}.topbar a:hover{color:#d4006a}
header,#nav{position:sticky;top:0;z-index:900;transition:box-shadow .4s,background .4s}
#nav{position:fixed;left:0;right:0;top:0}
header.on,#nav.on{box-shadow:0 10px 30px rgba(0,0,0,.08)}
header,#nav{background:color-mix(in srgb,#f3efe4 86%,transparent);backdrop-filter:blur(14px);border-bottom:2px solid #171309}header:not(#hero)>.wrap,#nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px}.logo::before{border-radius:0}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;white-space:nowrap;font-family:"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.02em}
.logo::before{content:var(--badge,"·");width:30px;height:30px;border-radius:0;display:grid;place-items:center;background:#171309;color:#f3efe4;font-weight:900;font-size:15px}
header nav ul,#nav .nav-links{display:flex;list-style:none;gap:24px;flex-wrap:wrap;font-size:14px}
header nav a,#nav .nav-links a{color:#5c5545;position:relative;padding:4px 0}
header nav a::after,#nav .nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:3px;background:#d4006a;transition:width .35s var(--ease)}
header nav a:hover,header nav a.on,header nav a:hover::after,#nav .nav-links a:hover::after{width:auto}
header nav a:hover::after,#nav .nav-links a:hover::after,header nav a.on::after{width:100%}
header nav a:hover,#nav .nav-links a:hover{color:#171309}
.mstrip{padding:0 0 12px;display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#5c5545;max-height:60px;overflow:hidden;transition:max-height .45s var(--ease),opacity .45s,padding .45s}
header.on .mstrip{max-height:0;opacity:0;padding-bottom:0}
.mstrip a:hover{color:#d4006a}
.crumb{background:rgba(0,0,0,.02);border-bottom:1px solid #171309;font-size:13px;color:#5c5545;position:relative;overflow:hidden}
.crumb .wrap{padding:12px 0;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumb a:hover{color:#d4006a}
.crumb i{font-style:normal;color:#c6c2b6;margin:0 10px}
.crumb span{color:#d4006a}
.cols{display:grid;grid-template-columns:1fr 300px;gap:44px;padding:48px 0 70px;align-items:start}
main{min-width:0}
h1.pageh1{font-size:clamp(28px,3.6vw,46px);font-weight:900;line-height:1.24;position:relative;padding-bottom:18px;margin-bottom:10px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
h1.pageh1::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#171309}h1.pageh1::before{content:"■ ";color:#d4006a}
main h2{font-size:clamp(20px,2.2vw,26px);font-weight:900;margin:38px 0 16px;padding-left:14px;position:relative;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
main h2::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:10px;border-radius:0;background:#d4006a}
p{margin:12px 0;color:#4a4437}
main>ul li,.box ul li{list-style:none;position:relative;padding-left:20px;margin:9px 0;color:#4a4437}
main ul li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:#d4006a}
.lead{font-size:16px;color:#5c5545;border-left:6px solid #d4006a;padding:6px 0 6px 16px;margin:18px 0 22px}
p a,li a,.box a{color:#ff6aa0;border-bottom:1px dashed color-mix(in srgb,#d4006a 45%,transparent)}
p a:hover,li a:hover,.box a:hover{color:#d4006a;border-bottom-style:solid}
.grid{display:grid;gap:20px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}
.sec{padding:66px 0}
.band{background:#eae4d3;border-top:1px solid #171309;border-bottom:1px solid #171309}
.tint{background:rgba(0,0,0,.015)}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.sec-h .more{color:#d4006a;font-size:13.5px;font-weight:700}
.stat{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center;border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;padding:30px 16px}
.stat b{display:block;font-size:clamp(24px,2.6vw,34px);font-weight:900;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#d4006a}
.stat span{color:#5c5545;font-size:13px}
.scenes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scenes a{border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;padding:20px 22px;transition:.35s var(--ease)}
.scenes a:hover,.tile:hover,.stepgrid .step:hover,.pcard:hover,.wcard2:hover,.stk:hover,.ccard:hover,.wcard:hover,.scard:hover,.stat:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 #171309}
.btn.main:hover,.cta a.p:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #171309}
.scenes h3{font-size:15.5px;color:#ff6aa0}
.scenes p{font-size:13px;color:#5c5545;margin:6px 0 0}
.steps{list-style:none;counter-reset:stp}
.steps li{padding:16px 0 16px 54px;position:relative;border-bottom:1px dashed #171309}
.steps li::before{counter-increment:stp;content:counter(stp,decimal-leading-zero);position:absolute;left:0;top:14px;font-size:22px;font-weight:900;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:transparent;-webkit-text-stroke:1px #d4006a}
.steps li b{display:block;color:#ff6aa0;font-size:15.5px}
.nlist{list-style:none}
.nlist li{display:flex;gap:18px;padding:16px 14px;border-bottom:1px solid #171309;border-radius:0px;transition:.3s;align-items:baseline}
.nlist li:hover{background:#ffffff;transform:translateX(4px)}
.nlist .dt{flex:0 0 auto;color:#5c5545;font-size:12.5px;min-width:86px}
.nlist .dt b{display:block;color:#d4006a;font-size:12px}
.nlist .ct h3{font-size:15.5px;font-weight:700}
.nlist .ct p{font-size:13px;color:#5c5545;margin:4px 0 0}
details.acc{border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;margin:10px 0;overflow:hidden;transition:border-color .3s}
details.acc[open],details.acc:hover{border-color:#d4006a}
details.acc summary{cursor:pointer;padding:17px 22px;font-weight:700;font-size:15px;list-style:none;position:relative;padding-right:48px}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#d4006a;font-size:20px;transition:transform .35s var(--ease)}
details.acc[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details.acc .body{padding:0 22px 18px}
details.acc .body p{color:#5c5545;font-size:14px;margin:0}
.tagline{display:flex;flex-wrap:wrap;gap:10px}
.tagline a{padding:7px 16px;border-radius:0;border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;font-size:13px;color:#5c5545;transition:.3s}
.tagline a:hover{border-color:#d4006a;color:#d4006a;transform:translateY(-2px)}
aside.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.box{border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;padding:20px 18px}
.box h4{font-size:14px;letter-spacing:.1em;color:#d4006a;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #171309;font-weight:800}
.box ul{list-style:none}.box ul li{padding-left:0}.box ul li::before{display:none}
.box ul li a{font-size:13.5px;color:#5c5545;display:block;padding:4px 0}
.box ul li a:hover{color:#d4006a;transform:translateX(3px)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.cta a{padding:12px 28px;border-radius:0;font-weight:700;font-size:14px}
.cta a.p{background:#171309;color:#f3efe4}

.cta a.s{border:2px solid #171309;color:#171309}
.cta a.s:hover{border-color:#d4006a;color:#d4006a}
.quote{border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;padding:24px}
.quote h3{color:#ff6aa0;font-size:17px}
.quote .row{margin:10px 0}
.quote input,.quote textarea{width:100%;background:#ffffff;border:1px solid #171309;border-radius:0;padding:11px 14px;color:#171309;font-size:14px;font-family:inherit}
.quote input:focus,.quote textarea:focus{outline:none;border-color:#d4006a}
.quote button{margin-top:6px;padding:11px 26px;border-radius:0;border:2px solid #171309;background:#171309;color:#f3efe4;font-weight:800;cursor:pointer}
.quote .sm{font-size:12px;color:#5c5545}
.qbox{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px;border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;padding:14px 18px}
.qbox a{color:#d4006a;font-weight:700}
.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tags a{font-size:12.5px;color:#5c5545;border:1px solid #171309;border-radius:0;padding:4px 12px}
.pager{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:40px 0 10px}
.pager a{flex:1;min-width:220px;border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;padding:14px 18px;font-size:13.5px;color:#5c5545;transition:.3s;text-align:center}
.pager a:hover{border-color:#d4006a;color:#d4006a}
dl.dl{display:grid;grid-template-columns:110px 1fr;border:2px solid #171309;background:#ffffff;box-shadow:6px 6px 0 #171309;border-radius:0px;overflow:hidden}
dl.dl dt{padding:13px 18px;background:#eae4d3;color:#d4006a;font-weight:700;font-size:14px;border-bottom:1px solid #171309}
dl.dl dd{padding:13px 18px;border-bottom:1px solid #171309;color:#4a4437;font-size:14px}
form .row{margin:10px 0}
form input,form textarea{background:#ffffff;border:1px solid #171309;border-radius:0;padding:11px 14px;color:#171309;font-size:14px;font-family:inherit;width:100%}
form input:focus,form textarea:focus{outline:none;border-color:#d4006a}
form button{padding:11px 28px;border-radius:0;border:2px solid #171309;background:#171309;color:#f3efe4;font-weight:800;cursor:pointer;margin-top:6px}
footer{margin-top:60px;border-top:2px solid #171309;background:#eae4d3;padding:54px 0 32px;position:relative;overflow:hidden}
.giant{font-size:clamp(44px,9vw,128px);font-weight:900;text-align:center;line-height:1.05;color:#d4006a;transition:all .9s var(--ease);position:relative;user-select:none;letter-spacing:.02em;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.giant.lit{color:#d4006a}
.cols4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;position:relative;margin-top:40px}
footer h5{color:#ff6aa0;font-size:14.5px;margin-bottom:12px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
footer .cols4 p{font-size:13px;color:#5c5545}
footer .cols4 ul{list-style:none}
footer .cols4 li a{font-size:13px;color:#5c5545;display:inline-block;padding:3px 0}
footer .cols4 li a:hover{color:#d4006a}
footer .map{margin-top:20px;font-size:12.5px;color:#5c5545;line-height:2;position:relative}
footer .map a{color:#5c5545;margin-right:4px}
footer .map a:hover{color:#d4006a}
footer .cp{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid #171309;font-size:12.5px;color:#5c5545;position:relative}
footer .cp a:hover{color:#d4006a}
.bktop{position:fixed;right:26px;bottom:30px;width:46px;height:46px;border-radius:0;border:2px solid #171309;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:#d4006a;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:.4s var(--ease);z-index:1100}
.bktop.show{opacity:1;pointer-events:auto}
.bktop:hover{background:#d4006a;color:#f3efe4;transform:translateY(-4px)}
.rvx{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rvx.vis{opacity:1;transform:none}
h1.pageh1 .ln{display:block;overflow:hidden}
h1.pageh1 .ln i{display:block;font-style:normal;transform:translateY(110%);transition:transform .9s var(--ease)}
body.ready h1.pageh1 .ln i{transform:none}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:0;font-weight:700;font-size:15px;border:2px solid #171309;cursor:pointer;transition:.35s var(--ease)}
.btn.main{background:#171309;color:#f3efe4}
.btn.main:hover,.cta a.p:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #171309}
.btn.ghost{background:rgba(0,0,0,.03);color:#171309;border:1px solid #171309}
.btn.ghost:hover{border-color:#d4006a;color:#d4006a}
.marquee{padding:18px 0;border-top:1px solid #171309;border-bottom:1px solid #171309;overflow:hidden;background:#eae4d3}
.marquee .row{display:flex;white-space:nowrap;will-change:transform}
.marquee .row span{font-size:clamp(19px,2.5vw,32px);font-weight:900;padding:0 20px;color:transparent;-webkit-text-stroke:1px #5c5545;display:inline-flex;align-items:center;gap:20px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.marquee .row span b{color:#d4006a;-webkit-text-stroke:0;font-size:.5em}
.burger{width:46px;height:46px;border-radius:0;border:2px solid #171309;background:rgba(0,0,0,.03);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.burger span{display:block;width:18px;height:2px;background:#171309;margin:2.5px 0}
#nmenu{position:fixed;inset:0;z-index:950;visibility:hidden}
#nmenu .veil{position:absolute;top:70px;right:70px;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#eae4d3,#f3efe4);transition:all .8s var(--ease)}
#nmenu.open{visibility:visible}
#nmenu.open .veil{width:260vmax;height:260vmax;transform:translate(50%,-50%)}
#nmenu .inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;opacity:0;transition:opacity .4s .3s}
#nmenu.open .inner{opacity:1}
#nmenu .inner a{font-size:clamp(22px,3vw,34px);font-weight:900;color:#5c5545;padding:6px 18px;opacity:0;transform:translateY(26px);transition:all .5s var(--ease);font-family:"PingFang SC","Microsoft YaHei",sans-serif}
#nmenu.open .inner a{opacity:1;transform:none}
#nmenu .inner a:hover{color:#d4006a}
#nmenu .close{position:absolute;top:26px;right:26px;width:52px;height:52px;border-radius:0;border:1px solid #171309;background:none;color:#171309;font-size:22px;cursor:pointer;z-index:2}
.phero{position:relative;overflow:hidden;padding:64px 0 46px;border-bottom:1px solid #171309}
.phero .wrap{position:relative;z-index:2}
.phero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d4006a;font-size:12.5px;letter-spacing:.32em;font-weight:700;margin-bottom:14px}
.phero .eyebrow::before{content:"";width:26px;height:1px;background:#d4006a}
.phero .aurora b,.deco-layer b{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;animation:drift 15s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(48px,-34px) scale(1.14)}}
.orb{position:absolute;border-radius:50%;background:#d4006a;box-shadow:0 0 26px #d4006a;transition:transform .25s ease-out;pointer-events:none;z-index:1}
.phero.band{background:linear-gradient(140deg,color-mix(in srgb,#eae4d3 90%,transparent),#f3efe4)}.phero.dg{background:color-mix(in srgb,#ffffff 88%,transparent);clip-path:polygon(0 0,100% 0,100% 82%,0 100%);padding-bottom:96px;border-bottom:none}.phero.dg::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,color-mix(in srgb,#d4006a 16%,transparent),transparent 55%)}.phero.dg .sweep{position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,color-mix(in srgb,#d4006a 12%,transparent),transparent);animation:sweep 7s linear infinite}.phero.st{background:repeating-linear-gradient(90deg,color-mix(in srgb,#d4006a 8%,transparent) 0 1px,transparent 1px 68px),#ffffff}.phero.st .idx{position:absolute;right:4%;bottom:-26px;font-size:clamp(80px,13vw,180px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,#d4006a 55%,transparent);z-index:1;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
/* nf3:brutal */