.tile{--c:#FDCD07;--c-light:#FFE36A;--c-dark:#C99A00;--stud:46px;border-radius:9px;padding:16px;transition:transform .2s,box-shadow .2s;background:linear-gradient(165deg,var(--c-light) 0,var(--c) 38%,var(--c) 70%,var(--c-dark) 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 2px 0 0 rgba(255,255,255,.18),inset 0 -5px 0 rgba(0,0,0,.2),inset -2px 0 0 rgba(0,0,0,.12),0 2px 0 var(--c-dark),0 14px 26px rgba(0,0,0,.32)}.tile:hover{transform:translateY(-4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 2px 0 0 rgba(255,255,255,.18),inset 0 -5px 0 rgba(0,0,0,.2),inset -2px 0 0 rgba(0,0,0,.12),0 2px 0 var(--c-dark),0 20px 34px rgba(0,0,0,.38)}.tile:before{background-image:radial-gradient(circle 9px at 44% 38%,rgba(255,255,255,.42),rgba(255,255,255,0) 100%),radial-gradient(circle 13px at 50% 44%,var(--c-light) 0,var(--c) 2px,var(--c) 12px,var(--c-light) 12.5px,transparent 13.5px),radial-gradient(circle 13px at 50% 52%,var(--c-dark) 0 12.5px,transparent 13.5px),radial-gradient(circle 14px at 56% 62%,rgba(0,0,0,.26) 0 11px,transparent 14px);background-size:var(--stud) var(--stud);background-position:0 0;background-repeat:space;background-origin:content-box;padding:6px}.tile:after,.tile:before{content:"";position:absolute;inset:0;pointer-events:none}.tile:after{border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 40%)}.tile>span{position:relative;z-index:1;align-self:flex-start;max-width:100%;padding:10px 13px;border-radius:6px;background:linear-gradient(180deg,var(--c-light),var(--c) 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 var(--c-dark),0 6px 12px rgba(0,0,0,.22);text-shadow:0 1px 1px rgba(0,0,0,.18)}.tile img{z-index:1}.t1{color:#1F2430}.t1>span{text-shadow:none}.t2{--c:#1E6FE8;--c-light:#5C9BFF;--c-dark:#114CB0}.t3{--c:#2AAE48;--c-light:#5CD37A;--c-dark:#1A7F33}.t4{--c:#E3281F;--c-light:#FF5F55;--c-dark:#A8160F}.t4>span{align-self:center}.t2>span,.t3>span,.t4>span{background:var(--c-dark)}@media (max-width:900px){.tile{padding:12px;border-radius:8px;--stud:38px}.tile>span{padding:8px 10px}}.searchbox{position:relative}.searchbox .suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);overflow:hidden;min-width:min(520px,92vw);max-height:min(70vh,560px);overflow-y:auto}.searchbox .suggest a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:8px 12px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.searchbox .suggest a.on,.searchbox .suggest a:hover{background:var(--soft)}.searchbox .suggest .ph,.searchbox .suggest img{width:52px;height:40px;object-fit:contain;background:#fff;border-radius:6px}.searchbox .suggest .txt{display:grid;grid-gap:2px;gap:2px;min-width:0}.searchbox .suggest .txt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchbox .suggest .from{display:grid;text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}.searchbox .suggest .from b{color:var(--good);font-size:13.5px}.searchbox .suggest .all{display:block;grid-template-columns:none;text-align:center;font-weight:700;font-size:14px;border-bottom:0}@media (max-width:640px){.searchbox .suggest{min-width:0}.searchbox .suggest .from{display:none}.searchbox .suggest a{grid-template-columns:44px minmax(0,1fr)}}.searchbox .suggest .themesug{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.searchbox .suggest .ts-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--yellow);color:#1F2430;border-radius:6px;padding:2px 6px}