:root{--bg:#faf9f7;--ink:#1f2430;--ink-soft:#6b7280;--accent:#3a6ea5;--accent-soft:#e8eff7;--card-shadow:0 10px 30px #1f24301a;--radius:14px;--gap:26px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,-apple-system,sans-serif;line-height:1.7}img{max-width:100%;display:block}.nav{z-index:50;justify-content:space-between;align-items:center;padding:18px 5vw;transition:background .3s,box-shadow .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9f7eb;padding:12px 5vw;box-shadow:0 2px 16px #0000000f}.logo{letter-spacing:2px;color:#fff;text-shadow:0 1px 10px #00000059;font-size:22px;font-weight:700;text-decoration:none}.logo,.logo span{transition:color .3s}.logo span{color:#9cc3ee}.nav.scrolled .logo{color:var(--ink)}.nav.scrolled .logo span{color:var(--accent)}.nav-links a{color:#ffffffe6;text-shadow:0 1px 8px #00000059;letter-spacing:1px;margin-left:28px;font-size:15px;text-decoration:none;transition:color .3s}.nav.scrolled .nav-links a{color:var(--ink-soft)}.nav-links a:hover{color:#9cc3ee}.nav.scrolled .nav-links a:hover{color:var(--accent)}.hero{text-align:center;color:#fff;justify-content:center;align-items:center;height:100vh;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-bg{animation:18s ease-out forwards heroZoom;position:absolute;inset:0}.hero-bg img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 35%;object-position:center 35%;width:100%;height:100%}@keyframes heroZoom{0%{transform:scale(1.12)}to{transform:scale(1)}}.hero-bg:after{content:"";background:linear-gradient(#0a0e1e59,#0a0e1e8c);position:absolute;inset:0}.hero-content{z-index:2;padding:0 24px;position:relative}.hero-kicker{letter-spacing:6px;opacity:.85;margin-bottom:18px;font-size:13px}.hero h1{letter-spacing:6px;text-shadow:0 4px 30px #0006;font-size:clamp(38px,7vw,68px);font-weight:700}.hero h1 .dot{color:#9cc3ee;margin:0 10px}.hero-sub{opacity:.88;letter-spacing:2px;margin-top:20px;font-size:clamp(15px,2vw,18px)}.hero-btn{color:#fff;letter-spacing:3px;border:1px solid #ffffffb3;border-radius:999px;margin-top:44px;padding:13px 42px;font-size:15px;text-decoration:none;transition:background .3s,transform .3s;display:inline-block}.hero-btn:hover{background:#ffffff29;transform:translateY(-2px)}.gallery-section{max-width:1200px;margin:0 auto;padding:90px 5vw 40px}.section-head{text-align:center;margin-bottom:40px}.section-head h2{letter-spacing:4px;font-size:32px}.section-head h2:after{content:"";background:var(--accent);border-radius:2px;width:46px;height:3px;margin:14px auto 0;display:block}.section-head p{color:var(--ink-soft);margin-top:12px;font-size:14px}.filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.filter{color:var(--ink-soft);cursor:pointer;letter-spacing:1px;background:#fff;border:1px solid #ddd8d0;border-radius:999px;padding:8px 22px;font-size:14px;transition:all .25s}.filter:hover{border-color:var(--accent);color:var(--accent)}.filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.grid.is-justified{flex-direction:column;display:flex}.grid-row{gap:var(--gap);display:flex}.grid.is-justified .card{flex:none}.grid.is-justified .card img{aspect-ratio:auto;height:100%}.card{border-radius:var(--radius);cursor:pointer;background:#e9e6e1;animation:.6s both cardIn;position:relative;overflow:hidden;box-shadow:0 4px 14px #1f243014}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;width:100%;transition:transform .6s}.card:hover img{transform:scale(1.06)}.card-overlay{opacity:0;color:#fff;background:linear-gradient(#0000 45%,#0f1423b8);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .35s;display:flex;position:absolute;inset:0}.card:hover .card-overlay{opacity:1}.card-title{letter-spacing:1px;font-size:17px;font-weight:600}.card-cat{opacity:.8;letter-spacing:2px;margin-top:2px;font-size:12px}.card-zoom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex;position:absolute;top:14px;right:14px}.card.hidden{display:none}.grid-empty{text-align:center;color:var(--ink-soft);grid-column:1/-1;padding:40px 0}.about{background:#fff;border-top:1px solid #eee9e2;border-bottom:1px solid #eee9e2;margin-top:60px}.about-inner{grid-template-columns:1.6fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:0 auto;padding:80px 5vw;display:grid}.about h2{letter-spacing:4px;margin-bottom:22px;font-size:28px}.about p{color:#4b5563;margin-bottom:14px}.about-gear{color:var(--ink-soft);font-size:14px}.about-sub{letter-spacing:2px;color:var(--ink);margin-top:30px;font-size:15px}.about-note{color:var(--ink-soft);border-left:2px solid var(--accent-soft);padding-left:12px;font-size:13.5px;line-height:1.9}.about-note strong{color:var(--ink);font-weight:600}.email-img{vertical-align:-6px;align-items:center;gap:6px;display:inline-flex}.email-img-link{color:var(--accent);border-bottom:1px dashed var(--accent);cursor:pointer;line-height:0;text-decoration:none}.email-img-link:hover{opacity:.72}.email-img-canvas{display:block}.email-img-tip{opacity:.7;font-size:12px}.about-stats{flex-direction:column;gap:22px;display:flex}.stat{text-align:center;background:var(--accent-soft);border-radius:var(--radius);padding:22px 10px}.stat strong{color:var(--accent);font-size:34px;font-weight:700;display:block}.stat span{letter-spacing:2px}.footer,.stat span{color:var(--ink-soft);font-size:13px}.footer{text-align:center;letter-spacing:1px;padding:34px 20px}.footer-note{max-width:760px;margin:0 auto 8px;line-height:1.9}.footer-note strong{color:var(--ink);font-weight:600}.footer-copy{opacity:.75;font-size:12px}.pswp{--pswp-bg:#0b0e17;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#0b0e17}.pswp-cap{text-align:center;color:#ffffffeb;pointer-events:none;text-shadow:0 1px 12px #0009;padding:0 20px;position:absolute;bottom:22px;left:0;right:0}.pswp-cap-title{letter-spacing:2px;font-size:17px}.pswp-cap-meta{opacity:.7;letter-spacing:1px;margin-top:5px;font-size:12px}@media (width<=800px){:root{--gap:16px}.about-inner{gap:40px}.about-inner,.grid{grid-template-columns:1fr}.pswp-cap{bottom:14px}.nav-links a{margin-left:18px}}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;display:none;position:fixed;top:0;left:0}.pswp,.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:zoom-out}.pswp__button,.pswp__container,.pswp__counter,.pswp__img{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:active,.pswp__button:focus,.pswp__button:hover{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}.pswp__img--with-bg,div.pswp__img--placeholder{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}