/* 站内自绘下拉（站点约定：下拉与弹窗一律用站内样式，不用浏览器默认外观）
   结构与行为见 /assets/dd.js 头部注释；改这里的样式等于改全站下拉。 */
.dd{position:relative}
.dd-btn{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--line) 92%,var(--ink));border-radius:2px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:15px;line-height:1.65;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s}
.dd-btn:after{content:"";flex:none;width:12px;height:8px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.2l5 5 5-5' fill='none' stroke='%239B8F82' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/12px 8px;transition:transform .18s}
.dd.open .dd-btn{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 11%,transparent)}
.dd.open .dd-btn:after{transform:rotate(180deg)}
.dd-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;padding:6px;list-style:none;background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 88%,var(--ink));border-radius:3px;box-shadow:0 18px 38px -26px rgba(31,27,23,.55);max-height:264px;overflow:auto}
.dd-menu li{padding:10px 12px;font-size:14.5px;color:var(--ink2);cursor:pointer;border-radius:2px;transition:background .14s,color .14s}
.dd-menu li:hover{background:color-mix(in srgb,var(--warm) 70%,transparent);color:var(--ink)}
.dd-menu li[aria-selected="true"]{color:var(--red);background:color-mix(in srgb,var(--red) 5%,transparent)}
.dd-menu li[aria-selected="true"]:before{content:"✓ ";font-size:12px}
/* 紧凑版：后台筛选条 */
.dd-sm{display:inline-block;min-width:220px;vertical-align:middle}
.dd-sm .dd-btn{padding:9px 12px;font-size:13px;border-radius:6px;min-height:36px}
.dd-sm .dd-menu{min-width:220px}
.dd-sm .dd-menu li{font-size:13px;padding:8px 10px}