/* of-nav smooth dropdown — 20261027
   Desktop (>=1024px): hover opens the dropdown with a soft transition.
   Mobile: native <details> tap behaviour unchanged. */
@media (min-width:1024px){
  .of-nav details{position:relative}
  .of-nav summary{list-style:none;cursor:default}
  .of-nav summary::-webkit-details-marker{display:none}
  .of-nav details>div{
    position:absolute;top:calc(100% + 8px);left:0;z-index:60;
    min-width:236px;background:#fff;border:1px solid #e2e8dc;border-radius:12px;
    box-shadow:0 16px 44px rgba(23,59,53,.14);padding:8px;
    display:grid;grid-template-columns:1fr;gap:2px;align-content:start;
    opacity:0;transform:translateY(8px);pointer-events:none;
    transition:opacity .22s ease,transform .22s ease;
  }
  /* 菜单项多时自动分两列，避免下拉过长 */
  .of-nav details>div:has(a:nth-child(7)){grid-template-columns:1fr 1fr;min-width:430px;gap:2px 4px}
  .of-nav details[open]>div{opacity:1;transform:translateY(0);pointer-events:auto;animation:ofDrop .22s ease}
  .of-nav details>div a{padding:9px 12px;border-radius:8px;font-size:13.5px;transition:background .15s,color .15s}
  .of-nav details>div a:hover{background:#eef3ea;color:#2f7a4d}
  .of-nav summary{transition:color .18s ease}
  .of-nav details:hover>summary,.of-nav details[open]>summary{color:#c46a3a}
}
@keyframes ofDrop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  .of-nav details>div{transition:none;animation:none}
}