.page-yili {
  --yl-ink:#19162d;
  --yl-plum:#3d2455;
  --yl-violet:#704b8f;
  --yl-lime:#b8d94e;
  --yl-saffron:#f0b84e;
  --yl-rose:#d96579;
  --yl-paper:#f3ead8;
  --yl-mint:#cfe6cf;
  color:var(--yl-ink);
  background:var(--yl-paper);
  overflow-x:clip;
}
.page-yili .city-main{overflow:clip}
.page-yili .city-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.page-yili .city-section{padding:108px 0}
.page-yili .reveal{opacity:0;transform:translateY(25px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.page-yili .reveal.is-visible{opacity:1;transform:none}
.page-yili .yl-hero{position:relative;min-height:810px;color:#fff8e9;background:var(--yl-ink);isolation:isolate}
.page-yili .yl-hero-media,.page-yili .yl-hero-media img,.page-yili .yl-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.page-yili .yl-hero-media img{object-fit:cover;object-position:center 52%}
.page-yili .yl-hero-shade{z-index:1;background:linear-gradient(90deg,rgba(20,15,39,.94),rgba(28,17,45,.82) 49%,rgba(24,18,38,.49)),linear-gradient(0deg,rgba(23,15,38,.86),transparent 53%)}
.page-yili .yl-hero-shell{position:relative;z-index:2;padding-top:28px;padding-bottom:34px}
.page-yili .yl-crumb{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:58px;color:rgba(255,248,233,.72);font-size:13px}
.page-yili .yl-crumb a{color:inherit}.page-yili .yl-crumb i{color:var(--yl-lime);font-style:normal}.page-yili .yl-crumb strong{color:#fff8e9}
.page-yili .yl-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);gap:68px;align-items:center}
.page-yili .yl-kicker{display:flex;align-items:center;gap:14px;margin:0 0 23px;font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.12em}
.page-yili .yl-kicker span{padding:9px 12px;color:var(--yl-ink);background:var(--yl-lime)}
.page-yili .yl-kicker em{color:#f4c86a;font-style:normal}
.page-yili .yl-hero-copy h1{max-width:680px;margin:0;color:#fff9ef;font-size:clamp(50px,4.5vw,63px);line-height:1.04;letter-spacing:-.055em}
.page-yili .yl-hero-copy h1 strong{display:block;color:#f3c45e;font-weight:860}
.page-yili .yl-hero-copy>p:not(.yl-kicker){max-width:650px;margin:27px 0 0;color:rgba(255,248,233,.76);font-size:17px;line-height:1.86}
.page-yili .yl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.page-yili .yl-btn{display:inline-flex;min-height:50px;padding:0 23px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.38);color:#fff9eb;font-size:14px;font-weight:820;transition:.22s ease}
.page-yili .yl-btn:hover{color:var(--yl-ink);background:#fff8e9;transform:translateY(-2px)}
.page-yili .yl-btn.is-lime{color:var(--yl-ink);border-color:var(--yl-lime);background:var(--yl-lime)}
.page-yili .yl-workbench{position:relative;overflow:hidden;min-height:490px;padding:18px;border:1px solid rgba(184,217,78,.36);background:rgba(30,20,48,.78);box-shadow:0 28px 80px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.page-yili .yl-workbench::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(184,217,78,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(184,217,78,.25) 1px,transparent 1px);background-size:36px 36px}
.page-yili .yl-workbench-head{position:relative;z-index:2;display:flex;justify-content:space-between;padding:10px 12px 15px;border-bottom:1px solid rgba(184,217,78,.3);color:var(--yl-lime);font:800 11px/1 ui-monospace,monospace;letter-spacing:.12em}
.page-yili .yl-workbench-head b{color:#f4c968}
.page-yili .yl-shape-field{position:relative;z-index:1;height:160px;margin:12px 10px}
.page-yili .yl-shape-field i{position:absolute;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}
.page-yili .yl-shape-field .sq{left:7%;top:25%;width:70px;height:70px;background:var(--yl-lime);transform:rotate(-8deg)}
.page-yili .yl-shape-field .ci{left:36%;top:12%;width:62px;height:62px;border-radius:50%;background:var(--yl-rose)}
.page-yili .yl-shape-field .tr{left:61%;top:38%;width:0;height:0;border-right:39px solid transparent;border-bottom:66px solid #f1bd55;border-left:39px solid transparent;transform:rotate(17deg)}
.page-yili .yl-shape-field .rc{right:4%;top:8%;width:76px;height:54px;border-radius:22px;background:#79b89a;transform:rotate(10deg)}
.page-yili .yl-shape-field .s2{left:29%;top:67%;width:35px;height:35px;background:#8a66a0}
.page-yili .yl-shape-field .c2{left:76%;top:73%;width:28px;height:28px;background:var(--yl-lime)}
.page-yili .yl-workbench-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.page-yili .yl-workbench-grid article{min-height:106px;padding:16px;border:1px solid rgba(255,255,255,.1);background:rgba(39,25,57,.88)}
.page-yili .yl-workbench-grid article:nth-child(2),.page-yili .yl-workbench-grid article:nth-child(3){background:rgba(68,39,77,.88)}
.page-yili .yl-workbench-grid small{display:block;margin-bottom:10px;color:var(--yl-lime);font:800 10px/1 ui-monospace,monospace;letter-spacing:.1em}
.page-yili .yl-workbench-grid b{color:#fff8eb;font-size:18px}.page-yili .yl-workbench-grid p{margin:7px 0 0;color:rgba(255,248,235,.57);font-size:12px}
.page-yili .yl-hero-marks{display:grid;grid-template-columns:repeat(5,1fr);margin-top:50px;border-top:1px solid rgba(255,255,255,.18)}
.page-yili .yl-hero-marks span{display:flex;padding:18px 8px 0;align-items:center;justify-content:center;gap:8px;color:rgba(255,248,233,.64);font:750 11px/1 ui-monospace,monospace}
.page-yili .yl-hero-marks i{display:inline-block;width:11px;height:11px;background:var(--yl-lime)}
.page-yili i.circle{border-radius:50%}.page-yili i.triangle{width:0!important;height:0!important;border-right:7px solid transparent;border-bottom:12px solid var(--yl-saffron);border-left:7px solid transparent;background:transparent!important}.page-yili i.round{border-radius:4px;background:var(--yl-rose)}.page-yili i.diamond{transform:rotate(45deg);background:#80b49d}
.page-yili .yl-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:72px;align-items:end;margin-bottom:54px}
.page-yili .yl-head .city-eyebrow{margin:0 0 15px;color:#7c4c84;font:820 11px/1.2 ui-monospace,monospace;letter-spacing:.13em}
.page-yili .yl-head h2{margin:0;color:var(--yl-ink);font-size:46px;line-height:1.08;letter-spacing:-.04em}
.page-yili .yl-head>p{margin:0;color:#5e5a68;font-size:16px;line-height:1.9}
.page-yili .yl-head.is-dark .city-eyebrow{color:var(--yl-lime)}.page-yili .yl-head.is-dark h2{color:#fff9ec}.page-yili .yl-head.is-dark>p{color:rgba(255,249,236,.65)}
.page-yili .yl-legend{position:relative;background:#f4ebdb}
.page-yili .yl-legend::before{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle at center,rgba(112,75,143,.2) 0 2px,transparent 2px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 86%)}
.page-yili .yl-legend .city-shell{position:relative}
.page-yili .yl-legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.page-yili .yl-legend-grid article{position:relative;min-height:230px;padding:28px 24px;border:1px solid rgba(25,22,45,.16);background:rgba(255,251,241,.86);box-shadow:0 18px 42px rgba(51,36,52,.08)}
.page-yili .yl-legend-grid i{display:block;width:26px;height:26px;background:var(--yl-lime)}
.page-yili .yl-legend-grid article:nth-child(2) i{background:var(--yl-rose)}
.page-yili .yl-legend-grid span{display:block;margin-top:25px;color:#7d5a83;font:800 10px/1 ui-monospace,monospace;letter-spacing:.1em}
.page-yili .yl-legend-grid h3{margin:19px 0 12px;font-size:22px}.page-yili .yl-legend-grid p{margin:0;color:#66616c;line-height:1.78}
.page-yili .yl-mosaic-section{color:#fff8eb;background:var(--yl-ink)}
.page-yili .yl-module-nav{position:sticky;top:82px;z-index:8;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:34px;border:1px solid rgba(184,217,78,.25);background:rgba(25,22,45,.93);box-shadow:0 14px 35px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.page-yili .yl-module-nav a{display:flex;min-height:62px;align-items:center;justify-content:center;border-right:1px solid rgba(184,217,78,.16);color:rgba(255,248,235,.62);font-size:13px;font-weight:800}
.page-yili .yl-module-nav a:last-child{border:0}.page-yili .yl-module-nav a[aria-current=step]{color:var(--yl-ink);background:var(--yl-lime)}
.page-yili .yl-waterfall{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:start}
.page-yili .yl-piece{position:relative;overflow:hidden;border:1px solid rgba(184,217,78,.2);background:#2d2340;scroll-margin-top:154px}
.page-yili .yl-piece>i{position:absolute;top:22px;right:22px;display:block;width:22px;height:22px;background:var(--yl-lime)}
.page-yili .yl-piece>p:first-of-type,.page-yili .yl-piece-copy>p:first-child{margin:0 0 13px;color:var(--yl-lime);font:820 10px/1.2 ui-monospace,monospace;letter-spacing:.11em}
.page-yili .yl-piece h3{margin:0;color:#fff9ed;font-size:27px;line-height:1.24;letter-spacing:-.025em}
.page-yili .yl-piece p:not(:first-child),.page-yili .yl-piece-copy>p:not(:first-child){color:rgba(255,249,237,.65);line-height:1.86}
.page-yili .yl-piece ul{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.page-yili .yl-piece li{position:relative;padding-left:20px;color:#efe4d1;font-size:14px}.page-yili .yl-piece li::before{content:"";position:absolute;top:.42em;left:0;width:8px;height:8px;background:var(--yl-rose);transform:rotate(45deg)}
.page-yili .yl-piece figure{overflow:hidden;margin:0}.page-yili .yl-piece figure img{display:block;width:100%;height:100%;object-fit:cover}
.page-yili .yl-piece-copy{padding:36px 32px}
.page-yili .yl-piece.is-register{grid-column:span 7;display:grid;grid-template-columns:1fr;min-height:740px}.page-yili .yl-piece.is-register figure{height:350px;order:-1}.page-yili .yl-piece.is-register .yl-piece-copy{padding:34px}
.page-yili .yl-piece.is-stock{grid-column:span 5;min-height:430px;padding:36px 31px;background:#4a3155}
.page-yili .yl-piece.is-processing{grid-column:span 5;min-height:296px;padding:34px 31px;background:#304a43}
.page-yili .yl-piece.is-trade{grid-column:span 7;min-height:410px;padding:38px 34px;background:#35294c}
.page-yili .yl-piece.is-tourism{grid-column:span 5;min-height:340px;padding:36px 31px;background:#60394d}
.page-yili .yl-piece.is-accounting{grid-column:span 7;display:grid;grid-template-columns:1.05fr .95fr;min-height:455px;background:#27203b}.page-yili .yl-piece.is-accounting figure{min-height:455px}.page-yili .yl-piece.is-accounting .yl-piece-copy{align-self:center}
.page-yili .yl-piece.is-growth{grid-column:span 12;display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px;background:#2e493f}.page-yili .yl-piece.is-growth figure{min-height:430px}
.page-yili .yl-tag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:22px}.page-yili .yl-tag-grid span{padding:11px 12px;border-left:3px solid var(--yl-lime);color:#fff4df;background:rgba(255,255,255,.06);font-size:12px;font-weight:780}
.page-yili .yl-path-row{display:flex;margin-top:28px;align-items:center;gap:10px;flex-wrap:wrap}.page-yili .yl-path-row span{padding:11px 15px;color:var(--yl-ink);background:var(--yl-lime);font-size:12px;font-weight:820}.page-yili .yl-path-row b{color:var(--yl-saffron)}
.page-yili .yl-platform{background:#e9ddca}.page-yili .yl-platform-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);gap:20px}
.page-yili .yl-platform-grid figure{position:relative;overflow:hidden;min-height:500px;margin:0;border:1px solid rgba(25,22,45,.16);background:#211b35;box-shadow:0 20px 50px rgba(50,35,51,.12)}
.page-yili .yl-platform-grid figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}.page-yili .yl-platform-grid figcaption{position:absolute;right:0;bottom:0;left:0;padding:15px 20px;color:#fff8eb;background:rgba(25,22,45,.88);font:780 11px/1.2 ui-monospace,monospace}
.page-yili .yl-workspace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.page-yili .yl-workspace-grid article{position:relative;min-height:245px;padding:28px 24px;border:1px solid rgba(25,22,45,.14);background:#f9f0df}.page-yili .yl-workspace-grid article:nth-child(1),.page-yili .yl-workspace-grid article:nth-child(4){color:#fff8e9;background:var(--yl-plum)}
.page-yili .yl-workspace-grid i{position:absolute;top:20px;right:20px;width:18px;height:18px;background:var(--yl-lime)}.page-yili .yl-workspace-grid span{color:#98677e;font:850 10px/1 ui-monospace,monospace}.page-yili .yl-workspace-grid h3{margin:50px 0 11px;font-size:23px}.page-yili .yl-workspace-grid p{margin:0;color:#68616d;line-height:1.78}.page-yili .yl-workspace-grid article:nth-child(1) p,.page-yili .yl-workspace-grid article:nth-child(4) p{color:rgba(255,248,233,.66)}
.page-yili .yl-articles{color:#fff8ea;background:#30233f}.page-yili .yl-article-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.page-yili .yl-article-grid a{position:relative;display:flex;min-height:260px;padding:25px;flex-direction:column;border:1px solid rgba(184,217,78,.2);color:#fff8ea;background:#44304f}.page-yili .yl-article-grid a:nth-child(1),.page-yili .yl-article-grid a:nth-child(2){grid-column:span 6}.page-yili .yl-article-grid a:nth-child(n+3){grid-column:span 4}.page-yili .yl-article-grid a::after{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:var(--yl-lime);clip-path:polygon(100% 0,100% 100%,0 0)}.page-yili .yl-article-grid a:hover{border-color:var(--yl-lime);background:#51395a}.page-yili .yl-article-grid span{color:var(--yl-lime);font:820 10px/1 ui-monospace,monospace}.page-yili .yl-article-grid em{margin-top:28px;color:#f4c86c;font-size:12px;font-style:normal;font-weight:780}.page-yili .yl-article-grid h3{margin:14px 0 30px;font-size:21px;line-height:1.48}.page-yili .yl-article-grid b{margin-top:auto;color:rgba(255,248,234,.56);font-size:12px}
.page-yili .yl-scope{background:var(--yl-paper)}.page-yili .yl-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.page-yili .yl-scope-grid article{position:relative;min-height:245px;padding:30px 25px;border:1px solid rgba(25,22,45,.16);background:#fbf3e4}.page-yili .yl-scope-grid article:nth-child(even){background:#e1e7ce}.page-yili .yl-scope-grid i{display:block;width:22px;height:22px;background:var(--yl-violet)}.page-yili .yl-scope-grid h3{margin:44px 0 13px;font-size:22px}.page-yili .yl-scope-grid p{margin:0;color:#625e68;line-height:1.82}
.page-yili .yl-faq{color:#fff8eb;background:#21182f}.page-yili .yl-faq-list{border-top:1px solid rgba(184,217,78,.3)}.page-yili .yl-faq-list details{border-bottom:1px solid rgba(184,217,78,.22)}.page-yili .yl-faq-list summary{display:grid;grid-template-columns:64px 1fr 30px;gap:18px;min-height:90px;align-items:center;cursor:pointer;color:#fff9ec;font-size:17px;font-weight:770;list-style:none}.page-yili .yl-faq-list summary::-webkit-details-marker{display:none}.page-yili .yl-faq-list summary span{color:var(--yl-lime);font:820 10px/1 ui-monospace,monospace}.page-yili .yl-faq-list summary b{color:#f1bd58;font-size:24px;font-weight:400;transition:transform .2s ease}.page-yili .yl-faq-list details[open] summary b{transform:rotate(45deg)}.page-yili .yl-faq-list details>p{max-width:950px;margin:0;padding:0 64px 30px 82px;color:rgba(255,248,235,.66);line-height:1.9}
.page-yili .yl-final{position:relative;overflow:hidden;color:#fff8ea;background:#4b2c54}.page-yili .yl-final::before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(45deg,var(--yl-lime) 25%,transparent 25%),linear-gradient(-45deg,var(--yl-lime) 25%,transparent 25%);background-size:54px 54px}.page-yili .yl-final .city-shell{position:relative}.page-yili .yl-final p{color:var(--yl-lime);font:820 11px/1.2 ui-monospace,monospace;letter-spacing:.12em}.page-yili .yl-final h2{max-width:990px;margin:18px 0 20px;font-size:45px;line-height:1.16;letter-spacing:-.035em}.page-yili .yl-final span{display:block;max-width:760px;color:rgba(255,248,234,.7);line-height:1.8}
@media(max-width:980px){.page-yili .yl-hero-grid{grid-template-columns:1fr}.page-yili .yl-hero{min-height:1180px}.page-yili .yl-workbench{width:min(640px,100%)}.page-yili .yl-legend-grid,.page-yili .yl-scope-grid{grid-template-columns:repeat(2,1fr)}.page-yili .yl-platform-grid{grid-template-columns:1fr}}
@media(max-width:700px){.page-yili .city-shell{width:min(100% - 30px,1160px)}.page-yili .city-section{padding:78px 0}.page-yili .yl-hero{min-height:1080px}.page-yili .yl-hero-media img{object-position:center top}.page-yili .yl-hero-shade{background:linear-gradient(180deg,rgba(24,15,39,.7),rgba(25,16,42,.92) 52%,rgba(24,15,39,.99))}.page-yili .yl-hero-shell{padding-top:18px}.page-yili .yl-crumb{margin-bottom:46px}.page-yili .yl-hero-grid{display:block}.page-yili .yl-kicker{align-items:flex-start;flex-direction:column;gap:9px}.page-yili .yl-hero-copy h1{font-size:38px;line-height:1.08;letter-spacing:-.045em}.page-yili .yl-hero-copy>p:not(.yl-kicker){margin-top:22px;font-size:15px;line-height:1.78}.page-yili .yl-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:27px}.page-yili .yl-btn{min-height:48px;padding:0 11px;font-size:12px}.page-yili .yl-workbench{min-height:370px;margin-top:30px;padding:12px}.page-yili .yl-shape-field{height:92px}.page-yili .yl-shape-field .sq{width:43px;height:43px}.page-yili .yl-shape-field .ci{width:39px;height:39px}.page-yili .yl-shape-field .tr{border-right-width:25px;border-bottom-width:43px;border-left-width:25px}.page-yili .yl-workbench-grid article{min-height:82px;padding:12px}.page-yili .yl-workbench-grid b{font-size:15px}.page-yili .yl-workbench-grid p{font-size:10px}.page-yili .yl-hero-marks{grid-template-columns:repeat(5,minmax(86px,1fr));margin-top:34px;overflow-x:auto;scrollbar-width:none}.page-yili .yl-hero-marks span{font-size:10px}.page-yili .yl-head{display:block;margin-bottom:38px}.page-yili .yl-head h2{font-size:32px;line-height:1.12}.page-yili .yl-head>p{margin-top:22px;font-size:14px;line-height:1.78}.page-yili .yl-legend-grid,.page-yili .yl-scope-grid{grid-template-columns:1fr}.page-yili .yl-legend-grid article{min-height:170px}.page-yili .yl-module-nav{top:72px;display:flex;margin:0 -15px 32px;overflow-x:auto;border-right:0;border-left:0;scrollbar-width:none}.page-yili .yl-module-nav a{min-width:130px;min-height:58px;flex:0 0 auto}.page-yili .yl-waterfall{display:block}.page-yili .yl-piece{margin-bottom:12px;scroll-margin-top:142px}.page-yili .yl-piece.is-register,.page-yili .yl-piece.is-accounting,.page-yili .yl-piece.is-growth{display:block;min-height:0}.page-yili .yl-piece.is-register figure,.page-yili .yl-piece.is-accounting figure,.page-yili .yl-piece.is-growth figure{height:auto;min-height:0}.page-yili .yl-piece figure img{height:auto;aspect-ratio:3/2}.page-yili .yl-piece.is-stock,.page-yili .yl-piece.is-processing,.page-yili .yl-piece.is-trade,.page-yili .yl-piece.is-tourism{min-height:0;padding:32px 24px}.page-yili .yl-piece-copy{padding:30px 24px}.page-yili .yl-piece h3{font-size:24px}.page-yili .yl-platform-grid figure{min-height:300px}.page-yili .yl-workspace-grid{grid-template-columns:1fr}.page-yili .yl-workspace-grid article{min-height:180px}.page-yili .yl-workspace-grid h3{margin-top:30px}.page-yili .yl-article-grid{display:block}.page-yili .yl-article-grid a{min-height:220px;margin-bottom:10px}.page-yili .yl-scope-grid article{min-height:175px}.page-yili .yl-scope-grid h3{margin-top:30px}.page-yili .yl-faq-list summary{grid-template-columns:48px 1fr 24px;gap:9px;min-height:84px;font-size:15px;line-height:1.52}.page-yili .yl-faq-list details>p{padding:0 23px 28px 57px;font-size:14px}.page-yili .yl-final h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.page-yili *,.page-yili *::before,.page-yili *::after{scroll-behavior:auto!important;animation-duration:0s!important;transition-duration:0s!important}.page-yili .reveal{opacity:1!important;transform:none!important}}
.page-yili.yl-reduce-motion .reveal{opacity:1!important;transform:none!important;transition-duration:0s!important;animation-duration:0s!important}
