\u7a7a\u95f4\u8f6c\u5f55\u7ec4\u5206\u6790 | \u7b80\u7ea6\u7248<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n html {\n font-size: 16px !important;\n }\n\n :root {\n --primary-color: #2c3e50;\n --primary-light: #3498db;\n --accent-color: #e74c3c;\n --accent-light: #ff6b6b;\n --background-light: #f9f9f9;\n --card-bg: #ffffff;\n --text-dark: #333333;\n --text-light: #666666;\n --border-color: #e0e0e0;\n --success-color: #2ecc71;\n --spacing-xs: 8px;\n --spacing-sm: 12px;\n --spacing-md: 18px;\n --spacing-lg: 24px;\n --spacing-xl: 32px;\n --border-radius: 10px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n }\n\n body {\n background-color: var(--background-light);\n color: var(--text-dark);\n line-height: 1.6;\n min-height: 100vh;\n padding: var(--spacing-md);\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n min-height:100vh;\n box-sizing:border-box;\n \/* height: calc(100vh - 40px);\n min-height: 700px; *\/\n }\n\n \/* \u4e3b\u8981\u5e03\u5c40 - \u8c03\u6574\u6bd4\u4f8b\uff0c\u5de6\u4fa7\u53601\/4\uff0c\u53f3\u4fa7\u53603\/4 *\/\n .main-layout {\n display: grid;\n grid-template-columns: 1fr 3fr;\n gap: var(--spacing-lg);\n flex: 1;\n margin-bottom: var(--spacing-lg);\n align-items: start;\n \/* \u786e\u4fdd\u9879\u76ee\u9876\u90e8\u5bf9\u9f50 *\/\n }\n\n \/* \u5361\u7247\u901a\u7528\u6837\u5f0f *\/\n .card {\n background-color: var(--card-bg);\n border-radius: var(--border-radius);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n padding: var(--spacing-md);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n flex-direction: column;\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n }\n\n .card-header {\n display: flex;\n align-items: center;\n margin-bottom: var(--spacing-md);\n padding-bottom: var(--spacing-sm);\n border-bottom: 2px solid var(--border-color);\n }\n\n .card-icon {\n width: 36px;\n height: 36px;\n background-color: rgba(52, 152, 219, 0.1);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: var(--spacing-sm);\n color: var(--primary-light);\n font-size: 1rem;\n }\n\n .card-title {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--primary-color);\n margin: 0 !important;\n padding: 0 !important;\n line-height: 1 !important;\n display: block !important;\n }\n\n \/* \u4fe1\u606f\u6c47\u603b\u533a\u57df - \u5de6\u4fa7 (\u53601\/4) *\/\n .info-summary {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n height: fit-content;\n \/* \u9ad8\u5ea6\u7531\u5185\u5bb9\u51b3\u5b9a *\/\n }\n\n .detail-group {\n margin-bottom: var(--spacing-md);\n }\n\n .detail-group:last-child {\n margin-bottom: 0;\n }\n\n .detail-group-title {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--primary-color);\n margin-bottom: var(--spacing-sm);\n padding-bottom: 4px;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .detail-item {\n display: flex;\n justify-content: space-between;\n padding: 6px 0;\n border-bottom: 1px dashed var(--border-color);\n }\n\n .detail-item:last-child {\n border-bottom: none;\n }\n\n .detail-label {\n font-weight: 500;\n color: var(--text-dark);\n font-size: 0.85rem;\n }\n\n .detail-value {\n font-weight: 600;\n color: var(--primary-color);\n text-align: right;\n max-width: 60%;\n font-size: 0.85rem;\n }\n\n \/* \u5173\u952e\u6307\u6807\u4e0e\u805a\u7c7b\u5206\u6790\u533a\u57df - \u53f3\u4fa7 (\u53603\/4) *\/\n .clustering-analysis {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n height: 100%;\n \/* \u9ad8\u5ea6\u4e0e\u5de6\u4fa7\u5361\u7247\u4fdd\u6301\u4e00\u81f4 *\/\n }\n\n \/* \u7b80\u7ea6\u7684\u5173\u952e\u6307\u6807\u6837\u5f0f *\/\n .metrics-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--spacing-sm);\n margin-bottom: var(--spacing-md);\n }\n\n .metric-item {\n background-color: #ffffff;\n border-radius: var(--border-radius);\n padding: var(--spacing-md);\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n text-align: center;\n }\n\n .metric-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(52, 152, 219, 0.1);\n border-color: var(--primary-light);\n }\n\n .metric-value {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 6px;\n line-height: 1.2;\n }\n\n .metric-label {\n font-size: 0.85rem;\n color: var(--text-light);\n line-height: 1.3;\n }\n\n \/* \u56fe\u7247\u533a\u57df - \u4fee\u6539\u4e3a\u81ea\u9002\u5e94\u9ad8\u5ea6 *\/\n .image-display {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n min-height: 400px;\n max-height: 600px;\n \/* \u6700\u5c0f\u9ad8\u5ea6\uff0c\u786e\u4fdd\u56fe\u7247\u533a\u57df\u53ef\u89c1 *\/\n }\n\n .image-container {\n flex: 1;\n background-color: #f5f7fa;\n border-radius: var(--border-radius);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 15px;\n max-height: 100%;\n \/* \u9650\u5236\u6700\u5927\u9ad8\u5ea6 *\/\n }\n\n .image-container img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n \/* \u7b80\u7ea6\u7684\u6309\u94ae\u6837\u5f0f *\/\n .action-area {\n text-align: center;\n padding: var(--spacing-lg) 0;\n margin-top: auto;\n }\n\n .action-button {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-sm);\n background-color: #3a6ea5;\n color: white;\n border: none;\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .action-button:hover {\n background-color: var(--primary-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(52, 152, 219, 0.2);\n }\n\n .action-button i {\n font-size: 1.1rem;\n }\n\n \/* \u5e95\u90e8\u4fe1\u606f *\/\n .footer {\n text-align: center;\n padding: var(--spacing-md) 0;\n color: var(--text-light);\n font-size: 0.85rem;\n border-top: 1px solid var(--border-color);\n margin-top: var(--spacing-lg);\n }\n\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 1200px) {\n .main-layout {\n grid-template-columns: 1fr 2fr;\n }\n\n .metrics-row {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 992px) {\n .main-layout {\n grid-template-columns: 1fr;\n grid-template-rows: auto auto;\n }\n\n .info-summary {\n grid-row: 1;\n }\n\n .clustering-analysis {\n grid-row: 2;\n }\n\n .clustering-analysis,\n .info-summary {\n height: auto;\n \/* \u79fb\u52a8\u7aef\u6062\u590d\u81ea\u52a8\u9ad8\u5ea6 *\/\n }\n }\n\n @media (max-width: 768px) {\n body {\n padding: var(--spacing-sm);\n }\n\n .metrics-row {\n grid-template-columns: 1fr;\n }\n\n .image-container {\n min-height: 250px;\n }\n\n .metric-value {\n font-size: 1.6rem;\n }\n\n .action-button {\n padding: 12px 24px;\n font-size: 0.95rem;\n }\n }\n\n @media (max-width: 480px) {\n .metric-value {\n font-size: 1.5rem;\n }\n\n .card-header {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-xs);\n }\n\n .card-icon {\n margin-right: 0;\n margin-bottom: var(--spacing-xs);\n }\n\n .detail-item {\n flex-direction: column;\n gap: 2px;\n }\n\n .detail-value {\n text-align: left;\n max-width: 100%;\n }\n }\n\n \/* \u52a8\u753b\u6548\u679c *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .card {\n animation: fadeInUp 0.5s ease-out forwards;\n opacity: 0;\n }\n\n .info-summary {\n animation-delay: 0.1s;\n }\n\n .clustering-analysis {\n animation-delay: 0.2s;\n }\n\n .action-area {\n animation-delay: 0.3s;\n }\n\n \/* \u65b0\u589e\uff1a\u4fdd\u6301\u4e24\u4fa7\u9ad8\u5ea6\u4e00\u81f4\u7684\u6837\u5f0f \n .main-layout {\n position: relative;\n }\n\n .clustering-analysis {\n position: relative;\n }*\/\n\n .image-display {\n height: calc(100% - 120px);\n \/* \u51cf\u53bb\u6307\u6807\u533a\u57df\u7684\u9ad8\u5ea6 *\/\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n \n <div class=\"main-layout\">\n \n <div class=\"card info-summary\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-info-circle\"><\/i>\n <\/div>\n <h2 class=\"card-title\">\u4fe1\u606f\u6c47\u603b<\/h2>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-vial\"><\/i> \u6837\u672c\u4fe1\u606f\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u7269\u79cd\u7c7b\u578b<\/span>\n <span class=\"detail-value\">\u5c0f\u9f20<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u7ec4\u7ec7\u7c7b\u578b<\/span>\n <span class=\"detail-value\">\u76ae\u80a4<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5305\u57cb\u65b9\u5f0f<\/span>\n <span class=\"detail-value\">\u65b0\u9c9c\u51b7\u51bb<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">RIN\u503c<\/span>\n <span class=\"detail-value\">8.2<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-cogs\"><\/i> \u5b9e\u9a8c\u53c2\u6570\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u8bd5\u5242\u76d2\u4fe1\u606f<\/span>\n <span class=\"detail-value\">v1.0<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u67d3\u8272\u65b9\u6cd5<\/span>\n <span class=\"detail-value\">H&E\u67d3\u8272<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u900f\u5316\u65f6\u95f4<\/span>\n <span class=\"detail-value\">48 min<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5207\u7247\u539a\u5ea6<\/span>\n <span class=\"detail-value\">10 \u03bcm<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-microscope\"><\/i> \u6d4b\u5e8f\u5206\u6790\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u6d4b\u5e8f\u5e73\u53f0<\/span>\n <span class=\"detail-value\">illumina<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u603b\u6d4b\u5e8f\u91cf<\/span>\n <span class=\"detail-value\">145.09 G<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-chart-pie\"><\/i> \u5206\u6790\u4fe1\u606f\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5206\u6790\u8f6f\u4ef6\u7248\u672c<\/span>\n <span class=\"detail-value\">Sequoia-workflow v0.3.2<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u6d4b\u5e8f\u9971\u548c\u5ea6<\/span>\n <span class=\"detail-value\">81.32%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card clustering-analysis\">\n <div class=\"card-header\">\n \n <div class=\"card-icon\">\n <i class=\"fas fa-chart-bar\"><\/i>\n <\/div>\n <h2 class=\"card-title\">\u5173\u952e\u6307\u6807\u4e0e\u805a\u7c7b\u5206\u6790\uff08Bin 10 \u03bcm\uff09<\/h2>\n <\/div>\n\n \n <div class=\"metrics-row\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">107,661<\/div>\n <div class=\"metric-label\">\u7ec4\u7ec7\u4e0bBin\u6570\u91cf<\/div>\n <\/div>\n\n <div class=\"metric-item\">\n <div class=\"metric-value\">2,426.15<\/div>\n <div class=\"metric-label\">\u6bcf\u4e2aBin\u5e73\u5747Reads\u6570<\/div>\n <\/div>\n\n <div class=\"metric-item\">\n <div class=\"metric-value\">429.39<\/div>\n <div class=\"metric-label\">\u6bcf\u4e2aBin\u5e73\u5747UMI\u6570<\/div>\n <\/div>\n\n <div class=\"metric-item\">\n <div class=\"metric-value\">279.65<\/div>\n <div class=\"metric-label\">\u6bcf\u4e2aBin\u5e73\u5747\u57fa\u56e0\u6570<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"image-display\">\n <div class=\"image-container\">\n <img src=\"https:\/\/www.centrilliontech.com.cn\/wp-content\/uploads\/clustering_image\/ST000104.png\"\n alt=\"\u7a7a\u95f4\u805a\u7c7b\u5206\u6790\u56fe\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"action-area\">\n <button class=\"action-button\" id=\"viewReportBtn\">\n <i class=\"fas fa-file-alt\"><\/i>\n \u67e5\u770b\u5b8c\u6574\u5206\u6790\u62a5\u544a\n <\/button>\n <\/div>\n\n \n <div class=\"footer\">\n <p>\u672c\u62a5\u544a\u4ec5\u4f9b\u79d1\u7814\u4f7f\u7528<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u4e3a\"\u67e5\u770b\u5b8c\u6574\u5206\u6790\u62a5\u544a\"\u6309\u94ae\u6dfb\u52a0\u8df3\u8f6c\u529f\u80fd\n document.getElementById('viewReportBtn').addEventListener('click', function () {\n \/\/ \u6a21\u62df\u6309\u94ae\u70b9\u51fb\u6548\u679c\n this.style.transform = 'scale(0.95)';\n setTimeout(() => {\n this.style.transform = '';\n\n \/\/ \u8df3\u8f6c\u5230\u65b0\u7f51\u9875\uff08\u5b8c\u6574\u5206\u6790\u62a5\u544a\u9875\u9762\uff09\n window.open('https:\/\/www.centrilliontech.com.cn\/wp-content\/uploads\/web_summary\/ST000104.html', '_blank');\n\n }, 150);\n });\n <\/script>\n<\/body>\n\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-3440","post","type-post","status-publish","format-standard","hentry","category-demo"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"\u751f\u6377\u79d1\u6280","author_link":"https:\/\/www.centrilliontech.com.cn\/index\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts\/3440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/comments?post=3440"}],"version-history":[{"count":5,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts\/3440\/revisions"}],"predecessor-version":[{"id":3534,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts\/3440\/revisions\/3534"}],"wp:attachment":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/media?parent=3440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/categories?post=3440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/tags?post=3440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3440,"date":"2026-02-05T17:07:11","date_gmt":"2026-02-05T09:07:11","guid":{"rendered":"https:\/\/www.centrilliontech.com.cn\/index\/?p=3440"},"modified":"2026-02-10T13:29:29","modified_gmt":"2026-02-10T05:29:29","slug":"st000104","status":"publish","type":"post","link":"https:\/\/www.centrilliontech.com.cn\/index\/st000104\/","title":{"rendered":"\u5c0f\u9f20\u76ae\u80a4\u793a\u4f8b"},"content":{"rendered":"\n\n\n\n\n \n \n \u7a7a\u95f4\u8f6c\u5f55\u7ec4\u5206\u6790 | \u7b80\u7ea6\u7248<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n html {\n font-size: 16px !important;\n }\n\n :root {\n --primary-color: #2c3e50;\n --primary-light: #3498db;\n --accent-color: #e74c3c;\n --accent-light: #ff6b6b;\n --background-light: #f9f9f9;\n --card-bg: #ffffff;\n --text-dark: #333333;\n --text-light: #666666;\n --border-color: #e0e0e0;\n --success-color: #2ecc71;\n --spacing-xs: 8px;\n --spacing-sm: 12px;\n --spacing-md: 18px;\n --spacing-lg: 24px;\n --spacing-xl: 32px;\n --border-radius: 10px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n }\n\n body {\n background-color: var(--background-light);\n color: var(--text-dark);\n line-height: 1.6;\n min-height: 100vh;\n padding: var(--spacing-md);\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n min-height:100vh;\n box-sizing:border-box;\n \/* height: calc(100vh - 40px);\n min-height: 700px; *\/\n }\n\n \/* \u4e3b\u8981\u5e03\u5c40 - \u8c03\u6574\u6bd4\u4f8b\uff0c\u5de6\u4fa7\u53601\/4\uff0c\u53f3\u4fa7\u53603\/4 *\/\n .main-layout {\n display: grid;\n grid-template-columns: 1fr 3fr;\n gap: var(--spacing-lg);\n flex: 1;\n margin-bottom: var(--spacing-lg);\n align-items: start;\n \/* \u786e\u4fdd\u9879\u76ee\u9876\u90e8\u5bf9\u9f50 *\/\n }\n\n \/* \u5361\u7247\u901a\u7528\u6837\u5f0f *\/\n .card {\n background-color: var(--card-bg);\n border-radius: var(--border-radius);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n padding: var(--spacing-md);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n flex-direction: column;\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n }\n\n .card-header {\n display: flex;\n align-items: center;\n margin-bottom: var(--spacing-md);\n padding-bottom: var(--spacing-sm);\n border-bottom: 2px solid var(--border-color);\n }\n\n .card-icon {\n width: 36px;\n height: 36px;\n background-color: rgba(52, 152, 219, 0.1);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: var(--spacing-sm);\n color: var(--primary-light);\n font-size: 1rem;\n }\n\n .card-title {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--primary-color);\n margin: 0 !important;\n padding: 0 !important;\n line-height: 1 !important;\n display: block !important;\n }\n\n \/* \u4fe1\u606f\u6c47\u603b\u533a\u57df - \u5de6\u4fa7 (\u53601\/4) *\/\n .info-summary {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n height: fit-content;\n \/* \u9ad8\u5ea6\u7531\u5185\u5bb9\u51b3\u5b9a *\/\n }\n\n .detail-group {\n margin-bottom: var(--spacing-md);\n }\n\n .detail-group:last-child {\n margin-bottom: 0;\n }\n\n .detail-group-title {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--primary-color);\n margin-bottom: var(--spacing-sm);\n padding-bottom: 4px;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .detail-item {\n display: flex;\n justify-content: space-between;\n padding: 6px 0;\n border-bottom: 1px dashed var(--border-color);\n }\n\n .detail-item:last-child {\n border-bottom: none;\n }\n\n .detail-label {\n font-weight: 500;\n color: var(--text-dark);\n font-size: 0.85rem;\n }\n\n .detail-value {\n font-weight: 600;\n color: var(--primary-color);\n text-align: right;\n max-width: 60%;\n font-size: 0.85rem;\n }\n\n \/* \u5173\u952e\u6307\u6807\u4e0e\u805a\u7c7b\u5206\u6790\u533a\u57df - \u53f3\u4fa7 (\u53603\/4) *\/\n .clustering-analysis {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n height: 100%;\n \/* \u9ad8\u5ea6\u4e0e\u5de6\u4fa7\u5361\u7247\u4fdd\u6301\u4e00\u81f4 *\/\n }\n\n \/* \u7b80\u7ea6\u7684\u5173\u952e\u6307\u6807\u6837\u5f0f *\/\n .metrics-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--spacing-sm);\n margin-bottom: var(--spacing-md);\n }\n\n .metric-item {\n background-color: #ffffff;\n border-radius: var(--border-radius);\n padding: var(--spacing-md);\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n text-align: center;\n }\n\n .metric-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(52, 152, 219, 0.1);\n border-color: var(--primary-light);\n }\n\n .metric-value {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 6px;\n line-height: 1.2;\n }\n\n .metric-label {\n font-size: 0.85rem;\n color: var(--text-light);\n line-height: 1.3;\n }\n\n \/* \u56fe\u7247\u533a\u57df - \u4fee\u6539\u4e3a\u81ea\u9002\u5e94\u9ad8\u5ea6 *\/\n .image-display {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n min-height: 400px;\n max-height: 600px;\n \/* \u6700\u5c0f\u9ad8\u5ea6\uff0c\u786e\u4fdd\u56fe\u7247\u533a\u57df\u53ef\u89c1 *\/\n }\n\n .image-container {\n flex: 1;\n background-color: #f5f7fa;\n border-radius: var(--border-radius);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 15px;\n max-height: 100%;\n \/* \u9650\u5236\u6700\u5927\u9ad8\u5ea6 *\/\n }\n\n .image-container img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n \/* \u7b80\u7ea6\u7684\u6309\u94ae\u6837\u5f0f *\/\n .action-area {\n text-align: center;\n padding: var(--spacing-lg) 0;\n margin-top: auto;\n }\n\n .action-button {\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-sm);\n background-color: #3a6ea5;\n color: white;\n border: none;\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .action-button:hover {\n background-color: var(--primary-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(52, 152, 219, 0.2);\n }\n\n .action-button i {\n font-size: 1.1rem;\n }\n\n \/* \u5e95\u90e8\u4fe1\u606f *\/\n .footer {\n text-align: center;\n padding: var(--spacing-md) 0;\n color: var(--text-light);\n font-size: 0.85rem;\n border-top: 1px solid var(--border-color);\n margin-top: var(--spacing-lg);\n }\n\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 1200px) {\n .main-layout {\n grid-template-columns: 1fr 2fr;\n }\n\n .metrics-row {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 992px) {\n .main-layout {\n grid-template-columns: 1fr;\n grid-template-rows: auto auto;\n }\n\n .info-summary {\n grid-row: 1;\n }\n\n .clustering-analysis {\n grid-row: 2;\n }\n\n .clustering-analysis,\n .info-summary {\n height: auto;\n \/* \u79fb\u52a8\u7aef\u6062\u590d\u81ea\u52a8\u9ad8\u5ea6 *\/\n }\n }\n\n @media (max-width: 768px) {\n body {\n padding: var(--spacing-sm);\n }\n\n .metrics-row {\n grid-template-columns: 1fr;\n }\n\n .image-container {\n min-height: 250px;\n }\n\n .metric-value {\n font-size: 1.6rem;\n }\n\n .action-button {\n padding: 12px 24px;\n font-size: 0.95rem;\n }\n }\n\n @media (max-width: 480px) {\n .metric-value {\n font-size: 1.5rem;\n }\n\n .card-header {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-xs);\n }\n\n .card-icon {\n margin-right: 0;\n margin-bottom: var(--spacing-xs);\n }\n\n .detail-item {\n flex-direction: column;\n gap: 2px;\n }\n\n .detail-value {\n text-align: left;\n max-width: 100%;\n }\n }\n\n \/* \u52a8\u753b\u6548\u679c *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .card {\n animation: fadeInUp 0.5s ease-out forwards;\n opacity: 0;\n }\n\n .info-summary {\n animation-delay: 0.1s;\n }\n\n .clustering-analysis {\n animation-delay: 0.2s;\n }\n\n .action-area {\n animation-delay: 0.3s;\n }\n\n \/* \u65b0\u589e\uff1a\u4fdd\u6301\u4e24\u4fa7\u9ad8\u5ea6\u4e00\u81f4\u7684\u6837\u5f0f \n .main-layout {\n position: relative;\n }\n\n .clustering-analysis {\n position: relative;\n }*\/\n\n .image-display {\n height: calc(100% - 120px);\n \/* \u51cf\u53bb\u6307\u6807\u533a\u57df\u7684\u9ad8\u5ea6 *\/\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n \n <div class=\"main-layout\">\n \n <div class=\"card info-summary\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-info-circle\"><\/i>\n <\/div>\n <h2 class=\"card-title\">\u4fe1\u606f\u6c47\u603b<\/h2>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-vial\"><\/i> \u6837\u672c\u4fe1\u606f\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u7269\u79cd\u7c7b\u578b<\/span>\n <span class=\"detail-value\">\u5c0f\u9f20<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u7ec4\u7ec7\u7c7b\u578b<\/span>\n <span class=\"detail-value\">\u76ae\u80a4<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5305\u57cb\u65b9\u5f0f<\/span>\n <span class=\"detail-value\">\u65b0\u9c9c\u51b7\u51bb<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">RIN\u503c<\/span>\n <span class=\"detail-value\">8.2<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-cogs\"><\/i> \u5b9e\u9a8c\u53c2\u6570\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u8bd5\u5242\u76d2\u4fe1\u606f<\/span>\n <span class=\"detail-value\">v1.0<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u67d3\u8272\u65b9\u6cd5<\/span>\n <span class=\"detail-value\">H&E\u67d3\u8272<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u900f\u5316\u65f6\u95f4<\/span>\n <span class=\"detail-value\">48 min<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5207\u7247\u539a\u5ea6<\/span>\n <span class=\"detail-value\">10 \u03bcm<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-microscope\"><\/i> \u6d4b\u5e8f\u5206\u6790\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u6d4b\u5e8f\u5e73\u53f0<\/span>\n <span class=\"detail-value\">illumina<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u603b\u6d4b\u5e8f\u91cf<\/span>\n <span class=\"detail-value\">145.09 G<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"detail-group\">\n <h3 class=\"detail-group-title\">\n <i class=\"fas fa-chart-pie\"><\/i> \u5206\u6790\u4fe1\u606f\n <\/h3>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5206\u6790\u8f6f\u4ef6\u7248\u672c<\/span>\n <span class=\"detail-value\">Sequoia-workflow v0.3.2<\/span>\n <\/div>\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u6d4b\u5e8f\u9971\u548c\u5ea6<\/span>\n <span class=\"detail-value\">81.32%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card clustering-analysis\">\n <div class=\"card-header\">\n \n <div class=\"card-icon\">\n <i class=\"fas fa-chart-bar\"><\/i>\n <\/div>\n <h2 class=\"card-title\">\u5173\u952e\u6307\u6807\u4e0e\u805a\u7c7b\u5206\u6790\uff08Bin 10 \u03bcm\uff09<\/h2>\n <\/div>\n\n \n <div class=\"metrics-row\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">107,661<\/div>\n <div class=\"metric-label\">\u7ec4\u7ec7\u4e0bBin\u6570\u91cf<\/div>\n <\/div>\n\n <div class=\"metric-item\">\n <div class=\"metric-value\">2,426.15<\/div>\n <div class=\"metric-label\">\u6bcf\u4e2aBin\u5e73\u5747Reads\u6570<\/div>\n <\/div>\n\n <div class=\"metric-item\">\n <div class=\"metric-value\">429.39<\/div>\n <div class=\"metric-label\">\u6bcf\u4e2aBin\u5e73\u5747UMI\u6570<\/div>\n <\/div>\n\n <div class=\"metric-item\">\n <div class=\"metric-value\">279.65<\/div>\n <div class=\"metric-label\">\u6bcf\u4e2aBin\u5e73\u5747\u57fa\u56e0\u6570<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"image-display\">\n <div class=\"image-container\">\n <img src=\"https:\/\/www.centrilliontech.com.cn\/wp-content\/uploads\/clustering_image\/ST000104.png\"\n alt=\"\u7a7a\u95f4\u805a\u7c7b\u5206\u6790\u56fe\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"action-area\">\n <button class=\"action-button\" id=\"viewReportBtn\">\n <i class=\"fas fa-file-alt\"><\/i>\n \u67e5\u770b\u5b8c\u6574\u5206\u6790\u62a5\u544a\n <\/button>\n <\/div>\n\n \n <div class=\"footer\">\n <p>\u672c\u62a5\u544a\u4ec5\u4f9b\u79d1\u7814\u4f7f\u7528<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u4e3a\"\u67e5\u770b\u5b8c\u6574\u5206\u6790\u62a5\u544a\"\u6309\u94ae\u6dfb\u52a0\u8df3\u8f6c\u529f\u80fd\n document.getElementById('viewReportBtn').addEventListener('click', function () {\n \/\/ \u6a21\u62df\u6309\u94ae\u70b9\u51fb\u6548\u679c\n this.style.transform = 'scale(0.95)';\n setTimeout(() => {\n this.style.transform = '';\n\n \/\/ \u8df3\u8f6c\u5230\u65b0\u7f51\u9875\uff08\u5b8c\u6574\u5206\u6790\u62a5\u544a\u9875\u9762\uff09\n window.open('https:\/\/www.centrilliontech.com.cn\/wp-content\/uploads\/web_summary\/ST000104.html', '_blank');\n\n }, 150);\n });\n <\/script>\n<\/body>\n\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-3440","post","type-post","status-publish","format-standard","hentry","category-demo"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"\u751f\u6377\u79d1\u6280","author_link":"https:\/\/www.centrilliontech.com.cn\/index\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts\/3440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/comments?post=3440"}],"version-history":[{"count":5,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts\/3440\/revisions"}],"predecessor-version":[{"id":3534,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/posts\/3440\/revisions\/3534"}],"wp:attachment":[{"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/media?parent=3440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/categories?post=3440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centrilliontech.com.cn\/index\/wp-json\/wp\/v2\/tags?post=3440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}