/* ───────── 影音作品牆 works.css ───────── */
.wk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:768px){.wk-grid{grid-template-columns:repeat(3,1fr);gap:20px}}
.wk-card{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;transition:border-color .3s,transform .3s}
.wk-card:hover{border-color:#CCFF00;transform:translateY(-4px)}
.wk-embed{position:relative;width:100%;aspect-ratio:1/1;background:#000}
.wk-embed.tall{aspect-ratio:9/16}
.wk-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wk-img{aspect-ratio:4/5;background:#000}
.wk-img img{width:100%;height:100%;object-fit:cover;display:block}
.wk-ph{aspect-ratio:9/16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(245,245,243,.35);background:linear-gradient(160deg,#141414,#0d0d0d)}
.wk-ph i{font-size:46px;color:rgba(204,255,0,.5)}
.wk-ph span{font:500 12px/1.4 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:0 12px}
.wk-cap{padding:12px 14px;font:500 13px "DM Mono",monospace;color:rgba(245,245,243,.7);text-transform:uppercase;letter-spacing:.05em}

/* 後台面板 */
#wk-fab{position:fixed;right:20px;bottom:20px;z-index:9990;background:#CCFF00;color:#0a0a0a;border:0;border-radius:99px;padding:13px 20px;font:700 14px system-ui;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4)}
#wk-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;z-index:9991;background:#161616;color:#f5f5f3;box-shadow:-8px 0 30px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;font-family:system-ui}
#wk-panel.open{transform:none}
#wk-panel header{background:#000;padding:16px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}
#wk-panel header button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.wk-help{font:13px/1.6 system-ui;color:#c9d98a;background:rgba(204,255,0,.08);border:1px solid rgba(204,255,0,.2);border-radius:10px;padding:10px 12px;margin:14px 20px}
.wk-bd{padding:0 20px 18px;overflow:auto;flex:1}
.wk-item{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;margin-bottom:12px;background:rgba(255,255,255,.02)}
.wk-i-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wk-num{font:700 13px "DM Mono",monospace;color:#CCFF00}
.wk-ok{font-size:12px;color:#CCFF00}.wk-no{font-size:12px;color:rgba(245,245,243,.4)}
.wk-item input{width:100%;margin-top:8px;padding:9px 11px;background:#0a0a0a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#f5f5f3;font:13px system-ui;box-sizing:border-box}
.wk-item input:focus{outline:none;border-color:#CCFF00}
.wk-del{margin-top:8px;background:none;border:0;color:#FF2D7E;font-size:13px;cursor:pointer}
.wk-add{width:100%;padding:11px;border:1.5px dashed #CCFF00;background:none;color:#CCFF00;border-radius:10px;cursor:pointer;font:700 14px system-ui}
.wk-foot{padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px}
.wk-foot button{flex:1;padding:12px;border:0;border-radius:99px;font:700 14px system-ui;cursor:pointer}
.wk-foot .save{background:#CCFF00;color:#0a0a0a}.wk-foot .reset{background:rgba(255,255,255,.1);color:#f5f5f3}