*{box-sizing:border-box}
:root{--green:#287C35;--green-dark:#1e6429;--green-light:#edf7ef;--bg:#f3f7f4;--text:#183126;--muted:#68776f;--border:#dce7df;--white:#fff;--shadow:0 8px 25px rgba(25,61,38,.08)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.siteHeader{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}
.headerInner{max-width:1420px;margin:auto;min-height:64px;padding:7px 18px;display:flex;align-items:center;gap:22px}
.siteLogo{font-size:22px;font-weight:900;color:var(--green);white-space:nowrap}.siteLogo strong{color:var(--text);margin-left:2px}
.topMenu{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}.topMenu::-webkit-scrollbar{display:none}
.topMenuBtn{display:inline-flex;gap:5px;align-items:center;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap}.topMenuBtn:hover,.topMenuBtn.active{background:var(--green);color:#fff}
.pageLayout{max-width:1420px;margin:auto;padding:15px 18px 30px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:15px;align-items:start}
.discoverSideMenu{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);position:sticky;top:79px}
.discoverSideHeader{padding:17px;background:linear-gradient(135deg,#287C35,#39934a);color:#fff}.discoverSideTitle{font-size:18px;font-weight:900}.discoverSideSubtitle{margin-top:4px;font-size:10px;line-height:1.4;opacity:.92}
.discoverSideList{padding:8px}.discoverSideBtn{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;margin-bottom:2px;font-size:11px}.discoverSideBtn span{width:22px;text-align:center;font-size:16px}.discoverSideBtn strong{flex:1}.discoverSideBtn b{font-size:17px;color:#91a098}.discoverSideBtn:hover{background:var(--green-light);color:var(--green)}
.pageContent{min-width:0}
.memoryHeader{position:relative;background:linear-gradient(135deg,#fff,#edf7ef);border:1px solid var(--border);border-radius:17px;padding:22px 28px 26px;text-align:center;box-shadow:var(--shadow)}
.breadcrumb{text-align:left;font-size:11px;color:var(--muted);margin-bottom:15px}.breadcrumb a{color:var(--green);font-weight:800}.breadcrumb span{margin:0 8px}
.heroIcon{font-size:31px;margin-bottom:2px}.eyebrow{display:block;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.7px}
.memoryHeader h1{margin:6px 0 8px;color:var(--green);font-size:31px}.memoryHeader p{max-width:700px;margin:0 auto 18px;color:var(--muted);font-size:13px;line-height:1.6}
.memoryBtn,.submitBtn{border:0;border-radius:10px;background:var(--green);color:#fff;padding:11px 19px;font-size:12px;font-weight:800;cursor:pointer}.memoryBtn:hover,.submitBtn:hover{background:var(--green-dark)}
.memoryForm{max-width:900px;margin:15px auto;padding:20px 22px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}
.memoryForm[hidden]{display:none!important}.formHeader{display:flex;justify-content:space-between;align-items:flex-start}.formHeader h2{margin:5px 0 0;font-size:21px}.formClose{border:0;background:#f1f5f2;color:var(--muted);width:34px;height:34px;border-radius:9px;font-size:22px;cursor:pointer}.formInfo{margin:10px 0 16px;color:var(--muted);font-size:11px}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.formGroup{margin-bottom:13px}.formGroup.full{grid-column:1/-1}.formGroup label{display:block;margin-bottom:6px;font-size:11px;font-weight:800}.memoryForm input,.memoryForm select,.memoryForm textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#fbfdfc;color:var(--text);font:inherit;font-size:12px;outline:none}.memoryForm input:focus,.memoryForm select:focus,.memoryForm textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(40,124,53,.08)}.memoryForm textarea{min-height:145px;resize:vertical;line-height:1.5}.formGroup small{display:block;margin-top:5px;color:var(--muted);font-size:10px}
.submitBtn{margin-top:2px}
.memorySection{margin-top:18px}.sectionTitle{margin-bottom:14px}.sectionTitle h2{margin:5px 0;font-size:22px}.sectionTitle p{margin:0;color:var(--muted);font-size:12px}
.memoryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.memoryCard{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.memoryCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,61,38,.11)}
.memoryImage{height:195px;background:var(--green-light);display:flex;align-items:center;justify-content:center}.memoryImage img{width:100%;height:100%;object-fit:cover;display:block}.memoryPlaceholder:after{content:"📖";font-size:40px}
.memoryContent{padding:15px}.memoryLocation{color:var(--green);font-size:10px;font-weight:800;margin-bottom:6px}.memoryContent h2{font-size:17px;line-height:1.35;margin:0 0 8px}.memoryContent p{color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 12px;white-space:pre-line;word-break:break-word}.memoryMeta{padding-top:10px;border-top:1px solid #edf1ee;display:flex;gap:8px;flex-wrap:wrap;color:#77847d;font-size:10px}
.memoryEmpty{grid-column:1/-1;padding:40px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:14px;color:var(--muted)}.memoryEmpty strong{display:block;color:var(--text);font-size:17px;margin-bottom:6px}
.skeleton .memoryImage{background:#eef3ee}.skeletonLine{height:12px;background:#eef3ee;border-radius:5px;margin-top:10px}.skeletonLine.wide{height:19px;width:70%;margin-top:0}
.sponsorBanner{display:block;max-width:1420px;margin:0 auto 18px;padding:0 18px}.sponsorBanner img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:12px}
footer{background:#173d26;color:#fff}.footerInner{max-width:1420px;margin:auto;padding:23px 18px;display:flex;justify-content:space-between;gap:30px}.footerInner p{margin:6px 0 0;color:#d2e0d6;font-size:11px}.footerLinks{display:flex;flex-wrap:wrap;gap:8px 17px}.footerLinks a{font-size:11px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:11px;color:#d2e0d6;font-size:10px}
@media(max-width:950px){.pageLayout{grid-template-columns:1fr}.discoverSideMenu{position:relative;top:auto}.discoverSideList{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.discoverSideBtn{margin:0}.headerInner{display:block}.siteLogo{display:block;margin-bottom:7px}.memoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pageLayout{padding:10px}.pageContent{min-width:0}.memoryHeader{padding:18px 14px 22px}.memoryHeader h1{font-size:26px}.formGrid{grid-template-columns:1fr}.formGroup.full{grid-column:auto}.memoryGrid{grid-template-columns:1fr}.memoryForm{padding:17px}.memoryImage{height:185px}.footerInner{display:block}.footerLinks{margin-top:15px}.sponsorBanner{padding:0 10px}.topMenuBtn{font-size:10px;padding:8px 9px}}