:root{--bg:#f6f5ef;--ink:#263f34;--muted:#899087;--line:#e1e3d9;--green:#385845}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a2b28d;outline-offset:5px}button:disabled{opacity:.55;cursor:wait}.header{height:104px;margin:0 auto;width:calc(100% - 112px);max-width:1376px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:600;letter-spacing:4px}.brand-mark{font-size:44px;font-weight:400}.brand-sub{display:block;font-size:8px;letter-spacing:2.4px;margin-top:4px}.header nav{display:flex;gap:35px;height:100%;align-items:center}.nav-link{height:100%;border:0;background:none;position:relative;color:#7d867b;font-size:13px}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:'';height:2px;background:var(--ink);position:absolute;bottom:0;left:10%;right:10%}.nav-link span#saved-count{font-size:10px;margin-left:4px;background:#e6e9df;padding:2px 6px;border-radius:10px}.arrow{margin-left:7px}.header-note{font-size:11px;letter-spacing:1px;color:var(--muted)}.header-note i{display:inline-block;width:6px;height:6px;background:#6c8265;border-radius:50%;margin-right:8px}main{max-width:1376px;margin:auto;padding:0 56px}.intro{display:grid;grid-template-columns:.8fr 1.25fr;gap:50px;padding:62px 0 66px;align-items:center}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.2px;margin:0 0 25px;color:#7b8776}h1{font-family:"Songti SC",SimSun,serif;font-size:57px;font-weight:400;letter-spacing:3px;line-height:1.5;margin:0 0 18px}h1 span{color:#7d8a69}.intro-copy{font-size:13px;line-height:2.1;color:#8b9186;letter-spacing:1px}.explore{display:inline-flex;align-items:center;gap:38px;margin-top:23px;padding-bottom:10px;border-bottom:1px solid #9da991;font-size:12px}.explore span{font-size:22px}.hero{height:410px;position:relative;overflow:hidden;border-radius:3px;color:#fff}.hero:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#17392bc4);pointer-events:none}.hero img{height:100%;width:100%;object-fit:cover;object-position:center 44%}.hero-top{position:absolute;top:25px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.hero-top span:first-child{padding:7px 12px;background:#eff4e423;border:1px solid #fff5;backdrop-filter:blur(8px)}.hero-top span:last-child{padding:7px 0}.hero-bottom{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;display:flex;justify-content:space-between;align-items:end}.small-label{font-size:8px;letter-spacing:2px;color:#d0dacb}.hero-bottom h2{font-family:SimSun,serif;font-size:29px;font-weight:400;letter-spacing:3px;margin:10px 0}.hero-bottom p{color:#ccd6c9;font-size:10px;letter-spacing:1px;margin-bottom:0}.round-button{background:#ffffff12;color:white;border:1px solid #ffffff75;border-radius:50%;width:43px;height:43px;font-size:23px}.round-button:hover{background:#ffffff35}.collection{border-top:1px solid var(--line);padding-top:35px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head .eyebrow{margin-bottom:12px;font-size:9px}.section-head h2{font-size:26px;font-family:SimSun,serif;font-weight:400;letter-spacing:2px;margin:0}.section-head h2 span{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;color:#959b90;margin-left:20px}.collection-number{font-size:11px;color:var(--muted);letter-spacing:1px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0}.tabs{display:flex;gap:9px}.tabs button{border:0;background:transparent;color:#818a7c;border-radius:3px;padding:10px 17px;font-size:12px}.tabs button.selected{background:var(--green);color:#fff}.tabs button span{font-size:9px;margin-left:6px;opacity:.65}.search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #d8dcd0;padding:8px 0;width:195px;color:#89947e}.search span{font-size:22px;line-height:20px}.search input{width:100%;background:transparent;border:0;font:inherit;font-size:11px;min-width:0;color:var(--ink)}.search input::placeholder{color:#9bA092}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.card{min-width:0}.card-visual{position:relative;overflow:hidden;background:#dfe2d6;border-radius:3px}.open-work{display:block;border:0;padding:0;width:100%;background:none;overflow:hidden;aspect-ratio:1.22}.open-work img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.open-work:hover img{transform:scale(1.035)}.image-index{position:absolute;top:15px;left:16px;color:#ffffffb3;font-size:9px;letter-spacing:1px;pointer-events:none}.save{position:absolute;right:13px;bottom:13px;border:1px solid #ffffff55;border-radius:50%;width:32px;height:32px;background:#f5f6ebdd;color:#425a45;font-size:20px;display:grid;place-items:center}.save.is-saved{background:#385845;color:#fff}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.title-button{border:0;padding:0;background:none;font-family:SimSun,serif;font-size:19px;letter-spacing:1px}.category-label{font-size:9px;color:#7f8b78;border:1px solid #dce1d4;padding:4px 7px;border-radius:2px}.card-meta{font-size:10px;color:#99a08f;letter-spacing:.5px;display:flex;justify-content:space-between;margin-top:10px}.end-note{display:flex;align-items:center;justify-content:center;gap:18px;color:#a0a694;font-size:10px;letter-spacing:2px;margin:49px 0}.end-note span{height:1px;width:40px;background:#d8dece}.quote{background:#eceee4;padding:30px 38px;position:relative;margin-bottom:42px}.quote>span:first-child{font-family:Georgia,serif;font-size:38px;position:absolute;color:#94a285;top:22px}.quote p{font-family:SimSun,serif;font-size:19px;letter-spacing:2px;margin:0 0 12px 38px}.quote small{font-size:8px;color:#949d88;letter-spacing:2px;margin-left:38px}.quote .quote-icon{position:absolute;right:34px;top:26px;font-size:48px;color:#899a77}footer{max-width:1264px;margin:0 auto;padding:0 0 30px;display:flex;justify-content:space-between;align-items:center;color:#99a08f;font-size:9px}.footer-brand{font-size:17px;letter-spacing:2px;color:#607153}.footer-brand span{font-size:7px;margin-left:12px;letter-spacing:1px}dialog{border:0;padding:0;background:var(--bg);color:var(--ink);border-radius:7px;max-width:1000px;width:90%;max-height:90dvh;box-shadow:0 30px 100px #15281c50}dialog::backdrop{background:#15261dcc;backdrop-filter:blur(5px)}.close{position:absolute;right:13px;top:12px;background:var(--bg);border:0;border-radius:50%;height:34px;width:34px;font-size:25px;z-index:3}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr}.detail-layout>img{width:100%;height:100%;min-height:530px;object-fit:cover}.detail-content{padding:54px 36px 26px}.detail-content .eyebrow{margin-bottom:18px}.detail-content h2,#about h2{font-family:SimSun,serif;font-weight:400;font-size:32px;margin:0 0 12px}.detail-en{font-size:9px;letter-spacing:2px;color:#929b89}.detail-description{font-size:13px;line-height:2.2;color:#7c8775;margin:28px 0}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:19px;font-size:11px}.detail-meta small{display:block;color:#949d8d;margin-bottom:7px;font-size:9px}.sample-note{color:#99a28e;font-size:9px;margin:25px 0 14px}.solid{border:0;background:var(--green);color:#fff;padding:12px 22px;border-radius:3px;font-size:12px}.detail-content>.solid{width:100%}.detail-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;color:#939c88}.detail-navigation button{border:0;background:none;font-size:11px;padding:6px}.empty{text-align:center;padding:55px 15px;color:#8d9981}.empty>span{font-size:40px}.empty h3{font-weight:400;color:var(--ink)}.empty p{font-size:12px;margin-bottom:24px}#about{max-width:590px;padding:48px}#about p:not(.eyebrow){font-size:13px;line-height:2.1;color:#7d8876}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:13px 22px;background:#294332;color:white;border-radius:4px;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){main{padding:0}.hero{height:460px}.intro{gap:90px}.header{width:1376px}footer{max-width:1376px}}
@media(max-width:950px){.header{width:calc(100% - 56px)}.header-note{display:none}main{padding:0 28px}.intro{gap:28px;grid-template-columns:.9fr 1.1fr}h1{font-size:43px}.hero{height:370px}.tabs button{padding:10px 12px}.search{width:160px}.grid{gap:28px 18px}footer{padding:0 28px 25px}.footer-brand span{display:none}.section-head h2 span{font-size:10px;margin-left:9px}.detail-content{padding:50px 25px 25px}}
@media(max-width:600px){.header{height:80px;width:calc(100% - 36px)}.brand{font-size:22px;gap:7px;letter-spacing:2px}.brand-mark{font-size:33px}.brand-sub{font-size:6px;letter-spacing:1px}.header nav{gap:15px}.nav-link{font-size:11px;padding:0}.nav-link .arrow{display:none}.header #about-nav{font-size:0}.header #about-nav:before{content:'关于';font-size:11px}main{padding:0 18px}.intro{display:block;padding:35px 0 32px}.intro>.eyebrow{margin-bottom:15px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:41px;line-height:1.35;margin-bottom:16px}h1 br{display:none}.intro-copy{font-size:12px;line-height:1.9}.explore{margin-top:7px;margin-bottom:26px;font-size:11px;gap:28px}.hero{height:300px}.hero-top{top:20px;left:22px;right:22px}.hero-bottom{bottom:24px;left:23px;right:23px}.hero-bottom h2{font-size:26px}.collection{padding-top:27px}.section-head h2{font-size:24px}.section-head h2 span{display:none}.collection-number{font-size:10px}.toolbar{align-items:stretch;flex-direction:column;gap:16px;margin:23px 0}.tabs{gap:3px;justify-content:space-between}.tabs button{font-size:11px;padding:10px 11px;white-space:nowrap}.search{width:100%;padding:8px 2px}.search input{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.open-work{aspect-ratio:.89}.image-index{top:10px;left:10px;font-size:8px}.save{width:30px;height:30px;right:9px;bottom:9px}.card-bottom{margin-top:12px;align-items:start;gap:6px;flex-direction:column}.title-button{font-size:17px}.category-label{font-size:8px;padding:2px 4px}.card-meta{font-size:8px;gap:4px;flex-wrap:wrap;margin-top:7px}.end-note{font-size:9px;margin:35px 0;gap:10px;letter-spacing:1px}.end-note span{width:23px}.quote{padding:27px 20px;margin-bottom:28px}.quote p{font-size:14px;letter-spacing:1px;margin-left:25px}.quote small{font-size:6px;letter-spacing:1px;margin-left:25px}.quote .quote-icon{display:none}footer{padding:0 18px 22px;flex-wrap:wrap;gap:12px;font-size:8px}footer p{order:3;width:100%;margin:0}.detail-layout{display:block}.detail-layout>img{height:265px;min-height:0}.detail-content{padding:25px}.detail-content h2{font-size:27px}.detail-description{margin:20px 0}.detail-content .eyebrow{margin-bottom:13px}dialog{width:94%;max-height:92dvh}.detail-navigation{margin-top:18px}#about{padding:45px 25px 25px}#about h2{font-size:24px}#toast{max-width:90%;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}