:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#f2f0ed;--surface:#fbfaf8;--surface-muted:#e9e5e1;--text:#272421;--text-muted:#6e6660;--line:#d1cbc5;--accent:#9f4f42;--accent-strong:#803d33;--focus:#9f4f42;--radius-card:14px;--radius-control:8px;--shadow:0 18px 45px #2d231e12}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--text);min-width:0;margin:0;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.access-shell{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.access-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);width:100%;max-width:390px;padding:34px}.brand{color:var(--text-muted);letter-spacing:.08em;margin:0 0 24px;font-size:13px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(28px,5vw,38px);line-height:1.06}.access-copy,.form-error,.empty-state{line-height:1.6}.access-copy{color:var(--text-muted);margin-bottom:28px}.field{gap:8px;margin-bottom:20px;display:grid}label{font-size:14px;font-weight:700}input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);width:100%;min-height:46px;padding:10px 12px}.form-error{color:var(--accent-strong);margin:0;font-size:14px}.primary-button,.text-button,.filter-button{border-radius:var(--radius-control);cursor:pointer;transition:background-color .14s,border-color .14s,color .14s,transform .14s}.primary-button:active,.text-button:active,.filter-button:active{transform:translateY(1px)}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fffaf7;width:100%;min-height:46px;padding:10px 16px}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.primary-button:disabled{cursor:wait;opacity:.72}.gallery-shell{max-width:1500px;margin:0 auto;padding:38px 28px 64px}.gallery-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:26px;display:flex}.gallery-header .brand{margin-bottom:12px}.gallery-header h1{margin:0;font-size:clamp(30px,4vw,48px)}.gallery-count{color:var(--text-muted);margin:10px 0 0;font-size:14px}.text-button{border:1px solid var(--line);color:var(--text);background:0 0;min-height:38px;padding:7px 12px}.text-button:hover{border-color:var(--accent);color:var(--accent-strong)}.filter-bar{flex-wrap:wrap;gap:8px;padding:22px 0 28px;display:flex}.filter-button{border:1px solid var(--line);color:var(--text-muted);background:0 0;min-height:34px;padding:6px 11px}.filter-button:hover,.filter-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-strong)}.filter-button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 11%, var(--surface))}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;overflow:hidden}.project-card img{aspect-ratio:16/10;background:var(--surface-muted);object-fit:cover;width:100%;display:block}.project-caption{min-height:84px;padding:14px 15px 16px}.project-caption p{color:var(--text-muted);margin-bottom:6px;font-size:13px}.project-caption h2{letter-spacing:-.02em;margin-bottom:0;font-size:17px;line-height:1.3}.empty-state{color:var(--text-muted);padding:22px 0}.project-skeleton{border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.project-skeleton__image{aspect-ratio:16/10;background:var(--surface-muted)}.project-skeleton__caption{background:var(--surface);min-height:84px}.gallery-error{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));border-radius:var(--radius-card);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.gallery-error p{color:var(--accent-strong);margin:0}@media (min-width:1280px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:960px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.access-card{padding:28px 22px}.gallery-shell{padding:26px 16px 48px}.gallery-header{align-items:flex-start;gap:16px}.project-grid{grid-template-columns:minmax(0,1fr)}.gallery-error{flex-direction:column;align-items:flex-start}}@media (prefers-color-scheme:dark){:root{--canvas:#1e1c1b;--surface:#262321;--surface-muted:#302c29;--text:#f0ebe6;--text-muted:#b9afa7;--line:#4b4540;--accent:#b85547;--accent-strong:#a64d42;--focus:#e09a89;--shadow:0 18px 45px #00000038}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}