.alb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:960px){.alb-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.alb-grid{grid-template-columns:1fr}}.alb-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(12,20,17,.08);border-radius:10px;overflow:hidden;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s,border-color .35s}.alb-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(12,20,17,.14);border-color:rgba(198,161,91,.55)}.alb-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper2,#F4F6F4)}.alb-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.alb-card:hover .alb-thumb img{transform:scale(1.06)}.alb-thumb .cat{position:absolute;left:12px;top:12px;z-index:2;padding:4px 10px;border-radius:3px;font-size:12px;letter-spacing:.05em;background:rgba(12,20,17,.72);color:#E2C795;backdrop-filter:blur(4px)}.alb-thumb .pcnt{position:absolute;right:12px;bottom:12px;z-index:2;padding:3px 9px;border-radius:999px;font-size:12px;background:rgba(12,20,17,.62);color:rgba(255,255,255,.92)}.alb-thumb .pcnt svg{width:12px;height:12px;vertical-align:-1.5px;margin-right:3px}.alb-empty-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#18241F,#0C1411);color:rgba(198,161,91,.6);font-size:13px;letter-spacing:.14em}.alb-body{padding:16px 18px 18px}.alb-body h4{margin:0 0 8px;font-size:17px;color:var(--ink,#16201B);line-height:1.4}.alb-body p{margin:0;font-size:13px;color:#6E7A74;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alb-sec .alb-more{margin-top:32px;text-align:center}.alb-sec .alb-more a{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border:1px solid rgba(198,161,91,.55);border-radius:999px;color:#8A6D33;text-decoration:none;font-size:14px;letter-spacing:.06em;transition:background .3s,color .3s,border-color .3s}.alb-sec .alb-more a:hover{background:linear-gradient(135deg,#C6A15B,#E2C795);color:#0C1411;border-color:transparent}.alb-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.alb-filter a{padding:8px 18px;border-radius:999px;font-size:14px;text-decoration:none;border:1px solid rgba(12,20,17,.16);color:#4A5A50;background:#fff;transition:all .25s cubic-bezier(.22,.61,.36,1)}.alb-filter a .n{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;font-size:12px;background:rgba(12,20,17,.06);color:#6E7A74}.alb-filter a:hover{border-color:rgba(198,161,91,.6);color:#8A6D33}.alb-filter a.on{background:linear-gradient(135deg,#C6A15B,#E2C795);border-color:transparent;color:#0C1411;font-weight:600}.alb-filter a.on .n{background:rgba(12,20,17,.14);color:#0C1411}.albd-cover{border-radius:10px;overflow:hidden;margin-bottom:14px;border:1px solid rgba(12,20,17,.08)}.albd-cover img{width:100%;max-height:560px;object-fit:cover;display:block}.albd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:960px){.albd-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.albd-grid{grid-template-columns:1fr}}.albd-grid a{display:block;border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(12,20,17,.08);background:var(--paper2,#F4F6F4);transition:transform .3s,box-shadow .3s}.albd-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(12,20,17,.14)}.albd-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.albd-grid a::after{content:'⤢';position:absolute;right:10px;bottom:8px;color:rgba(255,255,255,.9);font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.5);opacity:0;transition:opacity .25s}.albd-grid a:hover::after{opacity:1}.albd-intro{max-width:860px;margin:0 auto 30px;text-align:center;color:#4A5A50;font-size:15px;line-height:1.9}.albd-meta{text-align:center;margin-bottom:26px}.albd-meta .cat{display:inline-block;padding:4px 14px;border-radius:999px;font-size:13px;border:1px solid rgba(198,161,91,.5);color:#8A6D33;background:rgba(198,161,91,.08)}.albd-empty{text-align:center;padding:70px 20px;color:#6E7A74}.alb-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:26px 20px}.alb-lb.open{display:flex}.alb-lb-backdrop{position:absolute;inset:0;background:rgba(12,20,17,.72);background:color-mix(in srgb,var(--ink,#0C1411) 74%,transparent);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);animation:albLbFade .28s ease}.alb-lb-panel{position:relative;z-index:1;width:min(1240px,96vw);max-height:calc(100vh - 52px);overflow:auto;border-radius:16px;background:var(--paper,#fff);background:color-mix(in srgb,var(--paper,#fff) 78%,transparent);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border:1px solid var(--line,rgba(12,20,17,.14));border:1.5px solid color-mix(in srgb,var(--gold,#C6A15B) 42%,transparent);box-shadow:0 34px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35);animation:albLbPop .34s cubic-bezier(.22,.61,.36,1)}@keyframes albLbFade{from{opacity:0}to{opacity:1}}@keyframes albLbPop{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}.alb-lb-x{position:absolute;right:14px;top:14px;z-index:4;width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:linear-gradient(135deg,var(--gold,#C6A15B),var(--gold2,#E2C795));color:var(--ink,#16201B);font-size:15px;font-weight:700;cursor:pointer;line-height:1;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .25s,filter .25s}.alb-lb-x:hover{transform:rotate(90deg) scale(1.08);filter:brightness(1.08)}.alb-lb-stage{position:relative;overflow:hidden;height:clamp(340px,68vh,720px);background:var(--ink,#0C1411);border-radius:14px 14px 0 0}.alb-lb-stage img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.alb-lb-stage img.crop{object-fit:cover}.alb-lb-stage img.pan{animation:albLbPan 9s ease-in-out infinite alternate;object-position:50% 50%}@keyframes albLbPan{from{object-position:8% 50%;transform:scale(1.04)}to{object-position:92% 50%;transform:scale(1.04)}}.alb-lb-stage.pause img.pan{animation-play-state:paused}.alb-lb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding-bottom:4px;transition:background .25s,transform .25s}.alb-lb-arrow:hover{background:color-mix(in srgb,var(--gold,#C6A15B) 85%,transparent);color:var(--ink,#16201B);transform:translateY(-50%) scale(1.1)}.alb-lb-arrow.prev{left:18px}.alb-lb-arrow.next{right:18px}.alb-lb-hud{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;gap:10px}.alb-lb-play{width:34px;height:34px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.5);background:rgba(12,20,17,.5);color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:background .25s,color .25s}.alb-lb-play:hover{background:var(--gold,#C6A15B);color:var(--ink,#16201B)}.alb-lb-count{padding:4px 12px;border-radius:999px;font-size:12px;letter-spacing:.06em;background:rgba(12,20,17,.55);color:rgba(255,255,255,.94);backdrop-filter:blur(4px)}.alb-lb-prog{position:absolute;left:0;bottom:0;z-index:3;height:3px;width:0;background:linear-gradient(90deg,var(--gold,#C6A15B),var(--gold2,#E2C795));box-shadow:0 0 12px color-mix(in srgb,var(--gold,#C6A15B) 60%,transparent)}.alb-lb-stage.run .alb-lb-prog{animation:albLbProg 1s linear forwards}.alb-lb-stage.pause .alb-lb-prog{animation-play-state:paused}@keyframes albLbProg{from{width:0}to{width:100%}}.alb-lb-cap{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:16px 24px 6px}.alb-lb-cap h5{margin:0;font-size:19px;color:var(--text,var(--ink,#16201B))}.alb-lb-cap p{margin:0;flex:1;min-width:220px;font-size:13px;color:var(--muted,#6E7A74);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alb-lb-strip{padding:10px 20px 18px}.alb-lb-thumbs{display:flex;gap:12px;overflow-x:auto;padding:4px 2px;scrollbar-width:thin;scrollbar-color:rgba(198,161,91,.6) transparent}.alb-lb-thumbs::-webkit-scrollbar{height:7px}.alb-lb-thumbs::-webkit-scrollbar-thumb{background:rgba(198,161,91,.55);border-radius:999px}.alb-lb-thumb{flex:0 0 auto;width:116px;aspect-ratio:16/10;padding:0;border:2px solid var(--line,rgba(12,20,17,.14));border-radius:8px;overflow:hidden;background:var(--paper2,#F4F6F4);cursor:pointer;opacity:.6;transition:opacity .25s,border-color .25s,transform .25s}.alb-lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.alb-lb-thumb:hover{opacity:1;transform:translateY(-3px)}.alb-lb-thumb.on{opacity:1;border-color:var(--gold,#C6A15B);box-shadow:0 6px 18px color-mix(in srgb,var(--gold,#C6A15B) 40%,transparent)}@media (max-width:900px){.alb-lb-panel{width:min(100%,96vw)}}@media (max-width:640px){.alb-lb{padding:12px 8px}.alb-lb-stage{height:clamp(260px,52vh,460px)}.alb-lb-x{width:34px;height:34px;font-size:13px;right:10px;top:10px}.alb-lb-arrow{width:40px;height:40px;font-size:24px}.alb-lb-arrow.prev{left:8px}.alb-lb-arrow.next{right:8px}.alb-lb-thumb{width:84px}.alb-lb-cap{padding:12px 16px 4px}}