.showcase-page{max-width:950px;margin:auto;padding:40px 20px}.showcase-page>a{color:var(--accent-color)}#showcase-body{margin-top:32px;padding:30px;background:#151e29;border:1px solid #2a4050;border-radius:16px}#showcase-body h1{font:700 clamp(32px,5vw,54px) var(--display-font)}#showcase-body>p{margin:12px 0;color:#b9c7d3}#showcase-body h2{font:600 26px var(--display-font);margin:30px 0 14px}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.showcase-grid>a{padding:12px;border-radius:10px;background:#20303d}.showcase-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}.showcase-grid strong{display:block;margin-top:8px;overflow-wrap:anywhere}@media(max-width:500px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase-editor{margin:25px 0;padding:20px;border:1px solid #2d5060;border-radius:12px;background:#14212c}.showcase-editor h2{font-size:23px}.showcase-editor label{display:grid;gap:5px;margin:14px 0}.showcase-editor input,.showcase-editor textarea,.showcase-editor select{padding:10px;min-width:0;max-width:100%;border:1px solid #45606f;background:#0c1016;color:white;border-radius:6px}.showcase-editor button{margin:5px;padding:9px 13px;color:#08212a;background:#83e4f3;border:0;border-radius:6px}.showcase-editor a{color:#83e4f3}
.reader-ranking{list-style:none;display:grid;gap:12px;margin-top:30px}.reader-ranking li{padding:18px;background:#192634;border:1px solid #305064;border-radius:12px}.reader-ranking a{color:#83e4f3;font-weight:700}.showcase-editor{max-width:100%;overflow-wrap:anywhere}.showcase-editor button{max-width:100%;white-space:normal}

.showcase-banner{width:100%;height:180px;border-radius:12px;background:linear-gradient(115deg,#143f50,#1b293c 70%);overflow:hidden}
.showcase-banner img{height:100%;width:100%;object-fit:cover}
.showcase-avatar{width:86px;height:86px;object-fit:cover;border:4px solid #151e29;border-radius:50%;background:#152936;margin:-40px 0 8px 14px;position:relative}
@media(max-width:500px){.showcase-banner{height:135px}.showcase-avatar{width:72px;height:72px;margin-top:-35px}}

/* Showcase refresh */
.showcase-editor{background:linear-gradient(145deg,#172c3b,#101a27);border:1px solid #3a6575;border-radius:18px;padding:clamp(16px,3vw,30px);box-shadow:0 12px 40px #0002}
.showcase-editor h2{font-family:var(--display-font);font-size:clamp(26px,4vw,36px);color:#e9faff}
.showcase-editor p{color:#acbfcd}.showcase-search-box{margin:20px 0;padding:17px;border-radius:12px;background:#0b1722;border:1px solid #2d5364}
.showcase-search-box>label{font-weight:700;color:#c9e9f1}.showcase-search-box>input{width:100%}
.showcase-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;max-height:380px;overflow-y:auto;margin-top:14px}
.showcase-editor .showcase-search-result{display:flex;flex-direction:column;gap:8px;padding:9px;text-align:left;background:#1c303f;border:1px solid #3b5a68;border-radius:10px;color:#eaf6fa}
.showcase-search-result img{width:100%;height:120px;object-fit:cover;border-radius:7px}
.showcase-search-result span{font-size:12px;line-height:1.35}
.showcase-selected-item{display:flex;align-items:center;gap:12px;padding:10px;background:#1b303e;border-radius:9px;margin:8px 0}
.showcase-selected-item img{width:43px;height:60px;object-fit:cover;border-radius:5px}
.showcase-selected-item strong{flex:1;font-size:13px;min-width:0;overflow-wrap:anywhere}
.showcase-page{max-width:1100px}.showcase-page #showcase-body{position:relative;border-radius:22px;background:linear-gradient(150deg,#1b3545,#101923);border-color:#30596b;padding:clamp(18px,3vw,35px);box-shadow:0 15px 45px #0004}
.showcase-page #showcase-body h1{letter-spacing:.5px}.showcase-grid>a{background:#203744;border:1px solid #395969;transition:transform .2s,border-color .2s}.showcase-grid>a:hover{transform:translateY(-3px);border-color:#83e4f3}
@media(max-width:450px){.showcase-results{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-selected-item{flex-wrap:wrap}}