.dyo-wrap{background:#fff;padding:24px;border-radius:14px;box-shadow:0 2px 6px rgba(0,0,0,.06);}
.dyo-tabs{display:flex;gap:10px;margin:0 0 16px 0;flex-wrap:wrap}
.dyo-tab{padding:10px 14px;border-radius:10px;background:#f3f5f9;color:#111;text-decoration:none;font-weight:600}
.dyo-tab.active{background:#e7f1ff;color:#1860ff}
.dyo-note{background:#fff6e5;border:1px solid #ffe4b4;padding:14px;border-radius:10px;color:#7a5b00}
.dyo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dyo-card{background:#fafbfd;border:1px solid #e9eef5;border-radius:12px;padding:12px}
.dyo-table{width:100%;border-collapse:collapse}
.dyo-table th,.dyo-table td{border:1px solid #e5e8ef;padding:8px}
.dyo-btn{display:inline-block;background:#1860ff;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;border:none;cursor:pointer}
.dyo-btn.red{background:#e55353}