.token-directory{max-width:1400px;margin:40px auto}.directory-intro h1{font-size:54px;color:white;margin:18px 0}.directory-intro>p{font-size:10px;letter-spacing:2px}.directory-intro>span{font-size:14px}.directory-tools{display:flex;gap:20px;align-items:end;padding:22px;margin:30px 0 16px;border:1px solid #ffffff66;border-radius:14px;background:#d7e8f12e;backdrop-filter:blur(12px)}.directory-tools label{margin:0;flex:1}.directory-tools input,.directory-tools select{background:#f8fbf5ed}.directory-tools button{color:white;border-color:#ffffff88;margin-bottom:1px}#token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}.listed-token{padding:24px;border:1px solid #ffffff90;border-radius:16px;background:#f1f8fbe0;color:#345363;backdrop-filter:blur(12px)}.token-head{display:flex;gap:16px;align-items:center}.token-head h2{margin:0 0 7px}.token-head span{font:10px monospace}.listed-icon{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#d9ebf5;overflow:hidden}.listed-icon{position:relative}.listed-icon.has-image{font-size:0}.listed-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.listed-token p{font-size:13px;line-height:1.7}.listed-token code{font-size:11px;display:block;overflow-wrap:anywhere}.token-links{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.token-links a{font-size:12px;color:#37657f}#directory-empty{padding:40px;background:#e3eff132;border-radius:12px;border:1px solid #ffffff44}#directory-status{font-size:12px}@media(max-width:650px){.directory-tools{flex-direction:column;align-items:stretch}.directory-tools label{width:100%}.directory-intro h1{font-size:36px}#token-grid{grid-template-columns:1fr}.workspace-nav{padding-right:0;gap:15px}header #motion-toggle{position:static}}

/* 毕业进度条 —— 让「这个币有多热」一眼可见，而不是埋在一行小字里 */
.listed-progress {
  position: relative;
  height: 6px;
  margin: 10px 0 2px;
  border-radius: 999px;
  background: #0b1a2216;
  overflow: hidden;
}
.listed-progress > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #6aa9d8, #3d8fcb);
  transition: width .4s ease;
}
.token-desc{margin:14px 0 0;font-size:13px;line-height:1.7;color:#3d6377}
.token-socials{display:flex;gap:14px;margin-top:10px}
.token-socials a{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#37657f;border-bottom:1px solid #37657f44;padding-bottom:1px}