:root{--bg:#07070f;--bg2:#0d0d1b;--card:#101020;--acc:#f0307a;--acc2:#9b5cf6;--glow:#f0307a52;--text:#e8e8f2;--muted:#6060a0;--border:#ffffff12;--r:12px;--ease:.26s cubic-bezier(.4, 0, .2, 1);--max-w:1160px}.wrap{max-width:var(--max-w);width:100%;margin-inline:auto;padding-inline:clamp(.75rem,3vw,1.5rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans JP,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#252540;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--acc)}.header{z-index:200;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#07070fe6;height:56px;position:sticky;top:0}.header>.wrap{align-items:center;gap:.6rem;height:100%;display:flex}.logo{letter-spacing:-.04em;white-space:nowrap;align-items:baseline;gap:0;font-size:1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.logo em{color:var(--acc);font-style:normal}.logo-cos{color:var(--text);opacity:.75;font-weight:500}.logo-you{color:var(--acc2)}@media (max-width:400px){.logo-cos{display:none}}.spacer{flex:1}.back-btn{border:1px solid var(--border);color:var(--muted);transition:var(--ease);white-space:nowrap;background:0 0;border-radius:7px;flex-shrink:0;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.78rem;display:inline-flex}.back-btn:hover{border-color:var(--acc);color:var(--acc)}.lang-select{background:var(--card);border:1px solid var(--border);color:var(--muted);transition:border-color var(--ease), color var(--ease);cursor:pointer;appearance:none;padding:.28rem .55rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236060a0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .45rem center;background-repeat:no-repeat;border-radius:6px;outline:none;flex-shrink:0;padding-right:1.6rem;font-size:.73rem}.lang-select:hover,.lang-select:focus{color:var(--text);border-color:#f0307a80}.lang-select option{color:var(--text);background:#0d0d1b}.hero{text-align:center;padding:clamp(2.5rem,7vw,5rem) 0 clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#f0307a1a 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg, #f0f0ff 15%, var(--acc) 60%, var(--acc2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.55rem;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:900;line-height:1.1}.hero-sub{color:var(--muted);margin-bottom:2.2rem;font-size:clamp(.85rem,2vw,.95rem)}.btn-shuffle{background:var(--acc);color:#fff;letter-spacing:.01em;box-shadow:0 4px 24px var(--glow);transition:var(--ease);border:none;border-radius:40px;align-items:center;gap:.5rem;padding:.7rem 1.8rem;font-size:.92rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-shuffle:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn-shuffle:hover{box-shadow:0 10px 36px var(--glow);filter:brightness(1.08);transform:translateY(-3px)}.btn-shuffle:active{filter:none;transform:translateY(0)}.btn-shuffle:disabled{opacity:.5;pointer-events:none}.btn-shuffle.spin svg{animation:.6s spin360}@keyframes spin360{to{transform:rotate(360deg)}}.gallery{padding:0 0 5rem}.gallery-meta{color:var(--muted);align-items:center;gap:.6rem;margin-bottom:1.1rem;font-size:.8rem;display:flex}.badge{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:.18rem .6rem;font-size:.75rem}.grid{grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,2.5vw,1.1rem);display:grid}@media (min-width:540px){.grid{grid-template-columns:repeat(3,1fr)}}.card{border-radius:var(--r);aspect-ratio:2/3;background:var(--card);cursor:pointer;border:1px solid var(--border);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);position:relative;overflow:hidden}.card:hover{border-color:#f0307a73;transform:translateY(-5px)scale(1.015);box-shadow:0 14px 40px #000000a6,0 0 0 1px #f0307a33}.card:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.card img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}.card:hover img{transform:scale(1.08)}.card-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#05050ef5 100%);flex-direction:column;justify-content:flex-end;padding:.65rem .7rem;display:flex;position:absolute;inset:0}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.3rem;font-size:clamp(.67rem,1.4vw,.8rem);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-count{color:#b4b4dcb3;align-items:center;gap:.25rem;font-size:.68rem;display:flex}.card-skel{pointer-events:none}.card-skel:after{content:"";background:linear-gradient(90deg, var(--card) 0%, #17172d 50%, var(--card) 100%);background-size:200% 100%;animation:1.7s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.state{text-align:center;color:var(--muted);grid-column:1/-1;padding:4rem 1rem}.state .ico{margin-bottom:.75rem;font-size:2.5rem}.state p{font-size:.88rem;line-height:1.7}.album-hero{padding:clamp(1.2rem,4vw,2rem) 0;position:relative;overflow:hidden}.album-hero>.wrap{align-items:flex-start;gap:clamp(.75rem,3vw,1.4rem);display:flex}.album-hero:before{content:"";pointer-events:none;background:linear-gradient(#f0307a0e 0%,#0000 100%);position:absolute;inset:0}.hero-cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--r);border:1px solid var(--border);z-index:1;flex-shrink:0;width:clamp(70px,13vw,104px);position:relative}.hero-info{z-index:1;padding-top:.1rem;position:relative}.hero-info h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1rem,3vw,1.55rem);font-weight:800;line-height:1.25}.hero-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.82rem;display:flex}.hero-count{background:var(--card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:.28rem;padding:.2rem .65rem;display:inline-flex}.dot{background:var(--acc);border-radius:50%;flex-shrink:0;width:4px;height:4px}.photo-section{padding:0 0 5rem}.photo-grid{columns:1;column-gap:.6rem}@media (min-width:480px){.photo-grid{columns:2}}@media (min-width:900px){.photo-grid{columns:3}}@media (min-width:1300px){.photo-grid{columns:4}}.photo-item{break-inside:avoid;cursor:pointer;border-radius:var(--r);background:var(--card);border:1px solid var(--border);transition:transform var(--ease), box-shadow var(--ease);margin-bottom:.5rem;position:relative;overflow:hidden}.photo-item:hover{z-index:2;transform:scale(1.015);box-shadow:0 6px 24px #0009}.photo-item img{width:100%;transition:transform .45s cubic-bezier(.4,0,.2,1);display:block}.photo-item:hover img{transform:scale(1.05)}.photo-num{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffbf;opacity:0;pointer-events:none;background:#0009;border-radius:4px;padding:.12rem .4rem;font-size:.63rem;transition:opacity .2s;position:absolute;top:6px;left:6px}.photo-item:hover .photo-num{opacity:1}.photo-item.photo-loading{aspect-ratio:2/3;background:linear-gradient(90deg, var(--card) 0%, #17172d 50%, var(--card) 100%);background-size:200% 100%;animation:1.7s infinite shimmer}.photo-skel{break-inside:avoid;border-radius:var(--r);background:linear-gradient(90deg, var(--card) 0%, #17172d 50%, var(--card) 100%);aspect-ratio:2/3;background-size:200% 100%;margin-bottom:.5rem;animation:1.7s infinite shimmer}.photo-skel:nth-child(3n){aspect-ratio:3/4}.photo-skel:nth-child(5n){aspect-ratio:1}.lightbox{z-index:9999;opacity:0;pointer-events:none;background:#000000f2;justify-content:center;align-items:center;padding:1rem;transition:opacity .2s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:all}.lb-inner{align-items:center;gap:.65rem;max-width:95vw;max-height:90vh;display:flex;position:relative}.lb-img-wrap{position:relative}.lb-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;max-width:calc(95vw - 112px);max-height:90vh;display:block}.lb-nav{color:#fff;width:44px;height:44px;transition:background var(--ease);background:#ffffff17;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lb-nav:hover{background:var(--acc)}.lb-nav:disabled{opacity:.2;pointer-events:none}.lb-close{color:#fff;width:36px;height:36px;transition:background var(--ease);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:-44px;right:0}.lb-close:hover{background:var(--acc)}.lb-counter{color:var(--muted);white-space:nowrap;font-size:.78rem;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.footer{border-top:1px solid var(--border);color:var(--muted);padding:1.1rem 0;font-size:.76rem}.footer>.wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}