.case-collection-tabs{display:flex;gap:28px;border-bottom:1px solid #c9def0;margin:28px 0 24px}.case-collection-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#6686a2;padding:14px 0;font-size:16px;font-weight:600;cursor:pointer}.case-collection-tabs button.active{color:#165db1;border-color:#287cff}.case-collection-tabs span{font-size:11px;margin-left:6px;background:#e2effc;border-radius:15px;padding:3px 8px}.case-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}#case-categories{display:flex;gap:8px;flex-wrap:wrap}#case-categories button{padding:8px 16px;border:1px solid #bcd5ed;border-radius:20px;background:#f7fbff;color:#4e789e;cursor:pointer}#case-categories button.active{background:#236ed2;color:#fff;border-color:#236ed2}#case-search{padding:11px 15px;border:1px solid #bfd7ec;border-radius:10px;background:#f8fcff;min-width:230px;color:#294d73}.case-result-count{margin:20px 0 15px;font-size:12px;color:#6889a6}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.real-case-card{text-align:left;padding:0;border:1px solid #d3e3ef;border-radius:18px;background:#ffffffde;overflow:hidden;cursor:pointer;color:#173655;box-shadow:0 6px 22px #365c7c08;transition:transform .2s,box-shadow .2s}.real-case-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2e649821}.real-case-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e3edf6}.real-case-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.real-case-card:hover img{transform:scale(1.035)}.case-page-badge{position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:7px;background:#ffffffed;font-size:10px;color:#305f8e}.real-case-info{padding:20px}.real-case-info small{font-size:10px;color:#4d81ac;letter-spacing:1px}.real-case-info h2{font-size:19px;line-height:1.5;margin:8px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.real-case-info p{font-size:12px;color:#8094a7;margin:0;min-height:20px}.case-view-link{display:block;border-top:1px solid #e2edf5;margin-top:17px;padding-top:13px;font-size:12px;color:#286db5}.case-empty{padding:60px;text-align:center;grid-column:1/-1;color:#7390ab}.case-detail-dialog{width:min(1100px,94vw);max-height:94vh;padding:0;border:1px solid #d6e5f0;border-radius:18px;color:#193957;background:#edf4fa}.case-detail-dialog::backdrop{background:#102940a6;backdrop-filter:blur(5px)}.case-detail-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 28px;background:#f8fcfff5;z-index:2;border-bottom:1px solid #d3e3f0}.case-detail-head h2{margin:5px 0 0;font-size:23px}.case-detail-head small{color:#5a82a5;font-size:11px}.case-detail-head button{border:1px solid #c6dbea;background:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;color:#427295}.case-detail-meta{display:flex;justify-content:space-between;gap:15px;padding:20px 28px;font-size:12px;color:#6a8aa6}.case-detail-meta a{color:#286db5;text-decoration:none}.case-pages{padding:0 20px 20px}.case-pages figure{margin:0 0 18px;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d4e2ee}.case-pages img{display:block;width:100%;height:auto}.case-pages figcaption{text-align:right;padding:8px 14px;font-size:10px;color:#7b99b0}.case-detail-dialog video{display:block;width:100%;max-height:75vh;background:#162b3d}.collection-page .collection-head span{color:#6686a2}@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.case-grid{grid-template-columns:1fr}.case-toolbar{align-items:stretch}#case-search{width:100%}.case-detail-head{padding:15px}.case-detail-head h2{font-size:18px}.case-pages{padding:0 8px 8px}.case-detail-meta{padding:15px;flex-wrap:wrap}}
.style-reference-grid{display:block;columns:3;column-gap:20px}.style-reference-card{display:inline-block;vertical-align:top;width:100%;margin:0 0 20px;padding:0;break-inside:avoid;overflow:hidden;border:1px solid #c9deef;border-radius:14px;background:white;text-align:left;cursor:zoom-in;color:#214e7a;box-shadow:0 5px 18px #254d7510}.style-reference-card img{display:block;width:100%;height:auto}.style-reference-card>span{display:flex;justify-content:space-between;padding:12px 14px;font-size:12px}.style-reference-card small{font-size:10px;color:#6c8eaf}.style-image-view{padding:16px;background:#e5eef6;text-align:center}.style-image-view img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;margin:auto;object-fit:contain}.style-image-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:15px}.style-image-controls button{border:1px solid #bdd7ee;border-radius:8px;padding:9px 14px;color:#235d98;background:white;cursor:pointer}.style-image-controls span{font-size:12px;color:#56799c}.case-collection-tabs{flex-wrap:wrap}@media(max-width:1000px){.style-reference-grid{columns:2}}@media(max-width:600px){.style-reference-grid{columns:1}.case-collection-tabs{gap:16px}.case-collection-tabs button{font-size:13px}.style-image-controls{gap:16px}.style-image-view{padding:8px}}
.reference-space-filter{display:flex;align-items:center;gap:12px;color:#52779b;font-size:13px}.reference-space-filter select{min-width:160px;border:1px solid #bdd6ec;border-radius:10px;padding:10px;background:#f8fcff;color:#224f79}.reference-space-filter[hidden]{display:none}.style-album-card .real-case-info p{min-height:38px;line-height:1.7}.style-album-card h2{font-size:16px}.case-toolbar{gap:14px}.case-toolbar #case-search{flex:1}.style-image-view img{min-height:160px}.case-detail-head small b{display:inline-block;padding:4px 10px;background:#e4efff;color:#1b5da1;border-radius:14px}.style-image-controls span{font-weight:600}
.reference-space-filter{white-space:nowrap;flex:0 0 auto}.case-toolbar .reference-space-filter{min-width:210px}.style-reference-card>span{line-height:1.6}@media(max-width:600px){.case-toolbar .reference-space-filter{min-width:100%;justify-content:space-between}.reference-space-filter select{flex:1}}

.reference-filters{margin:20px 0 4px;border:1px solid #bed8ef;border-radius:16px;overflow:hidden;background:linear-gradient(125deg,#fafdff,#eaf5ff);box-shadow:0 8px 25px #346b9b09}.reference-filters[hidden]{display:none}.reference-filter-row{display:flex;align-items:stretch;border-bottom:1px solid #d3e5f4}.reference-filter-row:last-child{border:0}.reference-filter-row>strong{display:flex;align-items:center;justify-content:center;flex:0 0 76px;font-size:12px;letter-spacing:3px;color:#35668c;background:repeating-linear-gradient(135deg,#dfeefa80 0 1px,transparent 1px 8px),linear-gradient(120deg,#edf7ff,#dceefa)}.reference-filter-row>div{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px}.reference-filter-row button{border:1px solid #c7dff0;border-radius:8px;background:linear-gradient(135deg,#ffffffec,#eaf4ffcc);padding:8px 14px;font-size:12px;color:#315e87;cursor:pointer;transition:.2s}.reference-filter-row button:hover{border-color:#71ace7;transform:translateY(-1px)}.reference-filter-row button[aria-pressed=true]{color:white;border-color:#2476da;background:repeating-linear-gradient(135deg,#ffffff0d 0 1px,transparent 1px 7px),linear-gradient(120deg,#378ff0,#1762d1);box-shadow:0 3px 9px #287bd42b}.style-reference-card>span{background:repeating-linear-gradient(135deg,#75b1e60b 0 1px,transparent 1px 7px),linear-gradient(110deg,#fff,#e8f3ff);font-weight:600}@media(max-width:600px){.reference-filter-row>strong{flex-basis:52px}.reference-filter-row>div{padding:10px;gap:6px}.reference-filter-row button{padding:7px 10px}}