.archive.container{padding-block:14px 24px}.archive__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.archive__title{font-size:var(--fs-16);font-weight:var(--fw-bold)}.archive__count{font-size:var(--fs-12);color:var(--c-text-muted)}.archive__filters{display:flex;align-items:center;gap:8px;margin-bottom:16px}.chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1}.chip-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--r);background:var(--c-surface);border:1px solid var(--c-line);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--c-text);white-space:nowrap}.chip.is-active{background:var(--c-teal);border-color:var(--c-teal);color:#fff}.chip--filter{color:var(--c-text-muted)}.chip--filter svg{width:16px;height:16px}.archive__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.archive__grid .pcard{width:auto}.archive__grid .pcard__title{font-size:var(--fs-14);font-weight:var(--fw-regular)}.archive__grid .pcard__now{font-size:var(--fs-16);font-weight:var(--fw-bold);color:#333}.archive__grid .pcard__now small{font-size:8px;font-weight:var(--fw-regular)}.archive__grid .pcard__old{font-size:var(--fs-10);color:#757575}.archive__grid .pcard__off{font-size:9px}.archive__grid .pcard__chip{font-size:var(--fs-10);color:#006fe8}.archive__empty{padding:40px 0;text-align:center;color:var(--c-text-muted)}.archive__pager{margin-top:24px}.archive__pager .page-numbers{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.archive__pager .page-numbers li{display:inline-flex}.archive__pager .page-numbers a,.archive__pager .page-numbers span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:var(--r);background:var(--c-surface);border:1px solid var(--c-line);font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--c-text)}.archive__pager .page-numbers span.current{background:var(--c-teal);border-color:var(--c-teal);color:#fff}.archive__pager .page-numbers .dots{border:0;background:0 0}.archive__rail,.archive__scrim,.frail__sheethead,.frail__reset{display:none}.chip--filter{position:relative}.chip--filter.is-on{border-color:var(--c-teal);color:var(--c-teal)}.chip__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--c-teal);color:#fff;font-size:10px;line-height:1}@media (max-width:1024px){.archive__scrim.is-open{display:block;position:fixed;inset:0;z-index:60;background:rgba(17,24,39,.45)}.archive__rail.is-open{display:flex;flex-direction:column;gap:12px;position:fixed;inset-inline:0;bottom:0;z-index:61;max-width:var(--app-max);max-height:82vh;margin-inline:auto;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--c-bg);border-radius:16px 16px 0 0;box-shadow:0 -8px 24px rgba(17,24,39,.12)}.frail__sheethead{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;margin-inline:-16px;padding:14px 16px 10px;background:var(--c-bg);font-size:var(--fs-14);color:#40444c}.frail__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:var(--c-surface);color:#40444c;cursor:pointer}.frail__close svg{width:18px;height:18px}.frail{background:var(--c-surface);border-radius:8px;padding:12px 16px}.frail__title{margin:0 0 4px;font-size:var(--fs-14);font-weight:var(--fw-medium);color:#40444c}.frail__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.frail__link{display:flex;align-items:center;gap:10px;min-height:44px;font-size:var(--fs-13);color:#40444c}.frail__link:before{content:"";flex:0 0 auto;order:2;width:18px;height:18px;border:1.5px solid #ccd2e0;border-radius:4px}.frail__link.is-on:before{background:var(--c-teal) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--c-teal)}.frail__link span{flex:1}.frail__count{font-style:normal;font-size:var(--fs-12);color:var(--c-gray-400)}.frail__reset,.frail__back{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;font-size:var(--fs-13)}.frail__reset{background:var(--c-teal);color:#fff}.frail__back{border:1px solid var(--c-teal);background:var(--c-surface);color:var(--c-teal)}body.is-sheet-open{overflow:hidden}}