.board{padding-top:36px;padding-bottom:64px}@media (max-width:600px){.board{padding-top:24px;padding-bottom:16px}}.board__header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.board__title{letter-spacing:-.3px;font-size:24px;font-weight:800}.board__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:14px}.board__bottombar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.board__search{flex:0 340px;align-items:center;gap:8px;min-width:0;display:flex}.board__search-input{border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-white);flex:1;min-width:0;padding:9px 14px;font-size:14px;transition:border-color .15s}.board__search-input:focus{border-color:var(--color-primary);outline:none}@media (pointer:coarse){.board__search-input{font-size:16px}}.board__search-btn{border-radius:var(--radius-full);border:1.5px solid var(--color-border);color:var(--color-text-muted);background:var(--color-white);flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}@media (hover:hover){.board__search-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}}.board__write-btn{flex-shrink:0;margin-bottom:6px;padding:8px 18px}.board__fab{right:18px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(50px,13.5vw,60px);height:clamp(50px,13.5vw,60px);transition:opacity .18s,transform .18s,box-shadow .2s;display:none;position:fixed;box-shadow:0 6px 18px #f973166b}.board__fab svg{width:clamp(22px,6vw,26px);height:clamp(22px,6vw,26px)}.board__fab:active{transform:scale(.92)}.board__fab--hidden{opacity:0;pointer-events:none;transform:scale(.7)translateY(8px)}.board__tabsbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.board__tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.board__tabs::-webkit-scrollbar{display:none}.board__tab{color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}@media (hover:hover){.board__tab:hover{color:var(--color-text)}}.board__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media (max-width:600px){.board__tabs{flex:1;gap:0;overflow-x:visible}.board__tab{text-align:center;flex:1;padding:10px 6px}.board__write-btn{display:none}.board__fab{display:flex}}.board__search-info{color:var(--color-text-muted);overflow-wrap:anywhere;margin-bottom:12px;font-size:13px}.board__search-info strong{color:var(--color-text);font-weight:600}.board__list-panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.board__list-panel--loading{opacity:.5;pointer-events:none;transition:opacity .12s}.board__table{border-collapse:collapse;table-layout:fixed;width:100%}.board__table th{color:var(--color-text-muted);text-align:left;border-bottom:1px solid var(--color-border);background:var(--color-bg);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:700}.board__table th.th-cat{text-align:center;width:72px}.board__table th.th-author{text-align:center;width:130px}.board__table th.th-views,.board__table th.th-recommend{text-align:center;width:52px}.board__table th.th-date{text-align:center;width:80px}.board__row{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .12s}@media (hover:hover){.board__row:hover{background:var(--color-primary-light)}}.board__row:last-child td{border-bottom:none}.board__row td{color:var(--color-text);vertical-align:middle;padding:13px 12px;font-size:14px}.board__row td.td-cat{text-align:center}.board__row td.td-author{text-align:center;color:var(--color-text-muted);max-width:130px;font-size:13px;overflow:hidden}.td-author__inner{vertical-align:middle;align-items:center;gap:4px;max-width:100%;display:inline-flex}.td-author__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board__row td.td-views,.board__row td.td-recommend{text-align:center;color:var(--color-text-muted);font-size:13px}.board__row td.td-date{text-align:center;color:var(--color-text-muted);white-space:nowrap;font-size:12px}.board__title-cell{align-items:center;gap:6px;min-width:0;display:flex}.board__title-text{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-weight:500;overflow:hidden}.board__cat-badge{white-space:nowrap;color:#4b5563;background:#f3f4f6;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.6;display:inline-block}.board__cat-badge--question{color:#1d4ed8;background:#eff6ff}.board__cat-badge--info{color:#047857;background:#ecfdf5}.board__cat-badge--review{color:#7c3aed;background:#f5f3ff}.board__cat-badge--accident{color:#dc2626;background:#fef2f2}.board__title-cell .board__cat-badge{display:none}.board__comment-badge{color:var(--color-primary);flex-shrink:0;align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.board__img-badge{color:var(--color-text-muted);flex-shrink:0;align-items:center;display:inline-flex}.board__img-badge svg{width:14px;height:14px}.board__row-meta{display:none}.board__empty{text-align:center;color:var(--color-text-muted);padding:64px 0}.board__empty-icon{margin-bottom:12px;font-size:40px}.board__empty-text{font-size:15px}@media (max-width:600px){.board__table thead,.board__row td.td-cat,.board__row td.td-author,.board__row td.td-views,.board__row td.td-recommend,.board__row td.td-date{display:none}.board__row td{padding:14px}.board__title-cell .board__cat-badge{display:inline-block}.board__row-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:12px;display:flex}.board__row-meta-author{align-items:center;gap:3px;display:inline-flex}.board__row-meta-sep{opacity:.4}.board__list-panel{box-shadow:none;border:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:0 0;border-radius:0}.board__row{border-bottom-color:var(--color-border)}}.board__topboxes{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.board__topbox{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-white);overflow:hidden}.board__topbox--notice{border-color:var(--color-warning-soft-border)}.board__topbox-head{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;display:flex}.board__topbox--notice .board__topbox-head{color:var(--color-warning-soft-text);background:var(--color-warning-soft-bg)}.board__topbox--popular .board__topbox-head{color:#e11d48}.board__topbox-sub{color:var(--color-text-muted);font-weight:500}.board__topbox-list{margin:0;padding:0;list-style:none}.board__topbox-row{border-top:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:9px 16px;font-size:14px;transition:background .12s;display:flex}.board__topbox-list li:first-child .board__topbox-row{border-top:none}@media (hover:hover){.board__topbox-row:hover{background:var(--color-primary-light)}}.board__topbox-tag{color:var(--color-warning-soft-text);background:var(--color-warning-soft-bg);border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.board__topbox-rank{text-align:center;color:#e11d48;flex-shrink:0;width:18px;font-size:13px;font-weight:800}.board__topbox-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;overflow:hidden}.board__topbox-cmt{color:var(--color-primary);margin-left:5px;font-size:12px;font-weight:600}.board__topbox-date{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:12px}@media (max-width:600px){.board__topbox-date{display:none}}