html.ui-style-card{--ui-card-bg:var(--tb--white);--ui-card-border:var(--tb--line);--ui-card-radius:12px;--ui-card-shadow:0 8px 24px rgba(0,0,0,.06);--ui-card-header:var(--tb--tint);--ui-card-padding:16px}
html.ui-style-simple{--ui-card-bg:var(--tb--white);--ui-card-border:var(--tb--line);--ui-card-radius:6px;--ui-card-shadow:0 2px 12px rgba(0,0,0,.04);--ui-card-header:var(--tb--tint);--ui-card-padding:12px}
html.ui-style-flat{--ui-card-bg:var(--tb--white);--ui-card-border:var(--tb--line);--ui-card-radius:0;--ui-card-shadow:none;--ui-card-header:var(--tb--tint);--ui-card-padding:12px}
html.ui-color-light body{background-color:var(--tb--bdbg);color:#444}
html.ui-color-dark body{background-color:var(--tb--bdbg);color:var(--tb--base)}
.content,.content-wrap{background-color:transparent}
article.excerpt,.product-content .-item,.topic-items li,.widget,.sidebar .widget{background-color:var(--ui-card-bg);border:1px solid var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow)}
.excerpt h2,.product-content .-item h2,.topic-items h2,.widget h2,.widget dt{color:var(--tb--base)}
.excerpt .note,.meta,.widget p,.widget dd{color:var(--tb--gray)}
.topic-hd{background-color:var(--ui-card-header);border:1px solid var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);padding:var(--ui-card-padding)}
.topic-hd .-info h1,.topic-hd .-info h2{color:var(--tb--base)}
.topic-hd .-desc{color:var(--tb--gray)}
.branding,.footer,.sidebar{background-color:transparent}
.ui-switcher{display:flex;align-items:center;gap:8px;margin-left:12px}
.ui-switcher-group{display:flex;gap:6px}
.ui-switcher button{border:1px solid var(--tb--line);background:var(--tb--white);color:var(--tb--base);padding:6px 8px;border-radius:6px;font-size:12px;line-height:1;cursor:pointer}
.ui-switcher button.is-active{background:var(--tb--main);border-color:var(--tb--main);color:#fff}