.archive-page{--paper:#f6efe2;--paper-2:#fbf6ec;--card:#fffdf8;--ink:#211c16;--ink-soft:#5c5345;--line:#e3d8c4;--clay:#c8542e;--clay-deep:#9e3e20;--olive:#41513f;--gold:#d7a33f}.archive-page .wrap{max-width:1180px;margin:0 auto;padding:0 40px}.archive-page .arc-head{padding:58px 0 26px}.archive-page .crumb{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:28px;font-size:13.5px;display:flex}.archive-page .crumb a{transition:color .18s}.archive-page .crumb a:hover{color:var(--clay)}.archive-page .crumb span{color:#c9bba1}.archive-page .crumb b{color:var(--ink);font-weight:700}.archive-page .arc-title{justify-content:space-between;align-items:flex-end;gap:34px;display:flex}.archive-page .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--clay-deep);align-items:center;gap:9px;margin-bottom:0;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.archive-page .eyebrow:before{content:"";background:var(--clay);width:26px;height:2px}.archive-page .arc-title h1{margin:14px 0 0;font-family:Noto Serif TC,serif;font-size:clamp(38px,4.6vw,56px);font-weight:900;line-height:1.18}.archive-page .arc-title .lead{color:var(--ink-soft);max-width:52ch;margin:18px 0 0;font-size:17px;line-height:1.85}.archive-page .arc-count{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;flex:none;padding:18px 28px}.archive-page .arc-count b{color:var(--clay);font-family:Noto Serif TC,serif;font-size:42px;font-weight:900;line-height:1;display:block}.archive-page .arc-count span{color:var(--ink-soft);font-size:13px}.archive-page .toolbar-wrap{z-index:40;backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6efe2eb;position:sticky;top:64px}@media (width>=768px){.archive-page .toolbar-wrap{top:74px}}.archive-page .toolbar{justify-content:space-between;align-items:center;gap:18px;height:64px;display:flex}.archive-page .filters{scrollbar-width:none;gap:9px;display:flex;overflow-x:auto}.archive-page .filters::-webkit-scrollbar{display:none}.archive-page .chip{color:var(--ink-soft);border:1px solid var(--line);background:var(--card);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.archive-page .chip:hover{border-color:var(--clay);color:var(--clay)}.archive-page .chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.archive-page .chip .chip-n{opacity:.7;min-width:1.1em;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:12px;font-weight:600}.archive-page .chip.active .chip-n{opacity:.85}.archive-page .filter-empty{color:var(--ink-soft);grid-column:1/-1;margin:0 0 20px;font-size:15px}.archive-page .card[hidden]{display:none!important}.archive-page .sort{flex:none;align-items:center;gap:8px;display:flex}.archive-page .sort-l{color:var(--ink-soft);font-size:13px}.archive-page .sort-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 13px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .16s}.archive-page .sort-btn:hover{background:var(--card)}.archive-page .sort-btn.active{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.archive-page #list.sec{padding:46px 0 64px}.archive-page .grid2{grid-template-columns:1fr 1fr;gap:34px;display:grid}.archive-page .card{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.archive-page .card:hover{transform:translateY(-6px);box-shadow:0 26px 46px -30px #5032148c}.archive-page .ph{color:#b39b6e;aspect-ratio:16/10;background:repeating-linear-gradient(135deg,#efe4cf,#efe4cf 11px,#ead9bd 11px 22px);line-height:0;display:block;position:relative;overflow:hidden}.archive-page .ph img{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.archive-page .ph .ph-tag{z-index:2;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:#fffdf8d9;border-radius:999px;padding:6px 12px;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:12.5px;line-height:normal;position:absolute;top:12px;left:12px}.archive-page .ph:not(:has(img)){justify-content:center;align-items:center;display:flex}.archive-page .ph:not(:has(img)) .ph-tag{position:static}.archive-page .card .c-body{flex-direction:column;flex:1;padding:24px 26px 28px;display:flex}.archive-page .cat-tag{letter-spacing:.04em;color:var(--olive);background:#41513f1a;border-radius:999px;margin-bottom:0;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-block}.archive-page .card h3{text-wrap:pretty;margin:14px 0 12px;font-family:Noto Serif TC,serif;font-size:21px;font-weight:700;line-height:1.42}.archive-page .card h3 a{transition:color .18s}.archive-page .card:hover h3 a{color:var(--clay)}.archive-page .card .ex{color:var(--ink-soft);flex:1;margin:0 0 20px;font-size:14.5px;line-height:1.75}.archive-page .meta{color:var(--ink-soft);align-items:center;gap:14px;margin-top:auto;font-size:13.5px;display:flex}.archive-page .meta .dot{background:var(--line);border-radius:50%;width:3px;height:3px}.archive-page .pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:52px;padding-top:32px;display:flex}.archive-page .pg-nums{align-items:center;gap:6px;display:flex}.archive-page .pg{color:var(--ink-soft);border-radius:11px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:14.5px;font-weight:600;transition:all .16s;display:inline-flex}.archive-page .pg:hover{background:var(--card);color:var(--ink)}.archive-page .pg.active{background:var(--clay);color:#fff}.archive-page .pg-prev,.archive-page .pg-next{border:1px solid var(--line)}.archive-page .pg-prev[aria-disabled=true]{opacity:.4;pointer-events:none}.archive-page .pg-gap{color:var(--ink-soft);padding:0 4px}@media (width<=920px){.archive-page .wrap{padding:0 22px}.archive-page .arc-title{flex-direction:column;align-items:flex-start;gap:18px}.archive-page .toolbar-wrap{top:64px}.archive-page .toolbar{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:12px 0}.archive-page .grid2{grid-template-columns:1fr;gap:22px}.archive-page #list.sec{padding:36px 0 48px}}@media (width<=560px){.archive-page .wrap{padding:0 18px}.archive-page .card .ph{min-height:150px}.archive-page .pager{flex-direction:column;gap:16px}.archive-page .pg-prev,.archive-page .pg-next{justify-content:center;width:100%}}