:root{--red:#c3272b;--red-deep:#8e1b15;--gold:#d9a62e;--gold-deep:#a87b1f;--gold-paper:#fbf3e0;--ink:#27221f;--muted:#8d8780;--line:#eee8df;--paper:#f8f5ee}*{box-sizing:border-box;margin:0;padding:0}body{color:#4c4742;background:#fbfaf7;font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:36px;background:var(--red);color:rgba(255,255,255,.88);font-size:13px}.topbar-inner,.header-inner,.page-width,.footer-main,.footer-bottom-inner{max-width:1200px;margin:auto;padding:0 24px}.topbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.slogan{letter-spacing:2px}.topbar-right{display:flex;gap:20px}.topbar-right b{color:#fff;margin-left:4px}.lang span{margin:0 8px;opacity:.45}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #eee;backdrop-filter:blur(10px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.logo{height:46px}.logo img{display:block;width:auto;height:100%}.brand-name,.footer-name{font-family:Georgia,"Songti SC",SimSun,serif;font-weight:700;letter-spacing:2px;color:var(--red)}.brand-name{font-size:20px}.brand-en,.footer-en{margin-top:3px;color:#bbb;font-size:10px;letter-spacing:1px}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{position:relative;padding:7px 0;color:#444;font-size:15px;letter-spacing:1px;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--red)}.nav a.active{font-weight:600}.nav a.active:after{content:"";position:absolute;left:50%;bottom:-7px;width:24px;height:2px;background:var(--red);transform:translateX(-50%)}.donate{width:148px;height:56px;overflow:hidden;border-radius:30px}.donate img{display:block;width:100%;height:100%;object-fit:cover}.hero{height:235px;background:linear-gradient(90deg,rgba(251,246,236,.95),rgba(251,246,236,.5)),url("../images/1.png") center/cover no-repeat}.hero-inner{max-width:1200px;height:100%;margin:auto;padding:43px 24px}.eyebrow{color:var(--red);font-family:Georgia,serif;font-size:13px;letter-spacing:3px}.hero h1{margin-top:11px;color:#171513;font-family:Georgia,"Songti SC",SimSun,serif;font-size:47px;letter-spacing:8px}.hero p{margin-top:12px;color:#27221f;font-family:Georgia,"Songti SC",SimSun,serif;font-size:18px;letter-spacing:4px}.crumb{background:#fff;border-bottom:1px solid var(--line)}.crumb-inner{max-width:1200px;margin:auto;padding:13px 24px;color:#999;font-size:12px}.crumb-inner strong{color:var(--red);margin-right:8px}.content{max-width:1200px;margin:auto;padding:20px 24px 44px}.tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.categories{display:flex;align-items:center;overflow:auto;gap:4px;border:0;border-radius:0;background:transparent}.categories a{padding:10px 16px;border-right:0;border-radius:4px;color:#625c55;font-size:13px;white-space:nowrap}.categories a:hover{color:var(--red)}.categories a.active{color:#fff;background:var(--red);font-weight:600}.search{width:210px;height:38px;padding:0 15px;border:1px solid #e5ded2;border-radius:20px;background:#fff;color:#aaa;font-size:12px}.search::placeholder{color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{position:relative;overflow:hidden;border:1px solid #eee8df;background:#fff;box-shadow:0 4px 14px rgba(80,55,30,.04);transition:.25s}.project-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(80,55,30,.1);border-color:#e0b6ad}.project-card > a.card-overlay{position:absolute;inset:0;z-index:2}.project-card .go{position:relative;z-index:3}.project-card img{display:block;width:100%;height:130px;object-fit:cover}.card-body{min-height:118px;padding:13px 15px 12px}.project-card h2{color:#332d28;font-family:Georgia,"Songti SC",SimSun,serif;font-size:18px;letter-spacing:2px}.project-card p{height:35px;overflow:hidden;margin-top:7px;color:#999;font-size:11px;line-height:1.65}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.go{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #e07063;border-radius:50%;color:var(--red);font-size:17px}.go:hover{color:#fff;background:var(--red)}.pagination{display:flex;justify-content:center;gap:6px;margin-top:25px}.pagination a{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #eee7dd;background:#fff;color:#999;font-size:12px}.pagination a:hover,.pagination a.active{color:#fff;background:var(--red);border-color:var(--red)}.footer{border-top:3px solid var(--red);background:#fff}.footer-main{display:flex;gap:50px;padding-top:38px;padding-bottom:30px}.footer-brand{width:315px;flex-shrink:0}.footer-logo{height:53px}.footer-logo img{height:100%;width:auto}.footer-name{margin-top:13px;color:#27221f;font-size:18px;letter-spacing:3px}.footer-slogan{margin-top:14px;color:#999;font-size:12px;letter-spacing:2px}.footer-cols{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.fcol h5{margin-bottom:7px;color:#332e29;font-size:13px}.fcol a{display:block;padding:3px 0;color:#999;font-size:11px}.fcol a:hover{color:var(--red)}.footer-qr{display:flex;gap:12px}.footer-qr img{width:61px;height:61px;border:1px solid #eee}.footer-bottom{border-top:1px solid #f0f0f0;background:#fafaf8}.footer-bottom-inner{padding-top:13px;padding-bottom:13px;color:#bbb;text-align:center;font-size:11px;letter-spacing:1px}
@media(max-width:1050px){.nav{gap:16px}.nav a{font-size:13px}.project-grid{grid-template-columns:repeat(3,1fr)}.footer-cols{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.slogan{display:none}.topbar-inner{justify-content:center}.header-inner{flex-wrap:wrap;padding:12px 16px;gap:12px 18px}.nav{order:3;width:100%;margin-left:0;overflow-x:auto;gap:18px}.donate{width:112px;height:42px}.hero{height:190px}.hero-inner{padding:38px 20px}.hero h1{font-size:35px}.content{padding:16px}.tools{display:block}.categories{margin-bottom:12px}.search{width:100%}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-main{display:block}.footer-brand{width:auto;margin-bottom:28px}.footer-cols{grid-template-columns:repeat(3,1fr);gap:20px 12px}.footer-qr{display:none}}@media(max-width:460px){.project-grid{grid-template-columns:1fr}.project-card img{height:180px}}

.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>a:after{content:"⌄";display:inline-block;margin-left:5px;font-size:11px;transition:transform .2s}.nav-dropdown:hover>a:after,.nav-dropdown:focus-within>a:after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;z-index:120;width:150px;padding:8px 0;border:1px solid #eee7df;background:rgba(255,255,255,.98);box-shadow:0 10px 26px rgba(65,45,29,.12);opacity:0;visibility:hidden;transform:translate(-50%,-7px);transition:.2s}.nav-dropdown-menu:before{content:"";position:absolute;top:-8px;right:0;left:0;height:8px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav .nav-dropdown-menu a{display:block;padding:8px 16px;color:#706a64;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:.5px;white-space:normal}.nav .nav-dropdown-menu a:hover{color:#b8332a;background:#faf6f1}.nav .nav-dropdown-menu a:after{display:none}

/* 公益项目页面：朱砂红 / 黄帝黄 · 简约大气 */
.hero{height:260px;background:linear-gradient(90deg,rgba(251,246,236,.97) 0%,rgba(251,246,236,.7) 38%,rgba(251,246,236,.14) 72%,rgba(251,246,236,.48) 100%),url("../images/2.png") center 51%/cover no-repeat}
.hero-inner{max-width:1500px;padding-top:48px}
.hero h1{color:#a6201c}
.tools{display:none}
.content{max-width:1420px;padding-top:32px;padding-bottom:66px}
/* 卡片：一行 4 个，一页 8 个 */
.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.project-card{display:block;grid-column:auto;min-height:0;border:1px solid #eae4da;border-radius:0;background:#fff;box-shadow:0 2px 10px rgba(113,76,32,.04)}
.project-card:hover{transform:translateY(-4px);border-color:rgba(195,39,43,.32);box-shadow:0 12px 26px rgba(140,60,30,.1)}
.project-card>img{display:block;width:100%;height:156px;min-height:0;margin:0;border-radius:0;object-fit:cover;background:#f2eadf}
.project-card .card-body{display:flex;flex-direction:column;min-height:164px;padding:18px 20px 16px}
.project-card h2{color:#a6201c;font-size:19px;letter-spacing:2px}
.project-card h2::after{content:"";display:block;width:22px;height:2px;margin-top:8px;border-radius:2px;background:var(--gold)}
.project-card p{display:-webkit-box;height:auto;margin-top:9px;color:#776d65;font-size:12px;line-height:1.78;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.project-card .card-foot{margin-top:auto;padding-top:12px;justify-content:flex-end}
.project-card .go{display:inline-flex;width:auto;height:auto;border:0;border-radius:0;color:var(--red);font-size:12px;font-weight:600}
.project-card .go::before{content:"了解更多";margin-right:7px}
.project-card .go:hover{background:none;color:var(--red-deep)}
@media(max-width:1050px){.content{max-width:1200px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card>img{height:140px}}
@media(max-width:768px){.hero{height:210px;background-position:center}.content{padding-top:22px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card>img{height:136px}.project-card .card-body{min-height:148px;padding:14px 13px 12px}.project-card h2{font-size:17px}.project-card p{font-size:11px}}
@media(max-width:460px){.project-grid{grid-template-columns:1fr}.project-card>img{height:180px}.project-card .card-body{min-height:140px;padding:16px}}