.v17-example-entry{border:1px solid var(--line,#dedce8);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:650;white-space:nowrap;background:var(--surface,#fff);color:var(--text,#302a43)}
.v17-example-banner{border:1px solid #d9cef7;border-radius:12px;background:#f4efff;color:#4b396c;margin:0 0 25px;padding:12px 16px;font-size:12px;line-height:1.6}
.v17-example-line{display:flex;justify-content:space-between;align-items:center;gap:12px}
.v17-example-line>div{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.v17-example-line b{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}
.v17-example-line i{width:7px;height:7px;border-radius:50%;background:#8b64de}
.v17-example-line>button{font-weight:700;border:1px solid #d3c5ef;background:#fff;color:#62478c;border-radius:7px;padding:5px 9px;white-space:nowrap}
.v17-example-banner details{border-top:1px solid #e1d7f4;margin-top:9px;padding-top:6px}
.v17-example-banner summary{cursor:pointer;width:max-content;font-weight:600}
.v17-example-banner summary span{font-size:10px;font-weight:400;margin-left:7px;color:#75628f}
.v17-example-banner nav{display:flex!important;flex-wrap:wrap;width:auto!important;gap:6px;margin:10px 0 2px;padding:0!important}
.v17-example-banner nav button{display:inline-flex!important;width:auto!important;flex:0 0 auto;align-items:center;padding:6px 10px!important;margin:0!important;border:1px solid #e0d6f3;background:#ffffffa6;border-radius:7px;font-size:12px;color:#625075}
.v17-example-banner nav button[aria-current]{color:#6941c8;background:#fff;border-color:#b9a3e8;font-weight:700}
.v17-my-tabs{display:flex!important;width:auto!important;overflow-x:auto;flex-wrap:nowrap!important;padding:0 0 8px!important;gap:8px;scrollbar-width:thin}
.v17-my-tabs button{display:inline-flex!important;align-items:center;width:auto!important;white-space:nowrap;flex:0 0 auto;margin:0!important;padding:9px 12px;border-radius:8px;font-size:12px}
.v17-form-cover{height:180px;overflow:hidden;border-radius:12px}
.v17-form-cover img{width:100%;height:100%;object-fit:cover}
.v17-form-video{width:100%;max-height:260px;border-radius:12px;background:#17131e}
.v17-form-note{font-size:12px;line-height:1.7;color:var(--muted,#746c83);background:var(--surface-2,#f5f3f9);padding:12px;border-radius:9px}
.v17-form-result{font-size:13px;line-height:1.6;color:#6a48a7;font-weight:650}
.ia-viewer .v17-example-banner{background:#211c30;border-color:#473759;color:#d9c7ef}
.ia-viewer .v17-example-line>button{background:#30263f;border-color:#57436d;color:#ead8fc}
.ia-viewer .v17-example-banner details{border-color:#45334e}
.ia-viewer .v17-example-banner summary span{color:#b8a4cc}
.ia-viewer .v17-example-banner nav button{background:#31263e;border-color:#51405f;color:#dac9ed}
.ia-entrance #v17-example-banner{max-width:1220px;margin:0 auto 20px}
[data-theme=dark] .v17-example-banner{background:#272034;border-color:#4b3a61;color:#dfcfee}
[data-theme=dark] .v17-example-line>button,[data-theme=dark] .v17-example-banner nav button{background:#392b49;border-color:#5a4470;color:#e2cff4}
@media(max-width:700px){
 .v17-example-banner{margin-bottom:20px;padding:10px 12px;font-size:11px}
 .v17-example-line{align-items:flex-start;gap:8px}
 .v17-example-line>div{display:block;min-width:0}
 .v17-example-line b{font-size:12px;display:flex}
 .v17-example-line>div>span{display:block;font-size:10px;margin-top:3px;max-width:200px}
 .v17-example-line>button{font-size:10px;margin-top:1px}
 .v17-example-banner summary{font-size:11px}
 .v17-example-banner nav button{font-size:11px;padding:5px 8px!important}
 .v17-example-entry{font-size:10px;padding:7px 8px}
 .top-actions .v17-example-entry{order:-2}
 .ia-entrance #v17-example-banner{margin-left:18px;margin-right:18px}
 .v17-my-tabs{margin-bottom:20px!important}
}