/* 第三轮：分类悬浮与固定展开、排序、状态、缺文件订阅和关联标准。 */
.categoryfilters{overflow:visible;position:relative;z-index:5}
.filtertoolbar{display:flex;align-items:stretch;justify-content:space-between;gap:14px;min-height:54px;padding:0 14px}
.categorytabs{display:flex;align-items:stretch;gap:1px;min-width:0}
.categorytab{position:relative;display:flex;align-items:stretch;border-bottom:2px solid transparent;white-space:nowrap}
.categorytab.active{border-color:var(--teal)}
.categorytab>a{display:flex;align-items:center;padding:0 12px;color:#60777d;font-size:13px}
.categorytab.active>a,.categorytab>a:hover{color:var(--teal);font-weight:700}
.expandbtn{border:0;background:transparent;color:#68858a;font-size:19px;padding:0 8px 0 1px;line-height:1}
.expandbtn:hover,.expandbtn:focus-visible{color:var(--teal)}
.categoryflyout{display:none;position:absolute;top:calc(100% + 2px);left:0;width:min(610px,calc(100vw - 36px));background:white;border:1px solid #bcd3d5;border-top:3px solid var(--teal);border-radius:0 0 7px 7px;box-shadow:0 18px 35px #12363d23;padding:16px;z-index:10;white-space:normal}
.categorytab:hover .categoryflyout,.categorytab:focus-within .categoryflyout{display:block}
.categorytab.is-pinned .categoryflyout{display:none}
.listcontrols{display:flex;align-items:center;gap:10px;margin-left:auto}
.listcontrols label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap}
.listcontrols select{border:1px solid #c3d5d7;border-radius:4px;background:#fff;color:var(--ink);padding:6px 8px;max-width:150px;font-size:12px}
.pinnedfilters{border-top:1px solid var(--line);background:#fbfdfd;padding:16px 22px 20px}
.pinnedhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.pinnedhead strong{font-size:13px}
.pinnedhead button{border:0;background:none;color:var(--teal);font-size:12px}
.subcat-intro{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.subcat-intro b{font-size:13px}
.subcat-intro span,.subcatnote{color:var(--muted);font-size:11px}
.subcatgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:225px;overflow:auto}
.subcatgrid button{border:1px solid #d3e0e1;background:#fff;border-radius:3px;text-align:left;padding:7px 9px;font-size:12px;color:#526e74}
.subcatgrid button:hover,.subcatgrid button.active{border-color:#83babe;background:#e8f5f4;color:var(--teal)}
.regioncontrols{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:11px}
.regioncontrols .filterselect{margin:0}
.subcatnote{margin:10px 0 0}
.pill.nofile{background:#fff4e9;border-color:#ead3b7;color:#98672b}
.status-timeline{border-bottom:1px solid var(--line);padding:17px 0 20px}
.status-timeline>strong{display:block;font-size:12px;border-left:3px solid var(--teal);padding-left:10px}
.timeline-track{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:17px}
.timeline-track:before,.timeline-track:after{content:"";position:absolute;top:34px;height:2px;left:16.66%;z-index:0}
.timeline-track:before{right:16.66%;background:#d8e1e2}
.timeline-track:after{width:0;background:#13a2bd}
.status-timeline.current .timeline-track:after{width:33.33%}
.status-timeline.abolished .timeline-track:after{width:66.66%}
.timeline-step{position:relative;z-index:1;text-align:center;color:#5f777d;font-size:11px;min-width:0}
.timeline-step span{display:block;min-height:28px;line-height:1.35}
.timeline-step i{display:block;width:11px;height:11px;border:2px solid #d1dddd;background:#fff;border-radius:50%;margin:1px auto 0}
.timeline-step.done i{border-color:#13a2bd}
.timeline-step.filled i{background:#13a2bd}
.nofilecard{border-top:4px solid #c58b43}
.nofilecard>p{font-size:13px}
.nofilecard form{margin:18px 0 10px}
.nofilecard label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}
.nofilecard input{width:100%;border:1px solid #b9ccce;padding:10px 12px;border-radius:4px;color:var(--ink)}
.nofilecard button:disabled{opacity:.55;cursor:default}
.subscribe-result{margin-top:14px}
.missingpreview{background:#fbfcfc}
.wordcard,.relationshipcard{margin-top:16px}
.wordcard .btn{width:100%;font-size:12px}
.wordbenefit{margin:16px 0;border-color:#a9cecf}
.wordbenefit h3{font-size:17px;margin:10px 0 4px}
.wordbenefit p{font-size:13px}
.relationshipcard details{border-top:1px solid var(--line);padding:10px 0}
.relationshipcard details:last-child{padding-bottom:0}
.relationshipcard summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--ink)}
.relationshipcard p{margin:9px 0 0 14px;font-size:11px;color:var(--muted)}
.relationshipcard ul{list-style:none;padding:2px 0 0 14px;margin:0}
.relationshipcard li{border-left:1px solid #b5d0d1;margin-top:10px;padding-left:11px;color:var(--ink)}
.relationshipcard li strong{display:block;font-size:12px;color:var(--teal)}
.relationshipcard li span{display:block;font-size:11px;line-height:1.45}
.relationshipcard li small{color:#6e8a8c;font-size:10px}
@media(max-width:1100px){.filtertoolbar{flex-wrap:wrap;gap:0}.categorytabs{width:100%}.listcontrols{width:100%;justify-content:flex-end;padding:9px 0;border-top:1px solid var(--line)}.categorytab:nth-child(3) .categoryflyout{left:0;right:auto;width:min(610px,calc(100vw - 250px))}.categorytab:nth-child(4) .categoryflyout{left:-150px;right:auto;width:min(610px,calc(100vw - 190px))}}
@media(max-width:640px){.filtertoolbar{padding:0 8px}.categorytabs{overflow-x:auto;scrollbar-width:thin}.categorytab>a{padding:12px 9px}.expandbtn{padding-right:10px}.categoryflyout{display:none!important}.listcontrols{justify-content:space-between;gap:5px}.listcontrols label{font-size:11px}.listcontrols select{max-width:122px;font-size:11px;padding:5px}.pinnedfilters{padding:14px}.subcatgrid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:200px}.subcat-intro{display:block}.subcat-intro span{display:block}.regioncontrols{display:block}.regioncontrols .filterselect{margin:6px 0}.relationshipcard{margin-top:14px}.timeline-step{font-size:10px}.timeline-track:before,.timeline-track:after{top:38px}.timeline-step span{min-height:32px}}
