.fb-layout { display: flex; gap: 32px; padding: 32px 0 60px; align-items: flex-start; max-width: 960px; margin: 0 auto; }
        .fb-main { flex: 1; min-width: 0; background: var(--pt-bg-white); border: 1px solid var(--pt-border); border-radius: var(--pt-radius); padding: 32px; }
        .fb-main h1 { font-size: 22px; font-weight: 700; margin-bottom: 6px; }
        .fb-main .sub { font-size: 13px; color: var(--pt-text-muted); margin-bottom: 24px; }
        .fb-side { width: 280px; flex-shrink: 0; }
        .fb-card { background: var(--pt-bg-white); border: 1px solid var(--pt-border); border-radius: var(--pt-radius); padding: 20px; margin-bottom: 16px; }
        .fb-card h4 { font-size: 14px; font-weight: 600; margin-bottom: 12px; }
        .fb-card li { font-size: 13px; color: var(--pt-text-secondary); padding: 4px 0; display: flex; align-items: center; gap: 8px; }
        .fb-card li .layui-icon { font-size: 15px; color: var(--pt-primary); }
        .type-grid { display: flex; gap: 10px; flex-wrap: wrap; }
        .type-item { border: 1.5px solid var(--pt-border); border-radius: var(--pt-radius-sm); padding: 10px 18px; font-size: 13px; cursor: pointer; transition: var(--pt-transition); display: flex; align-items: center; gap: 6px; }
        .type-item:hover { border-color: var(--pt-primary-hover); }
        .type-item.selected { border-color: var(--pt-primary); background: var(--pt-primary-light); color: var(--pt-primary); font-weight: 600; }
        @media(max-width:768px) { .fb-layout { flex-direction: column; padding: 20px; } .fb-side { width: 100%; } }