```json
{
"summary": "我将为您1:1仿制Twitter/X的home页面,包含完整的布局结构和交互元素,使用深色模式和最新X平台的设计风格。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"flex h-screen bg-black text-white\">\n <!-- 左侧导航 -->\n <div class=\"w-64 border-r border-gray-800 border-solid p-4 flex flex-col\">\n <div class=\"mb-8\">\n <svg viewBox=\"0 0 24 24\" class=\"w-8 h-8 fill-white\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"></path>\n </svg>\n </div>\n \n <nav class=\"flex-1 space-y-3\">\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl font-bold\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 1.696L.622 8.807l1.06 1.696L3 9.679V19.5C3 20.881 4.119 22 5.5 22h13c1.381 0 2.5-1.119 2.5-2.5V9.679l1.318.824 1.06-1.696L12 1.696zM12 16.5c-1.933 0-3.5-1.567-3.5-3.5s1.567-3.5 3.5-3.5 3.5 1.567 3.5 3.5-1.567 3.5-3.5 3.5z\"></path>\n </svg>\n 首页\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M10.25 3.75c-3.59 0-6.5 2.91-6.5 6.5s2.91 6.5 6.5 6.5c1.795 0 3.419-.726 4.596-1.894 1.178-1.168 1.904-2.801 1.904-4.606 0-3.59-2.91-6.5-6.5-6.5zm-8.5 6.5c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806 8.5 8.5c0 1.986-.682 3.815-1.824 5.262l4.781 4.781-1.414 1.414-4.781-4.781c-1.447 1.142-3.276 1.824-5.262 1.824-4.694 0-8.5-3.806-8.5-8.5z\"></path>\n </svg>\n 探索\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M19.993 9.042C19.48 5.017 16.054 2 11.996 2s-7.49 3.021-7.999 7.051L2.866 18H7.1c.463 2.282 2.481 4 4.9 4s4.437-1.718 4.9-4h4.236l-1.143-8.958zM12 20c-1.306 0-2.417-.835-2.829-2h5.658c-.412 1.165-1.523 2-2.829 2zm-6.866-4l.847-6.698C6.364 6.272 8.941 4 11.996 4s5.627 2.268 6.013 5.295L18.864 16H5.134z\"></path>\n </svg>\n 通知\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M1.998 5.5c0-1.381 1.119-2.5 2.5-2.5h15c1.381 0 2.5 1.119 2.5 2.5v13c0 1.381-1.119 2.5-2.5 2.5h-15c-1.381 0-2.5-1.119-2.5-2.5v-13zm2.5-.5c-.276 0-.5.224-.5.5v2.764l8 3.638 8-3.636V5.5c0-.276-.224-.5-.5-.5h-15zm15.5 5.463l-8 3.636-8-3.638V18.5c0 .276.224.5.5.5h15c.276 0 .5-.224.5-.5v-8.037z\"></path>\n </svg>\n 私信\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z\"></path>\n </svg>\n 书签\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M3 4.5C3 3.12 4.12 2 5.5 2h13C19.88 2 21 3.12 21 4.5v15c0 1.38-1.12 2.5-2.5 2.5h-13C4.12 22 3 20.88 3 19.5v-15zM5.5 4c-.28 0-.5.22-.5.5v15c0 .28.22.5.5.5h13c.28 0 .5-.22.5-.5v-15c0-.28-.22-.5-.5-.5h-13zM16 10H8V8h8v2zm-8 2h8v2H8v-2z\"></path>\n </svg>\n 列表\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M5.651 19h12.698c-.337-1.8-1.023-3.21-1.945-4.19C15.318 13.65 13.838 13 12 13s-3.317.65-4.404 1.81c-.922.98-1.608 2.39-1.945 4.19zm.486-5.56C7.627 11.85 9.648 11 12 11s4.373.85 5.863 2.44c1.477 1.58 2.366 3.8 2.632 6.46l.11 1.1H3.395l.11-1.1c.266-2.66 1.155-4.88 2.632-6.46zM12 4c-1.105 0-2 .9-2 2s.895 2 2 2 2-.9 2-2-.895-2-2-2zM8 6c0-2.21 1.791-4 4-4s4 1.79 4 4-1.791 4-4 4-4-1.79-4-4z\"></path>\n </svg>\n 个人资料\n </a>\n <a href=\"#\" class=\"flex items-center p-3 rounded-full hover:bg-gray-900 text-xl\">\n <svg class=\"w-6 h-6 mr-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M3.75 12c0-4.56 3.69-8.25 8.25-8.25s8.25 3.69 8.25 8.25-3.69 8.25-8.25 8.25S3.75 16.56 3.75 12zM12 1.75C6.34 1.75 1.75 6.34 1.75 12S6.34 22.25 12 22.25 22.25 17.66 22.25 12 17.66 1.75 12 1.75zm-4.75 11.5c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S6 11.31 6 12s.56 1.25 1.25 1.25zm9.5 0c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25-1.25.56-1.25 1.25.56 1.25 1.25 1.25zM13.25 12c0 .69-.56 1.25-1.25 1.25s-1.25-.56-1.25-1.25.56-1.25 1.25-1.25 1.25.56 1.25 1.25z\"></path>\n </svg>\n 更多\n </a>\n </nav>\n \n <button class=\"mt-4 w-full py-3 bg-blue-500 hover:bg-blue-600 rounded-full font-bold text-white\">发帖</button>\n \n <div class=\"mt-auto mb-4 flex items-center p-3 hover:bg-gray-900 rounded-full cursor-pointer\">\n <div class=\"w-10 h-10 rounded-full bg-gray-600\"></div>\n <div class=\"ml-3\">\n <div class=\"font-bold\">用户名</div>\n <div class=\"text-gray-500\">@username</div>\n </div>\n <div class=\"ml-auto\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M3 12c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9 2c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm7 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"></path>\n </svg>\n </div>\n </div>\n </div>\n \n <!-- 主内容区 -->\n <main class=\"flex-1 border-r border-gray-800 border-solid overflow-y-auto\">\n <div class=\"sticky top-0 z-10 bg-black bg-opacity-80 backdrop-blur-sm p-4 border-b border-gray-800 border-solid\">\n <h1 class=\"text-xl font-bold\">首页</h1>\n </div>\n \n <!-- 发帖框 -->\n <div class=\"p-4 border-b border-gray-800 border-solid\">\n <div class=\"flex\">\n <div class=\"w-12 h-12 rounded-full bg-gray-600 mr-3\"></div>\n <div class=\"flex-1\">\n <textarea class=\"w-full bg-transparent outline-none text-xl placeholder-gray-500 resize-none\" rows=\"3\" placeholder=\"有什么新鲜事?\"></textarea>\n <div class=\"flex justify-between items-center pt-3 border-t border-gray-800 border-solid\">\n <div class=\"flex space-x-3 text-blue-500\">\n <button class=\"p-2 rounded-full hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M3 5.5C3 4.119 4.119 3 5.5 3h13C19.881 3 21 4.119 21 5.5v13c0 1.381-1.119 2.5-2.5 2.5h-13C4.119 21 3 19.881 3 18.5v-13zM5.5 5c-.276 0-.5.224-.5.5v9.086l3-3 3 3 5-5 3 3V5.5c0-.276-.224-.5-.5-.5h-13zM19 15.414l-3-3-5 5-3-3-3 3V18.5c0 .276.224.5.5.5h13c.276 0 .5-.224.5-.5v-3.086zM9.75 7C8.784 7 8 7.784 8 8.75s.784 1.75 1.75 1.75 1.75-.784 1.75-1.75S10.716 7 9.75 7z\"></path>\n </svg>\n </button>\n <button class=\"p-2 rounded-full hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M3 5.5C3 4.119 4.119 3 5.5 3h13C19.881 3 21 4.119 21 5.5v13c0 1.381-1.119 2.5-2.5 2.5h-13C4.119 21 3 19.881 3 18.5v-13zM5.5 5c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5H10v8.5c0 .276.224.5.5.5h3c.276 0 .5-.224.5-.5V9h4.5c.276 0 .5-.224.5-.5v-3c0-.276-.224-.5-.5-.5h-13z\"></path>\n </svg>\n </button>\n <button class=\"p-2 rounded-full hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M6 5c-1.1 0-2 .895-2 2s.9 2 2 2 2-.895 2-2-.9-2-2-2zM2 7c0-2.209 1.79-4 4-4s4 1.791 4 4-1.79 4-4 4-4-1.791-4-4zm20 1H12V6h10v2zM6 15c-1.1 0-2 .895-2 2s.9 2 2 2 2-.895 2-2-.9-2-2-2zm-4 2c0-2.209 1.79-4 4-4s4 1.791 4 4-1.79 4-4 4-4-1.791-4-4zm20 1H12v-2h10v2zM7 7c0 .552-.45 1-1 1s-1-.448-1-1 .45-1 1-1 1 .448 1 1z\"></path>\n </svg>\n </button>\n <button class=\"p-2 rounded-full hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 7c-1.93 0-3.5 1.57-3.5 3.5S10.07 14 12 14s3.5-1.57 3.5-3.5S13.93 7 12 7zm0 5c-.827 0-1.5-.673-1.5-1.5S11.173 9 12 9s1.5.673 1.5 1.5S12.827 12 12 12zm0-10c-4.687 0-8.5 3.813-8.5 8.5 0 5.967 7.621 11.116 7.945 11.332l.555.37.555-.37c.324-.216 7.945-5.365 7.945-11.332C20.5 5.813 16.687 2 12 2zm0 17.77c-1.665-1.241-6.5-5.196-6.5-9.27C5.5 6.916 8.416 4 12 4s6.5 2.916 6.5 6.5c0 4.073-4.835 8.028-6.5 9.27z\"></path>\n </svg>\n </button>\n </div>\n <button class=\"px-4 py-1.5 bg-blue-500 hover:bg-blue-600 rounded-full font-bold disabled:opacity-50\" disabled>发帖</button>\n </div>\n </div>\n </div>\n </div>\n \n <!-- 时间线 -->\n <div class=\"divide-y divide-gray-800 divide-solid\">\n <!-- 单条推文 -->\n <div class=\"p-4 hover:bg-gray-900 transition-colors cursor-pointer\">\n <div class=\"flex\">\n <div class=\"w-12 h-12 rounded-full bg-gray-600 mr-3\"></div>\n <div class=\"flex-1\">\n <div class=\"flex items-center\">\n <span class=\"font-bold mr-1\">用户名</span>\n <span class=\"text-gray-500\">@username · 2h</span>\n <div class=\"ml-auto text-gray-500\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 18c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3zm0-9c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3zm0-9c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3z\"></path>\n </svg>\n </div>\n </div>\n <div class=\"mt-1 mb-3\">这是推文内容。这是推文内容。这是推文内容。这是推文内容。这是推文内容。这是推文内容。</div>\n <div class=\"flex justify-between text-gray-500 max-w-md\">\n <button class=\"flex items-center hover:text-blue-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z\"></path>\n </svg>\n </div>\n <span class=\"ml-1\">24</span>\n </button>\n <button class=\"flex items-center hover:text-green-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-green-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z\"></path>\n </svg>\n </div>\n <span class=\"ml-1\">12</span>\n </button>\n <button class=\"flex items-center hover:text-pink-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-pink-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61 1.111-2.04 1.03-3.7.477-4.82-.561-1.13-1.666-1.84-2.908-1.91zm4.187 7.69c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z\"></path>\n </svg>\n </div>\n <span class=\"ml-1\">45</span>\n </button>\n <button class=\"flex items-center hover:text-blue-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z\"></path>\n </svg>\n </div>\n </button>\n <button class=\"flex items-center hover:text-blue-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z\"></path>\n </svg>\n </div>\n </button>\n </div>\n </div>\n </div>\n </div>\n \n <!-- 更多推文 -->\n <div class=\"p-4 hover:bg-gray-900 transition-colors cursor-pointer\">\n <div class=\"flex\">\n <div class=\"w-12 h-12 rounded-full bg-gray-600 mr-3\"></div>\n <div class=\"flex-1\">\n <div class=\"flex items-center\">\n <span class=\"font-bold mr-1\">另一个用户</span>\n <span class=\"text-gray-500\">@anotheruser · 5h</span>\n <div class=\"ml-auto text-gray-500\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 18c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3zm0-9c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3zm0-9c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3z\"></path>\n </svg>\n </div>\n </div>\n <div class=\"mt-1 mb-3\">这是另一条推文内容。这是另一条推文内容。这是另一条推文内容。这是另一条推文内容。</div>\n <div class=\"flex justify-between text-gray-500 max-w-md\">\n <button class=\"flex items-center hover:text-blue-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-blue-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z\"></path>\n </svg>\n </div>\n <span class=\"ml-1\">8</span>\n </button>\n <button class=\"flex items-center hover:text-green-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-green-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z\"></path>\n </svg>\n </div>\n <span class=\"ml-1\">3</span>\n </button>\n <button class=\"flex items-center hover:text-pink-500 group\">\n <div class=\"p-2 rounded-full group-hover:bg-pink-900\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61
角色
assistant
content
total_tokens
10518