:root{--bg:#09070d;--panel:rgba(22,17,31,.64);--purple:#a855f7;--light:#d8b4fe;--text:#f5f3f8;--muted:#948d9d;--line:rgba(255,255,255,.09);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 'DM Sans',sans-serif;overflow-x:hidden}.background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% -15%,#26123b 0,transparent 37%)}.blob{position:absolute;width:44vw;height:44vw;border-radius:50%;filter:blur(80px);opacity:.18;background:#8b2deb;animation:float 16s ease-in-out infinite}.one{top:14%;left:-20%}.two{right:-17%;top:52%;background:#5b21b6;animation-delay:-8s}.noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:70px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(9,7,13,.68);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.wordmark{font:700 20px 'Syne';letter-spacing:-1px;color:#fff;text-decoration:none}.wordmark span{color:var(--light)}nav{display:flex;gap:25px}nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}nav a:hover,nav .active{color:#fff}.drawer-toggle,.drawer-close{display:none}.hero{max-width:900px;margin:0 auto;padding:100px 28px 52px;text-align:center}.eyebrow{font:500 11px 'DM Mono';color:var(--light);letter-spacing:1.6px}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:99px;background:var(--purple);box-shadow:0 0 13px var(--purple);margin:0 8px 1px 0}.hero h1{font:700 clamp(46px,8vw,86px)/.96 'Syne';letter-spacing:-4px;margin:18px 0}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#c084fc,#8b5cf6,#f5d0fe);background-size:200%;-webkit-background-clip:text;color:transparent;animation:gradient 6s linear infinite}.hero-copy{max-width:610px;margin:0 auto;color:var(--muted);font-size:17px}.hero-panel{margin:42px auto 0;padding:16px 22px;max-width:620px;display:flex;text-align:left;gap:28px;align-items:center;border:1px solid rgba(216,180,254,.16);border-radius:14px;background:rgba(29,20,39,.52);backdrop-filter:blur(12px)}.hero-panel>div:first-child{padding-right:28px;border-right:1px solid var(--line)}.hero-panel small,.hero-mini span{display:block;color:var(--muted);font-size:11px}.hero-panel strong{font-size:12px}.hero-panel strong i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a3e635;margin-right:5px}.hero-mini b{font:700 20px 'Syne'}.search-shell{position:sticky;top:70px;z-index:8;padding:16px max(24px,calc((100vw - 1184px)/2));border-block:1px solid var(--line);background:rgba(9,7,13,.82);backdrop-filter:blur(18px)}.search{position:relative;max-width:900px;margin:auto}.search>i{position:absolute;left:17px;top:16px;color:var(--light)}input{width:100%;height:50px;padding:0 94px 0 47px;border:1px solid var(--line);border-radius:13px;outline:0;background:#15101d;color:#fff;font:15px 'DM Sans'}input:focus{border-color:rgba(168,85,247,.8);box-shadow:0 0 0 4px rgba(168,85,247,.12)}kbd{position:absolute;right:45px;top:14px;color:var(--muted);font:11px 'DM Mono';border:1px solid var(--line);border-radius:5px;padding:2px 5px}#clearSearch{display:none;position:absolute;right:12px;top:11px;background:transparent;color:var(--muted);border:0;font-size:16px;cursor:pointer}#searchStatus{max-width:900px;margin:8px auto 0;color:var(--muted);font-size:12px}.stats-bar{max-width:1184px;margin:24px auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr)}.stats-bar div{padding:0 20px;border-left:1px solid var(--line)}.stats-bar span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.stats-bar strong{font:700 25px 'Syne'}.directory-layout{max-width:1184px;margin:auto;padding:18px 24px 100px;display:grid;grid-template-columns:205px 1fr;gap:36px}.sidebar{position:sticky;top:164px;height:fit-content}.side-head{display:none}.side-group{padding-bottom:25px;margin-bottom:21px;border-bottom:1px solid var(--line)}.side-group p{color:var(--muted);font:500 11px 'DM Mono';text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px}.filter{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;padding:8px 9px;color:#b8b2bf;font:13px 'DM Sans';text-align:left;cursor:pointer}.filter:hover{background:rgba(255,255,255,.04);color:#fff}.filter.active{background:rgba(168,85,247,.14);color:#e9d5ff}.filter i{width:16px;color:#81768b}.filter.active i{color:var(--light)}.filter .count{margin-left:auto;color:var(--muted);font:10px 'DM Mono'}.reset{border:0;background:transparent;color:var(--muted);font:12px 'DM Sans';cursor:pointer;padding:4px}.directory .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-title{grid-column:1/-1;margin:28px 0 0;display:flex;align-items:center;gap:10px;font:600 13px 'DM Mono';color:var(--muted);text-transform:uppercase;letter-spacing:1px}.section-title:first-child{margin-top:0}.section-title:after{content:'';height:1px;flex:1;background:var(--line)}.card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(125deg,rgba(255,255,255,.065),rgba(255,255,255,.02));backdrop-filter:blur(12px);transition:.25s}.card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.45);box-shadow:0 16px 35px rgba(0,0,0,.24),0 0 28px rgba(126,34,206,.09)}.card-top{display:flex;gap:13px;align-items:start}.card-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:rgba(168,85,247,.13);color:var(--light)}.card h2{margin:0;font:700 18px 'Syne';letter-spacing:-.5px}.description{margin:8px 0 15px;color:var(--muted);font-size:13px;min-height:20px}.badges{margin-left:auto;display:flex;gap:5px}.badge{white-space:nowrap;border:1px solid rgba(216,180,254,.22);border-radius:99px;padding:3px 7px;color:var(--light);font:10px 'DM Mono';background:rgba(168,85,247,.09)}.seller-list{display:grid;gap:7px}.seller{display:flex;align-items:center;gap:8px;padding:9px 8px 9px 10px;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.035);transition:.18s}.seller:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.22)}.seller-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}.platform{font:10px 'DM Mono';color:#b4aabf}.platform.yupoo{color:#d8b4fe}.platform.weidian{color:#f0abfc}.platform.taobao{color:#fda4af}.seller-actions{display:flex;gap:3px}.seller button,.seller a{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#b9b0c3;cursor:pointer;text-decoration:none;font-size:11px}.seller button:hover,.seller a:hover{background:rgba(255,255,255,.12);color:#fff}.more{margin-top:10px;width:100%;border:0;background:transparent;color:var(--light);font:12px 'DM Sans';cursor:pointer;text-align:left;padding:3px}.empty{padding:90px 20px;text-align:center}.empty div{display:grid;place-items:center;width:56px;height:56px;margin:auto;border-radius:18px;background:rgba(168,85,247,.12);color:var(--light);font-size:21px}.empty h2{font:700 25px 'Syne';margin:18px 0 4px}.empty p{margin:0 auto 18px;max-width:350px;color:var(--muted)}.empty button{padding:9px 13px;border:1px solid rgba(168,85,247,.4);border-radius:9px;background:rgba(168,85,247,.12);color:#fff;cursor:pointer}.skeleton{height:220px;border-radius:var(--radius);background:linear-gradient(100deg,rgba(255,255,255,.035) 25%,rgba(255,255,255,.09) 40%,rgba(255,255,255,.035) 55%);background-size:220% 100%;animation:shimmer 1.5s infinite}footer{max-width:1184px;margin:auto;padding:27px 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px}footer p{flex:1;margin:0}#toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%,20px);padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#241a30;color:#fff;font-size:13px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:reveal .7s both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translate(12vw,5vh) scale(1.18)}}@keyframes gradient{to{background-position:200%}}@keyframes shimmer{to{background-position:-220%}}@media(max-width:720px){.nav{height:62px;padding:0 18px}.nav nav{display:none}.drawer-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#15101d;color:#fff}.hero{padding:68px 20px 40px;text-align:left}.hero h1{letter-spacing:-2.5px}.hero-copy{margin:0}.hero-panel{margin-top:30px;gap:16px;padding:14px}.hero-panel>div:first-child{display:none}.hero-mini:last-child{display:none}.search-shell{top:62px;padding:12px 18px}.stats-bar{margin:18px 0;padding:0 18px}.stats-bar div{padding:0 10px}.stats-bar div:first-child{padding-left:0}.stats-bar strong{font-size:20px}.directory-layout{display:block;padding:8px 18px 75px}.sidebar{position:fixed;z-index:21;top:0;bottom:0;left:0;width:min(300px,84vw);padding:22px;background:#120e19;transform:translateX(-105%);transition:.28s;overflow:auto}.sidebar.open{transform:none}.side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font:700 18px 'Syne'}.drawer-close{display:block;border:0;background:transparent;color:#fff;font-size:18px}.drawer-scrim{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.52);opacity:0;visibility:hidden;transition:.2s}.drawer-scrim.show{opacity:1;visibility:visible}.directory .cards{grid-template-columns:1fr}.card{padding:17px}footer{display:block;padding:22px 18px}footer p{margin:10px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}