TechInsights

TechInsights https://www.techinsights.com/zh-cn zh-cn 業界初の D1β DRAM と 232L QLC 3D NAND をチェックしてみましょう https://www.techinsights.com/ja/discover-inaugural-analysis-reports-d1b-dram-and-232l-qlc-3d-nand <span class="field field--name-title field--type-string field--label-hidden">查看首款 D1β DRAM 和232L QLC 3D NAND相关的更多内容</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang about="https://www.techinsights.com/zh-cn/user/69" typeof="schema:Person" property="schema:name" datatype>JWinters</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-11-27T15:01:29+00:00" title="Monday, November 27, 2023 - 15:01" class="datetime">Mon, 11/27/2023 - 15:01</time> </span> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="block block-layout-builder block-field-blocknodecustom-layout-pagefield-slideshow"> <div class="content"> <div class="field field--name-field-slideshow field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--slideshow paragraph--view-mode--default"> <div class="slick blazy slick--field slick--field-slides slick--field-slides--default unslick slick--skin--fullwidth slick--optionset--ti-fullscreen slick--less" data-blazy> <div class="slick__slide slide slide--0"> <div class="paragraph paragraph--type--slide paragraph--view-mode--default"> </div> </div> </div> </div> </div> </div> </div> <div class="block block-layout-builder block-extra-field-blocknodecustom-layout-pagelinks"> <div class="content"> </div> </div> <div class="block block-layout-builder block-field-blocknodecustom-layout-pagebody"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="container py-4"> <div class="row py-4"> <div class="col-12 col-md-7"> <h1 class="bold"><b>查看首款 D1β DRAM 和232L QLC 3D NAND相关的更多内容</b></h1> <h4 class="bold pt-1">让我们来看看IC市场动态、TechInsights逆向工程团队正在分析哪些器件？</h4> <p class="pt-1">以及未来器件技术路线图。</p> <p class="pt-4 left"><a class="button-primary-sm" href="https://bit.ly/3FMSqTG" tabindex="-1">Create Account</a><a class="button-primary-white-sm ml-3" href="https://www.techinsights.com/contact-us/demo-request?IDM" tabindex="-1">Request a Demo</a></p> </div> <div class="col-12 col-md-5 pt-4"> <p><img alt="Discover the Inaugural Analysis Reports on D1β DRAM and 232L QLC 3D NAND" class="rounded" src="https://www.techinsights.com/sites/default/files/2023-11/Generic-Memory.jpg"></p> </div> </div> </div> <div style="background: rgb(38,118,187);background: radial-gradient(circle, rgba(38,118,187,1) 0%, rgba(6,42,74,1) 100%);"> <div class="container py-4"> <div class="row py-4"> <div class="col-12 col-md-12"> <h3 class="white center bold">突破性事件: 从苹果iPhone 15 Pro中发现的行业首款 D1β LPDDR5X DRAM</h3> <p class="white center">在不使用EUV光刻技术的情况下成功完成集成13nm DRAM单元设计。美光的D1β DRAM工艺采用高钾金属栅极(HKMG)。存储密度比之前的LPDDR5/5X D1α 16Gb芯片提高了42%。较小的芯片尺寸 (密封边缘)36.78 mm<sup>2</sup> (7.02 mm x 5.24 mm)，密度为0.435 Gb/mm<sup>2</sup>。</p> <p class="center pt-4"><a class="button-primary-white-sm ml-3" href="https://library.techinsights.com/search/analysis-view/FCD-2310-801#sidebar=false&pdfId=f8d86225ae2a4272ad0c392dfafe8b72" tabindex="-1" target="_blank">美光 D1β 16Gb LPDDR5X 突破性事件报告</a></p> </div> </div> </div> </div> <div class="container pt-4" style> <div class="row pt-4"> <div class="col-12 col-md-6 py-4"> <h2 class="bold left">当前的IC市场和展望</h2> <ul> <li>预计2023年电子OEM销量将下降3%，IC销量将下降13%。</li> <li>IC市场的下行受存储行业影响；疫情期间的需求导致存储产品库存过剩。</li> <li>从连续13周的移动平均销量来看，NAND下降了22%，DRAM下降了30%。</li> <li>在13周期间，逻辑器件的移动平均销量转为正数，而模拟器件和功率器件销量继续下滑。汽车IC的增长正在放缓。</li> <li>最近的人工智能热潮表明，对能够容纳人工智能的技术有巨大的需求，例如强大的GPU和HBM。</li> <li>存储器件价格已经开始上涨，这是一个强有力的指标，表明整个供应链的供应持续减少，复苏正在进行中。</li> <li>存储器件投资预计将在2023年减少27%，随后在2024年增加10%，推动复苏。</li> </ul> </div> <div class="col-12 col-md-6 py-4"> <h2 class="bold left">分析中的半导体器件</h2> <p>TechInsights在创新产品推出后获得这些产品，并会从先进半导体的制造工艺、材料、设计技术和电气特性等方面对它们进行分析。查看TechInsights已发布半导体器件分析，如果您对分析报告感兴趣，请联系我们。</p> <ul> <li>TSMC - 3nm FinFET</li> <li>Micron - D1β DRAM, 232L NAND</li> <li>Samsung - 3nm GAA, D1a DRAM, HBM2E</li> <li>SK hynix & Solidigm - D1a DRAM, D1y GDDR6, 192L NAND</li> <li>SMIC - N+2 7nm</li> <li>YMTC - 232L NAND</li> <li>CXMT - 22nm DRAM</li> <li>Winbond - 25nm Pseudo-Static RAM</li> </ul> </div> </div> </div> <div class="container pt-4" style> <div class="row"> <div class="col-12 col-md-12 center py-4"> <p><img alt="器件技术路线图" class="rounded" src="https://www.techinsights.com/sites/default/files/2023-11/roadmap.jpg"></p> <h2 class="bold center pt-3">器件技术路线图</h2> <p>逻辑、DRAM、3D NAND等技术正在加速变革，以满足各种应用领域的需求，这将要求未来向超高密度、高速度和低能耗的方向发展。从现在起的三到五年内，哪些技术将被商业化？</p> <p>免费查看TechInsights最新的器件技术路线图和有价值的内容!</p> <p class="pt-4 center"><a class="button-primary-sm" href="https://bit.ly/3FMSqTG" tabindex="-1">Start My Free Trial</a></p> </div> </div> </div> <div class="container pt-4" style> <div class="row"> <div class="col-12 col-md-12"> <h2 class="bold">现在免费查看器件技术路线图！</h2> </div> </div> <div class="row pt-4"> <div class="col-12 col-md-4"> <div class="single-post-wrap style-overlay"> <div class="thumb-webinar"><img alt="img" src="https://www.techinsights.com/sites/default/files/2023-11/manufacturing-report.png"></div> <div class="details"> <div class="post-meta-single "> <p><a class="solution-base" href="https://library.techinsights.com/manufacturing/a6rDo000000oShtIAE/report/channel/a6pDo000000bs17IAA#path=2023%20Complimentary,Research%20Insights&type=simple"><img src="https://www.techinsights.com/sites/default/files/2023-11/logic-icon-w-01.png" style width="38"></a></p> </div> <p class="title"><a href="https://library.techinsights.com/manufacturing/a6rDo000000oShtIAE/report/channel/a6pDo000000bs17IAA#path=2023%20Complimentary,Research%20Insights&type=simple">IC制造研究洞察</a></p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="single-post-wrap style-overlay"> <div class="thumb-webinar"><img alt="img" src="https://www.techinsights.com/sites/default/files/2023-11/chip-report.png"></div> <div class="details"> <div class="post-meta-single "> <p><a class="solution-base" href="https://library.techinsights.com/reverse-engineering/a6r4y000000kypOAAQ/summary"><img src="https://www.techinsights.com/sites/default/files/2023-10/special-icon.png" style width="26"></a></p> </div> <p class="title"><a href="https://library.techinsights.com/reverse-engineering/a6r4y000000kypOAAQ/summary">特别内容专题</a></p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="single-post-wrap style-overlay"> <div class="thumb-webinar"><img alt="img" src="https://www.techinsights.com/sites/default/files/2023-07/Logic.jpg"></div> <div class="details"> <div class="post-meta-single "> <p><a class="solution-base" href="https://library.techinsights.com/reverse-engineering/analysis-view/BRF-2308-807#sidebar=false&pdfId=3dd8857ce5ae4449894f079d0ca40367"><img alt="Sustainability Solutions" src="https://www.techinsights.com/sites/default/files/2023-11/logic-icon-w-01.png" width="38"></a></p> </div> <p class="title"><a href="https://library.techinsights.com/reverse-engineering/analysis-view/BRF-2308-807#sidebar=false&pdfId=3dd8857ce5ae4449894f079d0ca40367">未来逻辑技术路线图</a></p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="single-post-wrap style-overlay"> <div class="thumb-webinar"><img alt="img" src="https://www.techinsights.com/sites/default/files/2022-11/DRAM.jpg"></div> <div class="details"> <div class="post-meta-single "> <p><a class="solution-base" href="https://library.techinsights.com/reverse-engineering/analysis-view/BRF-2308-803#sidebar=false&pdfId=365db15f53fb44ef8bc71ac708b60ed6"><img src="https://www.techinsights.com/sites/default/files/2023-10/memory-icon.png" style width="32"></a></p> </div> <p class="title"><a href="https://library.techinsights.com/reverse-engineering/analysis-view/BRF-2308-803#sidebar=false&pdfId=365db15f53fb44ef8bc71ac708b60ed6">未来的DRAM技术路线图</a></p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="single-post-wrap style-overlay"> <div class="thumb-webinar"><img alt="img" src="https://www.techinsights.com/sites/default/files/2023-11/nand-report.png"></div> <div class="details"> <div class="post-meta-single "> <p><a class="solution-base" href="https://library.techinsights.com/reverse-engineering/analysis-view/BRF-2308-804#sidebar=false&pdfId=e5259a8f860d430faae47f373bc58fd8"><img src="https://www.techinsights.com/sites/default/files/2023-10/memory-icon.png" style width="32"></a></p> </div> <p class="title"><a href="https://library.techinsights.com/reverse-engineering/analysis-view/BRF-2308-804#sidebar=false&pdfId=e5259a8f860d430faae47f373bc58fd8">来NAND技术路线图</a></p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="single-post-wrap style-overlay"> <div class="thumb-webinar"><img alt="img" src="https://www.techinsights.com/sites/default/files/2023-11/webinar-report.png"></div> <div class="details"> <div class="post-meta-single "> <p><a class="solution-base" href="https://www.techinsights.com/webinars-events"><img src="https://www.techinsights.com/sites/default/files/2023-10/webinar-icon.png" style width="28"></a></p> </div> <p class="title"><a href="https://www.techinsights.com/webinars-events">TechInsights网络研讨会</a></p> </div> </div> </div> </div> </div></div> </div> </div> <div class="block block-layout-builder block-field-blocknodecustom-layout-pagefield-meta-tags"> <div class="content"> </div> </div> <div class="block-content-basic block block-block-content block-block-content29ebc3e8-e5a7-4241-aaec-4b35ead0fa05"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="pt-2 pb-4" style="background-color: #F8F8F8;"> <div class="container pb-3"> <div class="row py-2"> <div class="col-12 col-md-12"> </div> </div> <div class="row py-4"> <div class="col-12 col-md-6 px-4"> <p class="pb-0"><img alt="TechInsights" height="21" src="https://www.techinsights.com/sites/default/files/2025-03/TechInsights-Logo-Horizontal-Color.png" title="TechInsights: The Authoritative Information Platform to the Semiconductor Industry." width="120" loading="lazy"></p> <h2 class="footer-h1">The Authoritative Information Platform to the Semiconductor Industry.</h2> <p class="footer-h3">Discover why TechInsights stands as the semiconductor industry's most trusted source for actionable, in-depth intelligence.</p> <div class="row pr-3"> <div class="col-xs-2"> </div> <div class="col-12 col-md-8 pt-2"> <div class="row"> <div class="col-2 col-md-2 py-2 left"><a href="https://www.linkedin.com/company/-techinsights" target="_blank"><img alt="LinkedIn" height="28" src="https://www.techinsights.com/sites/default/files/2024-08/li.png" title="Follow TechInsights on LinkedIn" width="28" loading="lazy"></a></div> <div class="col-2 col-md-2 py-2 left"><a href="https://twitter.com/techinsightsinc" target="_blank"><img alt="X" height="28" src="https://www.techinsights.com/sites/default/files/2024-08/twitter_2023.png" title="Follow TechInsights on X" width="28" loading="lazy"></a></div> <div class="col-2 col-md-2 py-2 left"><a href="https://www.youtube.com/c/Techinsights" target="_blank"><img alt="YouTube" height="28" src="https://www.techinsights.com/sites/default/files/2024-08/yt.png" title="Watch TechInsights on YouTube" width="28" loading="lazy"></a></div> <div class="col-2 col-md-2 py-2 left"><a href="https://apps.apple.com/ca/app/techinsights/id1564944610" target="_blank"><img alt="App Store" height="28" src="https://www.techinsights.com/sites/default/files/2023-09/store-apple.png" title="Download the TechInsights App on the App Store" width="28" loading="lazy"></a></div> <div class="col-2 col-md-2 py-2 left"><a href="https://play.google.com/store/apps/details?id=com.techinsights" target="_blank"><img alt="Google Play Store" height="28" src="https://www.techinsights.com/sites/default/files/2023-09/store-google-play.png" title="Download the TechInsights App on the Google Play Store" width="28" loading="lazy"></a></div> </div> </div> </div> </div> <div class="col-xs-0 col-md-2"> </div> <div class="col-12 col-md-4"> <div class="row pt-4"> <div class="col-xs-0 col-md-2"> </div> <div class="col-5 col-md-5 py-2 right"><a href="https://ecovadis.com/" target="_blank"><img alt="EcoVadis" height="150" src="https://www.techinsights.com/sites/default/files/2026-02/Ecovadis%20Badge%202026%20%282%29_0.png" title="EcoVadis" width="150" loading="lazy"></a></div> <div class="col-5 col-md-5 py-2 right"><img alt="ISO 27001 Certified" height="150" src="https://www.techinsights.com/sites/default/files/2025-03/iso-27001.png" title="ISO 27001" width="150" loading="lazy"></div> <div class="col-2 col-md-0"> </div> </div> </div> </div> <div class="row py-2 px-4"> <div class="col-12 col-md-12 footer-dash"> </div> </div> <div class="row pt-2 px-2"> <div class="col-12 col-md-7"> <div class="row pt-2"> <div class="col-12 col-md-12"> <h2 class="footer-h2">About TechInsights</h2> </div> </div> <div class="row"> <div class="col-4 col-md-4"> <p class="footer-h4">Who We Are</p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/about-techinsights">About Us</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/investments">Investments</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/about-techinsights/overview/careers-techinsights">Careers</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/community-involvement">Community Involvement</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/market-intelligence/our-experts">Our Experts</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://trust.techinsights.com/" target="_blank">Trust Center</a></p> </div> <div class="col-4 col-md-4"> <p class="footer-h4">Key Topics</p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/sustainability">Sustainability</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/topics/artificial-intelligence">Artificial Intelligence</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/topics/chinese-developments">Chinese Developments</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/topics/chiplets">Chiplets</a></p> </div> <div class="col-4 col-md-4"> <p class="footer-h4">Capabilities</p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/capabilities/reverse-engineering">Reverse Engineering</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/capabilities/market-analysis">Market Intelligence</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/capabilities/cost-analysis">Cost Analysis</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/capabilities/intellectual-property-services">Intellectual Property Services</a></p> </div> </div> </div> <div class="col-12 col-md-1"> </div> <div class="col-5 col-md-2"> <div class="row pt-2"> <div class="col-12 col-md-12"> <h2 class="footer-h2">Get in Touch</h2> </div> </div> <div class="row"> <div class="col-12 col-md-12"> <p class="footer-h4">Contact</p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/about-techinsights/contact-us">Contact Us</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/about-techinsights/contact-us">Office Locations</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/contact-us/sales-inquiry">Sales Inquiry</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/contact-us/media-request">Media Relations</a></p> </div> </div> </div> <div class="col-5 col-md-2"> <div class="row pt-2"> <div class="col-12 col-md-12"> <h2 class="footer-h2">Latest Insights</h2> </div> </div> <div class="row"> <div class="col-12 col-md-12"> <p class="footer-h4">Resources</p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/resources/blogs">Blogs</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/webinars-events">Webinars</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/resources/featured-report-analysis">Featured Reports</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/podcast/the-chip-observer">Podcasts</a></p> <p class="footer-link mb-1"><a class="footer-a" href="https://www.techinsights.com/case-studies">Case Studies</a></p> </div> </div> </div> </div> </div> </div> <div style="background-color: #444;"> <div class="container py-4"> <div class="row pt-2"> <div class="col-12 col-md-8 px-4"> <p class="footer-sub-h2 mb-1"><a href="tel:18778264447" target="_blank">1-877-826-4447</a></p> <p class="footer-sub-h2 white">1891 Robertson Rd #500, Nepean, ON K2H 5B7</p> </div> <div class="col-12 col-md-4 px-4"> <p class="footer-sub-h2 white">Copyright © 2026 TechInsights Inc. All rights reserved.</p> </div> </div> <div class="row pt-2"> <div class="col-12 col-md-8 px-4"> <div class="row"> <div class="col-12 col-md-12"> <p class="footer-sub-text"><a class="pr-2" href="https://www.techinsights.com/accessibility-plan-policy">Accessibility</a> | <a class="px-2" href="https://www.techinsights.com/privacy-policy">Privacy Policy</a> | <a class="px-2" href="https://www.techinsights.com/legal/terms-and-conditions">Terms & Conditions</a> | <a class="px-2" href="https://www.techinsights.com/conflict-interest-and-confidential-information">Conflict of Interest & Confidential Information</a> | <a class="px-2" href="https://www.techinsights.com/ethics-and-compliance">Ethics & Compliance</a></p> </div> </div> </div> </div> </div> </div>  <div id="ti-top-strip-root"> </div> <script> (function () { var cfg = { imageSrc: 'https://www.techinsights.com/sites/default/files/2026-05/capacity-bg.png?text=TechInsights+Promotion', imageAlt: 'Promotion image', text: 'Must See Webinar | Semiconductor Capacity Crunch 2026: Supply, Pricing & Risk', ctaText: 'Register for Free →', ctaHref: '/capacity-crunch-webinar' }; var root = document.getElementById('ti-top-strip-root'); if (!root) return; var bar = document.createElement('div'); bar.className = 'ti-top-strip'; bar.innerHTML = ` <div class="ti-strip-inner"> <img class="ti-strip-img" alt="" /> <div class="ti-strip-text"></div> <a class="ti-strip-cta" target="_blank" rel="noopener"></a> <button class="ti-strip-close" aria-label="Close">×</button> </div> `; var style = document.createElement('style'); style.textContent = ` .ti-top-strip { width: 100%; background: #2676BB; color: #fff; font-family: inherit; position: fixed; bottom: 0; left: 0; z-index: 9999; } .ti-strip-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 14px; padding: 10px 16px; } .ti-strip-img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid rgba(255,255,255,.3); background: #fff; } .ti-strip-text { flex: 1; font-size: 1.0rem; line-height: 1.3; font-weight: 500; } .ti-strip-cta { background: #fff; color: #0b5cab; padding: 6px 12px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.05rem; white-space: nowrap; transition: 0.2s ease; } .ti-strip-cta:hover { background: #fff; color: #0b5cab; padding: 6px 12px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.05rem; white-space: nowrap; transition: 0.2s ease; opacity: 0.9; transform: translateY(-1px); } .ti-strip-close { background: none; border: none; color: #fff !important; font-size: 20px; cursor: pointer; margin-left: 4px; } @media (max-width: 768px) { .ti-strip-inner { flex-wrap: wrap; gap: 8px; } .ti-strip-text { width: 100%; font-size: 13px; } .ti-strip-cta { margin-top: 4px; } } `; document.head.appendChild(style); root.appendChild(bar); // Populate bar.querySelector('.ti-strip-img').src = cfg.imageSrc; bar.querySelector('.ti-strip-img').alt = cfg.imageAlt; bar.querySelector('.ti-strip-text').textContent = cfg.text; bar.querySelector('.ti-strip-cta').textContent = cfg.ctaText; bar.querySelector('.ti-strip-cta').href = cfg.ctaHref; // Close bar.querySelector('.ti-strip-close').onclick = function () { bar.style.display = 'none'; }; })(); </script> <div id="ti-floating-promo-root"> </div> <script> (function () { var cfg = { title: 'Semiconductor Capacity Crunch 2026: Supply, Pricing & Risk', kicker: 'Webinar', copy: "Join us for Capacity Crunch, a webinar powered by our proprietary data models delivering the market intelligence you need to navigate today’s semiconductor supply environment.", ctaText: 'Register for free →', ctaHref: '/capacity-crunch-webinar', launcherImageSrc: 'https://www.techinsights.com/sites/default/files/2026-05/capacity-bg.png?text=TechInsights+Promotion', launcherImageAlt: 'Promotion image', backgroundImageSrc: 'https://www.techinsights.com/sites/default/files/2026-05/webinar-capacity.jpg?text=TechInsights+Promotion+Banner', backgroundImageAlt: 'Promotion background image', badgeText: 'Capacity Crunch' }; var root = document.getElementById('ti-floating-promo-root'); if (!root) return; var wrap = document.createElement('div'); wrap.id = 'ti-floating-promo-wrap'; wrap.innerHTML = ` <aside class="ti-promo-card"> <div class="ti-promo-hero"> <img class="ti-promo-media" alt="" /> <button class="ti-promo-close" type="button" aria-label="Close promotion">×</button> </div> <div class="ti-promo-body"> <div class="ti-promo-kicker"></div> <h2 class="ti-promo-title"></h2> <p class="ti-promo-copy"></p> <a class="ti-promo-cta" target="_blank" rel="noopener"></a> </div> </aside> <button class="ti-promo-launcher" type="button" aria-label="Open promotion"> <img class="ti-promo-launcher-img" alt="" /> <span class="ti-promo-badge"> <span class="ti-promo-pill">WEBINAR</span> <span class="ti-promo-badge-text"></span> </span> </button> `; var style = document.createElement('style'); style.textContent = ` #ti-floating-promo-wrap { position: fixed; left: -11%; top: 57%; transform: translateY(-50%); z-index: 9999; display: flex; align-items: center; font-family: inherit; display:none; } .ti-promo-card { width: 320px; background: #fff; border-radius: 16px; box-shadow: 0 18px 50px rgba(0,0,0,.18); overflow: hidden; transition: transform 0.25s ease, opacity 0.25s ease; } .ti-promo-card.is-closed { transform: translateX(110%); opacity: 0; pointer-events: none; } .ti-promo-hero { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #dfe7f3; } .ti-promo-media { width: 100%; height: 100%; object-fit: cover; display: block; } .ti-promo-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 100%); pointer-events: none; } .ti-promo-close { position: absolute; top: 10px; right: 10px; z-index: 2; width: 32px; height: 32px; border: none; border-radius: 999px; background: rgba(255,255,255,.92); color: #1d2433; font-size: 24px; font-weight: 800; line-height: 1; cursor: pointer; box-shadow: 0 8px 18px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; padding: 0 !important; } .ti-promo-close:hover { background: #fff; } .ti-promo-body { padding: 16px; } .ti-promo-kicker { font-size: 1.0rem; line-height: 1.25rem; color: #0b5cab; font-weight: bold; } .ti-promo-title { font-size: 1.25rem; margin: 3px 0; line-height: 1.15; color: #1d2433; } .ti-promo-copy { font-size: 0.95rem; line-height: 1.35rem; color: #444; margin: 0; } .ti-promo-cta { display: block; margin-top: 12px; background: #2676BB; color: #fff; text-align: center; padding: 10px; border-radius: 8px; text-decoration: none; font-weight: bold; } .ti-promo-cta:hover { display: block; margin-top: 12px; background: #2676BB; color: #fff; text-align: center; padding: 10px; border-radius: 8px; text-decoration: none; font-weight: bold; transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 40px rgba(var(--ti-blue-rgb), 0.14), 0 6px 16px rgba(7, 12, 30, 0.06); } /* Circular launcher */ .ti-promo-launcher { width: 102px; height: 102px; border-radius: 50%; border: none; padding: 0 !important; overflow: visible; box-shadow: 0 12px 30px rgba(0,0,0,.25); cursor: pointer; position: relative; transition: all 0.25s ease; background: #fff; display: flex; align-items: center; justify-content: center; } .ti-promo-launcher:hover { transform: scale(1.05); background: #2676BB; } .ti-promo-launcher { width: 102px; height: 102px; border-radius: 50%; border: none; padding: 0 !important; overflow: visible; box-shadow: 0 12px 30px rgba(0,0,0,.25); cursor: pointer; position: relative; transition: all 0.25s ease; background: #fff; display: flex; align-items: center; justify-content: center; margin-left: 12px; } /* Badge with NEW pill */ .ti-promo-badge { position: absolute; bottom: -8px; right: -8px; display: flex; align-items: center; gap: 6px; background: #0b5cab; color: #fff; font-size: 1.0rem; font-weight: 600; padding: 6px 10px; border-radius: 999px; box-shadow: 0 8px 20px rgba(0,0,0,.25); white-space: nowrap; } .ti-promo-pill { position: absolute; top: -17px; left: 0%; transform: translateX(-50%); background: #fff; color: #0b5cab; font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 999px; box-shadow: 0 6px 16px rgba(0,0,0,.25); } .ti-promo-badge-text { white-space: nowrap; } .is-open .ti-promo-launcher { display: none; } @media (max-width: 768px) { #ti-floating-promo-wrap { top: auto; bottom: 6%; transform: none; right: 25px; } } `; document.head.appendChild(style); root.appendChild(wrap); var card = wrap.querySelector('.ti-promo-card'); var launcher = wrap.querySelector('.ti-promo-launcher'); var closeBtn = wrap.querySelector('.ti-promo-close'); wrap.querySelector('.ti-promo-media').src = cfg.backgroundImageSrc; wrap.querySelector('.ti-promo-media').alt = cfg.backgroundImageAlt; wrap.querySelector('.ti-promo-launcher-img').src = cfg.launcherImageSrc; wrap.querySelector('.ti-promo-launcher-img').alt = cfg.launcherImageAlt; wrap.querySelector('.ti-promo-kicker').textContent = cfg.kicker; wrap.querySelector('.ti-promo-title').textContent = cfg.title; wrap.querySelector('.ti-promo-copy').textContent = cfg.copy; wrap.querySelector('.ti-promo-cta').textContent = cfg.ctaText; wrap.querySelector('.ti-promo-cta').href = cfg.ctaHref; wrap.querySelector('.ti-promo-badge-text').textContent = cfg.badgeText; function openPromo() { wrap.classList.add('is-open'); card.classList.remove('is-closed'); } function closePromo() { wrap.classList.remove('is-open'); card.classList.add('is-closed'); } closeBtn.addEventListener('click', closePromo); launcher.addEventListener('click', openPromo); closePromo(); })(); </script></div> </div> </div> </div> </div> Mon, 27 Nov 2023 15:01:29 +0000 JWinters 54047 at https://www.techinsights.com