.dc{margin:20px 0 0;padding:16px;border:1px solid #ddd6f3;border-radius:14px;background:#faf8ff;color:#1d1b2e;font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.dc-h{margin:0 0 4px;font-size:18px}
.dc-i,.dc-tip{margin:0 0 10px;color:#4a4560;font-size:15px}
.dc-tip{background:#fff;border-left:4px solid #5b3fc4;padding:8px 10px;border-radius:6px}
.dc-list{display:grid;gap:10px}
.dc-card{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #d9d2f0;color:inherit;text-decoration:none}
.dc-card:hover,.dc-card:focus-visible{border-color:#5b3fc4;outline:none;box-shadow:0 0 0 3px rgba(91,63,196,.2)}
.dc-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b3fc4}
.dc-t{font-weight:700}
.dc-w{font-size:14px;color:#4a4560}
.dc-foot{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;color:#4a4560;font-size:14px}
.dpanel{position:absolute;left:0;right:0;bottom:0;max-height:80%;overflow:auto;background:#fff;border-top:1px solid #ddd;box-shadow:0 -8px 24px rgba(0,0,0,.15);padding:8px 16px 16px;transform:translateY(105%);transition:transform .25s;z-index:5}
.dpanel.on{transform:none}
.dpanel .dc{margin:0;border:0;background:none;padding:0;max-width:640px;margin:0 auto}
.dpanel .x{position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;font-size:22px;background:#f1f1f4}
@media (prefers-reduced-motion:reduce){.dpanel{transition:none}}
.qz-tease{min-height:56px}