\u5999\u6dd8\u7b97\u529b\u51fa\u6d77 \u00b7 \u7528\u6237\u7aef<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', 'Segoe UI', 'PingFang SC', system-ui, -apple-system, sans-serif;\n background: #f0f6fc;\n color: #1a2b3c;\n padding: 20px;\n }\n\n .app {\n max-width: 1440px;\n margin: 0 auto;\n background: #ffffff;\n border-radius: 40px;\n box-shadow: 0 30px 60px rgba(0, 30, 50, 0.08);\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.5);\n }\n\n \/* ===== \u9876\u90e8\u5bfc\u822a ===== *\/\n .navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 32px;\n background: #ffffff;\n border-bottom: 1px solid #e5eff6;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 1.6rem;\n font-weight: 700;\n color: #0b3954;\n letter-spacing: -0.5px;\n }\n .logo span {\n background: #1f6e8c;\n color: white;\n font-size: 0.7rem;\n border-radius: 40px;\n padding: 0 10px;\n line-height: 1.8;\n font-weight: 600;\n }\n\n .nav-links {\n display: flex;\n gap: 28px;\n font-weight: 500;\n color: #3d637c;\n font-size: 0.95rem;\n }\n .nav-links a {\n text-decoration: none;\n color: inherit;\n transition: 0.2s;\n }\n .nav-links a:hover {\n color: #0b3954;\n }\n .nav-links a.active {\n color: #1f6e8c;\n border-bottom: 2px solid #1f6e8c;\n padding-bottom: 4px;\n }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .nav-right .user {\n display: flex;\n align-items: center;\n gap: 10px;\n background: #f0f6fb;\n padding: 6px 16px 6px 12px;\n border-radius: 40px;\n cursor: pointer;\n }\n .avatar {\n width: 32px;\n height: 32px;\n background: #1f6e8c;\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.9rem;\n }\n .user-name {\n font-weight: 500;\n font-size: 0.9rem;\n }\n .badge-notify {\n background: #e74c3c;\n color: white;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n font-size: 0.6rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n }\n\n \/* ===== \u4e3b\u4f53\u5185\u5bb9 ===== *\/\n .main {\n padding: 32px 36px 40px;\n }\n\n \/* \u6b22\u8fce\u4e0e\u7edf\u8ba1 *\/\n .greeting {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n margin-bottom: 28px;\n }\n .greeting h2 {\n font-size: 1.8rem;\n font-weight: 600;\n color: #0b3954;\n }\n .greeting h2 small {\n font-size: 1rem;\n font-weight: 400;\n color: #3d637c;\n margin-left: 12px;\n }\n .stats {\n display: flex;\n gap: 24px;\n background: #f8fbfe;\n padding: 8px 20px;\n border-radius: 60px;\n border: 1px solid #e5eff6;\n }\n .stat-item {\n display: flex;\n align-items: baseline;\n gap: 6px;\n }\n .stat-item .num {\n font-weight: 700;\n font-size: 1.2rem;\n color: #0b3954;\n }\n .stat-item .label {\n font-size: 0.8rem;\n color: #5a7e96;\n }\n\n \/* \u641c\u7d22\u4e0e\u7b5b\u9009 *\/\n .search-section {\n display: flex;\n flex-wrap: wrap;\n gap: 12px 20px;\n background: #f8fbfe;\n border-radius: 60px;\n padding: 6px 8px 6px 24px;\n align-items: center;\n margin-bottom: 32px;\n border: 1px solid #e5eff6;\n }\n .search-section input[type=\"text\"] {\n flex: 1;\n min-width: 180px;\n border: none;\n background: transparent;\n padding: 10px 0;\n font-size: 0.95rem;\n outline: none;\n color: #1a2b3c;\n }\n .search-section input::placeholder {\n color: #8aa9c0;\n }\n .filter-group {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n }\n .filter-group select {\n background: white;\n border: 1px solid #d4e2ed;\n border-radius: 40px;\n padding: 6px 14px;\n font-size: 0.8rem;\n color: #1a2b3c;\n outline: none;\n cursor: pointer;\n }\n .search-btn {\n background: #1f6e8c;\n color: white;\n border: none;\n border-radius: 40px;\n padding: 8px 24px;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: 0.2s;\n }\n .search-btn:hover {\n background: #0b3954;\n }\n\n \/* \u7b97\u529b\u4ea7\u54c1\u7f51\u683c *\/\n .section-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 32px 0 16px 0;\n }\n .section-title h3 {\n font-size: 1.4rem;\n font-weight: 600;\n color: #0b3954;\n }\n .section-title a {\n color: #1f6e8c;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.9rem;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 24px;\n }\n\n .product-card {\n background: #ffffff;\n border: 1px solid #e5eff6;\n border-radius: 24px;\n padding: 20px 20px 18px;\n transition: all 0.2s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n display: flex;\n flex-direction: column;\n }\n .product-card:hover {\n transform: translateY(-4px);\n border-color: #b6d4e8;\n box-shadow: 0 12px 30px rgba(0, 30, 50, 0.08);\n }\n .card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 6px;\n }\n .card-header .model-name {\n font-weight: 700;\n font-size: 1.1rem;\n color: #0b3954;\n }\n .card-header .provider {\n font-size: 0.7rem;\n color: #5a7e96;\n background: #f0f6fb;\n padding: 0 10px;\n border-radius: 40px;\n line-height: 1.8;\n }\n .card-tags {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n margin: 6px 0 10px 0;\n }\n .tag {\n font-size: 0.6rem;\n font-weight: 600;\n padding: 0 8px;\n border-radius: 40px;\n line-height: 1.8;\n background: #e5eff6;\n color: #1f5a77;\n }\n .tag.green {\n background: #d4edda;\n color: #155724;\n }\n .tag.gold {\n background: #fff3cd;\n color: #856404;\n }\n\n .card-price {\n font-size: 1.4rem;\n font-weight: 700;\n color: #0b3954;\n margin: 8px 0 4px;\n }\n .card-price small {\n font-size: 0.7rem;\n font-weight: 400;\n color: #5a7e96;\n }\n .card-meta {\n display: flex;\n justify-content: space-between;\n font-size: 0.75rem;\n color: #3d637c;\n border-top: 1px solid #e5eff6;\n padding-top: 10px;\n margin-top: 10px;\n }\n .card-actions {\n display: flex;\n gap: 8px;\n margin-top: 12px;\n }\n .btn-primary {\n background: #1f6e8c;\n color: white;\n border: none;\n border-radius: 40px;\n padding: 8px 18px;\n font-weight: 600;\n font-size: 0.8rem;\n cursor: pointer;\n transition: 0.2s;\n flex: 1;\n }\n .btn-primary:hover {\n background: #0b3954;\n }\n .btn-outline {\n background: transparent;\n border: 1px solid #d4e2ed;\n border-radius: 40px;\n padding: 8px 16px;\n font-weight: 500;\n font-size: 0.8rem;\n color: #1a2b3c;\n cursor: pointer;\n transition: 0.2s;\n }\n .btn-outline:hover {\n border-color: #1f6e8c;\n color: #1f6e8c;\n }\n\n \/* \u5e95\u90e8\u4eea\u8868\u76d8\uff08\u7528\u91cf\u6982\u89c8\uff09 *\/\n .dashboard-preview {\n margin-top: 40px;\n background: #f8fbfe;\n border-radius: 24px;\n padding: 24px 28px;\n border: 1px solid #e5eff6;\n }\n .dash-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 18px;\n flex-wrap: wrap;\n }\n .dash-header h4 {\n font-size: 1.1rem;\n color: #0b3954;\n }\n .dash-header a {\n color: #1f6e8c;\n font-size: 0.85rem;\n text-decoration: none;\n }\n .dash-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 16px;\n }\n .dash-item {\n background: white;\n border-radius: 16px;\n padding: 14px 16px;\n text-align: center;\n border: 1px solid #e5eff6;\n }\n .dash-item .number {\n font-size: 1.5rem;\n font-weight: 700;\n color: #0b3954;\n }\n .dash-item .desc {\n font-size: 0.7rem;\n color: #5a7e96;\n margin-top: 2px;\n }\n .dash-item .trend {\n font-size: 0.6rem;\n color: #28a745;\n background: #d4edda;\n padding: 0 6px;\n border-radius: 40px;\n display: inline-block;\n }\n\n \/* \u54cd\u5e94\u5f0f *\/\n @media (max-width: 768px) {\n .navbar {\n padding: 12px 16px;\n }\n .nav-links {\n gap: 16px;\n font-size: 0.85rem;\n }\n .main {\n padding: 20px 16px;\n }\n .search-section {\n padding: 6px 12px;\n border-radius: 30px;\n flex-wrap: wrap;\n }\n .search-section input {\n min-width: 120px;\n width: 100%;\n }\n .greeting h2 {\n font-size: 1.4rem;\n }\n .stats {\n padding: 6px 14px;\n gap: 12px;\n flex-wrap: wrap;\n }\n .product-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n @media (max-width: 500px) {\n .product-grid {\n grid-template-columns: 1fr;\n }\n .nav-links {\n display: none;\n }\n .nav-right .user .user-name {\n display: none;\n }\n }\n\n \/* \u6a21\u62df\u5c0f\u56fe\u6807 *\/\n .icon {\n display: inline-block;\n width: 1.2em;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"app\">\n\n \n <nav class=\"navbar\">\n <div class=\"logo\">\n \ud83e\uddca \u5999\u6dd8\u7b97\u529b <span>\u51fa\u6d77<\/span>\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#\" class=\"active\">\u7b97\u529b\u5e02\u573a<\/a>\n <a href=\"#\">\u5f00\u53d1\u8005<\/a>\n <a href=\"#\">\u6587\u6863<\/a>\n <a href=\"#\">\u4ef7\u683c<\/a>\n <a href=\"#\">\u63a7\u5236\u53f0<\/a>\n <\/div>\n <div class=\"nav-right\">\n <div class=\"user\">\n <div class=\"avatar\">J<\/div>\n <span class=\"user-name\">Jason Chen<\/span>\n <span style=\"font-size:0.7rem; color:#5a7e96;\">\u25bc<\/span>\n <\/div>\n <div class=\"badge-notify\">3<\/div>\n <\/div>\n <\/nav>\n\n \n <div class=\"main\">\n\n \n <div class=\"greeting\">\n <h2>\n \ud83d\udc4b \u6b22\u8fce\u56de\u6765\uff0cJason\n <small>\u4eca\u65e5\u5df2\u8282\u7701 <strong style=\"color:#1f6e8c;\">$42.5<\/strong> \u7b97\u529b\u6210\u672c<\/small>\n <\/h2>\n <div class=\"stats\">\n <div class=\"stat-item\"><span class=\"num\">8.2M<\/span><span class=\"label\">\u4eca\u65e5 Token<\/span><\/div>\n <div class=\"stat-item\"><span class=\"num\">$124.30<\/span><span class=\"label\">\u4eca\u65e5\u82b1\u8d39<\/span><\/div>\n <div class=\"stat-item\"><span class=\"num\">12<\/span><span class=\"label\">\u6d3b\u8dc3\u6a21\u578b<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"search-section\">\n <input type=\"text\" placeholder=\"\u641c\u7d22\u6a21\u578b\u3001\u63d0\u4f9b\u5546\u6216\u573a\u666f\u2026\">\n <div class=\"filter-group\">\n <select><option>\u6240\u6709\u7c7b\u578b<\/option><option>\u5bf9\u8bdd<\/option><option>\u63a8\u7406<\/option><option>\u4ee3\u7801<\/option><\/select>\n <select><option>\u4ef7\u683c\u533a\u95f4<\/option><option>\u4f4e\u4e8e $0.5\/M<\/option><option>$0.5-1.0\/M<\/option><\/select>\n <select><option>\u7eff\u7535\u6807\u7b7e<\/option><option>100% \u7eff\u7535<\/option><option>\u2265 80%<\/option><\/select>\n <\/div>\n <button class=\"search-btn\">\ud83d\udd0d \u641c\u7d22<\/button>\n <\/div>\n\n \n <div class=\"section-title\">\n <h3>\ud83d\udd25 \u70ed\u95e8\u7b97\u529b\u4ea7\u54c1<\/h3>\n <a href=\"#\">\u67e5\u770b\u5168\u90e8 \u2192<\/a>\n <\/div>\n\n <div class=\"product-grid\">\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">DeepSeek-V3<\/span>\n <span class=\"provider\">\u6df1\u5ea6\u6c42\u7d22<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5bf9\u8bdd<\/span>\n <span class=\"tag\">\u63a8\u7406<\/span>\n <span class=\"tag green\">\ud83c\udf31 100% \u7eff\u7535<\/span>\n <span class=\"tag gold\">\u26a1 \u4f4e\u5ef6\u8fdf<\/span>\n <\/div>\n <div class=\"card-price\">$0.28 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 128K \u00b7 \u54cd\u5e94 280ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 1.2M<\/span>\n <span>\u2b50 4.9 (2.3k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">Qwen-72B<\/span>\n <span class=\"provider\">\u963f\u91cc\u4e91<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u591a\u6a21\u6001<\/span>\n <span class=\"tag\">\u4ee3\u7801<\/span>\n <span class=\"tag green\">\ud83c\udf31 92% \u7eff\u7535<\/span>\n <\/div>\n <div class=\"card-price\">$0.42 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 32K \u00b7 \u54cd\u5e94 350ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 890K<\/span>\n <span>\u2b50 4.8 (1.8k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">MiniMax-01<\/span>\n <span class=\"provider\">MiniMax<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5bf9\u8bdd<\/span>\n <span class=\"tag\">\u521b\u610f<\/span>\n <span class=\"tag green\">\ud83c\udf31 85% \u7eff\u7535<\/span>\n <span class=\"tag gold\">\ud83d\udcb0 \u7279\u60e0<\/span>\n <\/div>\n <div class=\"card-price\">$0.19 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 256K \u00b7 \u54cd\u5e94 200ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 2.1M<\/span>\n <span>\u2b50 4.7 (3.5k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">GLM-4-Plus<\/span>\n <span class=\"provider\">\u667a\u8c31 AI<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u63a8\u7406<\/span>\n <span class=\"tag\">\u6570\u5b66<\/span>\n <span class=\"tag green\">\ud83c\udf31 88% \u7eff\u7535<\/span>\n <\/div>\n <div class=\"card-price\">$0.35 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 128K \u00b7 \u54cd\u5e94 310ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 560K<\/span>\n <span>\u2b50 4.6 (1.2k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">Claude 3.5 Sonnet<\/span>\n <span class=\"provider\">Anthropic<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5bf9\u8bdd<\/span>\n <span class=\"tag\">\u4ee3\u7801<\/span>\n <span class=\"tag green\">\ud83c\udf31 \u7eff\u7535\u62b5\u6d88<\/span>\n <\/div>\n <div class=\"card-price\">$0.89 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 200K \u00b7 \u54cd\u5e94 450ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 320K<\/span>\n <span>\u2b50 4.9 (5.1k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">Llama 3.1 405B<\/span>\n <span class=\"provider\">Meta (\u6258\u7ba1)<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5f00\u6e90<\/span>\n <span class=\"tag\">\u63a8\u7406<\/span>\n <span class=\"tag green\">\ud83c\udf31 76% \u7eff\u7535<\/span>\n <\/div>\n <div class=\"card-price\">$0.55 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 128K \u00b7 \u54cd\u5e94 520ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 780K<\/span>\n <span>\u2b50 4.7 (2.9k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"dashboard-preview\">\n <div class=\"dash-header\">\n <h4>\ud83d\udcc8 \u6211\u7684\u7b97\u529b\u4eea\u8868\u76d8<\/h4>\n <a href=\"#\">\u67e5\u770b\u5b8c\u6574\u63a7\u5236\u53f0 \u2192<\/a>\n <\/div>\n <div class=\"dash-stats\">\n <div class=\"dash-item\">\n <div class=\"number\">6.8M<\/div>\n <div class=\"desc\">\u4eca\u65e5 Token \u6d88\u8017<\/div>\n <span class=\"trend\">\u2191 12%<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">$89.40<\/div>\n <div class=\"desc\">\u4eca\u65e5\u8d39\u7528<\/div>\n <span class=\"trend\" style=\"background:#fff3cd; color:#856404;\">\u2193 5%<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">14<\/div>\n <div class=\"desc\">\u6d3b\u8dc3\u6a21\u578b<\/div>\n <span class=\"trend\">\u2191 2<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">7.2s<\/div>\n <div class=\"desc\">\u5e73\u5747\u54cd\u5e94<\/div>\n <span class=\"trend\">\u2193 0.3s<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">92%<\/div>\n <div class=\"desc\">\u7eff\u7535\u5360\u6bd4<\/div>\n <span class=\"trend\" style=\"background:#d4edda;\">\ud83c\udf31 \u4f18\u79c0<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"text-align:center; padding:16px 0; font-size:0.7rem; color:#8aa9c0; border-top:1px solid #e5eff6;\">\n \u5999\u6dd8\u7b97\u529b\u51fa\u6d77 \u00b7 \u8fde\u63a5\u7eff\u8272\u7535\u529b\u4e0e\u5168\u7403\u667a\u80fd\n <\/div>\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5999\u6dd8\u7b97\u529b\u51fa\u6d77 \u00b7 \u7528\u6237\u7aef \ud83e\uddca \u5999\u6dd8\u7b97\u529b \u51fa\u6d77 \u7b97\u529b\u5e02\u573a \u5f00\u53d1\u8005 \u6587\u6863 \u4ef7\u683c \u63a7\u5236\u53f0 J Jason Chen \u25bc 3 \ud83d\udc4b \u6b22\u8fce\u56de\u6765\uff0cJason \u4eca\u65e5\u5df2\u8282\u7701 $42.5 \u7b97\u529b\u6210\u672c 8.2M\u4eca\u65e5 Token $124.30\u4eca\u65e5\u82b1\u8d39 12\u6d3b\u8dc3\u6a21\u578b \u6240\u6709\u7c7b\u578b\u5bf9\u8bdd\u63a8\u7406\u4ee3\u7801 \u4ef7\u683c\u533a\u95f4\u4f4e\u4e8e $0.5\/M$0.5-1.0\/M \u7eff\u7535\u6807\u7b7e100% \u7eff\u7535\u2265…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-319","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":1,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts\/319\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts\/319\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/media?parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/categories?post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/tags?post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":319,"date":"2026-08-03T04:46:25","date_gmt":"2026-08-03T04:46:25","guid":{"rendered":"https:\/\/news.miaotao.com\/?p=319"},"modified":"2026-08-03T04:46:25","modified_gmt":"2026-08-03T04:46:25","slug":"%e5%a6%99%e6%b7%98%e7%ae%97%e5%8a%9b%e5%87%ba%e6%b5%b7","status":"publish","type":"post","link":"https:\/\/news.miaotao.com\/index.php\/2026\/08\/03\/%e5%a6%99%e6%b7%98%e7%ae%97%e5%8a%9b%e5%87%ba%e6%b5%b7\/","title":{"rendered":"\u5999\u6dd8\u7b97\u529b\u51fa\u6d77"},"content":{"rendered":"\n\n\n\n \n \n \u5999\u6dd8\u7b97\u529b\u51fa\u6d77 \u00b7 \u7528\u6237\u7aef<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', 'Segoe UI', 'PingFang SC', system-ui, -apple-system, sans-serif;\n background: #f0f6fc;\n color: #1a2b3c;\n padding: 20px;\n }\n\n .app {\n max-width: 1440px;\n margin: 0 auto;\n background: #ffffff;\n border-radius: 40px;\n box-shadow: 0 30px 60px rgba(0, 30, 50, 0.08);\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.5);\n }\n\n \/* ===== \u9876\u90e8\u5bfc\u822a ===== *\/\n .navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 32px;\n background: #ffffff;\n border-bottom: 1px solid #e5eff6;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 1.6rem;\n font-weight: 700;\n color: #0b3954;\n letter-spacing: -0.5px;\n }\n .logo span {\n background: #1f6e8c;\n color: white;\n font-size: 0.7rem;\n border-radius: 40px;\n padding: 0 10px;\n line-height: 1.8;\n font-weight: 600;\n }\n\n .nav-links {\n display: flex;\n gap: 28px;\n font-weight: 500;\n color: #3d637c;\n font-size: 0.95rem;\n }\n .nav-links a {\n text-decoration: none;\n color: inherit;\n transition: 0.2s;\n }\n .nav-links a:hover {\n color: #0b3954;\n }\n .nav-links a.active {\n color: #1f6e8c;\n border-bottom: 2px solid #1f6e8c;\n padding-bottom: 4px;\n }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .nav-right .user {\n display: flex;\n align-items: center;\n gap: 10px;\n background: #f0f6fb;\n padding: 6px 16px 6px 12px;\n border-radius: 40px;\n cursor: pointer;\n }\n .avatar {\n width: 32px;\n height: 32px;\n background: #1f6e8c;\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.9rem;\n }\n .user-name {\n font-weight: 500;\n font-size: 0.9rem;\n }\n .badge-notify {\n background: #e74c3c;\n color: white;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n font-size: 0.6rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n }\n\n \/* ===== \u4e3b\u4f53\u5185\u5bb9 ===== *\/\n .main {\n padding: 32px 36px 40px;\n }\n\n \/* \u6b22\u8fce\u4e0e\u7edf\u8ba1 *\/\n .greeting {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n margin-bottom: 28px;\n }\n .greeting h2 {\n font-size: 1.8rem;\n font-weight: 600;\n color: #0b3954;\n }\n .greeting h2 small {\n font-size: 1rem;\n font-weight: 400;\n color: #3d637c;\n margin-left: 12px;\n }\n .stats {\n display: flex;\n gap: 24px;\n background: #f8fbfe;\n padding: 8px 20px;\n border-radius: 60px;\n border: 1px solid #e5eff6;\n }\n .stat-item {\n display: flex;\n align-items: baseline;\n gap: 6px;\n }\n .stat-item .num {\n font-weight: 700;\n font-size: 1.2rem;\n color: #0b3954;\n }\n .stat-item .label {\n font-size: 0.8rem;\n color: #5a7e96;\n }\n\n \/* \u641c\u7d22\u4e0e\u7b5b\u9009 *\/\n .search-section {\n display: flex;\n flex-wrap: wrap;\n gap: 12px 20px;\n background: #f8fbfe;\n border-radius: 60px;\n padding: 6px 8px 6px 24px;\n align-items: center;\n margin-bottom: 32px;\n border: 1px solid #e5eff6;\n }\n .search-section input[type=\"text\"] {\n flex: 1;\n min-width: 180px;\n border: none;\n background: transparent;\n padding: 10px 0;\n font-size: 0.95rem;\n outline: none;\n color: #1a2b3c;\n }\n .search-section input::placeholder {\n color: #8aa9c0;\n }\n .filter-group {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n }\n .filter-group select {\n background: white;\n border: 1px solid #d4e2ed;\n border-radius: 40px;\n padding: 6px 14px;\n font-size: 0.8rem;\n color: #1a2b3c;\n outline: none;\n cursor: pointer;\n }\n .search-btn {\n background: #1f6e8c;\n color: white;\n border: none;\n border-radius: 40px;\n padding: 8px 24px;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: 0.2s;\n }\n .search-btn:hover {\n background: #0b3954;\n }\n\n \/* \u7b97\u529b\u4ea7\u54c1\u7f51\u683c *\/\n .section-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 32px 0 16px 0;\n }\n .section-title h3 {\n font-size: 1.4rem;\n font-weight: 600;\n color: #0b3954;\n }\n .section-title a {\n color: #1f6e8c;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.9rem;\n }\n\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 24px;\n }\n\n .product-card {\n background: #ffffff;\n border: 1px solid #e5eff6;\n border-radius: 24px;\n padding: 20px 20px 18px;\n transition: all 0.2s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n display: flex;\n flex-direction: column;\n }\n .product-card:hover {\n transform: translateY(-4px);\n border-color: #b6d4e8;\n box-shadow: 0 12px 30px rgba(0, 30, 50, 0.08);\n }\n .card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 6px;\n }\n .card-header .model-name {\n font-weight: 700;\n font-size: 1.1rem;\n color: #0b3954;\n }\n .card-header .provider {\n font-size: 0.7rem;\n color: #5a7e96;\n background: #f0f6fb;\n padding: 0 10px;\n border-radius: 40px;\n line-height: 1.8;\n }\n .card-tags {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n margin: 6px 0 10px 0;\n }\n .tag {\n font-size: 0.6rem;\n font-weight: 600;\n padding: 0 8px;\n border-radius: 40px;\n line-height: 1.8;\n background: #e5eff6;\n color: #1f5a77;\n }\n .tag.green {\n background: #d4edda;\n color: #155724;\n }\n .tag.gold {\n background: #fff3cd;\n color: #856404;\n }\n\n .card-price {\n font-size: 1.4rem;\n font-weight: 700;\n color: #0b3954;\n margin: 8px 0 4px;\n }\n .card-price small {\n font-size: 0.7rem;\n font-weight: 400;\n color: #5a7e96;\n }\n .card-meta {\n display: flex;\n justify-content: space-between;\n font-size: 0.75rem;\n color: #3d637c;\n border-top: 1px solid #e5eff6;\n padding-top: 10px;\n margin-top: 10px;\n }\n .card-actions {\n display: flex;\n gap: 8px;\n margin-top: 12px;\n }\n .btn-primary {\n background: #1f6e8c;\n color: white;\n border: none;\n border-radius: 40px;\n padding: 8px 18px;\n font-weight: 600;\n font-size: 0.8rem;\n cursor: pointer;\n transition: 0.2s;\n flex: 1;\n }\n .btn-primary:hover {\n background: #0b3954;\n }\n .btn-outline {\n background: transparent;\n border: 1px solid #d4e2ed;\n border-radius: 40px;\n padding: 8px 16px;\n font-weight: 500;\n font-size: 0.8rem;\n color: #1a2b3c;\n cursor: pointer;\n transition: 0.2s;\n }\n .btn-outline:hover {\n border-color: #1f6e8c;\n color: #1f6e8c;\n }\n\n \/* \u5e95\u90e8\u4eea\u8868\u76d8\uff08\u7528\u91cf\u6982\u89c8\uff09 *\/\n .dashboard-preview {\n margin-top: 40px;\n background: #f8fbfe;\n border-radius: 24px;\n padding: 24px 28px;\n border: 1px solid #e5eff6;\n }\n .dash-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 18px;\n flex-wrap: wrap;\n }\n .dash-header h4 {\n font-size: 1.1rem;\n color: #0b3954;\n }\n .dash-header a {\n color: #1f6e8c;\n font-size: 0.85rem;\n text-decoration: none;\n }\n .dash-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 16px;\n }\n .dash-item {\n background: white;\n border-radius: 16px;\n padding: 14px 16px;\n text-align: center;\n border: 1px solid #e5eff6;\n }\n .dash-item .number {\n font-size: 1.5rem;\n font-weight: 700;\n color: #0b3954;\n }\n .dash-item .desc {\n font-size: 0.7rem;\n color: #5a7e96;\n margin-top: 2px;\n }\n .dash-item .trend {\n font-size: 0.6rem;\n color: #28a745;\n background: #d4edda;\n padding: 0 6px;\n border-radius: 40px;\n display: inline-block;\n }\n\n \/* \u54cd\u5e94\u5f0f *\/\n @media (max-width: 768px) {\n .navbar {\n padding: 12px 16px;\n }\n .nav-links {\n gap: 16px;\n font-size: 0.85rem;\n }\n .main {\n padding: 20px 16px;\n }\n .search-section {\n padding: 6px 12px;\n border-radius: 30px;\n flex-wrap: wrap;\n }\n .search-section input {\n min-width: 120px;\n width: 100%;\n }\n .greeting h2 {\n font-size: 1.4rem;\n }\n .stats {\n padding: 6px 14px;\n gap: 12px;\n flex-wrap: wrap;\n }\n .product-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n @media (max-width: 500px) {\n .product-grid {\n grid-template-columns: 1fr;\n }\n .nav-links {\n display: none;\n }\n .nav-right .user .user-name {\n display: none;\n }\n }\n\n \/* \u6a21\u62df\u5c0f\u56fe\u6807 *\/\n .icon {\n display: inline-block;\n width: 1.2em;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"app\">\n\n \n <nav class=\"navbar\">\n <div class=\"logo\">\n \ud83e\uddca \u5999\u6dd8\u7b97\u529b <span>\u51fa\u6d77<\/span>\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#\" class=\"active\">\u7b97\u529b\u5e02\u573a<\/a>\n <a href=\"#\">\u5f00\u53d1\u8005<\/a>\n <a href=\"#\">\u6587\u6863<\/a>\n <a href=\"#\">\u4ef7\u683c<\/a>\n <a href=\"#\">\u63a7\u5236\u53f0<\/a>\n <\/div>\n <div class=\"nav-right\">\n <div class=\"user\">\n <div class=\"avatar\">J<\/div>\n <span class=\"user-name\">Jason Chen<\/span>\n <span style=\"font-size:0.7rem; color:#5a7e96;\">\u25bc<\/span>\n <\/div>\n <div class=\"badge-notify\">3<\/div>\n <\/div>\n <\/nav>\n\n \n <div class=\"main\">\n\n \n <div class=\"greeting\">\n <h2>\n \ud83d\udc4b \u6b22\u8fce\u56de\u6765\uff0cJason\n <small>\u4eca\u65e5\u5df2\u8282\u7701 <strong style=\"color:#1f6e8c;\">$42.5<\/strong> \u7b97\u529b\u6210\u672c<\/small>\n <\/h2>\n <div class=\"stats\">\n <div class=\"stat-item\"><span class=\"num\">8.2M<\/span><span class=\"label\">\u4eca\u65e5 Token<\/span><\/div>\n <div class=\"stat-item\"><span class=\"num\">$124.30<\/span><span class=\"label\">\u4eca\u65e5\u82b1\u8d39<\/span><\/div>\n <div class=\"stat-item\"><span class=\"num\">12<\/span><span class=\"label\">\u6d3b\u8dc3\u6a21\u578b<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"search-section\">\n <input type=\"text\" placeholder=\"\u641c\u7d22\u6a21\u578b\u3001\u63d0\u4f9b\u5546\u6216\u573a\u666f\u2026\">\n <div class=\"filter-group\">\n <select><option>\u6240\u6709\u7c7b\u578b<\/option><option>\u5bf9\u8bdd<\/option><option>\u63a8\u7406<\/option><option>\u4ee3\u7801<\/option><\/select>\n <select><option>\u4ef7\u683c\u533a\u95f4<\/option><option>\u4f4e\u4e8e $0.5\/M<\/option><option>$0.5-1.0\/M<\/option><\/select>\n <select><option>\u7eff\u7535\u6807\u7b7e<\/option><option>100% \u7eff\u7535<\/option><option>\u2265 80%<\/option><\/select>\n <\/div>\n <button class=\"search-btn\">\ud83d\udd0d \u641c\u7d22<\/button>\n <\/div>\n\n \n <div class=\"section-title\">\n <h3>\ud83d\udd25 \u70ed\u95e8\u7b97\u529b\u4ea7\u54c1<\/h3>\n <a href=\"#\">\u67e5\u770b\u5168\u90e8 \u2192<\/a>\n <\/div>\n\n <div class=\"product-grid\">\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">DeepSeek-V3<\/span>\n <span class=\"provider\">\u6df1\u5ea6\u6c42\u7d22<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5bf9\u8bdd<\/span>\n <span class=\"tag\">\u63a8\u7406<\/span>\n <span class=\"tag green\">\ud83c\udf31 100% \u7eff\u7535<\/span>\n <span class=\"tag gold\">\u26a1 \u4f4e\u5ef6\u8fdf<\/span>\n <\/div>\n <div class=\"card-price\">$0.28 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 128K \u00b7 \u54cd\u5e94 280ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 1.2M<\/span>\n <span>\u2b50 4.9 (2.3k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">Qwen-72B<\/span>\n <span class=\"provider\">\u963f\u91cc\u4e91<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u591a\u6a21\u6001<\/span>\n <span class=\"tag\">\u4ee3\u7801<\/span>\n <span class=\"tag green\">\ud83c\udf31 92% \u7eff\u7535<\/span>\n <\/div>\n <div class=\"card-price\">$0.42 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 32K \u00b7 \u54cd\u5e94 350ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 890K<\/span>\n <span>\u2b50 4.8 (1.8k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">MiniMax-01<\/span>\n <span class=\"provider\">MiniMax<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5bf9\u8bdd<\/span>\n <span class=\"tag\">\u521b\u610f<\/span>\n <span class=\"tag green\">\ud83c\udf31 85% \u7eff\u7535<\/span>\n <span class=\"tag gold\">\ud83d\udcb0 \u7279\u60e0<\/span>\n <\/div>\n <div class=\"card-price\">$0.19 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 256K \u00b7 \u54cd\u5e94 200ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 2.1M<\/span>\n <span>\u2b50 4.7 (3.5k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">GLM-4-Plus<\/span>\n <span class=\"provider\">\u667a\u8c31 AI<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u63a8\u7406<\/span>\n <span class=\"tag\">\u6570\u5b66<\/span>\n <span class=\"tag green\">\ud83c\udf31 88% \u7eff\u7535<\/span>\n <\/div>\n <div class=\"card-price\">$0.35 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 128K \u00b7 \u54cd\u5e94 310ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 560K<\/span>\n <span>\u2b50 4.6 (1.2k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">Claude 3.5 Sonnet<\/span>\n <span class=\"provider\">Anthropic<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5bf9\u8bdd<\/span>\n <span class=\"tag\">\u4ee3\u7801<\/span>\n <span class=\"tag green\">\ud83c\udf31 \u7eff\u7535\u62b5\u6d88<\/span>\n <\/div>\n <div class=\"card-price\">$0.89 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 200K \u00b7 \u54cd\u5e94 450ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 320K<\/span>\n <span>\u2b50 4.9 (5.1k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"card-header\">\n <span class=\"model-name\">Llama 3.1 405B<\/span>\n <span class=\"provider\">Meta (\u6258\u7ba1)<\/span>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag\">\u5f00\u6e90<\/span>\n <span class=\"tag\">\u63a8\u7406<\/span>\n <span class=\"tag green\">\ud83c\udf31 76% \u7eff\u7535<\/span>\n <\/div>\n <div class=\"card-price\">$0.55 <small>\/ \u767e\u4e07 Token<\/small><\/div>\n <div style=\"font-size:0.75rem; color:#3d637c; margin:4px 0 6px;\">\u4e0a\u4e0b\u6587 128K \u00b7 \u54cd\u5e94 520ms<\/div>\n <div class=\"card-meta\">\n <span>\ud83d\udcca \u4eca\u65e5\u8c03\u7528 780K<\/span>\n <span>\u2b50 4.7 (2.9k)<\/span>\n <\/div>\n <div class=\"card-actions\">\n <button class=\"btn-primary\">\u7acb\u5373\u8c03\u7528<\/button>\n <button class=\"btn-outline\">\u5bf9\u6bd4<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"dashboard-preview\">\n <div class=\"dash-header\">\n <h4>\ud83d\udcc8 \u6211\u7684\u7b97\u529b\u4eea\u8868\u76d8<\/h4>\n <a href=\"#\">\u67e5\u770b\u5b8c\u6574\u63a7\u5236\u53f0 \u2192<\/a>\n <\/div>\n <div class=\"dash-stats\">\n <div class=\"dash-item\">\n <div class=\"number\">6.8M<\/div>\n <div class=\"desc\">\u4eca\u65e5 Token \u6d88\u8017<\/div>\n <span class=\"trend\">\u2191 12%<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">$89.40<\/div>\n <div class=\"desc\">\u4eca\u65e5\u8d39\u7528<\/div>\n <span class=\"trend\" style=\"background:#fff3cd; color:#856404;\">\u2193 5%<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">14<\/div>\n <div class=\"desc\">\u6d3b\u8dc3\u6a21\u578b<\/div>\n <span class=\"trend\">\u2191 2<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">7.2s<\/div>\n <div class=\"desc\">\u5e73\u5747\u54cd\u5e94<\/div>\n <span class=\"trend\">\u2193 0.3s<\/span>\n <\/div>\n <div class=\"dash-item\">\n <div class=\"number\">92%<\/div>\n <div class=\"desc\">\u7eff\u7535\u5360\u6bd4<\/div>\n <span class=\"trend\" style=\"background:#d4edda;\">\ud83c\udf31 \u4f18\u79c0<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"text-align:center; padding:16px 0; font-size:0.7rem; color:#8aa9c0; border-top:1px solid #e5eff6;\">\n \u5999\u6dd8\u7b97\u529b\u51fa\u6d77 \u00b7 \u8fde\u63a5\u7eff\u8272\u7535\u529b\u4e0e\u5168\u7403\u667a\u80fd\n <\/div>\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5999\u6dd8\u7b97\u529b\u51fa\u6d77 \u00b7 \u7528\u6237\u7aef \ud83e\uddca \u5999\u6dd8\u7b97\u529b \u51fa\u6d77 \u7b97\u529b\u5e02\u573a \u5f00\u53d1\u8005 \u6587\u6863 \u4ef7\u683c \u63a7\u5236\u53f0 J Jason Chen \u25bc 3 \ud83d\udc4b \u6b22\u8fce\u56de\u6765\uff0cJason \u4eca\u65e5\u5df2\u8282\u7701 $42.5 \u7b97\u529b\u6210\u672c 8.2M\u4eca\u65e5 Token $124.30\u4eca\u65e5\u82b1\u8d39 12\u6d3b\u8dc3\u6a21\u578b \u6240\u6709\u7c7b\u578b\u5bf9\u8bdd\u63a8\u7406\u4ee3\u7801 \u4ef7\u683c\u533a\u95f4\u4f4e\u4e8e $0.5\/M$0.5-1.0\/M \u7eff\u7535\u6807\u7b7e100% \u7eff\u7535\u2265…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-319","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":1,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts\/319\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/posts\/319\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/media?parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/categories?post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/news.miaotao.com\/index.php\/wp-json\/wp\/v2\/tags?post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}