@charset "UTF-8";.archive-main{background-color:var(--color-bg-sub,#f8fafc);min-height:60vh}.archive-content-wrapper{max-width:1280px;margin:0 auto;width:100%;padding-bottom:32px}.archive-filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:44px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-pill,9999px);background:#fff;border:1px solid var(--color-border,#e2e8f0);color:var(--color-text,#2d3748);font-size:.9rem;font-weight:700;text-decoration:none;box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.04));transition:all var(--transition-fast,.2s)}.filter-chip-count{font-family:var(--font-accent,'Montserrat',sans-serif);font-size:.8rem;font-weight:600;opacity:.75}.filter-chip:hover{background:var(--color-sub-light,#ebf4fc);border-color:var(--color-sub,#2e8fd5);color:var(--color-main,#15308f);transform:translateY(-2px);box-shadow:0 4px 10px rgba(46,143,213,.15)}.filter-chip.active{background:linear-gradient(135deg,var(--color-main,#15308f) 0%,var(--color-sub,#2e8fd5) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(21,48,143,.25);transform:translateY(-1px)}.filter-chip.active .filter-chip-count{opacity:.9}.category-info-card{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-left:4px solid var(--color-main,#15308f);border-radius:0 var(--radius-md,12px) var(--radius-md,12px) 0;padding:24px 28px;margin-bottom:40px;box-shadow:var(--shadow-sm,0 2px 8px rgba(15,23,42,.04))}.category-info-badge{display:inline-block;font-family:var(--font-accent,'Montserrat',sans-serif);font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--color-sub,#2e8fd5);background:var(--color-sub-light,#ebf4fc);padding:3px 10px;border-radius:var(--radius-pill,9999px);margin-bottom:10px}.category-info-title{font-size:1.25rem;font-weight:800;color:var(--color-main,#15308f);margin:0 0 10px}.category-info-desc{font-size:.95rem;color:var(--color-text-muted,#64748b);line-height:1.8;margin:0}.category-info-desc p:last-child{margin-bottom:0}.archive-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,32px);margin-bottom:56px}.archive-card{background:#fff;border-radius:var(--radius-md,14px);border:1px solid var(--color-border,#e2e8f0);box-shadow:var(--shadow-sm,0 2px 8px rgba(15,23,42,.04));overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-base,.25s) ease}.archive-card:hover{transform:translateY(-6px);border-color:rgba(46,143,213,.4);box-shadow:var(--shadow-lg,0 12px 28px rgba(15,23,42,.1))}.archive-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.archive-card-thumb-wrap{position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;background:var(--color-bg-sub,#f8fafc)}.archive-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.archive-card:hover .archive-card-thumb{transform:scale(1.06)}.archive-card-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.noimg-brand{font-family:var(--font-accent,'Montserrat',sans-serif);font-size:1rem;font-weight:800;letter-spacing:.15em;color:#94a3b8}.archive-card-badge{position:absolute;top:14px;left:14px;background:rgba(21,48,143,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill,9999px);letter-spacing:.04em;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2}.archive-card-body{padding:22px 24px;display:flex;flex-direction:column;flex:1}.archive-card-meta{display:flex;align-items:center;margin-bottom:10px}.archive-card-date{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-accent,'Montserrat',sans-serif);font-size:.85rem;font-weight:600;color:var(--color-text-muted,#64748b)}.archive-card-date svg{color:var(--color-sub,#2e8fd5);flex-shrink:0}.archive-card-title{font-size:1.125rem;font-weight:800;color:var(--color-text,#1e293b);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast,.2s)}.archive-card:hover .archive-card-title{color:var(--color-sub,#2e8fd5)}.archive-card-excerpt{font-size:.9rem;color:var(--color-text-muted,#64748b);line-height:1.7;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.archive-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border,#e2e8f0)}.archive-card-more{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--color-main,#15308f);transition:all var(--transition-fast,.2s)}.archive-card:hover .archive-card-more{color:var(--color-sub,#2e8fd5);transform:translateX(4px)}.archive-works-main .breadcrumb-wrap{margin-bottom:0}.works-full-container{width:100%;max-width:100%;margin:0;padding:clamp(88px,8vw,130px) clamp(16px,2.5vw,40px) clamp(64px,6vw,96px);box-sizing:border-box}.works-content-wrapper{width:100%;max-width:100%;margin:0 auto}.works-full-container .works-grid{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.5vw,20px);margin-bottom:clamp(48px,5vw,64px);box-sizing:border-box}.works-full-container .work-card{position:relative;display:flex;flex-direction:column;aspect-ratio:1/1;background-color:#0f172a;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 10px rgba(15,23,42,.08);transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s),border-color var(--transition-base,.25s);box-sizing:border-box;min-width:0}.works-full-container .work-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,23,42,.18);border-color:#cbd5e1}.works-full-container .work-thumb-frame{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#0f172a}.works-full-container .work-thumb{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.works-full-container .work-card:hover .work-thumb{transform:scale(1.05)}.works-full-container .work-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;background:linear-gradient(180deg,rgba(24,28,34,0) 0%,rgba(24,28,34,.42) 25%,rgba(24,28,34,.78) 55%,rgba(24,28,34,.92) 100%);padding:clamp(44px,5vw,60px) clamp(16px,1.8vw,22px) clamp(14px,1.6vw,20px);display:flex;flex-direction:column;gap:5px;color:#fff}.works-full-container .work-overlay-title{display:flex;align-items:baseline;gap:6px;font-size:.8125rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-full-container .work-loc{font-size:.75rem;color:rgba(255,255,255,.85);font-weight:500;flex-shrink:0}.works-full-container .work-name{font-size:.8125rem;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:text-decoration-color var(--transition-fast,.2s)}.works-full-container .work-card:hover .work-name{text-decoration-color:#fff}.works-full-container .work-overlay-sub{font-size:.75rem;color:rgba(255,255,255,.75);line-height:1.3;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-full-container .work-overlay-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:2px}.works-full-container .work-view-link{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;color:#fff;font-weight:700;text-decoration:none;opacity:.9;flex-shrink:0;padding-bottom:1px;transition:opacity var(--transition-fast,.2s)}.works-full-container .work-view-link:hover{opacity:1}.works-full-container .work-view-link svg{display:block}.works-full-container .work-badge-group{display:flex;align-items:center;justify-content:flex-end;gap:3px;row-gap:3px;flex-wrap:wrap}.works-full-container .work-pill{font-size:.5625rem;font-weight:700;color:#fff;padding:1px 4.5px;border-radius:3px;line-height:1.3;white-space:nowrap;display:inline-block;letter-spacing:-.01em}.works-full-container .pill-blue{background-color:#15308f}.works-full-container .pill-red{background-color:#dc2626}.works-full-container .pill-green{background-color:#15803d}.works-full-container .pill-purple{background-color:#7e22ce}.works-full-container .pill-orange{background-color:#ea580c}.archive-empty-card{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,16px);padding:clamp(40px,6vw,64px) 24px;text-align:center;max-width:680px;margin:40px auto;box-shadow:var(--shadow-sm,0 2px 8px rgba(15,23,42,.04))}.archive-empty-icon{color:var(--color-sub,#2e8fd5);margin-bottom:18px;display:inline-flex}.archive-empty-title{font-size:1.35rem;font-weight:800;color:var(--color-main,#15308f);margin-bottom:12px}.archive-empty-desc{font-size:.95rem;color:var(--color-text-muted,#64748b);line-height:1.8;margin-bottom:28px}.archive-empty-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background:linear-gradient(135deg,var(--color-main,#15308f) 0%,var(--color-sub,#2e8fd5) 100%);color:#fff;font-weight:700;font-size:.95rem;border-radius:var(--radius-pill,9999px);text-decoration:none;box-shadow:0 4px 14px rgba(21,48,143,.25);transition:all var(--transition-fast,.2s)}.archive-empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(21,48,143,.35)}.pagenav,.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:48px 0 24px}.pagenav .page-numbers,.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:var(--radius-sm,8px);border:1px solid var(--color-border,#e2e8f0);background:#fff;color:var(--color-text,#2d3748);font-family:var(--font-accent,'Montserrat',sans-serif);font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.04));transition:all var(--transition-fast,.2s)}.pagenav .page-numbers:hover,.pagination .page-numbers:hover{border-color:var(--color-sub,#2e8fd5);color:var(--color-main,#15308f);background:var(--color-sub-light,#ebf4fc);transform:translateY(-2px);box-shadow:0 3px 8px rgba(46,143,213,.15)}.pagenav .page-numbers.current,.pagination .page-numbers.current{background:linear-gradient(135deg,var(--color-main,#15308f) 0%,var(--color-sub,#2e8fd5) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(21,48,143,.25);transform:translateY(-1px)}.pagenav .page-numbers.dots,.pagination .page-numbers.dots{background:0 0;border:none;box-shadow:none;color:var(--color-text-muted,#64748b)}@media (max-width:1400px){.works-full-container .works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.archive-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:1040px){.works-full-container .works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (max-width:720px){.works-full-container{padding:clamp(56px,8vw,76px) 16px clamp(48px,6vw,64px)}.works-full-container .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.works-full-container .work-card{border-radius:4px}.works-full-container .work-overlay{padding:30px 12px 12px;gap:3px}.works-full-container .work-overlay-title{font-size:.75rem}.works-full-container .work-loc{font-size:.6875rem}.works-full-container .work-name{font-size:.75rem}.works-full-container .work-overlay-sub{font-size:.6875rem;margin-bottom:2px}.works-full-container .work-pill{font-size:.5rem;padding:1px 4px}}@media (max-width:640px){.archive-filter-bar{gap:8px;margin-bottom:32px}.filter-chip{padding:6px 14px;font-size:.85rem}.archive-cards-grid{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.archive-card-body{padding:18px 20px}.archive-card-title{font-size:1.05rem}.pagenav .page-numbers,.pagination .page-numbers{min-width:38px;height:38px;padding:0 10px;font-size:.875rem}}