@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;800&display=swap";:root{--paper:#f7f6f0;--green:#173e33;--muted:#788078;--line:#dedfd5;--accent:#accab4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:var(--paper);color:var(--green);margin:0;font:15px/1.7 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:3px solid #be8a44}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:108px;margin:auto;padding:0 6%;display:flex}.brand{letter-spacing:2px;align-items:center;gap:13px;font-size:22px;font-weight:600;display:flex}.brand small{letter-spacing:2px;margin-top:3px;font:9px/1.8 sans-serif;display:block}.seal{border:1px solid var(--green);border-radius:5px;place-items:center;width:43px;height:48px;font:32px Noto Serif SC,serif;display:grid;box-shadow:inset 0 -5px #d7dfd3}.brand span:last-child{line-height:1.2}nav{gap:38px;font-size:14px;display:flex}.manage{border-bottom:1px solid #9da79e;padding:7px 0;font-size:13px}.hero{grid-template-columns:1fr 1fr;gap:30px;max-width:1440px;min-height:640px;margin:auto;padding:55px 6% 62px;display:grid}.hero-copy{padding:30px 0}.eyebrow{letter-spacing:2px;margin:0 0 24px;font:10px/1.5 sans-serif}.eyebrow>span{vertical-align:middle;background:#648f6d;border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}h1,h2,h3{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-weight:500}h1{letter-spacing:3px;font-size:clamp(52px,5.5vw,78px);line-height:1.36}h1 span{color:#578367}.intro{color:#67746a;margin:26px 0 30px;font-size:15px;line-height:2}.primary{background:var(--green);color:#fff;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:38px;padding:15px 24px;font-size:14px;display:inline-flex}.primary:hover{background:#285745}.primary span{font-size:20px;line-height:1}.hero-foot{color:#8a9187;letter-spacing:2px;margin-top:26px;font-size:11px}.hero-art{isolation:isolate;background:#dce5d7 radial-gradient(at 50% 20%,#edf0e2,#0000 75%);border-radius:150px 8px 8px;min-height:500px;position:relative;overflow:hidden}.orbit{border:1px solid #b9c8b366;border-radius:50%;width:520px;height:520px;position:absolute;top:40px;left:30px;transform:rotate(-20deg)}.orbit-two{width:380px;height:380px;top:115px;left:98px}.art-caption{letter-spacing:3px;writing-mode:vertical-rl;color:#798e78;font:9px sans-serif;position:absolute;top:30px;right:25px}.tile{background:linear-gradient(130deg,#fffef5,#e5e3d6);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:146px;height:198px;font-family:Noto Serif SC,serif;font-size:96px;line-height:1.2;display:flex;position:absolute;box-shadow:4px 13px #b9c6ad,5px 23px #5a7f62,16px 40px 40px #21392a40,inset 1px 1px 2px #fff}.tile span{letter-spacing:1px;margin-top:14px;font:5px/2 sans-serif}.tile-fa{color:#2e6950;z-index:3;top:24%;left:37%;transform:rotate(12deg)}.tile-zhong{color:#a94636;z-index:2;top:35%;left:9%;transform:rotate(-18deg)}.tile-bai{z-index:4;width:125px;height:170px;top:47%;left:62%;transform:rotate(24deg)}.tile-bai i{border:6px double #435e84;border-radius:4px;width:67px;height:105px;display:block}.tile-back{z-index:1;background:repeating-linear-gradient(45deg,#4e795c,#4e795c 3px,#527e60 3px 5px);border:8px solid #e6e8da;width:130px;height:177px;top:13%;left:52%;transform:rotate(28deg)}.art-label{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:25px;left:29px;right:25px}.art-label small{color:#71816b;font-size:9px}.collection{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:58px 6% 75px}.section-top{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.section-top .eyebrow{color:#80927b;margin-bottom:12px}h2{letter-spacing:1px;font-size:34px;line-height:1.5}.count{color:#7b8478;font-size:12px}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:23px;display:flex}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{color:#717b70;background:0 0;border:0;border-radius:3px;padding:9px 15px;font-size:13px}.tabs button.active{background:var(--green);color:#fff}.search{border:1px solid var(--line);border-radius:3px;align-items:center;gap:9px;min-width:250px;padding:7px 12px;display:flex}.search>span{font-size:23px;line-height:1}.search input{width:100%;color:var(--green);background:0 0;border:0;outline:none;font-size:12px}.search button{background:0 0;border:0}.empty{text-align:center;background:#f0f2e960;border:1px dashed #d9dfd3;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:325px;margin:26px 0 0;padding:35px 15px;display:flex}.empty-icon{color:#70916c;border:1px solid #aabca1;border-radius:5px;place-items:center;width:44px;height:55px;margin-bottom:23px;font:32px Noto Serif SC,serif;display:grid;box-shadow:0 4px #ccdac2}.empty .eyebrow{color:#82937a;margin-bottom:10px;font-size:8px}.empty h3{font-size:27px}.empty p:not(.eyebrow){color:#88917f;margin:15px 0;font-size:13px}.about{border-top:1px solid var(--line);background:#eef0e7;grid-template-columns:1fr 1fr;gap:40px;max-width:1440px;margin:auto;padding:64px 6%;display:grid}.about .eyebrow{color:#839077}.about>div>p:not(.eyebrow){color:#778070;max-width:480px;margin:4px 0 26px;font-size:14px;line-height:2}.about-notes{border-top:1px solid #d9dfd0;gap:25px;padding:20px 0;font-size:12px;display:flex}.about-notes b{color:#96a68a;margin-right:8px;font:11px serif}.about small{color:#8b9382;font-size:10px}footer{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:40px 6%;display:flex}footer .brand{font-size:17px}footer .seal{width:33px;height:39px;font-size:25px}footer>span,footer>a:last-child{color:#829078;font-size:10px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px;margin-top:30px;display:grid}.product{text-align:left;color:var(--green);background:0 0;border:0;padding:0}.product-img{background:#e8ebdf;border-radius:4px;height:300px;position:relative;overflow:hidden}.product-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product:hover img{transform:scale(1.04)}.product-img>span{background:#fffe;border-radius:2px;padding:6px 12px;font-size:11px;position:absolute;bottom:12px;right:12px}.product-meta{padding:17px 0}.product-meta small{letter-spacing:1px;color:#839079;justify-content:space-between;font-size:10px;display:flex}.product h3{margin:7px 0;font-size:23px}.product p{color:#87907f;margin:0;font-size:12px}.adminbar{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.adminbar p{font-size:13px}.adminbar span{color:#85947d;margin-left:10px;font-size:11px}.notice{color:#4d6345;background:#e5ebdc;padding:10px 14px;font-size:13px}.outline{color:var(--green);background:0 0;border:1px solid #a8b59f;border-radius:3px;padding:9px 18px}.danger{color:#99473a}dialog{background:var(--paper);width:min(960px,100% - 32px);max-height:90vh;color:var(--green);border:0;border-radius:10px;padding:44px;position:fixed}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#132b24ad}.close{color:var(--green);z-index:3;background:0 0;border:0;padding:7px;font-size:26px;line-height:1;position:absolute;top:10px;right:15px}.detail{grid-template-columns:1.1fr 1fr;gap:35px;display:grid}.detail-main{object-fit:contain;background:#ebece3;border-radius:4px;width:100%;height:380px}.thumbnails{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.thumbnails button{background:0 0;border:1px solid #0000;border-radius:3px;width:58px;height:58px;padding:2px}.thumbnails button.chosen{border-color:var(--green)}.thumbnails img{object-fit:cover;width:100%;height:100%}.detail-text{padding-top:12px}.detail-text h2{overflow-wrap:anywhere;font-size:29px}.detail-text .eyebrow{margin-bottom:16px}.detail-text dl{margin:25px 0}.detail-text dl>div{border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;display:flex}.detail-text dt{color:#85917e;flex-shrink:0;width:90px}.detail-text dd{overflow-wrap:anywhere;margin:0}.detail-text h3{font-size:17px}.description{white-space:pre-wrap;overflow-wrap:anywhere;color:#6a7864;font-size:13px;line-height:2}.actions{gap:10px;margin-top:25px;display:flex}.form-dialog{width:min(650px,100% - 24px)}form>label,.form-row label{flex-direction:column;gap:7px;margin:18px 0;font-size:13px;display:flex}form input:not([type=file]),form textarea,form select{width:100%;color:var(--green);background:#fff;border:1px solid #d5ddcb;border-radius:3px;padding:10px 12px}form textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-row label{margin:0}.upload{border:1px dashed #a9b99f;padding:15px}.upload small{color:#84917b;font-size:10px}.submit{width:100%;margin-top:8px}img{display:block}@media (min-width:1450px){.hero{min-height:700px}.hero-art{min-height:550px}.tile-fa{top:27%;left:40%}}@media (max-width:900px){header{height:88px}nav{gap:20px}.hero{gap:20px;min-height:550px;padding-top:35px}.hero-art{min-height:440px}.tile{transform:scale(.8)rotate(12deg)}.tile-zhong{left:0%;transform:scale(.8)rotate(-18deg)}.tile-bai{left:60%;transform:scale(.8)rotate(24deg)}.tile-back{left:50%;transform:scale(.8)rotate(28deg)}h1{font-size:56px}.toolbar{flex-wrap:wrap}.search{min-width:230px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about{gap:30px}.about-notes{gap:13px}.art-label{display:block}.art-label small{margin-top:3px;display:block}}@media (max-width:600px){header{height:82px;padding:0 6%}.brand{font-size:19px}.brand small{font-size:7px}.seal{width:35px;height:42px;font-size:27px}nav{display:none}.manage{font-size:11px}.hero{grid-template-columns:1fr;gap:8px;padding:25px 6% 35px}.hero-copy{padding:15px 0 20px}h1{font-size:54px}.hero .eyebrow{margin-bottom:20px;font-size:9px}.intro{margin:19px 0 23px;font-size:13px}.hero-foot{margin:20px 0 0;font-size:10px}.hero-art{border-radius:100px 5px 5px;min-height:340px}.tile-fa{top:19%;left:38%;transform:scale(.8)rotate(12deg)}.tile-zhong{top:28%;left:9%}.tile-bai{top:42%;left:63%}.tile-back{top:6%;left:54%}.orbit-one{width:370px;height:370px;top:0;left:10%}.orbit-two{width:270px;height:270px;top:50px;left:20%}.art-label{bottom:15px;left:20px}.art-caption{font-size:7px;right:15px}.collection{padding:38px 6%}.section-top{gap:10px;margin-bottom:24px}h2{font-size:27px}.count{white-space:nowrap;font-size:10px}.section-top .eyebrow{font-size:9px}.toolbar{gap:14px}.tabs{gap:2px}.tabs button{padding:8px 10px;font-size:11px}.search{width:100%;padding:8px 12px}.empty{min-height:300px;padding:25px 20px}.empty h3{font-size:25px}.empty p:not(.eyebrow){font-size:12px}.about{grid-template-columns:1fr;gap:20px;padding:35px 6%}.about h2{font-size:29px}.about .eyebrow{margin-bottom:15px}.about>div>p:not(.eyebrow){font-size:13px}.about-notes{justify-content:space-between}.grid{gap:25px 13px}.product-img{height:210px}.product-img>span{padding:4px 7px;font-size:9px;bottom:6px;right:6px}.product h3{font-size:19px}.product-meta{padding:13px 0}.product p{font-size:10px}.product-meta small{font-size:9px}footer{flex-wrap:wrap;gap:25px;padding:27px 6%}footer .brand{width:100%}.detail{grid-template-columns:1fr;gap:20px}dialog{padding:40px 20px 25px}.detail-main{height:300px}.detail-text{padding:0}.detail-text h2{font-size:26px}.form-row{grid-template-columns:1fr;gap:0}.form-row label{margin:10px 0}.adminbar span{display:none}.adminbar .primary{padding:10px 15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}