@import "https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/style.css";:root{--paper:#f3e9d8;--paper-deep:#e8d7bc;--ink:#1c1410;--ink-soft:#4a3b2f;--muted:#7a6a58;--cinnabar:#b33a2b;--cinnabar-deep:#8f2c20;--teal:#2f6b5a;--gold:#c4a46b;--gold-soft:#c4a46b59;--shadow:0 24px 60px #1c14101f;color:var(--ink);background:var(--paper);font-family:LXGW WenKai,Songti SC,Noto Serif SC,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 10% -10%, #c4a46b2e, transparent 55%), radial-gradient(900px 500px at 100% 0%, #2f6b5a1a, transparent 50%), linear-gradient(180deg, #f7efe2 0%, var(--paper) 40%, #efe2cc 100%);min-height:100vh;color:var(--ink);margin:0}body:before{content:"";pointer-events:none;opacity:.04;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 80c20-30 40-30 60 0s40 30 60 0' fill='none' stroke='%231c1410' stroke-width='1'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{z-index:1;position:relative}.site-shell{max-width:1120px;margin:0 auto;padding:0 20px 80px}.topbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gold-soft);background:#f3e9d8c7;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex;position:sticky;top:0}.brand{letter-spacing:.18em;font-size:1.25rem;font-weight:600}.nav-links{color:var(--ink-soft);align-items:center;gap:18px;font-size:.95rem;display:flex}.nav-links a:hover,.nav-links a.active{color:var(--cinnabar)}.hero{align-content:center;gap:18px;min-height:calc(100vh - 64px);padding:48px 0 72px;display:grid;position:relative}.hero-seal{border:2px solid var(--cinnabar);width:56px;height:56px;color:var(--cinnabar);letter-spacing:.2em;place-items:center;margin-bottom:8px;font-size:.85rem;display:grid;transform:rotate(-8deg)}.hero h1{letter-spacing:.12em;margin:0;font-size:clamp(2.6rem,8vw,4.8rem);font-weight:600;line-height:1.08}.hero .lead{max-width:28em;color:var(--ink-soft);font-size:1.15rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn{appearance:none;cursor:pointer;background:var(--cinnabar);color:#fff8f0;letter-spacing:.12em;border:none;border-radius:999px;padding:12px 22px;transition:transform .25s,background .25s,box-shadow .25s;box-shadow:0 10px 24px #b33a2b40}.btn:hover{background:var(--cinnabar-deep);transform:translateY(-1px)}.btn.ghost{color:var(--ink);border:1px solid var(--gold);box-shadow:none;background:0 0}.section-title{border-bottom:1px solid var(--gold-soft);justify-content:space-between;align-items:baseline;gap:12px;margin:48px 0 18px;padding-bottom:10px;display:flex}.section-title h2{letter-spacing:.2em;margin:0;font-size:1.6rem}.section-title span{color:var(--muted);font-size:.9rem}.scroll-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(240px,320px);grid-auto-flow:column;gap:18px;padding:8px 4px 24px;display:grid;overflow-x:auto}.scroll-rail::-webkit-scrollbar{height:6px}.scroll-rail::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:999px}.masonry{columns:1;column-gap:18px}@media (width>=720px){.masonry{columns:2}}@media (width>=1000px){.masonry{columns:3}}.scroll-card,.masonry-card{break-inside:avoid;scroll-snap-align:start;border:1px solid var(--gold-soft);box-shadow:var(--shadow);opacity:.35;background:#fffcf5b8;border-radius:4px;margin:0 0 18px;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s;overflow:hidden;transform:translateY(16px)}.scroll-card.in-view,.masonry-card.in-view{opacity:1;transform:translateY(0)}.scroll-card img,.masonry-card img{aspect-ratio:3/4;object-fit:cover;background:var(--paper-deep);width:100%;display:block}.card-meta{padding:14px 14px 16px}.card-meta h3{letter-spacing:.08em;margin:0 0 6px;font-size:1.05rem}.card-meta p{color:var(--muted);margin:0;font-size:.88rem}.reveal{opacity:0;animation:1s forwards rise;transform:translateY(18px)}.reveal.delay-1{animation-delay:.12s}.reveal.delay-2{animation-delay:.24s}@keyframes rise{to{opacity:1;transform:none}}.detail-layout{gap:24px;padding:28px 0 60px;display:grid}@media (width>=900px){.detail-layout{grid-template-columns:1.4fr .8fr;align-items:start}}.detail-figure{border:1px solid var(--gold-soft);box-shadow:var(--shadow);background:#fffcf5cc;padding:12px}.detail-figure img{object-fit:contain;background:#efe4d2;width:100%;max-height:80vh;display:block}.detail-panel h1{letter-spacing:.1em;margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.25}.detail-panel p{color:var(--ink-soft);line-height:1.8}.tag-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tag{border:1px solid var(--gold);color:var(--teal);letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:.8rem}.search-bar,.admin-form{gap:10px;margin:20px 0;display:grid}input,textarea,select{border:1px solid var(--gold-soft);width:100%;color:var(--ink);background:#fffcf5e6;border-radius:8px;padding:12px 14px}.muted{color:var(--muted)}.admin-shell{max-width:920px;margin:0 auto;padding:32px 20px 80px}.admin-card{border:1px solid var(--gold-soft);box-shadow:var(--shadow);background:#fffcf5e0;border-radius:12px;margin-bottom:14px;padding:20px}.admin-login{place-items:center;min-height:80vh;display:grid}.admin-login .admin-card{width:min(420px,100%)}.row{flex-wrap:wrap;gap:10px;display:flex}.cloud{filter:blur(2px);pointer-events:none;background:#ffffff47;border-radius:999px;width:180px;height:60px;animation:18s linear infinite drift;position:absolute}.cloud.c1{top:18%;left:-40px}.cloud.c2{animation-duration:24s;animation-direction:reverse;top:36%;right:-50px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(40px)}}@media (width<=720px){.nav-links{gap:12px;font-size:.85rem}.brand{letter-spacing:.12em;font-size:1.05rem}}