:root { --bg:#0b0d10; --card:#12151a; --text:#e6e6e6; --muted:#a5adba; --accent:#5aa9ff; }
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}
.brand a{color:var(--text);text-decoration:none;font-weight:700;font-size:20px}
.nav a{color:var(--muted);text-decoration:none;margin-left:12px}
.card{background:var(--card);border:1px solid #1b212c;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.button{display:inline-block;padding:10px 14px;background:var(--accent);color:#08121e;border:none;border-radius:10px;text-decoration:none;font-weight:600}
.btn-ghost{background:#1a202b;color:var(--text);}
.input,select{width:100%;padding:10px;border-radius:10px;border:1px solid #243042;background:#0f131a;color:var(--text)}
.grid{display:grid;gap:14px}
.grid.albums{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.album-tile{overflow:hidden}
.album-tile h3{margin:8px 0 0;font-size:16px}
.thumb{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:10px;border:1px solid #283040}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.gallery img{width:100%;border-radius:10px;border:1px solid #283040}
.meta{color:var(--muted);font-size:14px}
hr{border:0;border-top:1px solid #1f2836;margin:18px 0}
.footer{margin-top:32px;color:var(--muted);font-size:13px;text-align:center}
.notice{padding:10px;border:1px solid #2a3649;background:#121826;border-radius:10px;margin-bottom:12px}