:root{--badge:"凤";--ease:cubic-bezier(.22,1,.36,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0b0e1c;color:#f0f2ff;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,#ff9a6e 10%,transparent),transparent 62%),
radial-gradient(680px 500px at -8% 34%,color-mix(in srgb,#ffd36e 8%,transparent),transparent 62%)}
a{color:inherit;text-decoration:none;transition:color .3s}
img{max-width:100%}
::selection{background:#ff9a6e;color:#0b0d12}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,#ff9a6e 45%,transparent);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:linear-gradient(90deg,#ff9a6e,#ffd36e)}
.topbar{background:rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.09);font-size:12.5px;color:#9aa0c8}
.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0;gap:12px;flex-wrap:wrap}
.topbar b{color:#ff9a6e}.topbar a:hover{color:#ff9a6e}
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 12px 40px rgba(0,0,0,.5)}
header,#nav{background:color-mix(in srgb,#0b0e1c 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)}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:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9a6e,color-mix(in srgb,#ff9a6e 45%,#000));color:#0b0d12;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:#9aa0c8;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:#ff9a6e;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:#f0f2ff}
.mstrip{padding:0 0 12px;display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#9aa0c8;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:#ff9a6e}
.crumb{background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;color:#9aa0c8;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:#ff9a6e}
.crumb i{font-style:normal;color:#3d4658;margin:0 10px}
.crumb span{color:#ff9a6e}
.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:800;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:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff9a6e,#ffd36e,transparent)}
main h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;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:4px;border-radius:4px;background:#ff9a6e}
p{margin:12px 0;color:#8f95bd}
main>ul li,.box ul li{list-style:none;position:relative;padding-left:20px;margin:9px 0;color:#8f95bd}
main ul li::before{content:"";position:absolute;left:2px;top:.78em;width:7px;height:7px;border-radius:2px;background:#ff9a6e;transform:rotate(45deg)}
.lead{font-size:16px;color:#9aa0c8;border-left:3px solid #ff9a6e;padding:6px 0 6px 16px;margin:18px 0 22px}
p a,li a,.box a{color:#ffd36e;border-bottom:1px dashed color-mix(in srgb,#ff9a6e 45%,transparent)}
p a:hover,li a:hover,.box a:hover{color:#ff9a6e;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:#11142a;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.tint{background:rgba(255,255,255,.015)}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.sec-h .more{color:#ff9a6e;font-size:13.5px;font-weight:700}
.stat{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center;border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);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:#ff9a6e}
.stat span{color:#9aa0c8;font-size:13px}
.scenes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scenes a{border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);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{transform:translateY(-8px);border-color:#ff9a6e;box-shadow:0 26px 60px rgba(0,0,0,.5)}
.btn.main:hover,.cta a.p:hover{transform:translateY(-3px);box-shadow:0 16px 36px color-mix(in srgb,#ff9a6e 40%,transparent)}
.scenes h3{font-size:15.5px;color:#ffd36e}
.scenes p{font-size:13px;color:#9aa0c8;margin:6px 0 0}
.steps{list-style:none;counter-reset:stp}
.steps li{padding:16px 0 16px 54px;position:relative;border-bottom:1px dashed rgba(255,255,255,.09)}
.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 #ff9a6e}
.steps li b{display:block;color:#ffd36e;font-size:15.5px}
.nlist{list-style:none}
.nlist li{display:flex;gap:18px;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.09);border-radius:14px;transition:.3s;align-items:baseline}
.nlist li:hover{background:#11142a;transform:translateX(4px)}
.nlist .dt{flex:0 0 auto;color:#9aa0c8;font-size:12.5px;min-width:86px}
.nlist .dt b{display:block;color:#ff9a6e;font-size:12px}
.nlist .ct h3{font-size:15.5px;font-weight:700}
.nlist .ct p{font-size:13px;color:#9aa0c8;margin:4px 0 0}
details.acc{border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);margin:10px 0;overflow:hidden;transition:border-color .3s}
details.acc[open],details.acc:hover{border-color:#ff9a6e}
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:#ff9a6e;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:#9aa0c8;font-size:14px;margin:0}
.tagline{display:flex;flex-wrap:wrap;gap:10px}
.tagline a{padding:7px 16px;border-radius:12px;border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);font-size:13px;color:#9aa0c8;transition:.3s}
.tagline a:hover{border-color:#ff9a6e;color:#ff9a6e;transform:translateY(-2px)}
aside.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.box{border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:20px 18px}
.box h4{font-size:14px;letter-spacing:.1em;color:#ff9a6e;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09);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:#9aa0c8;display:block;padding:4px 0}
.box ul li a:hover{color:#ff9a6e;transform:translateX(3px)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.cta a{padding:12px 28px;border-radius:12px;font-weight:700;font-size:14px}
.cta a.p{background:linear-gradient(90deg,#ff9a6e,color-mix(in srgb,#ff9a6e 55%,#000));color:#0b0d12}

.cta a.s{border:1px solid rgba(255,255,255,.09);color:#f0f2ff}
.cta a.s:hover{border-color:#ff9a6e;color:#ff9a6e}
.quote{border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:24px}
.quote h3{color:#ffd36e;font-size:17px}
.quote .row{margin:10px 0}
.quote input,.quote textarea{width:100%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 14px;color:#f0f2ff;font-size:14px;font-family:inherit}
.quote input:focus,.quote textarea:focus{outline:none;border-color:#ff9a6e}
.quote button{margin-top:6px;padding:11px 26px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,#ff9a6e,color-mix(in srgb,#ff9a6e 55%,#000));color:#0b0d12;font-weight:800;cursor:pointer}
.quote .sm{font-size:12px;color:#9aa0c8}
.qbox{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px;border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:14px 18px}
.qbox a{color:#ff9a6e;font-weight:700}
.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tags a{font-size:12.5px;color:#9aa0c8;border:1px solid rgba(255,255,255,.09);border-radius:12px;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:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:14px 18px;font-size:13.5px;color:#9aa0c8;transition:.3s;text-align:center}
.pager a:hover{border-color:#ff9a6e;color:#ff9a6e}
dl.dl{display:grid;grid-template-columns:110px 1fr;border:1px solid color-mix(in srgb,#ff9a6e 20%,rgba(255,255,255,.09));background:color-mix(in srgb,#11142a 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}
dl.dl dt{padding:13px 18px;background:#171b3a;color:#ff9a6e;font-weight:700;font-size:14px;border-bottom:1px solid rgba(255,255,255,.09)}
dl.dl dd{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.09);color:#8f95bd;font-size:14px}
form .row{margin:10px 0}
form input,form textarea{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 14px;color:#f0f2ff;font-size:14px;font-family:inherit;width:100%}
form input:focus,form textarea:focus{outline:none;border-color:#ff9a6e}
form button{padding:11px 28px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,#ff9a6e,color-mix(in srgb,#ff9a6e 55%,#000));color:#0b0d12;font-weight:800;cursor:pointer;margin-top:6px}
footer{margin-top:60px;border-top:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.28);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:transparent;background:linear-gradient(90deg,#ff9a6e,#ffd36e,#ff9a6e);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0;opacity:.85;position:relative;user-select:none;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.giant.lit{opacity:1}
.cols4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;position:relative;margin-top:40px}
footer h5{color:#ffd36e;font-size:14.5px;margin-bottom:12px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
footer .cols4 p{font-size:13px;color:#9aa0c8}
footer .cols4 ul{list-style:none}
footer .cols4 li a{font-size:13px;color:#9aa0c8;display:inline-block;padding:3px 0}
footer .cols4 li a:hover{color:#ff9a6e}
footer .map{margin-top:20px;font-size:12.5px;color:#9aa0c8;line-height:2;position:relative}
footer .map a{color:#9aa0c8;margin-right:4px}
footer .map a:hover{color:#ff9a6e}
footer .cp{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);font-size:12.5px;color:#9aa0c8;position:relative}
footer .cp a:hover{color:#ff9a6e}
.bktop{position:fixed;right:26px;bottom:30px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(10,14,24,.85);backdrop-filter:blur(8px);color:#ff9a6e;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:#ff9a6e;color:#0b0d12;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:12px;font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.09);cursor:pointer;transition:.35s var(--ease)}
.btn.main{background:linear-gradient(90deg,#ff9a6e,color-mix(in srgb,#ff9a6e 55%,#000));color:#0b0d12}
.btn.main:hover,.cta a.p:hover{transform:translateY(-3px);box-shadow:0 16px 36px color-mix(in srgb,#ff9a6e 40%,transparent)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f0f2ff;border:1px solid rgba(255,255,255,.09)}
.btn.ghost:hover{border-color:#ff9a6e;color:#ff9a6e}
.marquee{padding:18px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);overflow:hidden;background:#11142a}
.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 #3a4557;display:inline-flex;align-items:center;gap:20px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.marquee .row span b{color:#ff9a6e;-webkit-text-stroke:0;font-size:.5em}
.burger{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.burger span{display:block;width:18px;height:2px;background:#f0f2ff;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,#171b3a,#0b0e1c);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:800;color:#9aa0c8;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:#ff9a6e}
#nmenu .close{position:absolute;top:26px;right:26px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:none;color:#f0f2ff;font-size:22px;cursor:pointer;z-index:2}
.phero{position:relative;overflow:hidden;padding:64px 0 46px;border-bottom:1px solid rgba(255,255,255,.09)}
.phero .wrap{position:relative;z-index:2}
.phero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ff9a6e;font-size:12.5px;letter-spacing:.32em;font-weight:700;margin-bottom:14px}
.phero .eyebrow::before{content:"";width:26px;height:1px;background:#ff9a6e}
.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:#ff9a6e;box-shadow:0 0 26px #ff9a6e;transition:transform .25s ease-out;pointer-events:none;z-index:1}
.phero.band{background:linear-gradient(140deg,color-mix(in srgb,#171b3a 90%,transparent),#0b0e1c)}.phero.dg{background:color-mix(in srgb,#11142a 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,#ff9a6e 16%,transparent),transparent 55%)}.phero.dg .sweep{position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,color-mix(in srgb,#ff9a6e 12%,transparent),transparent);animation:sweep 7s linear infinite}.phero.st{background:repeating-linear-gradient(90deg,color-mix(in srgb,#ff9a6e 8%,transparent) 0 1px,transparent 1px 68px),#11142a}.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,#ff9a6e 55%,transparent);z-index:1;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
/* nf3:mesh */