:root{--bg:#f6f5f1;--ink:#242821;--muted:#878b81;--line:#dddfd5;--accent:#596a45;--surface:#eeeee7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.35;cursor:default}.header{display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 4vw;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:41px;font-weight:800;letter-spacing:-3px;white-space:nowrap}.brand-dot{color:#7d8b65}.brand-caption{font-size:11px;font-weight:400;letter-spacing:3px;margin-left:18px;vertical-align:middle}.channels{display:flex;height:100%;gap:42px}.channel{position:relative;font-size:15px;color:#8b8f85;padding:0 4px}.channel span{display:inline-block;font-size:10px;margin-left:10px;opacity:.7}.channel.active{color:var(--ink)}.channel.active:after{content:'';height:3px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0}.saved-button{font-size:16px;display:flex;align-items:center;gap:8px}.saved-button span{font-size:12px}.saved-button b{font-size:10px;background:#e7e9df;border-radius:20px;min-width:21px;padding:4px;font-weight:400}.saved-button.active{color:var(--accent)}main{max-width:2100px;margin:auto;padding:0 4vw}.hero{display:flex;align-items:center;justify-content:space-between;padding:46px 0 38px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#7e896e}.hero h1{font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:1px;margin:16px 0 13px}.hero h1 span{color:#99a480}.hero p{color:#8a8e84;font-size:12px;line-height:1.9;margin:0}.hero-aside{display:flex;flex-direction:column;gap:24px;text-align:right;font-size:11px;color:#92978a;line-height:1.8}.hero-aside>span:first-child{letter-spacing:2px;font-size:10px}.filter-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:21px 0 18px}.categories{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.categories button{white-space:nowrap;padding:10px 17px;border-radius:25px;color:#767d6d;font-size:12px}.categories button.active{background:#2f392b;color:white}.filter-tools{display:flex;gap:9px;white-space:nowrap}.shuffle{font-size:12px;background:#e7eadd;padding:10px 15px;border-radius:6px;color:#536346}.shuffle.busy{opacity:.5}.filter-toggle{font-size:12px;border-left:1px solid var(--line);padding-left:17px}.filter-toggle span{margin-left:10px}.filter-panel{display:flex;align-items:end;gap:20px;padding:15px 0 25px;border-top:1px dashed var(--line)}[hidden]{display:none!important}.filter-panel label{display:flex;flex-direction:column;gap:9px;color:#8b8f83;font-size:11px}.filter-panel input,.filter-panel select{background:transparent;border:1px solid var(--line);border-radius:5px;padding:9px 12px;color:#454d3d;font-size:12px;height:36px}.filter-panel select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23707966' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:140px}.search-label{flex:1;max-width:350px}#clearFilters{font-size:12px;padding:10px;color:#7c846f}.feed-info{display:flex;justify-content:space-between;align-items:center;color:#93998b;font-size:10px;padding:0 0 20px;gap:12px}.feed-info>div{display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;background:#879c72;border-radius:50%}#totalCount{padding-left:8px;color:#b0b3a9}.grid{columns:5;column-gap:18px}.card{break-inside:avoid;margin-bottom:24px;animation:appear .35s ease both}.photo{position:relative;overflow:hidden;border-radius:8px;background:#e8e8df;min-height:120px}.photo img{width:100%;height:auto;display:block;cursor:zoom-in;transition:transform .6s}.photo:hover img{transform:scale(1.025)}.photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none;opacity:0;transition:opacity .2s}.photo:hover:after{opacity:1}.card-save{position:absolute;z-index:2;right:10px;top:10px;background:#fffffff0;border-radius:50%;width:33px;height:33px;font-size:21px;opacity:0;transition:opacity .2s}.photo:hover .card-save,.card-save:focus-visible,.card-save.saved{opacity:1}.card-save.saved{background:#35432d;color:white}.photo-tag{position:absolute;left:10px;bottom:10px;z-index:1;background:#fffffff0;color:#525d47;font-size:9px;letter-spacing:1px;padding:5px 8px;border-radius:3px}.card-title{font-size:12px;margin:11px 0 7px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#989e8d;gap:6px}.card-meta a:hover{color:#546c43}.hide-button{font-size:14px;color:#a4aa9b;padding:0 4px}.hide-button:hover{color:#333}.sentinel{padding:35px 0 45px;text-align:center;color:#a2a695;font-size:11px;min-height:100px}#loadMore{display:block;margin:14px auto 0;border:1px solid var(--line);padding:8px 25px;border-radius:20px;font-size:11px}.empty{text-align:center;padding:70px 0}.empty>div{font-size:20px}.empty p{color:#8d9580;font-size:12px}.empty button{border-bottom:1px solid #899679;padding:8px;margin-top:10px}.empty.pulse{opacity:.5}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0 35px;color:#9b9f94;font-size:10px;letter-spacing:.5px}footer button{font-size:10px}dialog{padding:0;border:0;border-radius:10px;color:var(--ink);background:var(--bg);max-height:92vh}dialog::backdrop{background:#171c17df;backdrop-filter:blur(6px)}.viewer[open]{display:flex;width:min(1120px,94vw);max-width:1120px}.viewer-image{width:68%;background:#20231f;display:flex;align-items:center;justify-content:center;min-height:400px}.viewer-image img{width:100%;max-height:88vh;object-fit:contain}.viewer-details{padding:55px 30px 30px;width:32%;align-self:center}.viewer-details h2{font-size:22px;font-weight:450;line-height:1.6}.viewer-details p{font-size:12px;color:#8e9585;line-height:1.9}.detail-label{font-size:10px;color:#a1a794;margin-top:35px}.original-title{font-size:10px!important;max-height:85px;overflow:auto}.detail-actions{display:flex;flex-direction:column;gap:20px;margin-top:28px;font-size:12px}.primary{background:#35432d;color:#fff;padding:12px 20px;border-radius:5px}.detail-foot{font-size:10px;line-height:1.9;color:#a2a792;margin-top:36px}.dialog-close{position:absolute;right:12px;top:10px;z-index:5;font-size:26px;background:#ffffffe8;width:32px;height:32px;border-radius:50%}.photo-nav{position:absolute;z-index:2;top:45%;font-size:35px;background:#ffffffc9;border-radius:30px;width:34px;height:42px;line-height:30px}.prev{left:12px}.next{right:calc(32% + 12px)}.about{padding:40px;width:90vw;max-width:550px}.about h2{font-size:23px;font-weight:450;margin:25px 0}.about p{font-size:12px;color:#7e8771;line-height:2}.back-top{position:fixed;bottom:22px;right:20px;background:#fffffff0;box-shadow:0 3px 20px #0001;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;opacity:0;pointer-events:none}.back-top.visible{opacity:1;pointer-events:auto}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(12px);background:#303b2b;color:white;padding:12px 22px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.visible{opacity:1;transform:translateX(-50%)}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1800px){.grid{columns:6}}@media(max-width:1200px){.grid{columns:4}.channel span{display:none}.hero-aside{display:none}.brand-caption{font-size:10px;letter-spacing:1px}}@media(max-width:900px){.grid{columns:3}.brand-caption{display:none}.filter-wrap{align-items:start}.filter-tools{padding-top:2px}.categories{max-width:calc(100vw - 210px)}.categories button{padding:10px 13px}.viewer-details{padding:45px 22px 20px}.viewer-details h2{font-size:18px}}@media(max-width:600px){.header{height:72px;padding:0 5vw;gap:15px}.brand{font-size:34px}.channels{gap:20px}.channel{font-size:13px;padding:0}.saved-button span{display:none}.saved-button{font-size:20px;gap:4px}main{padding:0 4vw}.hero{padding:34px 0 27px}.hero h1{font-size:26px;letter-spacing:0;line-height:1.5;margin:13px 0 10px}.hero p{font-size:11px;max-width:290px}.eyebrow{font-size:9px}.filter-wrap{flex-wrap:wrap;padding-top:15px;gap:14px}.categories{max-width:100%;width:100%;padding-bottom:2px}.categories button{padding:9px 14px;font-size:11px}.filter-tools{justify-content:space-between;width:100%}.filter-toggle{border:0}.filter-panel{flex-wrap:wrap;gap:13px}.filter-panel label{flex:1;min-width:120px}.search-label{max-width:none;width:100%}.feed-info{font-size:9px}#contextHint{display:none}.grid{columns:2;column-gap:12px}.card{margin-bottom:23px}.card-save{opacity:1;width:29px;height:29px;font-size:18px;right:8px;top:8px}.photo{border-radius:6px}.card-title{font-size:11px}.card-meta{font-size:9px}.photo-tag{font-size:8px;left:8px;bottom:8px;padding:4px 6px}footer{flex-wrap:wrap;font-size:9px;line-height:1.9;gap:8px}footer>span:nth-child(2){width:100%;order:3}.viewer[open]{display:block;max-height:94vh;overflow:auto;width:94vw}.viewer-image{width:100%;min-height:0}.viewer-image img{max-height:65vh}.viewer-details{width:100%;padding:22px}.viewer-details h2{margin:12px 0;font-size:19px}.detail-label{margin-top:15px}.original-title{display:none}.detail-actions{flex-direction:row;align-items:center;margin-top:15px}.detail-foot{margin-top:18px}.photo-nav{top:30%}.next{right:12px}.about{padding:35px 25px}.back-top{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.grid{display:grid;grid-template-columns:repeat(var(--columns,5),minmax(0,1fr));align-items:start;columns:unset}.masonry-column{min-width:0}.card{break-inside:unset}
