.layout-setting-entry[data-v-44bde2ce]{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#fff;background:var(--primary-gradient);box-shadow:var(--button-primary-shadow);cursor:pointer}.layout-setting-icon[data-v-44bde2ce]{display:inline-block;width:20px;height:20px;transform-origin:center center;animation:layout-setting-spin-44bde2ce 8s linear infinite;will-change:transform}.appearance-shell[data-v-44bde2ce]{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}[data-v-44bde2ce] .appearance-drawer .n-drawer-body-content-wrapper{overflow-x:hidden}.appearance-preview[data-v-44bde2ce]{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-secondary)}.preview-frame[data-v-44bde2ce]{overflow:hidden;height:176px;border:1px solid var(--border-default);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.preview-header[data-v-44bde2ce]{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--preview-header-text);background:var(--preview-header)}.preview-brand-dot[data-v-44bde2ce]{width:14px;height:14px;border-radius:4px;background:currentColor;opacity:.9}.preview-brand-line[data-v-44bde2ce]{width:54px;height:6px;border-radius:999px;background:currentColor;opacity:.82}.preview-top-menu[data-v-44bde2ce]{display:flex;gap:8px;margin-left:auto}.preview-top-menu span[data-v-44bde2ce]{width:26px;height:5px;border-radius:999px;background:currentColor;opacity:.5}.preview-top-menu span.is-active[data-v-44bde2ce]{width:38px;opacity:1;box-shadow:0 8px 0 -6px var(--preview-top-active)}.preview-body[data-v-44bde2ce]{height:calc(100% - 38px);display:flex}.preview-side[data-v-44bde2ce]{width:72px;display:flex;flex-direction:column;gap:9px;padding:12px 8px;background:var(--preview-side)}.preview-side span[data-v-44bde2ce]{height:9px;border-radius:999px;background:var(--preview-side-text);opacity:.42}.preview-side span.is-active[data-v-44bde2ce]{height:18px;background:var(--preview-side-active);box-shadow:inset 3px 0 0 var(--preview-side-active-text);opacity:1}.preview-content[data-v-44bde2ce]{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(180deg,#f8fafc,#eef2f7)}.preview-content span[data-v-44bde2ce]{height:8px;border-radius:999px;background:#cbd5e1}.preview-content .preview-title[data-v-44bde2ce]{width:48%;height:14px;background:var(--preview-primary)}.preview-content .is-short[data-v-44bde2ce]{width:66%}.preview-meta[data-v-44bde2ce]{display:flex;flex-direction:column;gap:4px}.preview-meta strong[data-v-44bde2ce]{color:var(--text-primary);font-size:15px}.preview-meta span[data-v-44bde2ce],.setting-section__head span[data-v-44bde2ce],.setting-note[data-v-44bde2ce],.layout-card small[data-v-44bde2ce]{color:var(--text-tertiary);font-size:12px;line-height:1.5}.preset-row[data-v-44bde2ce]{display:flex;gap:8px}.preset-button[data-v-44bde2ce]{width:26px;height:26px;border:2px solid #fff;border-radius:999px;background:var(--preset-color);box-shadow:0 0 0 1px var(--border-default);cursor:pointer}.appearance-panel[data-v-44bde2ce]{min-width:0}.layout-grid[data-v-44bde2ce]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.layout-card[data-v-44bde2ce]{min-height:128px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.layout-card[data-v-44bde2ce]:hover,.layout-card.is-active[data-v-44bde2ce]{border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-light));box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color) 12%,transparent);transform:translateY(-1px)}.layout-card__title[data-v-44bde2ce]{color:var(--text-primary);font-weight:600}.layout-mini[data-v-44bde2ce]{position:relative;height:54px;overflow:hidden;border-radius:6px;background:#eef2f7}.layout-mini__side[data-v-44bde2ce],.layout-mini__top[data-v-44bde2ce],.layout-mini__content[data-v-44bde2ce]{position:absolute;border-radius:4px;background:#cbd5e1}.layout-mini__side[data-v-44bde2ce]{left:6px;top:6px;bottom:6px;width:16px;background:var(--side-menu-bg-color)}.layout-mini__top[data-v-44bde2ce]{left:28px;right:6px;top:6px;height:9px;background:var(--layout-header-bg-color)}.layout-mini__content[data-v-44bde2ce]{inset:20px 6px 6px 28px}.layout-mini--top .layout-mini__side[data-v-44bde2ce],.layout-mini--empty .layout-mini__side[data-v-44bde2ce]{display:none}.layout-mini--top .layout-mini__top[data-v-44bde2ce],.layout-mini--empty .layout-mini__content[data-v-44bde2ce],.layout-mini--top .layout-mini__content[data-v-44bde2ce]{left:6px}.layout-mini--rail .layout-mini__side[data-v-44bde2ce]{width:10px}.layout-mini--rail .layout-mini__top[data-v-44bde2ce],.layout-mini--rail .layout-mini__content[data-v-44bde2ce]{left:22px}.layout-mini--floating .layout-mini__side[data-v-44bde2ce]{top:10px;bottom:10px;border-radius:999px}.setting-section[data-v-44bde2ce]{padding:14px 0;border-bottom:1px solid var(--border-light)}.setting-section[data-v-44bde2ce]:first-child{padding-top:4px}.setting-section__head[data-v-44bde2ce]{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.setting-section__head strong[data-v-44bde2ce]{color:var(--text-primary)}.setting-grid[data-v-44bde2ce]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setting-field[data-v-44bde2ce]{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.setting-actions[data-v-44bde2ce]{display:flex;justify-content:flex-end;padding-top:12px}.setting-note[data-v-44bde2ce]{margin:14px 0 0}@keyframes layout-setting-spin-44bde2ce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:860px){.appearance-shell[data-v-44bde2ce]{grid-template-columns:1fr}.layout-grid[data-v-44bde2ce],.setting-grid[data-v-44bde2ce]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.layout-grid[data-v-44bde2ce],.setting-grid[data-v-44bde2ce]{grid-template-columns:1fr}}.the-title[data-v-a24d52bc]{display:block;min-width:0;overflow:hidden;color:var(--brand-title-text-color, var(--layout-header-text-color, #ffffff));font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:opacity .16s ease}.the-title[data-v-a24d52bc]:hover{opacity:.82}.the-title[data-v-a24d52bc]:focus-visible{outline:1px solid currentColor;outline-offset:3px}