.demo-header[data-v-07740b25]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-07740b25]{font-size:16px}.demo-desc[data-v-07740b25]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-07740b25]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-07740b25]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-07740b25]:hover{background:#333}.cards[data-v-07740b25]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card[data-v-07740b25]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.card-inner[data-v-07740b25]{width:100%}.card-image[data-v-07740b25]{width:100%;height:140px;background:linear-gradient(135deg,#667eea,#764ba2)}.card-image--alt[data-v-07740b25]{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-body[data-v-07740b25]{padding:14px}.card-title[data-v-07740b25]{font-size:15px;font-weight:600;margin-bottom:6px}.card-text[data-v-07740b25]{font-size:13px;color:#555;margin-bottom:10px}.card-footer[data-v-07740b25]{display:flex;justify-content:space-between;align-items:center}.card-tag[data-v-07740b25]{background:#eef;color:#55c;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.card-date[data-v-07740b25]{font-size:12px;color:#999}.code-toggle[data-v-07740b25]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-07740b25]:hover{border-color:#aaa}.code-block[data-v-07740b25]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-07740b25]{margin:0}.code-block code[data-v-07740b25]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-07740b25]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-07740b25]:hover{border-color:#666}.dark .code-block[data-v-07740b25]{background:#111}.dark .demo-header h3[data-v-07740b25]{color:#fff}.dark .demo-desc[data-v-07740b25]{color:#ccc}.dark .demo-desc code[data-v-07740b25]{background:#333;color:#ccc}.dark .toggle-btn[data-v-07740b25]{background:#fff;color:#111}.dark .toggle-btn[data-v-07740b25]:hover{background:#ccc}.dark .card[data-v-07740b25]{border-color:#444;background:#222}.dark .card-title[data-v-07740b25]{color:#fff}.dark .card-text[data-v-07740b25]{color:#ccc}.dark .card-tag[data-v-07740b25]{background:#2a2a4a;color:#88d}.dark .card-date[data-v-07740b25]{color:#aaa}.demo-header[data-v-29b64115]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-29b64115]{font-size:16px}.demo-desc[data-v-29b64115]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-29b64115]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-29b64115]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-29b64115]:hover{background:#333}.profile[data-v-29b64115]{display:flex;gap:24px;padding:20px;border:1px solid #e0e0e0;border-radius:10px}.profile-left[data-v-29b64115]{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar[data-v-29b64115]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.profile-stats[data-v-29b64115]{display:flex;gap:12px}.stat[data-v-29b64115]{text-align:center}.stat strong[data-v-29b64115]{display:block;font-size:14px}.stat span[data-v-29b64115]{font-size:11px;color:#888}.profile-right[data-v-29b64115]{flex:1}.profile-name[data-v-29b64115]{font-size:18px;font-weight:700}.profile-handle[data-v-29b64115]{font-size:13px;color:#888;display:block;margin-bottom:10px}.profile-bio[data-v-29b64115]{font-size:14px;color:#555;margin-bottom:12px;line-height:1.6}.profile-tags[data-v-29b64115]{display:flex;gap:6px}.tag[data-v-29b64115]{background:#eef;color:#55c;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}@media(max-width:500px){.profile[data-v-29b64115]{flex-direction:column}}.code-toggle[data-v-29b64115]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-29b64115]:hover{border-color:#aaa}.code-block[data-v-29b64115]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-29b64115]{margin:0}.code-block code[data-v-29b64115]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-29b64115]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-29b64115]:hover{border-color:#666}.dark .code-block[data-v-29b64115]{background:#111}.dark .demo-header h3[data-v-29b64115]{color:#fff}.dark .demo-desc[data-v-29b64115]{color:#ccc}.dark .demo-desc code[data-v-29b64115]{background:#333;color:#ccc}.dark .toggle-btn[data-v-29b64115]{background:#fff;color:#111}.dark .toggle-btn[data-v-29b64115]:hover{background:#ccc}.dark .profile[data-v-29b64115]{border-color:#444;background:#222}.dark .profile-name[data-v-29b64115]{color:#fff}.dark .profile-handle[data-v-29b64115]{color:#aaa}.dark .profile-bio[data-v-29b64115]{color:#ccc}.dark .stat strong[data-v-29b64115]{color:#fff}.dark .stat span[data-v-29b64115]{color:#aaa}.dark .tag[data-v-29b64115]{background:#2a2a4a;color:#88d}.demo-header[data-v-30048978]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-30048978]{font-size:16px}.demo-desc[data-v-30048978]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-30048978]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-30048978]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-30048978]:hover{background:#333}.table-wrapper[data-v-30048978]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.data-table[data-v-30048978]{width:100%;border-collapse:collapse;font-size:13px}.data-table th[data-v-30048978]{background:#f5f5f5;text-align:left;padding:10px 14px;font-weight:600;font-size:12px;text-transform:uppercase;color:#666;border-bottom:1px solid #e0e0e0}.data-table td[data-v-30048978]{padding:10px 14px;border-bottom:1px solid #f0f0f0}.data-table tr:last-child td[data-v-30048978]{border-bottom:none}.role-badge[data-v-30048978]{background:#e8f4ff;color:#1a7fd4;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.status[data-v-30048978]{font-size:12px;font-weight:500;padding:2px 8px;border-radius:10px}.status.active[data-v-30048978]{background:#e6f9e6;color:#2d8a2d}.status.inactive[data-v-30048978]{background:#f9e6e6;color:#c0392b}.code-toggle[data-v-30048978]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-30048978]:hover{border-color:#aaa}.code-block[data-v-30048978]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-30048978]{margin:0}.code-block code[data-v-30048978]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-30048978]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-30048978]:hover{border-color:#666}.dark .code-block[data-v-30048978]{background:#111}.dark .demo-header h3[data-v-30048978]{color:#fff}.dark .demo-desc[data-v-30048978]{color:#ccc}.dark .demo-desc code[data-v-30048978]{background:#333;color:#ccc}.dark .toggle-btn[data-v-30048978]{background:#fff;color:#111}.dark .toggle-btn[data-v-30048978]:hover{background:#ccc}.dark .table-wrapper[data-v-30048978]{border-color:#444}.dark .data-table th[data-v-30048978]{background:#2a2a2a;color:#ccc;border-bottom-color:#444}.dark .data-table td[data-v-30048978]{color:#f0f0f0;border-bottom-color:#444}.dark .role-badge[data-v-30048978]{background:#1a2a3a;color:#5ab0f7}.dark .status.active[data-v-30048978]{background:#1a2e1a;color:#5abf5a}.dark .status.inactive[data-v-30048978]{background:#3a1a1a;color:#e06060}.demo-header[data-v-80bd3fad]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-80bd3fad]{font-size:16px}.demo-desc[data-v-80bd3fad]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-80bd3fad]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-80bd3fad]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-80bd3fad]:hover{background:#333}.list-wrapper[data-v-80bd3fad]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.notification-list[data-v-80bd3fad]{list-style:none}.notification-item[data-v-80bd3fad]{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f0f0;align-items:flex-start}.notification-item[data-v-80bd3fad]:last-child{border-bottom:none}.notification-item.unread[data-v-80bd3fad]{background:#f0f7ff}.notif-icon[data-v-80bd3fad]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.notif-content[data-v-80bd3fad]{flex:1;min-width:0}.notif-header[data-v-80bd3fad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.notif-title[data-v-80bd3fad]{font-size:13px;font-weight:600}.notif-time[data-v-80bd3fad]{font-size:11px;color:#999;flex-shrink:0}.notif-message[data-v-80bd3fad]{font-size:13px;color:#666}.error[data-v-80bd3fad]{margin-top:12px;padding:10px 14px;background:#fef2f2;color:#c0392b;border-radius:6px;font-size:13px}.code-toggle[data-v-80bd3fad]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-80bd3fad]:hover{border-color:#aaa}.code-block[data-v-80bd3fad]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-80bd3fad]{margin:0}.code-block code[data-v-80bd3fad]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-80bd3fad]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-80bd3fad]:hover{border-color:#666}.dark .code-block[data-v-80bd3fad]{background:#111}.dark .demo-header h3[data-v-80bd3fad]{color:#fff}.dark .demo-desc[data-v-80bd3fad]{color:#ccc}.dark .demo-desc code[data-v-80bd3fad]{background:#333;color:#ccc}.dark .toggle-btn[data-v-80bd3fad]{background:#fff;color:#111}.dark .toggle-btn[data-v-80bd3fad]:hover{background:#ccc}.dark .list-wrapper[data-v-80bd3fad]{border-color:#444}.dark .notification-item[data-v-80bd3fad]{border-bottom-color:#444}.dark .notification-item.unread[data-v-80bd3fad]{background:#1a2233}.dark .notif-title[data-v-80bd3fad]{color:#fff}.dark .notif-time[data-v-80bd3fad]{color:#aaa}.dark .notif-message[data-v-80bd3fad]{color:#ccc}.dark .error[data-v-80bd3fad]{background:#3a1a1a;color:#e06060}.demo-header[data-v-50c5e0ee]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-50c5e0ee]{font-size:16px}.demo-desc[data-v-50c5e0ee]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-50c5e0ee]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-50c5e0ee]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-50c5e0ee]:hover{background:#333}.player-wrapper[data-v-50c5e0ee]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.player[data-v-50c5e0ee]{width:100%}.player-top[data-v-50c5e0ee]{display:flex;gap:20px;padding:20px}.album-art[data-v-50c5e0ee]{width:160px;height:160px;border-radius:8px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);flex-shrink:0}.now-playing[data-v-50c5e0ee]{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.song-title[data-v-50c5e0ee]{font-size:18px;font-weight:700;margin-bottom:4px}.artist-name[data-v-50c5e0ee]{font-size:14px;color:#555;margin-bottom:2px}.album-name[data-v-50c5e0ee]{font-size:12px;color:#999;margin-bottom:16px}.progress-section[data-v-50c5e0ee]{margin-bottom:12px}.progress-bar[data-v-50c5e0ee]{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-fill[data-v-50c5e0ee]{width:47%;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.progress-times[data-v-50c5e0ee]{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-top:4px}.player-controls[data-v-50c5e0ee]{display:flex;align-items:center;gap:12px}.control-btn[data-v-50c5e0ee]{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:#333}.control-btn--play[data-v-50c5e0ee]{width:44px;height:44px;background:#1a1a1a;color:#fff;border-color:#1a1a1a;font-size:16px}.track-list[data-v-50c5e0ee]{border-top:1px solid #e0e0e0}.track-list-header[data-v-50c5e0ee]{padding:10px 20px;font-size:12px;font-weight:600;text-transform:uppercase;color:#888;border-bottom:1px solid #f0f0f0}.track-item[data-v-50c5e0ee]{display:flex;align-items:center;padding:10px 20px;gap:14px;border-bottom:1px solid #f0f0f0;font-size:13px}.track-item[data-v-50c5e0ee]:last-child{border-bottom:none}.track-item--active[data-v-50c5e0ee]{background:#f0f4ff}.track-number[data-v-50c5e0ee]{width:20px;color:#999;font-size:12px;text-align:center;flex-shrink:0}.track-item--active .track-number[data-v-50c5e0ee]{color:#667eea;font-weight:700}.track-title[data-v-50c5e0ee]{flex:1;font-weight:500}.track-item--active .track-title[data-v-50c5e0ee]{color:#667eea;font-weight:600}.track-duration[data-v-50c5e0ee]{color:#999;font-size:12px;flex-shrink:0}.code-toggle[data-v-50c5e0ee]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-50c5e0ee]:hover{border-color:#aaa}.code-block[data-v-50c5e0ee]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-50c5e0ee]{margin:0}.code-block code[data-v-50c5e0ee]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-50c5e0ee]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-50c5e0ee]:hover{border-color:#666}.dark .code-block[data-v-50c5e0ee]{background:#111}.dark .demo-header h3[data-v-50c5e0ee]{color:#fff}.dark .demo-desc[data-v-50c5e0ee]{color:#ccc}.dark .demo-desc code[data-v-50c5e0ee]{background:#333;color:#ccc}.dark .toggle-btn[data-v-50c5e0ee]{background:#fff;color:#111}.dark .toggle-btn[data-v-50c5e0ee]:hover{background:#ccc}.dark .player-wrapper[data-v-50c5e0ee]{border-color:#444}.dark .player[data-v-50c5e0ee]{background:#222}.dark .song-title[data-v-50c5e0ee]{color:#fff}.dark .artist-name[data-v-50c5e0ee]{color:#ccc}.dark .album-name[data-v-50c5e0ee]{color:#aaa}.dark .progress-bar[data-v-50c5e0ee]{background:#444}.dark .progress-times span[data-v-50c5e0ee]{color:#aaa}.dark .control-btn[data-v-50c5e0ee]{background:#333;border-color:#555;color:#fff}.dark .control-btn--play[data-v-50c5e0ee]{background:#fff;color:#111;border-color:#fff}.dark .track-list[data-v-50c5e0ee]{border-top-color:#444}.dark .track-list-header[data-v-50c5e0ee]{color:#aaa;border-bottom-color:#444}.dark .track-item[data-v-50c5e0ee]{border-bottom-color:#444}.dark .track-item--active[data-v-50c5e0ee]{background:#1a2233}.dark .track-number[data-v-50c5e0ee]{color:#aaa}.dark .track-item--active .track-number[data-v-50c5e0ee]{color:#89e}.dark .track-title[data-v-50c5e0ee]{color:#fff}.dark .track-item--active .track-title[data-v-50c5e0ee]{color:#89e}.dark .track-duration[data-v-50c5e0ee]{color:#aaa}.demo-header[data-v-20b665ee]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-20b665ee]{font-size:16px}.demo-desc[data-v-20b665ee]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-20b665ee]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-20b665ee]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-20b665ee]:hover{background:#333}.product-grid[data-v-20b665ee]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card[data-v-20b665ee]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.product-image[data-v-20b665ee]{width:100%;height:140px}.product-body[data-v-20b665ee]{padding:14px}.product-name[data-v-20b665ee]{font-size:14px;font-weight:600;margin-bottom:6px}.product-rating[data-v-20b665ee]{display:flex;align-items:center;gap:6px;margin-bottom:8px}.stars[data-v-20b665ee]{color:#f5a623;font-size:14px;letter-spacing:1px}.review-count[data-v-20b665ee]{font-size:12px;color:#999}.product-price[data-v-20b665ee]{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.add-to-cart-btn[data-v-20b665ee]{width:100%;padding:8px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.add-to-cart-btn[data-v-20b665ee]:hover{background:#333}.code-toggle[data-v-20b665ee]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-20b665ee]:hover{border-color:#aaa}.code-block[data-v-20b665ee]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-20b665ee]{margin:0}.code-block code[data-v-20b665ee]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-20b665ee]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-20b665ee]:hover{border-color:#666}.dark .code-block[data-v-20b665ee]{background:#111}.dark .demo-header h3[data-v-20b665ee]{color:#fff}.dark .demo-desc[data-v-20b665ee]{color:#ccc}.dark .demo-desc code[data-v-20b665ee]{background:#333;color:#ccc}.dark .toggle-btn[data-v-20b665ee]{background:#fff;color:#111}.dark .toggle-btn[data-v-20b665ee]:hover{background:#ccc}.dark .product-card[data-v-20b665ee]{border-color:#444;background:#222}.dark .product-name[data-v-20b665ee]{color:#fff}.dark .stars[data-v-20b665ee]{color:#f5c842}.dark .review-count[data-v-20b665ee]{color:#aaa}.dark .product-price[data-v-20b665ee]{color:#fff}.dark .add-to-cart-btn[data-v-20b665ee]{background:#fff;color:#111}.dark .add-to-cart-btn[data-v-20b665ee]:hover{background:#ccc}@media(max-width:500px){.product-grid[data-v-20b665ee]{grid-template-columns:1fr}}.demo-header[data-v-fe5fc566]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-header h3[data-v-fe5fc566]{font-size:16px}.demo-desc[data-v-fe5fc566]{font-size:13px;color:#666;margin-bottom:16px}.demo-desc code[data-v-fe5fc566]{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:12px}.toggle-btn[data-v-fe5fc566]{padding:6px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.toggle-btn[data-v-fe5fc566]:hover{background:#333}.feed-wrapper[data-v-fe5fc566]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.feed[data-v-fe5fc566]{width:100%}.post[data-v-fe5fc566]{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f0}.post[data-v-fe5fc566]:last-child{border-bottom:none}.post-avatar[data-v-fe5fc566]{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.post-content[data-v-fe5fc566]{flex:1;min-width:0}.post-header[data-v-fe5fc566]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.post-user-info[data-v-fe5fc566]{display:flex;align-items:center;gap:6px}.post-username[data-v-fe5fc566]{font-size:14px;font-weight:600}.post-handle[data-v-fe5fc566]{font-size:13px;color:#888}.post-timestamp[data-v-fe5fc566]{font-size:12px;color:#999;flex-shrink:0}.post-text[data-v-fe5fc566]{font-size:14px;color:#333;line-height:1.6;margin-bottom:10px}.post-actions[data-v-fe5fc566]{display:flex;gap:20px}.action-btn[data-v-fe5fc566]{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:13px;color:#888;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.action-btn[data-v-fe5fc566]:hover{background:#f0f0f0;color:#555}.action-icon[data-v-fe5fc566]{font-size:15px}.action-label[data-v-fe5fc566]{font-size:12px}.error[data-v-fe5fc566]{margin-top:12px;padding:10px 14px;background:#fef2f2;color:#c0392b;border-radius:6px;font-size:13px}.code-toggle[data-v-fe5fc566]{padding:6px 14px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555}.code-toggle[data-v-fe5fc566]:hover{border-color:#aaa}.code-block[data-v-fe5fc566]{background:#1a1a1a;border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block pre[data-v-fe5fc566]{margin:0}.code-block code[data-v-fe5fc566]{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre}.dark .code-toggle[data-v-fe5fc566]{border-color:#444;color:#ccc}.dark .code-toggle[data-v-fe5fc566]:hover{border-color:#666}.dark .code-block[data-v-fe5fc566]{background:#111}.dark .demo-header h3[data-v-fe5fc566]{color:#fff}.dark .demo-desc[data-v-fe5fc566]{color:#ccc}.dark .demo-desc code[data-v-fe5fc566]{background:#333;color:#ccc}.dark .toggle-btn[data-v-fe5fc566]{background:#fff;color:#111}.dark .toggle-btn[data-v-fe5fc566]:hover{background:#ccc}.dark .feed-wrapper[data-v-fe5fc566]{border-color:#444}.dark .feed[data-v-fe5fc566]{background:#222}.dark .post[data-v-fe5fc566]{border-bottom-color:#444}.dark .post-username[data-v-fe5fc566]{color:#fff}.dark .post-handle[data-v-fe5fc566],.dark .post-timestamp[data-v-fe5fc566]{color:#aaa}.dark .post-text[data-v-fe5fc566]{color:#ccc}.dark .action-btn[data-v-fe5fc566]{color:#aaa}.dark .action-btn[data-v-fe5fc566]:hover{background:#333;color:#fff}.dark .error[data-v-fe5fc566]{background:#3a1a1a;color:#e06060}.panel[data-v-ac44d53c]{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:18px;position:sticky;top:20px}.dark.panel[data-v-ac44d53c]{background:#1a1a1a;border-color:#444}.panel-title[data-v-ac44d53c]{font-size:15px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #eee}.dark .panel-title[data-v-ac44d53c]{border-bottom-color:#444;color:#fff}.control-group[data-v-ac44d53c]{margin-bottom:16px}.label[data-v-ac44d53c]{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.dark .label[data-v-ac44d53c]{color:#ccc}.radio-group[data-v-ac44d53c]{display:flex;flex-wrap:wrap;gap:4px}.radio-label[data-v-ac44d53c]{padding:5px 12px;border:1px solid #ddd;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.dark .radio-label[data-v-ac44d53c]{border-color:#444;color:#ccc}.radio-label.selected[data-v-ac44d53c]{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.dark .radio-label.selected[data-v-ac44d53c]{background:#fff;color:#111;border-color:#fff}.radio-input[data-v-ac44d53c]{display:none}.slider[data-v-ac44d53c]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.slider[data-v-ac44d53c]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#1a1a1a;border-radius:50%;cursor:pointer}.dark .slider[data-v-ac44d53c]{background:#444}.dark .slider[data-v-ac44d53c]::-webkit-slider-thumb{background:#e0e0e0}.toggle-switch[data-v-ac44d53c]{position:relative;width:44px;height:24px;background:#ddd;border:none;border-radius:12px;cursor:pointer;transition:background .2s;padding:0}.toggle-switch.on[data-v-ac44d53c]{background:#1a1a1a}.dark .toggle-switch[data-v-ac44d53c]{background:#444}.dark .toggle-switch.on[data-v-ac44d53c]{background:#fff}.toggle-knob[data-v-ac44d53c]{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.on .toggle-knob[data-v-ac44d53c]{transform:translate(20px)}.dark .toggle-switch.on .toggle-knob[data-v-ac44d53c]{background:#111}.color-row[data-v-ac44d53c]{display:flex;align-items:center;gap:8px}.color-input[data-v-ac44d53c]{width:32px;height:32px;border:1px solid #ddd;border-radius:6px;padding:2px;cursor:pointer;background:none}.color-value[data-v-ac44d53c]{font-size:12px;font-family:monospace;color:#888}.reset-btn[data-v-ac44d53c]{width:100%;padding:8px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#888;margin-top:4px;transition:all .15s}.reset-btn[data-v-ac44d53c]:hover{border-color:#aaa;color:#555}.dark .color-input[data-v-ac44d53c]{border-color:#444}.dark .color-value[data-v-ac44d53c]{color:#ccc}.dark .reset-btn[data-v-ac44d53c]{border-color:#444;color:#ccc}.dark .reset-btn[data-v-ac44d53c]:hover{border-color:#666;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1a1a1a;background:#f8f9fa}.app{min-height:100vh}.app.dark{background:#111;color:#e0e0e0}body:has(.app.dark){background:#111}.header[data-v-fc1a8c22]{text-align:center;padding:24px 16px 16px;border-bottom:1px solid #e0e0e0;background:#fff}.dark .header[data-v-fc1a8c22]{background:#1a1a1a;border-bottom-color:#333}.header h1[data-v-fc1a8c22]{font-size:24px;font-weight:700}.subtitle[data-v-fc1a8c22]{font-size:14px;color:#666;margin-top:4px}.dark .subtitle[data-v-fc1a8c22]{color:#999}.layout[data-v-fc1a8c22]{display:flex;max-width:1100px;margin:0 auto;padding:24px 16px;gap:24px}.sidebar[data-v-fc1a8c22]{flex-shrink:0;width:260px}.main[data-v-fc1a8c22]{flex:1;min-width:0}.tabs[data-v-fc1a8c22]{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.tab-btn[data-v-fc1a8c22]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555;transition:all .15s}.dark .tab-btn[data-v-fc1a8c22]{background:#222;border-color:#444;color:#aaa}.tab-btn[data-v-fc1a8c22]:hover{border-color:#aaa}.tab-btn.active[data-v-fc1a8c22]{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.dark .tab-btn.active[data-v-fc1a8c22]{background:#e0e0e0;color:#111;border-color:#e0e0e0}.demo-area[data-v-fc1a8c22]{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:24px}.dark .demo-area[data-v-fc1a8c22]{background:#1a1a1a;border-color:#333}@media(max-width:768px){.layout[data-v-fc1a8c22]{flex-direction:column}.sidebar[data-v-fc1a8c22]{width:100%}}