鍏紑閫忔槑路鍠勬涓庨」鐩槑缁?/title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="transparency.css" /> </head> <body> <header class="topbar"> <div class="container"> <a class="brand" href="figma-hero.html">闄堢邯妫?路鍏泭</a> <nav class="menu"> <a class="back-btn" href="javascript:void(0)" onclick="history.length>1?history.back():location.href='figma-hero.html'">杩斿洖</a> <a href="about.html">鍏充簬</a> <a href="projects.html">椤圭洰</a> <a class="active" href="transparency.html">閫忔槑</a> <a class="btn" href="support.html">鍙備笌鏀寔</a> </nav> </div> </header> <main> <section class="hero"> <div class="container hero-inner"> <h1>鍏紑閫忔槑</h1> <p class="lead">姣忎竴绗斿杽娆惧潎鏈夎褰曪紝椤圭洰杩涘睍鎸佺画鍏竷锛屾帴鍙楃ぞ浼氱洃鐫ｃ€?/p> <div class="kpis"> <div class="kpi"><strong>楼 1,236,820</strong><span>绱鍠勬</span></div> <div class="kpi"><strong>80%</strong><span>鐩磋揪椤圭洰姣斾緥</span></div> <div class="kpi"><strong>100%</strong><span>鏄庣粏宸插叕寮€</span></div> </div> </div> </section> <section class="ledger"> <div class="container"> <div class="section-head"> <h2>鏀舵敮鏄庣粏</h2> <div class="controls"> <label> 鏈堜唤 <select id="month"> <option value="2025-08" selected>2025-08</option> <option value="2025-07">2025-07</option> <option value="2025-06">2025-06</option> </select> </label> <input id="search" type="search" placeholder="鎼滅储椤圭洰/鐢ㄩ€? /> <a class="btn btn-primary" href="#" download>涓嬭浇褰撴湀鏄庣粏</a> </div> </div> <div class="table-wrap"> <table class="table" id="table"> <thead> <tr> <th>鏃ユ湡</th> <th>绫诲瀷</th> <th>椤圭洰/鐢ㄩ€?/th> <th>閲戦 (楼)</th> <th>澶囨敞/绁ㄦ嵁</th> </tr> </thead> <tbody> <tr> <td>2025-08-10</td> <td class="income">鏀跺叆</td> <td>鏄ヨ娊涔﹀寘路绗笁鏈?/td> <td>3200.00</td> <td>寰俊鎹愯禒鎵规#A2031</td> </tr> <tr> <td>2025-08-11</td> <td class="expense">鏀嚭</td> <td>灏忎紵鍖荤枟搴旀€?路浣忛櫌棰勪粯娆?/td> <td>12000.00</td> <td>鍙戠エ鍙?982331</td> </tr> <tr> <td>2025-08-12</td> <td class="income">鏀跺叆</td> <td>闀胯€呮殩蹇?路鍏ュ啲鍏虫€€</td> <td>5300.00</td> <td>浼佷笟閰嶆崘</td> </tr> <tr> <td>2025-08-13</td> <td class="expense">鏀嚭</td> <td>涔℃潙灏忓浘涔﹁ 路涔︾睄閲囪喘</td> <td>2980.50</td> <td>娓呭崟涓庢敹鎹凡涓婁紶</td> </tr> <tr> <td>2025-08-14</td> <td class="expense">鏀嚭</td> <td>鏃犻殰纰嶅潯閬?路鏂藉伐灏炬</td> <td>5000.00</td> <td>鍚堝悓涓庨獙鏀跺崟</td> </tr> </tbody> </table> </div> </div> </section> <section class="projects"> <div class="container"> <div class="section-head"> <h2>椤圭洰杩涘睍</h2> <p class="muted">姣忓懆/姣忔湀鍙戝竷鏇存柊锛屽寘鍚浘鐗囦笌鍏抽敭鑺傜偣銆?/p> </div> <div class="grid3"> <article class="card"> <h3>鏄ヨ娊涔﹀寘路绗笁鏈?/h3> <p>绗?鎵规鐗╄祫宸查€佽揪鍗楀潽灏忓锛?5鍚嶅鐢熺鏀跺畬鎴愶紱蹇楁効鑰呭洖璁胯褰曞凡涓婁紶銆?/p> <a class="link" href="projects.html#story-edu">鏌ョ湅鏇存柊</a> </article> <article class="card"> <h3>灏忎紵鍖荤枟搴旀€?/h3> <p>宸插畬鎴愭湳鍓嶆鏌ヤ笌浣忛櫌瀹夋帓锛岃垂鐢ㄦ敮浠樻槑缁嗕笌鍖婚櫌璇佹槑宸插叕绀恒€?/p> <a class="link" href="projects.html#story-emg">鏌ョ湅鏇存柊</a> </article> <article class="card"> <h3>闀胯€呮殩蹇?路鍏ュ啲鍏虫€€</h3> <p>棣栨壒鍙栨殩鍖咃紙鐢电儹姣?淇濇俯澹讹級閰嶉€佷腑锛屽叆鎴锋淇繘搴?70%銆?/p> <a class="link" href="projects.html#story-com">鏌ョ湅鏇存柊</a> </article> </div> </div> </section> <section class="reports"> <div class="container"> <div class="section-head"> <h2>瀹¤涓庝笅杞?/h2> <p class="muted">骞村害鏀舵敮姹囨€汇€佺涓夋柟瀹¤鎶ュ憡涓庢湀搴﹀叕绀烘墦鍖呬笅杞姐€?/p> </div> <div class="grid3"> <article class="card file"> <h3>2024 骞村害鏀舵敮姹囨€?/h3> <p>PDF 路 1.2MB</p> <a class="btn btn-primary" href="#" download>涓嬭浇</a> </article> <article class="card file"> <h3>2024 绗笁鏂瑰璁℃姤鍛?/h3> <p>PDF 路 2.4MB</p> <a class="btn btn-primary" href="#" download>涓嬭浇</a> </article> <article class="card file"> <h3>2025-08 鏈堝害鍏ず</h3> <p>ZIP 路 6.0MB锛堝浘鐗囦笌绁ㄦ嵁锛?/p> <a class="btn btn-primary" href="#" download>涓嬭浇</a> </article> </div> </div> </section> </main> <footer class="footer"> <div class="container">漏 2025 闄堢邯妫叕鐩?路鍏紑閫忔槑锛屾帴鍙楃洃鐫ｃ€傞偖绠憋細contact@example.com</div> </footer> <script> const search = document.getElementById('search'); const table = document.getElementById('table'); search.addEventListener('input', () => { const q = search.value.toLowerCase(); for (const row of table.tBodies[0].rows) { row.style.display = row.innerText.toLowerCase().includes(q) ? '' : 'none'; } }); </script> </body> </html>