.gaki-m5{--m5-green:#153e31;box-sizing:border-box;max-width:1200px;margin:30px auto;color:#193b2e;font:16px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif;clear:both}
.gaki-m5 *{box-sizing:border-box}.gaki-m5 .m5-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 20px}.gaki-m5 .m5-eyebrow{font-size:12px;font-weight:750;letter-spacing:1.4px;color:#637e65;margin:0 0 7px}.gaki-m5 h2{font-size:clamp(23px,2.8vw,31px);line-height:1.4;margin:0;color:#153e31}.gaki-m5 .m5-intro{font-size:15px;margin:9px 0 0;color:#53685b}.gaki-m5 .m5-all{font-size:14px;color:#215b43;white-space:nowrap;text-decoration:none;font-weight:650}
.gaki-m5 .m5-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gaki-m5 .m5-card{min-width:0;border:1px solid #d5dfd0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 15px #173e2c06;transition:transform .18s ease,box-shadow .18s ease}.gaki-m5 .m5-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #173e2c16}.gaki-m5 .m5-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.gaki-m5 .m5-media{background:#eef0e7;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}.gaki-m5 .m5-media img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;margin:0;padding:0}.gaki-m5 .m5-body{padding:17px 17px 12px;display:flex;flex:1;flex-direction:column}.gaki-m5 .m5-tag{font-size:11px;line-height:1.5;color:#426445;background:#edf2e6;border-radius:4px;padding:3px 7px;align-self:flex-start}.gaki-m5 h3{font-size:19px;line-height:1.45;margin:11px 0 7px;color:#153e31;font-weight:750}.gaki-m5 .m5-desc{font-size:13px;color:#56695d;line-height:1.7;margin:0 0 10px}.gaki-m5 .m5-model{font-size:11px;line-height:1.6;color:#6a756c;margin:auto 0 10px}.gaki-m5 .m5-action{font-size:13px;font-weight:650;border-top:1px solid #e5eade;padding-top:11px;display:flex;justify-content:space-between;gap:4px;color:#22543a}.gaki-m5 .m5-foot{font-size:12px;color:#677569;margin:15px 0 0}.gaki-m5 .m5-foot a{color:inherit}.gaki-m5 a:focus-visible{outline:3px solid #b77722;outline-offset:3px}.gaki-m5 .m5-selected{border-color:#335c42;box-shadow:0 0 0 2px #335c42}
@media(max-width:950px){.gaki-m5 .m5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gaki-m5 .m5-head{align-items:flex-start}.gaki-m5 .m5-all{white-space:normal}}
@media(max-width:540px){.gaki-m5 .m5-grid{gap:10px}.gaki-m5 .m5-head{display:block}.gaki-m5 .m5-all{display:inline-block;margin-top:10px}.gaki-m5 .m5-body{padding:11px}.gaki-m5 h3{font-size:16px}.gaki-m5 .m5-desc{font-size:12px}.gaki-m5 .m5-model{font-size:10px}.gaki-m5 .m5-tag{font-size:10px}.gaki-m5 .m5-action{font-size:12px}.gaki-m5 .m5-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gaki-m5 .m5-card{transition:none}.gaki-m5 .m5-card:hover{transform:none}}

.m5-main{padding-top:5px}.m5-main .gaki-m5{margin-top:25px}.m5-topics{padding:14px 18px;background:#e9eddf;border-radius:9px;font-size:14px}#directory{scroll-margin-top:20px}#directory .filters{gap:12px}#directory .filters label{flex:1;min-width:145px}#directory .filters input{min-width:0}#directory .filters select{width:100%}.m5-reset{align-self:flex-end;border:1px solid #9caa92;border-radius:6px;padding:11px 15px;background:#fff;color:#235b3f;font:inherit;font-size:14px;cursor:pointer}.m5-reset:focus-visible{outline:3px solid #ba671e;outline-offset:3px}