:root{--bg-base:#fafafa;--bg-primary:#fff;--bg-secondary:#f4f4f5;--bg-tertiary:#e4e4e7;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--accent:#fbfb45;--accent-dim:#fbfb4526;--border-base:#e4e4e7;--border-active:#fbfb45;--shadow-base:0 1px 2px #0000000a, 0 2px 4px #0000000a, 0 4px 8px #0000000a;--shadow-hover:0 4px 8px #00000014, 0 8px 16px #0000000f, 0 16px 32px #0000000a, 0 0 0 1px #fbfb45;--grid-color:#00000008;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--content-max:1360px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.32s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:60px 60px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{border:0}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-main{width:100%;max-width:var(--content-max);margin:0 auto;padding:104px 40px 32px}.nav-item{position:relative}.nav-item:hover{background:var(--bg-secondary)}.nav-item.active:after{content:"";background:#18181b;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:18px;right:18px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-base);border-radius:var(--radius-sm);background:var(--bg-primary);min-height:34px;color:var(--text-primary);white-space:nowrap;box-shadow:var(--shadow-base);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);padding:7px 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.btn:hover{border-color:var(--text-primary);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{border:2px solid var(--text-primary);background:var(--accent);color:var(--text-primary);font-weight:600}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.input-control,.select-control{border:1px solid var(--border-base);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;min-height:38px;color:var(--text-primary);box-shadow:var(--shadow-base);padding:9px 12px;font-size:14px}.input-control:focus,.select-control:focus{border-color:var(--border-active)}.card{background:var(--bg-primary);border-radius:var(--radius-md);position:relative;overflow:hidden}.kb-card-media{aspect-ratio:16/12;background:var(--bg-primary);isolation:isolate;z-index:0;width:100%;position:relative;overflow:hidden}.kb-card-zoom{z-index:0;position:absolute;inset:0;overflow:hidden}.kb-card-img{background:var(--bg-primary);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.kb-card-gradient{pointer-events:none;z-index:1;background:linear-gradient(#fff0 0%,#fff 100%);height:24%;position:absolute;inset:auto 0 0}.kb-card-title{z-index:4;color:var(--text-primary);letter-spacing:0;text-shadow:0 2px 7px #fffffff2,0 1px 2px #00000014;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:-24px 16px 0;padding-bottom:6px;font-size:clamp(20px,1.9vw,28px);font-weight:700;line-height:1.2;display:block;position:relative;overflow:hidden}.kb-card-time{z-index:3;color:var(--text-primary);letter-spacing:.2px;white-space:nowrap;background:#ffffffd1;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000014}.kb-card-meta{justify-content:space-between;align-items:baseline;gap:10px;margin-top:0;display:flex}.kb-card-badges{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.kb-card-body{z-index:2;background:var(--bg-primary);align-items:center;min-height:56px;margin-top:-1px;padding:.5rem 1.25rem 1rem;line-height:1.5;display:flex;position:relative}.kb-card-body .kb-card-meta{width:100%}.tag{border-radius:var(--radius-md);background:var(--bg-secondary);min-height:24px;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.kb-status-pill{border-radius:var(--radius-md);letter-spacing:.5px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.kb-status-gb{color:#fff;background:#18181b}.kb-status-ic,.kb-status-completed{background:var(--bg-tertiary);color:var(--text-primary)}.overlay{z-index:300;animation:overlayIn var(--transition-slow);background:#18181b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-primary);border-radius:var(--radius-md);animation:popupIn var(--transition-slow);box-shadow:0 10px 40px #00000026,0 2px 8px #0000001a}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base);will-change:transform}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)translateZ(0)}.control-row{margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-controls{margin-bottom:var(--space-5);flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.search-controls .search-field{flex:auto;min-width:0;max-width:none;position:relative}.search-controls .search-field .input-control{width:100%}.search-controls .search-select{flex:0 0 144px;max-width:165px}.search-controls .btn{color:#fff;height:38px;min-height:38px;box-shadow:none;background:#18181b;border-color:#18181b}.search-controls .btn:hover{background:#000;border-color:#000;transform:none}.search-controls .input-control,.search-controls .select-control{box-shadow:none;transition:border-color .18s,box-shadow .18s}.search-controls .input-control:focus,.search-controls .select-control:focus{border-color:#00000059;box-shadow:0 0 0 3px #0000000d}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:24px;padding:8px 0;display:flex}.pagination .btn{min-height:32px;color:var(--text-secondary);box-shadow:none;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:12px}.pagination .btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:none}.pagination .btn:disabled{opacity:.35}.pagination .pagination-active{color:#fff!important;background:#18181b!important}.pagination .input-control,.pagination .select-control{border:1px solid var(--border-base);background:var(--bg-primary);min-height:32px;box-shadow:none;padding:6px 8px;font-size:12px}.search-controls .search-count{color:var(--text-muted);white-space:nowrap;flex:none;font-size:12px}@media (max-width:1023px){.search-controls{flex-wrap:wrap}.search-controls .search-field{flex-basis:100%;max-width:none}}.card-grid{gap:var(--space-4);display:grid}.grid-cards-1{grid-template-columns:1fr}.grid-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1023px){.site-main{padding:84px 20px 32px}}@media (max-width:639px){.site-main{padding:76px 12px 32px}.card-grid{gap:var(--space-3)}.overlay{padding:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes popupIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes popupOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(10px)}}@keyframes previewIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes previewOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-entry{will-change:opacity, transform;min-width:0;animation:.72s cubic-bezier(.16,1,.3,1) both cardIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}