:root{color-scheme:dark;--bg:#050616;--ink:#f3eeff;--muted:rgba(218,208,255,.66);--faint:rgba(180,161,255,.42);--line:rgba(134,102,255,.2);--strong:rgba(157,116,255,.48);--accent:#9c6cff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 15%,rgba(77,37,181,.18),transparent 30%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(108,82,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(108,82,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 60% 40%,#000,transparent 82%)}.orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none}.orb-one{width:340px;height:340px;right:5%;top:8%;background:rgba(115,50,255,.12)}.orb-two{width:280px;height:280px;left:8%;bottom:5%;background:rgba(231,47,195,.08)}.site-header{position:relative;z-index:2;display:flex;justify-content:space-between;padding:26px clamp(24px,5vw,76px);border-bottom:1px solid var(--line);font:700 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.14em;color:var(--faint)}.back-link{color:var(--ink);text-decoration:none}.back-link:hover{color:#b898ff}main{position:relative;z-index:1;width:min(1480px,calc(100vw - 64px));margin:auto}.page-hero{position:relative;padding:clamp(72px,10vw,140px) 0 70px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 18px;color:#a982ff;font:800 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.2em}.page-hero h1{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.1vw,16px);margin:0;font-size:clamp(52px,6.4vw,98px);line-height:.92;letter-spacing:-.055em;font-weight:820}.page-hero h1 span{position:relative;display:block;width:max-content;max-width:100%;white-space:nowrap}.page-hero h1 span:first-child{padding-right:.18em;background:linear-gradient(90deg,#fff 0%,#e9e0ff 58%,#bda7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(134,91,255,.16)}.page-hero h1 span:last-child{margin-left:clamp(40px,5vw,84px);font-size:.72em;letter-spacing:-.035em;color:rgba(226,216,255,.86)}.page-hero h1 span:last-child::before{content:"";position:absolute;right:calc(100% + 18px);top:52%;width:clamp(28px,3vw,52px);height:1px;background:linear-gradient(90deg,transparent,#9f78ff);box-shadow:0 0 9px rgba(132,83,255,.7)}.page-hero>p:not(.eyebrow){max-width:570px;margin:30px 0 0;color:var(--muted);line-height:1.8}.project-count{position:absolute;right:0;bottom:70px;display:flex;align-items:flex-end;gap:12px}.project-count strong{font-size:54px;line-height:.8;color:#a982ff}.project-count span{font:700 9px/1 ui-monospace,Consolas,monospace;color:var(--faint);letter-spacing:.12em}.directory{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;padding:52px 0 90px}.filters{position:sticky;top:24px;align-self:start;border:1px solid var(--line);background:rgba(9,7,31,.68);backdrop-filter:blur(18px)}.filter-heading{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);font:700 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.14em}.filter-heading button{border:0;background:none;color:var(--faint);cursor:pointer}.filter-group{padding:20px 18px;border-bottom:1px solid var(--line)}.filter-group:last-child{border:0}.filter-group h2{margin:0 0 14px;font-size:14px}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-options button{padding:8px 10px;border:1px solid var(--line);background:rgba(15,11,46,.5);color:var(--muted);font-size:12px;cursor:pointer}.filter-options button:hover,.filter-options button.is-active{border-color:var(--strong);background:rgba(114,70,255,.28);color:var(--ink);box-shadow:0 0 12px rgba(105,61,255,.12)}.results{min-width:0}.table-head,.project-row{display:grid;grid-template-columns:52px minmax(180px,1.4fr) 90px 70px 90px minmax(150px,1fr) 90px;align-items:center;gap:12px}.table-head{height:42px;padding:0 16px;border:1px solid var(--line);color:var(--faint);font:700 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em}.project-list{border-left:1px solid var(--line);border-right:1px solid var(--line)}.project-row{min-height:68px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .2s,transform .2s}.project-row:hover{background:linear-gradient(90deg,rgba(111,69,255,.22),rgba(226,54,194,.05));transform:translateX(5px)}.project-row span{color:#9d7bf1;font:700 10px/1 ui-monospace,Consolas,monospace}.project-row strong{font-size:15px}.project-row em,.project-row i{color:var(--muted);font-size:12px;font-style:normal}.project-row b{color:var(--faint);font:700 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em}.empty-state{padding:80px;text-align:center;border:1px solid var(--line);color:var(--muted)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:22px}.pagination button{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);background:rgba(12,9,39,.72);color:var(--muted);cursor:pointer}.pagination button:hover,.pagination button.is-active{border-color:var(--strong);background:rgba(112,69,255,.3);color:var(--ink)}.pagination button:disabled{opacity:.32;cursor:not-allowed}.page-numbers{display:flex;gap:6px}@media(max-width:1050px){main{width:calc(100vw - 40px)}.directory{grid-template-columns:1fr}.filters{position:relative;top:0}.project-count{position:static;margin-top:38px}.table-head,.project-row{grid-template-columns:42px minmax(170px,1fr) 80px 65px minmax(130px,.8fr) 72px}.table-head span:nth-child(5),.project-row i:nth-of-type(2){display:none}}@media(max-width:680px){.site-header span{display:none}.page-hero h1{font-size:46px;gap:10px}.page-hero h1 span:last-child{margin-left:24px;font-size:.76em}.page-hero h1 span:last-child::before{right:calc(100% + 9px);width:16px}.directory{padding-top:30px}.table-head{display:none}.project-row{grid-template-columns:34px 1fr auto;gap:8px;padding:14px;min-height:78px}.project-row em,.project-row i{display:none}.project-row b{display:block}.pagination{justify-content:center;flex-wrap:wrap}.province-options{max-height:142px;overflow:auto}}
