.theme-switch-page{max-width:1280px;margin:0 auto;padding:28px;color:var(--system-text)}
.theme-switch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.theme-switch-title{margin:0;font-size:28px;line-height:1.25;font-weight:800;color:var(--system-text)}.theme-switch-subtitle{margin:8px 0 0;color:var(--system-muted);font-size:14px}.theme-live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--system-border);border-radius:999px;background:var(--system-surface);color:var(--system-muted);white-space:nowrap}.theme-live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--system-accent);box-shadow:0 0 0 4px var(--system-accent-soft)}
.theme-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.theme-template-card{position:relative;overflow:hidden;border:1px solid var(--system-border);border-radius:18px;background:var(--system-surface);box-shadow:var(--system-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.theme-template-card:hover{transform:translateY(-3px);border-color:var(--system-accent);box-shadow:0 16px 38px rgba(15,23,42,.16)}.theme-template-card.is-active{border:2px solid var(--system-accent);box-shadow:0 0 0 4px var(--system-accent-soft),var(--system-shadow)}
.theme-template-preview{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;background:var(--system-soft);border-bottom:1px solid var(--system-border)}.theme-template-body{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px}.theme-template-name{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--system-text)}.theme-template-desc{margin:0;font-size:13px;line-height:1.6;color:var(--system-muted)}.theme-template-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-width:92px;justify-content:center;border:1px solid var(--system-border);border-radius:10px;padding:9px 13px;background:var(--system-soft);color:var(--system-text);font-weight:700;cursor:pointer}.theme-template-card.is-active .theme-template-action{border-color:var(--system-accent);background:var(--system-accent);color:var(--system-accent-contrast)}.theme-active-mark{position:absolute;top:13px;right:13px;display:none;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--system-accent);color:var(--system-accent-contrast);box-shadow:0 8px 22px rgba(0,0,0,.22)}.theme-template-card.is-active .theme-active-mark{display:flex}
@media(max-width:760px){.theme-switch-page{padding:16px}.theme-switch-head{align-items:flex-start;flex-direction:column}.theme-template-grid{grid-template-columns:1fr}.theme-template-body{align-items:flex-start;flex-direction:column}.theme-template-action{width:100%}}