:root{--color-bg-main:#fcfcfc;--color-bg-sub:#F0F4F8;--color-key:#4A90E2;--color-key-hover:#357ABD;--color-text:#606060;--color-dark:#2C3E50;--color-border:#E2E8F0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-sub);color:var(--color-text);font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.site-container{max-width:1280px;margin:0 auto;padding:32px 20px}.exif-font{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}.site-header{background-color:var(--color-bg-main);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{max-width:1280px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.site-title-group{display:flex;align-items:center;gap:12px}.site-title-group a{text-decoration:none;color:var(--color-dark)}.site-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.site-subtitle{font-size:.7rem;color:#888;font-weight:500;letter-spacing:.05em}.header-nav{display:flex;align-items:center;gap:12px}.nav-dropdown{position:relative}.dropdown-btn{background-color:var(--color-bg-main);border:1px solid var(--color-border);padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease}.dropdown-btn:hover{background-color:#F8FAFC;border-color:#CBD5E1}.dropdown-menu{display:none;position:absolute;right:0;top:100%;margin-top:8px;width:180px;background-color:var(--color-bg-main);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1);padding:6px 0;z-index:110;list-style:none}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:8px 16px;font-size:.75rem;color:var(--color-text);text-decoration:none;transition:background 0.15s}.dropdown-menu a:hover{background-color:var(--color-bg-sub);color:var(--color-key)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.gallery-card{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background-color:#E2E8F0}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s cubic-bezier(.16,1,.3,1)}.gallery-card-overlay{position:absolute;left:0;right:0;bottom:0;height:66%;background:linear-gradient(to top,rgb(15 23 42 / .9) 0%,rgb(15 23 42 / .6) 70%,#fff0 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transform:translateY(100%);transition:transform 0.35s cubic-bezier(.16,1,.3,1),opacity 0.3s ease}.gallery-card:hover .gallery-card-overlay{opacity:1;transform:translateY(0)}.gallery-card:hover img{transform:scale(1.06)}.gallery-card-title{color:#FFF;font-size:.85rem;font-weight:500;line-height:1.3}.pagination-wrapper{margin-top:48px;text-align:center}.pagination-wrapper .page-numbers{display:inline-block;padding:8px 14px;margin:0 2px;border-radius:6px;background-color:var(--color-bg-main);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;font-weight:600;text-decoration:none;transition:all 0.2s}.pagination-wrapper .page-numbers.current,.pagination-wrapper .page-numbers:hover{background-color:var(--color-key);color:#FFF;border-color:var(--color-key)}.photo-detail-container{max-width:960px;background-color:var(--color-bg-main);padding:32px;border-radius:12px;border:1px solid var(--color-border)}.photo-header{text-align:center;margin-bottom:24px;border-bottom:1px solid var(--color-bg-sub);padding-bottom:16px}.photo-title{font-size:1.5rem;font-weight:400;color:var(--color-dark)}.photo-date{font-size:.75rem;color:#94A3B8;margin-top:4px}.photo-display{text-align:center;margin-bottom:32px;background-color:#F8FAFC;padding:12px;border-radius:8px;border:1px solid var(--color-border)}.main-photo{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:4px}.photo-meta-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.photo-meta-grid{grid-template-columns:2fr 1fr}}.photo-description{font-size:.875rem;color:var(--color-text);line-height:1.7}.exif-card{background-color:var(--color-bg-sub);padding:20px;border-radius:8px;border:1px solid var(--color-border)}.exif-card-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.exif-dl{display:flex;flex-direction:column;gap:8px}.exif-row{display:flex;justify-content:space-between;font-size:.75rem;padding-bottom:6px;border-bottom:1px dashed #CBD5E1}.exif-row:last-child{border-bottom:none}.exif-row dt{color:#94A3B8;font-weight:500}.exif-row dd{color:var(--color-dark);font-weight:600;text-align:right}