.home-page{width:min(1180px,calc(100% - 32px));margin:38px auto 80px}
.home-page .hero{min-height:390px;padding:54px clamp(24px,6vw,76px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 82% 30%,rgba(134,212,206,.38),transparent 27%),linear-gradient(120deg,#f8f6eb 30%,#e8f2e9)}
.home-page .hero h1{margin:18px 0 24px;color:var(--ink)}
.home-page .hero h1 em{color:var(--coral);font-style:normal}
.home-page .hero-copy>p:last-child{max-width:520px;color:#547074;line-height:1.8}
.ledger-mark{width:220px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:14px 14px 0 var(--aqua)}
.ledger-mark span{font:900 76px/1 "Arial Black",sans-serif}.ledger-mark small{margin-top:10px;color:var(--blue);font:700 10px ui-monospace,monospace;letter-spacing:.18em}
.home-page .section{padding:70px clamp(18px,4vw,48px)}
.directory-section{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.28)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h1,.section-heading h2{margin:8px 0 0;font-family:"Arial Black","Noto Sans TC",sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.04em}.section-heading>p{max-width:330px;margin:0;color:#60777a;line-height:1.7}
.database-intro{max-width:760px;margin:16px 0 0;color:#526d70;line-height:1.75}.updated-date{margin:12px 0 0;color:#718184;font:700 11px ui-monospace,monospace}
.directory-section .database-intro{max-width:none;white-space:nowrap;font-size:14px}
.section-heading>.database-intro{max-width:560px;margin:0}
.section-heading>.updated-date{flex:none;margin:0 0 4px;white-space:nowrap}
.section-note{margin:10px 0 0;color:#60777a;line-height:1.7}.section-heading .news-credit{max-width:760px;margin:10px 0 0;color:#718184;text-align:left;font-size:11px;line-height:1.7}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-page .catalog-card{display:block;min-height:220px;padding:24px;position:relative;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.52);color:var(--ink);text-decoration:none;transition:.2s}.home-page .catalog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(12,97,114,.35)}.home-page .catalog-card>b{position:absolute;right:18px;top:18px;color:#718184;font:700 11px ui-monospace,monospace}.home-page .catalog-card strong{display:block;color:var(--blue);font:900 50px/1 "Arial Black",sans-serif}.home-page .catalog-card h3{margin:18px 0 6px;font-size:19px}.home-page .catalog-card p{margin:0;color:#60777a;font-size:13px}.home-page .catalog-card i{display:block;margin-top:20px;color:var(--blue);font-style:normal;font-size:12px;font-weight:800}
.news-section{margin-top:26px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.28)}.source-link{color:var(--blue);font-weight:800;text-decoration:none}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.news-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.58);color:var(--ink);text-decoration:none;transition:.2s}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(12,97,114,.35)}.news-image{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,rgba(134,212,206,.18),rgba(123,166,90,.12))}.news-image img{width:100%;height:100%;display:block;object-fit:cover}.news-body{display:flex;flex:1;flex-direction:column;padding:15px}.news-meta{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#718184;font:700 10px ui-monospace,monospace}.news-tag{padding:4px 7px;border-radius:999px;background:rgba(134,212,206,.22);color:var(--blue)}.news-card h3{margin:0;font-size:14px;line-height:1.55}.news-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.news-pagination button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.52);color:var(--ink);font-weight:800;cursor:pointer}.news-pagination button:hover,.news-pagination button[aria-current=page]{border-color:var(--blue);background:var(--blue);color:#fff}.news-credit{max-width:760px;margin:22px auto 0;color:#718184;text-align:center;font-size:11px;line-height:1.7}
@media(max-width:900px){.catalog-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.ledger-mark{width:170px}}
@media(max-width:760px){.home-page{width:min(100% - 24px,1180px);margin:22px auto 54px}.home-page .hero{grid-template-columns:1fr;min-height:0;padding:38px 24px;border-radius:20px}.home-page .hero h1{font-size:44px}.ledger-mark{display:none}.home-page .section{padding:52px 16px}.section-heading{display:block}.section-heading>p,.source-link{display:block;margin-top:12px}.directory-section .database-intro{white-space:normal}.catalog-grid{grid-template-columns:1fr}.news-section{border-radius:20px}.site-footer nav{display:flex;flex-wrap:wrap;gap:10px 14px}}
@media(max-width:430px){.news-grid{grid-template-columns:1fr}}