.types-list-page{background:linear-gradient(160deg,#fff5f8 0%,#fff 50%,#faf0ff 100%);min-height:100vh;padding-bottom:88px}.types-list-header{text-align:center;padding:72px 20px 20px}.types-list-subtitle{color:#e75480;letter-spacing:.03em;margin-bottom:6px;font-size:.875rem;font-weight:500}.types-list-title{color:#2d1b33;margin-bottom:10px;font-size:1.65rem;font-weight:800;line-height:1.3}@media (min-width:640px){.types-list-title{font-size:2.25rem}}@media (min-width:1024px){.types-list-title{font-size:2.75rem}}.types-heart-divider{color:#e75480;margin-bottom:4px;font-size:1rem}.types-filter-wrap{padding:0 12px 20px}.group-filter{flex-wrap:wrap;justify-content:center;gap:8px;max-width:600px;margin:0 auto;display:flex}@media (max-width:480px){.group-filter{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}}.filter-chip{color:#6b4c5e;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d4b8c7;border-radius:100px;flex-shrink:0;padding:7px 15px;font-size:.8125rem;font-weight:600;transition:all .18s}.filter-chip:hover{opacity:.8}.filter-chip.active{color:#fff;background:#e75480;border-color:#e75480}.filter-chip.analyst.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.filter-chip.diplomat.active{color:#fff;background:#ec4899;border-color:#ec4899}.filter-chip.sentinel.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.filter-chip.explorer.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.types-grid-container{max-width:1280px;margin:0 auto;padding:0 10px}.types-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (min-width:640px){.types-grid-container{padding:0 20px}.types-grid{gap:14px}}@media (min-width:1024px){.types-grid{gap:20px}}.type-card-new{cursor:pointer;background:#fff;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 2px 10px #7828501a}.type-card-new:hover{transform:translateY(-5px);box-shadow:0 10px 28px #7828502e}.type-card-img-wrap{aspect-ratio:1;background:linear-gradient(160deg,#f8e8f0,#f0e0f8);width:100%;position:relative;overflow:hidden}.type-card-heart{color:#ffffffeb;text-shadow:0 1px 4px #00000059;z-index:2;font-size:.9375rem;line-height:1;position:absolute;bottom:6px;right:8px}.type-card-info{padding:6px 8px 8px}.type-card-code{letter-spacing:.02em;font-size:.9375rem;font-weight:800;line-height:1.2;display:block}@media (min-width:640px){.type-card-code{font-size:1.125rem}}@media (min-width:1024px){.type-card-code{font-size:1.25rem}}.type-card-sub{color:#6b4c5e;margin-top:2px;font-size:.625rem;font-weight:500;line-height:1.35}@media (min-width:640px){.type-card-sub{font-size:.75rem}}@media (min-width:1024px){.type-card-sub{font-size:.8125rem}.type-card-info{padding:8px 12px 12px}}.types-sticky-bar{z-index:100;padding:10px 16px max(14px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0dde8;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.types-sticky-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.types-sticky-icon{flex-shrink:0;font-size:1.4rem}.types-sticky-text{color:#4a2040;white-space:pre-line;font-size:.75rem;font-weight:500;line-height:1.45}.types-sticky-btn{color:#fff;white-space:nowrap;background:linear-gradient(120deg,#e75480,#c026d3);border-radius:100px;flex-shrink:0;padding:11px 22px;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .18s,transform .18s}.types-sticky-btn:hover{opacity:.88;transform:translateY(-1px)}