*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg: #ffffff;--fg: #111111;--fg-muted: #444444;--fg-faint: #777777;--link: #111111;--link-hover: #000000;--max-width: 1400px;--gap: 1.25rem;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Times New Roman", "Songti SC", "STSong", "SimSun", serif}html{font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shell{display:grid;grid-template-columns:180px 1fr;min-height:100vh;max-width:var(--max-width);margin:0 auto}.sidebar{padding:3rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem;position:sticky;top:0;height:100vh}.brand{font-family:var(--font);font-weight:700;font-size:1.25rem;letter-spacing:.08em;color:var(--fg)}.nav{display:flex;flex-direction:column;gap:.4rem}.nav a{font-size:.95rem;color:var(--fg-muted);transition:color .15s ease}.nav a:hover{color:var(--fg)}.nav a.active{color:var(--fg);font-weight:600}.content{padding:3rem 2rem;min-height:100vh}.hero{display:flex;align-items:center;justify-content:flex-start;min-height:calc(100vh - 6rem)}.hero img{max-height:85vh;width:auto;object-fit:contain;box-shadow:0 4px 24px #0000000f}.album-list{display:flex;flex-direction:column;gap:1rem;max-width:480px;padding-top:1rem}.album-list h1{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;color:var(--fg);letter-spacing:.05em}.album-list a{display:block;padding:.6rem 0;font-size:1rem;color:var(--fg-muted);border-bottom:1px solid #f0f0f0;transition:color .15s ease,padding-left .2s ease}.album-list a:hover{color:var(--fg);padding-left:.5rem}.album-list .empty{color:var(--fg-faint);font-style:italic;padding:1rem 0}.about{max-width:480px;padding-top:1rem}.about p{font-size:1.1rem;color:var(--fg);line-height:1.8;letter-spacing:.02em}.filmstrip{display:flex;align-items:flex-start;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2rem 0 4rem;scrollbar-width:thin;scrollbar-color:#ccc transparent}.filmstrip::-webkit-scrollbar{height:8px}.filmstrip::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.filmstrip::-webkit-scrollbar-track{background:transparent}.filmstrip img{flex:0 0 auto;width:min(75vh,75vw);height:auto;scroll-snap-align:start;display:block}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.5rem 1.25rem;border-bottom:1px solid #f0f0f0}.nav{flex-direction:row;flex-wrap:wrap;gap:.5rem 1.25rem}.content{padding:1.5rem 1.25rem}.hero{min-height:60vh}.hero img{max-height:70vh}.filmstrip{display:none}.waterfall{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:1rem 0 3rem}.waterfall .item img{width:100%;height:auto;display:block}}@media(min-width:769px){.waterfall{display:none}}